",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/14033-90afcea6bd261f91.js b/version/v0.0.61/_next/static/chunks/14033-90afcea6bd261f91.js
new file mode 100644
index 00000000000..4426cc15e9a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/14033-90afcea6bd261f91.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14033],{14033:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});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:"(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:" 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:" 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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"(Default) Adaptive",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:" 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)(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:" 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:" 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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"(Default) Adaptive",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:" ",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:"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:" 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)(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:" 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:" 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:"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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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 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)(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:" 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:" 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:"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)(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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",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:" ",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:"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 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)(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:" 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:" 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:"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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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 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)(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:" 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:" 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:"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)(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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",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:" ",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:"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 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)(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:" 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:" 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:" 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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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 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)(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:" 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:" 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:" 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)(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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",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:" ",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:"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 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)(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:" 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:" 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:"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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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 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)(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:" 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:" 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:"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)(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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",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:" ",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:"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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/16592-4b00289d95074b37.js b/version/v0.0.61/_next/static/chunks/16592-4b00289d95074b37.js
new file mode 100644
index 00000000000..08be00a40ef
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/16592-4b00289d95074b37.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||i("CH",!1),r.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)(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:"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)(r.Code,{codeConfig:c,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)(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:"Auto (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">Auto (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:" 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)(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:"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)(r.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)(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 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)(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 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)(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:" 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/17966-149b6bc8388677d5.js b/version/v0.0.61/_next/static/chunks/17966-149b6bc8388677d5.js
new file mode 100644
index 00000000000..727d9fbe3c0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/17966-149b6bc8388677d5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17966],{17966:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/19126-dac9dac22ed0ffbf.js b/version/v0.0.61/_next/static/chunks/19126-dac9dac22ed0ffbf.js
new file mode 100644
index 00000000000..4c84ebdb200
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/19126-dac9dac22ed0ffbf.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19126],{19126:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/19204-394d56e502820a2e.js b/version/v0.0.61/_next/static/chunks/19204-394d56e502820a2e.js
new file mode 100644
index 00000000000..0e87f15f8a5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/19204-394d56e502820a2e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19204],{19204:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/19711-a49be23eddffca19.js b/version/v0.0.61/_next/static/chunks/19711-a49be23eddffca19.js
new file mode 100644
index 00000000000..6ef15ae1514
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/19711-a49be23eddffca19.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19711],{19711:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/20516-6bada1a1f641d66d.js b/version/v0.0.61/_next/static/chunks/20516-6bada1a1f641d66d.js
new file mode 100644
index 00000000000..cc7c599fe65
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/20516-6bada1a1f641d66d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20516],{20516:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/21519-7c2af0c16273e075.js b/version/v0.0.61/_next/static/chunks/21519-7c2af0c16273e075.js
new file mode 100644
index 00000000000..8167d2e812a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/21519-7c2af0c16273e075.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21519],{21519:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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"}}},{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:"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"}}},{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:"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"}}},{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:"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"}}},{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:"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"}}},{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:"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"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/2189-cb1159b46f2da72c.js b/version/v0.0.61/_next/static/chunks/2189-cb1159b46f2da72c.js
new file mode 100644
index 00000000000..30c9c25a37b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/2189-cb1159b46f2da72c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/22235-097def13ebebe8a5.js b/version/v0.0.61/_next/static/chunks/22235-097def13ebebe8a5.js
new file mode 100644
index 00000000000..7496fe68c80
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/22235-097def13ebebe8a5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22235],{22235:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});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"}}}]},{tokens:[{content:" (Default) Adaptive",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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"html",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"}}}]},{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)(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) Adaptive",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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:["html"],active:"html",heightRatio:1},files:[{name:"html",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"}}}]},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:[]}]})]}),"\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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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)(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:"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:"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"}}},{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:"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:"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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/22440-e3afbf7ee3901aef.js b/version/v0.0.61/_next/static/chunks/22440-e3afbf7ee3901aef.js
new file mode 100644
index 00000000000..6208c908cab
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/22440-e3afbf7ee3901aef.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22440],{22440:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});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||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: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:" 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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",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:" functional",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:" 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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",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:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",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:l,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)(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:" 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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",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:" 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)(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:" 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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",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:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",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:l,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)(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:" 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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",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:" expressive",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:" 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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",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:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",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:l,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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/22686-ae0263bb230fbe98.js b/version/v0.0.61/_next/static/chunks/22686-ae0263bb230fbe98.js
new file mode 100644
index 00000000000..50035a7b38e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/22686-ae0263bb230fbe98.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22686],{22686:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return y}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/23019-9d2db7e53903ac36.js b/version/v0.0.61/_next/static/chunks/23019-9d2db7e53903ac36.js
new file mode 100644
index 00000000000..bdf04360771
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/23019-9d2db7e53903ac36.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23019],{35368:function(e){/*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */e.exports=function(){"use strict";let{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object,{freeze:i,seal:a,create:l}=Object,{apply:c,construct:u}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),u||(u=function(e,t){return new e(...t)});let s=_(Array.prototype.forEach),f=_(Array.prototype.pop),p=_(Array.prototype.push),d=_(String.prototype.toLowerCase),m=_(String.prototype.toString),h=_(String.prototype.match),g=_(String.prototype.replace),y=_(String.prototype.indexOf),T=_(String.prototype.trim),b=_(RegExp.prototype.test),E=(Y=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n1?n-1:0),r=1;r2&&void 0!==arguments[2]?arguments[2]:d;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){let e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function v(t){let n=l(null);for(let[o,i]of e(t))void 0!==r(t,o)&&(n[o]=i);return n}function N(e,t){for(;null!==e;){let n=r(e,t);if(n){if(n.get)return _(n.get);if("function"==typeof n.value)return _(n.value)}e=o(e)}return function(e){return console.warn("fallback value for",e),null}}let S=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),C=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),R=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),k=i(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),O=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),L=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),w=i(["#text"]),x=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),D=i(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),M=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),I=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),U=a(/<%[\w\W]*|[\w\W]*%>/gm),H=a(/\${[\w\W]*}/gm),F=a(/^data-[\-\w.\u00B7-\uFFFF]/),j=a(/^aria-[\-\w]+$/),z=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),B=a(/^(?:\w+script|data):/i),W=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),G=a(/^html$/i);var Y,K=Object.freeze({__proto__:null,MUSTACHE_EXPR:P,ERB_EXPR:U,TMPLIT_EXPR:H,DATA_ATTR:F,ARIA_ATTR:j,IS_ALLOWED_URI:z,IS_SCRIPT_OR_DATA:B,ATTR_WHITESPACE:W,DOCTYPE_NAME:G});let q=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null,o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));let r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}};return function t(){let n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"undefined"==typeof window?null:window,r=e=>t(e);if(r.version="3.0.6",r.removed=[],!o||!o.document||9!==o.document.nodeType)return r.isSupported=!1,r;let{document:a}=o,c=a,u=c.currentScript,{DocumentFragment,HTMLTemplateElement,Node,Element,NodeFilter,NamedNodeMap=o.NamedNodeMap||o.MozNamedAttrMap,HTMLFormElement,DOMParser,trustedTypes:_}=o,P=Element.prototype,U=N(P,"cloneNode"),H=N(P,"nextSibling"),F=N(P,"childNodes"),j=N(P,"parentNode");if("function"==typeof HTMLTemplateElement){let e=a.createElement("template");e.content&&e.content.ownerDocument&&(a=e.content.ownerDocument)}let B="",{implementation:W,createNodeIterator:Y,createDocumentFragment:V,getElementsByTagName:X}=a,{importNode:$}=c,Z={};r.isSupported="function"==typeof e&&"function"==typeof j&&W&&void 0!==W.createHTMLDocument;let{MUSTACHE_EXPR:J,ERB_EXPR:Q,TMPLIT_EXPR:ee,DATA_ATTR:et,ARIA_ATTR:en,IS_SCRIPT_OR_DATA:eo,ATTR_WHITESPACE:er}=K,{IS_ALLOWED_URI:ei}=K,ea=null,el=A({},[...S,...C,...R,...O,...w]),ec=null,eu=A({},[...x,...D,...M,...I]),es=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),ef=null,ep=null,ed=!0,em=!0,eh=!1,eg=!0,ey=!1,eT=!1,eb=!1,eE=!1,e_=!1,eA=!1,ev=!1,eN=!0,eS=!1,eC=!0,eR=!1,ek={},eO=null,eL=A({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),ew=null,ex=A({},["audio","video","img","source","image","track"]),eD=null,eM=A({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),eI="http://www.w3.org/1998/Math/MathML",eP="http://www.w3.org/2000/svg",eU="http://www.w3.org/1999/xhtml",eH=eU,eF=!1,ej=null,ez=A({},[eI,eP,eU],m),eB=null,eW=["application/xhtml+xml","text/html"],eG=null,eY=null,eK=a.createElement("form"),eq=function(e){return e instanceof RegExp||e instanceof Function},eV=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!eY||eY!==e){if(e&&"object"==typeof e||(e={}),e=v(e),eG="application/xhtml+xml"===(eB=eB=-1===eW.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE)?m:d,ea="ALLOWED_TAGS"in e?A({},e.ALLOWED_TAGS,eG):el,ec="ALLOWED_ATTR"in e?A({},e.ALLOWED_ATTR,eG):eu,ej="ALLOWED_NAMESPACES"in e?A({},e.ALLOWED_NAMESPACES,m):ez,eD="ADD_URI_SAFE_ATTR"in e?A(v(eM),e.ADD_URI_SAFE_ATTR,eG):eM,ew="ADD_DATA_URI_TAGS"in e?A(v(ex),e.ADD_DATA_URI_TAGS,eG):ex,eO="FORBID_CONTENTS"in e?A({},e.FORBID_CONTENTS,eG):eL,ef="FORBID_TAGS"in e?A({},e.FORBID_TAGS,eG):{},ep="FORBID_ATTR"in e?A({},e.FORBID_ATTR,eG):{},ek="USE_PROFILES"in e&&e.USE_PROFILES,ed=!1!==e.ALLOW_ARIA_ATTR,em=!1!==e.ALLOW_DATA_ATTR,eh=e.ALLOW_UNKNOWN_PROTOCOLS||!1,eg=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,ey=e.SAFE_FOR_TEMPLATES||!1,eT=e.WHOLE_DOCUMENT||!1,e_=e.RETURN_DOM||!1,eA=e.RETURN_DOM_FRAGMENT||!1,ev=e.RETURN_TRUSTED_TYPE||!1,eE=e.FORCE_BODY||!1,eN=!1!==e.SANITIZE_DOM,eS=e.SANITIZE_NAMED_PROPS||!1,eC=!1!==e.KEEP_CONTENT,eR=e.IN_PLACE||!1,ei=e.ALLOWED_URI_REGEXP||z,eH=e.NAMESPACE||eU,es=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&eq(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(es.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&eq(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(es.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(es.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ey&&(em=!1),eA&&(e_=!0),ek&&(ea=A({},[...w]),ec=[],!0===ek.html&&(A(ea,S),A(ec,x)),!0===ek.svg&&(A(ea,C),A(ec,D),A(ec,I)),!0===ek.svgFilters&&(A(ea,R),A(ec,D),A(ec,I)),!0===ek.mathMl&&(A(ea,O),A(ec,M),A(ec,I))),e.ADD_TAGS&&(ea===el&&(ea=v(ea)),A(ea,e.ADD_TAGS,eG)),e.ADD_ATTR&&(ec===eu&&(ec=v(ec)),A(ec,e.ADD_ATTR,eG)),e.ADD_URI_SAFE_ATTR&&A(eD,e.ADD_URI_SAFE_ATTR,eG),e.FORBID_CONTENTS&&(eO===eL&&(eO=v(eO)),A(eO,e.FORBID_CONTENTS,eG)),eC&&(ea["#text"]=!0),eT&&A(ea,["html","head","body"]),ea.table&&(A(ea,["tbody"]),delete ef.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');B=(n=e.TRUSTED_TYPES_POLICY).createHTML("")}else void 0===n&&(n=q(_,u)),null!==n&&"string"==typeof B&&(B=n.createHTML(""));i&&i(e),eY=e}},eX=A({},["mi","mo","mn","ms","mtext"]),e$=A({},["foreignobject","desc","title","annotation-xml"]),eZ=A({},["title","style","font","a","script"]),eJ=A({},C);A(eJ,R),A(eJ,k);let eQ=A({},O);A(eQ,L);let e0=function(e){let t=j(e);t&&t.tagName||(t={namespaceURI:eH,tagName:"template"});let n=d(e.tagName),o=d(t.tagName);return!!ej[e.namespaceURI]&&(e.namespaceURI===eP?t.namespaceURI===eU?"svg"===n:t.namespaceURI===eI?"svg"===n&&("annotation-xml"===o||eX[o]):!!eJ[n]:e.namespaceURI===eI?t.namespaceURI===eU?"math"===n:t.namespaceURI===eP?"math"===n&&e$[o]:!!eQ[n]:e.namespaceURI===eU?(t.namespaceURI!==eP||!!e$[o])&&(t.namespaceURI!==eI||!!eX[o])&&!eQ[n]&&(eZ[n]||!eJ[n]):"application/xhtml+xml"===eB&&!!ej[e.namespaceURI])},e1=function(e){p(r.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},e9=function(e,t){try{p(r.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(r.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!ec[e]){if(e_||eA)try{e1(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}}},e2=function(e){let t=null,o=null;if(eE)e="",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/24134-0621395468b772cd.js b/version/v0.0.61/_next/static/chunks/24134-0621395468b772cd.js
new file mode 100644
index 00000000000..89c3dc2df22
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/24134-0621395468b772cd.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24134],{24134:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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||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"}}}]},{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:"value",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:"value",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"}}},{content:"Label",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: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:"value",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:"value",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"}}},{content:"Label",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: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:" 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:"Number",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:">",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:"Number",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:">",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"}}},{content:"Number",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:r,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)(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:"Number",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:">",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)(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:"Number",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:">",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)(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:"Number",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: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 - Leading 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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"}}},{content:"Label",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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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"}}},{content:"Label",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: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 - Leading Icon - 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - 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"}}},{content:"Label",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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - 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:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - 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"}}},{content:"Label",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: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:"x_placeholder",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:"x_placeholder",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"}}},{content:"Label",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: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:"x_placeholder",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:"x_placeholder",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"}}},{content:"Label",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 y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/24475-36fbf529a83ecfd1.js b/version/v0.0.61/_next/static/chunks/24475-36fbf529a83ecfd1.js
new file mode 100644
index 00000000000..22646ccd9ae
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/24475-36fbf529a83ecfd1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24475],{24475:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return F}});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||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: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:" Small (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (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:" Small (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"}}}]},{tokens:[{content:" Small (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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (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:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (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:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (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"}}}]},{tokens:[{content:" Medium",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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)(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:" Medium",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:" 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: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:" None",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",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:" None",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:" None",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",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:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",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:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/2461-9362ebd107672ba6.js b/version/v0.0.61/_next/static/chunks/2461-9362ebd107672ba6.js
new file mode 100644
index 00000000000..449ba52bdb3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/2461-9362ebd107672ba6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2461],{2461:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/24882-1f6258de750332d0.js b/version/v0.0.61/_next/static/chunks/24882-1f6258de750332d0.js
new file mode 100644
index 00000000000..20e01fc4292
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/24882-1f6258de750332d0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.Code||i("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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/25027-b5ce141c426b1832.js b/version/v0.0.61/_next/static/chunks/25027-b5ce141c426b1832.js
new file mode 100644
index 00000000000..c26806836e9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/25027-b5ce141c426b1832.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25027],{25027:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/25644-99045e3ac64923fa.js b/version/v0.0.61/_next/static/chunks/25644-99045e3ac64923fa.js
new file mode 100644
index 00000000000..14f3d6693ef
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/25644-99045e3ac64923fa.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25644],{25644:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});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:"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:"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"}}}]},{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:"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"}}}]},{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:" 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"}}}]},{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:" 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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/27398-00854085e22cc98d.js b/version/v0.0.61/_next/static/chunks/27398-00854085e22cc98d.js
new file mode 100644
index 00000000000..0cca728297d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/27398-00854085e22cc98d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27398],{27398:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return c},default:function(){return a}});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||F("CH",!1),s.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)(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"}}},{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:"#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"}}},{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:"#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"}}},{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:"#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"}}},{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:"#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 - 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:"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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - 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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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:"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:"#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 - Filled",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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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"}}},{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:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/27561-21ccf27da9926595.js b/version/v0.0.61/_next/static/chunks/27561-21ccf27da9926595.js
new file mode 100644
index 00000000000..52dd846194d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/27561-21ccf27da9926595.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27561],{27561:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/28248-b3dbcfb293842fdb.js b/version/v0.0.61/_next/static/chunks/28248-b3dbcfb293842fdb.js
new file mode 100644
index 00000000000..529b92bd232
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/28248-b3dbcfb293842fdb.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28248],{28248:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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"}}}]},{tokens:[{content:" Auto (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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{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:"#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:" Auto (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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#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:" Auto (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: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:" Fixed",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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:" Fixed",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:" Fixed",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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/29663-624643fa978ec0af.js b/version/v0.0.61/_next/static/chunks/29663-624643fa978ec0af.js
new file mode 100644
index 00000000000..a22bf6f9de2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/29663-624643fa978ec0af.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29663],{29663:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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: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)(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:"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)(c.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)(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) Medium",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:"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)(c.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)(c.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)(c.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)(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 a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/31453-96dbfb237d58d355.js b/version/v0.0.61/_next/static/chunks/31453-96dbfb237d58d355.js
new file mode 100644
index 00000000000..64edf80e2fb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/31453-96dbfb237d58d355.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31453],{31453:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return E}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return r||F("CH",!1),r.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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/33329-2e872fa846d2ad3e.js b/version/v0.0.61/_next/static/chunks/33329-2e872fa846d2ad3e.js
new file mode 100644
index 00000000000..2197a685522
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/33329-2e872fa846d2ad3e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33329],{33329:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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:"Interactive Button",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",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:"Interactive Button",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Button",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 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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{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 Link",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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:"#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 Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Checkbox",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 Radio 1",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",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:"Interactive Radio 1",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Radio 1",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:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Strong Radio 2 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:"DBTag",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{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"}}}]},{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:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 ",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'Interactive Radio 2
',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 Interactive Radio 2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ','html':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2
','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",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:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Strong Radio 2 with 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",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{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"}}}]},{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:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 ",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'Interactive Radio 2
',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 Interactive Radio 2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ','html':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2
','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/3378-95d7d35a97db5800.js b/version/v0.0.61/_next/static/chunks/3378-95d7d35a97db5800.js
new file mode 100644
index 00000000000..f6ef062ce58
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/3378-95d7d35a97db5800.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3378],{3378:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 as Button",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Tag as Link ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static Tag with overflow",props:{style:{color:"#D8DEE9FF"}}},{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:"Neutral",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:"neutral",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:" 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:"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:"neutral",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'}\">Neutral",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:"Neutral",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",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:"neutral",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:" Neutral",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:"neutral",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'}\">Neutral",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:"Neutral",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"}}},{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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/35405-7ba44079d4948beb.js b/version/v0.0.61/_next/static/chunks/35405-7ba44079d4948beb.js
new file mode 100644
index 00000000000..998b78b3d8e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/35405-7ba44079d4948beb.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35405],{35405:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,c.a)(),...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:"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:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/37070-06c2d5fe22deb00d.js b/version/v0.0.61/_next/static/chunks/37070-06c2d5fe22deb00d.js
new file mode 100644
index 00000000000..34d6a627468
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/37070-06c2d5fe22deb00d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37070],{37070:function(e,t,n){n.r(t),n.d(t,{CH:function(){return d},chCodeConfig:function(){return s},default:function(){return l}});var r=n(52322),c=n(45392),o=n(65854);let d={annotations:o.ds,Code:o.EK},s={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,c.a)(),...e.components};return d||h("CH",!1),d.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",(0,r.jsx)(t.h2,{children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{children:"tag vs. chip"}),"\n",(0,r.jsx)(t.p,{children:"We simplified the components by reducing the amount from tag + chip to only tag."}),"\n",(0,r.jsx)(t.p,{children:"You can use different types of tags by adding another component into it:"}),"\n",(0,r.jsx)(d.Code,{codeConfig:s,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tag as Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,r.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-tag"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-tag"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{children:"sizes"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"small"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["We removed small tags because of tonality. But you can use ",(0,r.jsx)(t.code,{children:"type"})," property with value ",(0,r.jsx)(t.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,r.jsx)(t.h3,{children:"variants"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"poi-*"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed all point of interest colors for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"track"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed track for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{})]})]})]}),"\n",(0,r.jsx)(t.h3,{children:"icons"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconAfter"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(i,{...e})}):i(e)}function h(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/37426-54290b4ec3d82f2e.js b/version/v0.0.61/_next/static/chunks/37426-54290b4ec3d82f2e.js
new file mode 100644
index 00000000000..47560ad4322
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/37426-54290b4ec3d82f2e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37426],{70718:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[s,d]=(0,l.useState)(()=>i.IY),[c,o]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(e.id||"accordion-item-"+(0,r.Vj)()),e.stylePath&&o(e.stylePath)},[]),(0,a.jsxs)("details",{ref:t,...(0,r.mS)(e,[]),id:s,className:(0,r.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:e.open,name:e.name,children:[c?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:c})}):null,(0,a.jsxs)("summary",{onClick:n=>{null==n||n.preventDefault(),e.onToggle&&e.onToggle(!e.open)},children:[e.title?(0,a.jsx)(a.Fragment,{children:e.title}):null,e.title?null:(0,a.jsx)(a.Fragment,{children:e.slotTitle})]}),(0,a.jsxs)("div",{children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.content?null:(0,a.jsx)(a.Fragment,{children:e.children})]})]})});n.Z=s},79689:function(e,n,t){t.d(n,{k:function(){return a.Z}});var a=t(70718)},48414:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(79689);let s=(0,l.forwardRef)(function(e,n){var t;let s=(0,l.useRef)(n),[d,c]=(0,l.useState)(()=>[]),[o,u]=(0,l.useState)(()=>""),[h,f]=(0,l.useState)(()=>!1),[m,v]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&v(e.stylePath),f(!0)},[]),(0,l.useEffect)(()=>{if(s.current&&h){let n=s.current.getElementsByTagName("details");if(n){let t=[];Array.from(n).forEach((n,a)=>{var l;let r=n.id;(n.open||(null===(l=e.initOpenIndex)||void 0===l?void 0:l.includes(a)))&&t.push(r);let i=n.getElementsByTagName("summary");(null==i?void 0:i.length)>0&&i[0].addEventListener("click",()=>{u(r)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),c(t),f(!1)}}},[s.current,h]),(0,l.useEffect)(()=>{(null==o?void 0:o.length)>0&&(d.includes(o)?"single"===e.behaviour?c([]):c(d.filter(e=>e!==o)):"single"===e.behaviour?c([o]):c([...d,o]),e.onChange&&e.onChange(d),u(""))},[o]),(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,a.jsxs)("div",{ref:s,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-accordion",e.className),children:[m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:m})}):null,e.items?null:(0,a.jsx)(a.Fragment,{children:e.children}),e.items?(0,a.jsx)(a.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,a.jsx)(i.k,{title:e.title,disabled:e.disabled,content:e.content},"accordion-item-".concat(e.title,"-").concat(n)))}):null]})});n.Z=s},43548:function(e,n,t){var a=t(52322),l=t(2784),r=t(62540),i=t(17212),s=t(76238),d=t(80724);let c=(0,l.forwardRef)(function(e,n){var t;let c=(0,l.useRef)(n),[o,u]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&u(e.stylePath)},[]),(0,a.jsxs)("div",{ref:c,...(0,d.mS)(e,[]),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,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:o})}):null,e.headline?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("strong",{className:"db-alert-headline",children:e.headline})}):null,(0,a.jsx)("p",{className:"db-alert-content",children:e.children}),e.link?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.v,{variant:"inline",className:"db-alert-link",href:e.link.href,hreflang:e.link.hreflang,target:e.link.target,rel:e.link.rel,role:e.link.role,disabled:e.link.disabled,selected:e.link.selected,label:e.link.label,current:e.link.current,text:e.link.text})}):null,"permanent"!==e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(r.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:s.ce})}):null]})});n.Z=c},83550:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("span",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-badge",e.className),"data-variant":e.variant,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.children]})});n.Z=i},94503:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){var t,i,s,d,c;let o=(0,l.useRef)(n),[u,h]=(0,l.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[f,m]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&m(e.stylePath)},[]),(0,a.jsxs)("div",{ref:o,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-brand",e.className),children:[f?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:f})}):null,(0,a.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(s=e.imgAlt)&&void 0!==s?s:"",height:null!==(d=e.imgHeight)&&void 0!==d?d:u.height,width:null!==(c=e.imgWidth)&&void 0!==c?c:u.width})}),e.anchorChildren?(0,a.jsx)(a.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,a.jsx)(a.Fragment,{children:e.children})]})});n.Z=i},42684:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("button",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.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-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.children]})});n.Z=i},62540:function(e,n,t){t.d(n,{Y:function(){return a.Z}});var a=t(42684)},26213:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("div",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.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:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.imgSrc?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-card-image",src:e.imgSrc,alt:e.imgAlt,height:e.imgHeight,width:e.imgWidth})}):null,e.children]})});n.Z=i},37252:function(e,n,t){t.d(n,{f:function(){return a.Z}});var a=t(26213)},80910:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[s,d]=(0,l.useState)(()=>!1),[c,o]=(0,l.useState)(()=>i.IY),[u,h]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(!0),o(e.id||"checkbox-"+(0,r.Vj)()),e.stylePath&&h(e.stylePath)},[]),(0,l.useEffect)(()=>{if(s&&document&&c){var n;let t=null===(n=document)||void 0===n?void 0:n.getElementById(c);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate))}},[s,e.indeterminate,e.checked]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,htmlFor:c,className:(0,r.yI)("db-checkbox",e.className),children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:u})}):null,(0,a.jsx)("input",{type:"checkbox",ref:t,...(0,r.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,required:e.required,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n),n.target},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})});n.Z=s},5980:function(e,n,t){var a=t(52322),l=t(2784),r=t(37252),i=t(80724);let s=(0,l.forwardRef)(function(e,n){var t,s;let d=(0,l.useRef)(n),[c,o]=(0,l.useState)(()=>!1),[u,h]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&h(e.stylePath)},[]),(0,a.jsxs)(r.f,{ref:d,...(0,i.mS)(e,[]),className:(0,i.yI)("db-code-docs",e.className),children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:u})}):null,e.children,(0,a.jsxs)("details",{className:"code-details",onToggle:e=>void o(!c),children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"primary",children:c?null!==(t=e.hideCodeLabel)&&void 0!==t?t:"Hide Code":null!==(s=e.showCodeLabel)&&void 0!==s?s:"Show Code"}),(0,a.jsx)("div",{className:"db-ui-functional code",children:e.slotCode})]})]})});n.Z=s},10131:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsx)("div",{ref:t,...(0,r.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,r.yI)("db-divider",e.className),children:i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null})});n.Z=i},88997:function(e,n,t){var a=t(52322),l=t(2784),r=t(62540),i=t(76238),s=t(80724);let d=(0,l.forwardRef)(function(e,n){var t;let d=(0,l.useRef)(n),c=(0,l.useRef)(null),[o,u]=(0,l.useState)(()=>i.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(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(c.current&&(c.current.hidden=!0),setTimeout(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}let[m,v]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{u(e.id||"drawer-"+(0,s.Vj)()),e.stylePath&&v(e.stylePath),f()},[]),(0,l.useEffect)(()=>{f()},[e.open]),(0,a.jsxs)("dialog",{className:"db-drawer",id:o,ref:d,...(0,s.mS)(e,["onClose"]),onClick:e=>{h(e)},onKeyDown:e=>h(e),"data-backdrop":e.backdrop,children:[m?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:m})}):null,(0,a.jsxs)("article",{ref:c,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,a.jsxs)("header",{className:"db-drawer-header",children:[(0,a.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(r.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:i.ce})}):null]}),(0,a.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})});n.Z=d},28371:function(e,n,t){t.d(n,{T:function(){return a.Z}});var a=t(88997)},61705:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(62540),s=t(28371),d=t(76238);let c=(0,l.forwardRef)(function(e,n){var t;let c=(0,l.useRef)(n),[o,u]=(0,l.useState)(()=>d.IY),[h,f]=(0,l.useState)(()=>!1),[m,v]=(0,l.useState)(()=>!1),[b,g]=(0,l.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function x(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[j,p]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{f(!0),u(e.id||"header-"+(0,r.Vj)()),e.stylePath&&p(e.stylePath)},[]),(0,l.useEffect)(()=>{if(h&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,r.yn)(e,{key:"data-force-mobile",value:"true"}),v(!0)}},[h]),(0,a.jsxs)("header",{ref:c,...(0,r.mS)(e,[]),className:(0,r.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!m,children:[j?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:j})}):null,(0,a.jsxs)(s.T,{"data-hide-on":"desktop",spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>x(),children:[(0,a.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,a.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,a.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,a.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,a.jsx)("div",{className:"db-header-meta-navigation","data-hide-on":"mobile",children:e.slotMetaNavigation}),(0,a.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,a.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,a.jsxs)("div",{className:"db-header-navigation-container",children:[(0,a.jsx)("div",{className:"db-header-navigation","data-hide-on":"mobile",children:e.children}),(0,a.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,a.jsxs)("div",{className:"db-header-action-container",children:[(0,a.jsx)("div",{"data-hide-on":"desktop",children:(0,a.jsx)(i.Y,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>x(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:b.burgerMenuLabel})}),(0,a.jsx)("div",{className:"db-header-action-bar","data-hide-on":"mobile",children:e.slotActionBar})]})]})]})});n.Z=c},51897:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("span",{"aria-hidden":"true",ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-icon",e.className),"data-icon":e.icon,title:e.title,children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.children]})});n.Z=i},18811:function(e,n,t){t.d(n,{P:function(){return a.Z}});var a=t(51897)},70849:function(e,n,t){t.d(n,{E:function(){return a.Z}});var a=t(71087)},71087:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("span",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-infotext",e.className),title:e.title,"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.children]})});n.Z=i},57862:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238),s=t(70849);let d=(0,l.forwardRef)(function(e,n){var t,d,c;let o=(0,l.useRef)(n),[u,h]=(0,l.useState)(()=>i.IY),[f,m]=(0,l.useState)(()=>i.IY+i.Kn),[v,b]=(0,l.useState)(()=>i.IY),[g,x]=(0,l.useState)(()=>({label:i.SU,placeholder:" "})),[j,p]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{h(e.id||"input-"+(0,r.Vj)()),m(u+i.Kn),b(e.dataListId||"datalist-".concat((0,r.Vj)())),e.stylePath&&p(e.stylePath)},[]),(0,a.jsxs)("div",{className:(0,r.yI)("db-input",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[j?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:j})}):null,(0,a.jsx)("label",{htmlFor:u,children:null!==(d=e.label)&&void 0!==d?d:g.label}),(0,a.jsx)("input",{ref:o,...(0,r.mS)(e,[]),id:u,name:e.name,type:e.type||"text",placeholder:null!==(c=e.placeholder)&&void 0!==c?c:g.placeholder,disabled:e.disabled,required:e.required,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,pattern:e.pattern,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n),n.target},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&&f}),e.dataList?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("datalist",{id:v,children:null===(t=e.dataList)||void 0===t?void 0:t.map(e=>(0,a.jsx)("option",{value:e.key,children:e.value},v+"-option-"+e.key))})}):null,e.children,e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.E,{size:"small",variant:e.variant,icon:(0,r.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})});n.Z=d},17212:function(e,n,t){t.d(n,{v:function(){return a.Z}});var a=t(60749)},60749:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("a",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-link",e.className),href:e.href,title:e.title,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"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:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,e.text?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.text})}):null,e.children]})});n.Z=i},91375:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("nav",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-main-navigation",e.className),children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,(0,a.jsx)("menu",{children:e.children})]})});n.Z=i},39570:function(e,n,t){var a=t(52322),l=t(2784),r=t(62540),i=t(80724),s=t(76238);let d=(0,l.forwardRef)(function(e,n){var t;let d=(0,l.useRef)(n),[c,o]=(0,l.useState)(()=>!1),[u,h]=(0,l.useState)(()=>!1),[f,m]=(0,l.useState)(()=>!0),[v,b]=(0,l.useState)(()=>!1),[g,x]=(0,l.useState)(()=>"sub-navigation-"+(0,i.Vj)()),[j,p]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{o(!0),e.stylePath&&p(e.stylePath)},[]),(0,l.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,l.useEffect)(()=>{if(void 0!==e.areaPopup)h(e.areaPopup),m(u);else if(c&&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?h(!0):m(!1)}}},[c,e.areaPopup]),(0,a.jsxs)("li",{ref:d,...(0,i.mS)(e,[]),id:e.id,className:(0,i.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:[j?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:j})}):null,f?null:(0,a.jsx)(a.Fragment,{children:e.children}),f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":u,"aria-expanded":v,disabled:e.disabled,onClick:n=>{e.onClick&&e.onClick(n),u&&b(!0)},children:e.children}),(0,a.jsxs)("menu",{className:"db-sub-navigation",id:g,children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"db-mobile-navigation-back",children:(0,a.jsx)(r.Y,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:s.YP})})}):null,e.slotSubNavigation]})]}):null]})});n.Z=d},4700:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>!1),[d,c]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{s(!e.fadeIn),e.stylePath&&c(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{s(!0)}):s(!0)},[]),(0,a.jsxs)("div",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[d?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:d})}):null,e.slotHeader,(0,a.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});n.Z=i},14918:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[s,d]=(0,l.useState)(()=>i.IY),[c,o]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(e.id||"popover-"+(0,r.Vj)()),e.stylePath&&o(e.stylePath)},[]),(0,a.jsxs)("i",{ref:t,...(0,r.mS)(e,[]),id:s,className:(0,r.yI)("db-popover",e.className),"data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),children:[c?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:c})}):null,e.children]})});n.Z=s},69157:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[s,d]=(0,l.useState)(()=>!1),[c,o]=(0,l.useState)(()=>i.IY),[u,h]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(!0),o(e.id||"radio-"+(0,r.Vj)()),e.stylePath&&h(e.stylePath)},[]),(0,l.useEffect)(()=>{if(e.checked&&s&&document&&c){var n;let t=null===(n=document)||void 0===n?void 0:n.getElementById(c);t&&void 0!=e.checked&&(t.checked=!0)}},[s]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,className:(0,r.yI)("db-radio",e.className),htmlFor:c,children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:u})}):null,(0,a.jsx)("input",{type:"radio",ref:t,...(0,r.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,value:e.value,required:e.required,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n),n.target},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})});n.Z=s},95963:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724);let i=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[i,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("section",{ref:t,...(0,r.mS)(e,[]),id:e.id,"data-size":e.size||"medium",className:(0,r.yI)("db-section",e.className),children:[i?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:i})}):null,(0,a.jsx)("div",{"data-variant":e.variant,children:e.children})]})});n.Z=i},44665:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238),s=t(70849);let d=(0,l.forwardRef)(function(e,n){var t,d,c;let o=(0,l.useRef)(n),[u,h]=(0,l.useState)(()=>i.IY),[f,m]=(0,l.useState)(()=>i.IY+i.Kn),[v,b]=(0,l.useState)(()=>i.IY+i.D_);function g(e){var n;return null!==(n=e.label)&&void 0!==n?n:e.value.toString()}let[x,j]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{let n=e.id||"select-"+(0,r.Vj)();h(n),m(n+i.Kn),b(n+i.D_),e.stylePath&&j(e.stylePath)},[]),(0,a.jsxs)("div",{className:(0,r.yI)("db-select",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,children:[x?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:x})}):null,(0,a.jsx)("label",{htmlFor:u,children:null!==(d=e.label)&&void 0!==d?d:i.SU}),(0,a.jsxs)("select",{ref:o,...(0,r.mS)(e,[]),"aria-invalid":e.invalid,required:e.required,disabled:e.disabled,id:u,name:e.name,value:e.value,onClick:n=>{e.onClick&&e.onClick(n)},onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n),n.target},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&&f||v,children:[(0,a.jsx)("option",{hidden:!0}),e.options?(0,a.jsx)(a.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var n;return(0,a.jsxs)(a.Fragment,{children:[e.options?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("optgroup",{label:g(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:g(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:g(e)},"option-"+e.value)})]})})}):null,e.children]}),(0,a.jsx)("span",{id:v,children:null!==(c=e.placeholder)&&void 0!==c?c:e.label}),e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.E,{size:"small",variant:e.variant,icon:(0,r.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})});n.Z=d},86735:function(e,n,t){var a=t(52322),l=t(2784),r=t(45588),i=t(80724);let s=(0,l.forwardRef)(function(e,n){var t;let s=(0,l.useRef)(n),[d,c]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&c(e.stylePath)},[]),(0,a.jsxs)("div",{role:"tablist",ref:s,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("cmp-tab-bar",e.className),children:[d?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:d})}):null,e.tabs?(0,a.jsx)(a.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.tabs))||void 0===t?void 0:t.map(e=>(0,a.jsx)(r.Q,{name:e.name,active:e.active,label:e.label,content:e.content,children:e.children},e.name))}):null,e.children]})});n.Z=s},45588:function(e,n,t){t.d(n,{Q:function(){return a.Z}});var a=t(12126)},12126:function(e,n,t){var a=t(52322),l=t(2784),r=t(76238),i=t(80724);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),s=(0,l.useRef)(null),[d,c]=(0,l.useState)(()=>r.IY),[o,u]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{if(c((0,i.Vj)()),e.stylePath&&u(e.stylePath),e.active){var n;null===(n=s.current)||void 0===n||n.click()}},[]),(0,a.jsxs)("div",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-tab",e.className),children:[o?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:o})}):null,(0,a.jsx)("input",{type:"radio",ref:s,name:e.name,id:d}),(0,a.jsx)("label",{role:"tab",htmlFor:d,children:e.label}),(0,a.jsxs)("section",{role:"tabpanel",id:"content-"+d,children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.children]})]})});n.Z=s},77824:function(e,n,t){var a=t(52322),l=t(2784),r=t(62540),i=t(80724);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n);function s(){return e.removeButton?e.removeButton:"Remove tag"}let[d,c]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&c(e.stylePath)},[]),(0,a.jsxs)("div",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-variant":e.variant,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[d?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:d})}):null,e.children,e.text?(0,a.jsx)(a.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(r.Y,{icon:"close",size:"small",variant:"text",className:"db-tab-remove-button",onClick:n=>void(e.onRemove&&e.onRemove()),noText:!0,title:s(),children:s()})}):null]})});n.Z=s},35680:function(e,n,t){var a=t(52322),l=t(2784),r=t(70849),i=t(80724),s=t(76238);let d=(0,l.forwardRef)(function(e,n){var t,d,c;let o=(0,l.useRef)(n),[u,h]=(0,l.useState)(()=>s.IY),[f,m]=(0,l.useState)(()=>s.IY+s.Kn),[v,b]=(0,l.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"})),[g,x]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&x(e.stylePath),h(e.id||"textarea-"+(0,i.Vj)()),m(u+s.Kn)},[]),(0,a.jsxs)("div",{className:(0,i.yI)("db-textarea",e.className),"data-label-variant":e.labelVariant,"data-variant":e.variant,children:[g?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:g})}):null,(0,a.jsx)("label",{htmlFor:u,children:null!==(t=e.label)&&void 0!==t?t:v.label}),(0,a.jsx)("textarea",{ref:o,...(0,i.mS)(e,[]),id:u,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,"aria-invalid":e.invalid,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n),n.target},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},value:e.value,"aria-describedby":e.message&&f,placeholder:null!==(d=e.placeholder)&&void 0!==d?d:v.placeholder,rows:null!==(c=e.rows)&&void 0!==c?c:v.rows,cols:e.cols}),e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(r.E,{size:"small",variant:e.variant,icon:(0,i.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})});n.Z=d},79750:function(e,n,t){var a=t(52322),l=t(2784),r=t(80724),i=t(76238);let s=(0,l.forwardRef)(function(e,n){let t=(0,l.useRef)(n),[s,d]=(0,l.useState)(()=>i.IY),[c,o]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(e.id||"tooltip-"+(0,r.Vj)()),e.stylePath&&o(e.stylePath)},[]),(0,a.jsxs)("i",{role:"tooltip","data-gap":"true",ref:t,...(0,r.mS)(e,[]),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,r.yI)("db-tooltip",e.className),children:[c?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:c})}):null,e.children]})});n.Z=s},37426:function(e,n,t){t.d(n,{aw:function(){return S.Z},kC:function(){return R.k},H3:function(){return a.Z},aE:function(){return l.Z},mX:function(){return r.Z},Y1:function(){return i.Y},f:function(){return s.f},I3:function(){return d.Z},wq:function(){return c.Z},oH:function(){return o.Z},TG:function(){return u.T},W4:function(){return h.Z},Pg:function(){return f.P},EZ:function(){return m.E},aq:function(){return v.Z},vB:function(){return b.v},Cc:function(){return k.Z},pK:function(){return g.Z},Ys:function(){return E.Z},an:function(){return x.Z},cN:function(){return j.Z},kr:function(){return p.Z},k8:function(){return y.Z},GI:function(){return N.Z},Nd:function(){return F.Z}});var a=t(43548),l=t(83550),r=t(94503),i=t(62540),s=t(37252),d=t(80910),c=t(5980),o=t(10131),u=t(28371),h=t(61705),f=t(18811),m=t(70849),v=t(57862),b=t(17212),g=t(39570);t(4700);var x=t(69157),j=t(95963),p=t(44665);t(45588),t(86735);var y=t(77824),N=t(35680),S=t(48414),R=t(79689),k=t(91375),E=t(14918),F=t(79750)},76238:function(e,n,t){var a,l,r,i,s,d,c;t.d(n,{$f:function(){return b},DM:function(){return g},D_:function(){return f},IY:function(){return o},Kn:function(){return h},SU:function(){return u},YP:function(){return m},ce:function(){return v},iw:function(){return a},r$:function(){return r}});let o="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",f="-placeholder",m="Back",v="Close Button";(s=a||(a={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let b=Object.entries(a).map(e=>{let[,n]=e;return n});(l||(l={})).PRIMARY="primary",(d=r||(r={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full";let g=Object.entries(r).map(e=>{let[,n]=e;return n});Object.entries(l).map(e=>{let[,n]=e;return n}),(c=i||(i={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(i).map(e=>{let[,n]=e;return n})},80724:function(e,n,t){t.d(n,{Vj:function(){return a},mS:function(){return s},mT:function(){return i},yI:function(){return r},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 t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&l(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},i=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none"),s=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{})}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/39199-2f82d4c5db040fc1.js b/version/v0.0.61/_next/static/chunks/39199-2f82d4c5db040fc1.js
new file mode 100644
index 00000000000..b4746d8006e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/39199-2f82d4c5db040fc1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39199],{39199:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return C}});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||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: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) 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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",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:"",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) Optional",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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",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)(r.Code,{codeConfig:l,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:"Requirement",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)(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"}}}]},{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:"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:"Requirement",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:"Requirement",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:"",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:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",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)(r.Code,{codeConfig:l,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:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],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"}}}]},{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:"Required - 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:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - 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:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - 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:"",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:"Required - Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Checked",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:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - Checked',props:{style:{color:"#D8DEE9"}}}]}],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"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/41328-edfbf439d7082996.js b/version/v0.0.61/_next/static/chunks/41328-edfbf439d7082996.js
new file mode 100644
index 00000000000..b44bd8d3414
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/41328-edfbf439d7082996.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41328],{41328:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/41693-b31c3d616dd6c4e0.js b/version/v0.0.61/_next/static/chunks/41693-b31c3d616dd6c4e0.js
new file mode 100644
index 00000000000..c13823ae26c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/41693-b31c3d616dd6c4e0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41693],{41693:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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"}}}]},{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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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) Empty",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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,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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:" 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:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:" Filled",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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)(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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"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:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - 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:"undefined",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:"Filled - Valid",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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - Valid",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:"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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",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:"undefined",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:"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 labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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 labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"Readonly - 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",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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Readonly - Filled",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:"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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/42038-db8a817e151015c3.js b/version/v0.0.61/_next/static/chunks/42038-db8a817e151015c3.js
new file mode 100644
index 00000000000..267896b01d2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/42038-db8a817e151015c3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42038],{42038:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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) Label Above",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Label Above",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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) Label Above",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Label Above",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",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:"undefined",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:"Floating Label",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:" 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:"Floating Label",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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Floating Label'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Floating Label",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:" 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:"Floating Label",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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Floating Label'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",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:"undefined",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:"Hidden Label",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:" 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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Hidden Label",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:" 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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/43080-18d5ad58dab3f16d.js b/version/v0.0.61/_next/static/chunks/43080-18d5ad58dab3f16d.js
new file mode 100644
index 00000000000..b8bfe57df3d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/43080-18d5ad58dab3f16d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43080],{43080:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/43121-5c11984cd64e23ee.js b/version/v0.0.61/_next/static/chunks/43121-5c11984cd64e23ee.js
new file mode 100644
index 00000000000..6481fa7c3ef
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/43121-5c11984cd64e23ee.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43121],{43121:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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||i("CH",!1),r.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/4339-cbf8ecc72f664cc4.js b/version/v0.0.61/_next/static/chunks/4339-cbf8ecc72f664cc4.js
new file mode 100644
index 00000000000..bae395ff30a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/4339-cbf8ecc72f664cc4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4339],{4339:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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||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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/43609-6343f2e53e398c58.js b/version/v0.0.61/_next/static/chunks/43609-6343f2e53e398c58.js
new file mode 100644
index 00000000000..8fb655e82bb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/43609-6343f2e53e398c58.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43609],{43609:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});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){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};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.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:"#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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/43890-815f4633add640b4.js b/version/v0.0.61/_next/static/chunks/43890-815f4633add640b4.js
new file mode 100644
index 00000000000..932c58b3bb8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/43890-815f4633add640b4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43890],{43890:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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",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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/44598-5bead8c6bdbb71b8.js b/version/v0.0.61/_next/static/chunks/44598-5bead8c6bdbb71b8.js
new file mode 100644
index 00000000000..4ca0bfb5490
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/44598-5bead8c6bdbb71b8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44598],{44598:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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:" Weak (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (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:" Weak (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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (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:" Weak (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: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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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)(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:" Strong",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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:"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:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/44736-3ad8aa2b12d62178.js b/version/v0.0.61/_next/static/chunks/44736-3ad8aa2b12d62178.js
new file mode 100644
index 00000000000..4ffc3979dcb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/44736-3ad8aa2b12d62178.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44736],{44736:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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||i("CH",!1),r.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)(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"}}},{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:"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"}}},{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:"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:" 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:"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:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/44891-c8ca6cdb08ca844d.js b/version/v0.0.61/_next/static/chunks/44891-c8ca6cdb08ca844d.js
new file mode 100644
index 00000000000..ede263bc924
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/44891-c8ca6cdb08ca844d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44891],{44891:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return F}});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"}}}]},{tokens:[{content:" Auto (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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{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:"#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:" Auto (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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"#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:" Auto (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"}}}]},{tokens:[{content:" Fixed",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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:" Fixed",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:" Fixed",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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",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:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/4547-b3cb01662d8bdd18.js b/version/v0.0.61/_next/static/chunks/4547-b3cb01662d8bdd18.js
new file mode 100644
index 00000000000..caad9e28c21
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/4547-b3cb01662d8bdd18.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4547],{4547:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/45712-03bf49c2aa4198fa.js b/version/v0.0.61/_next/static/chunks/45712-03bf49c2aa4198fa.js
new file mode 100644
index 00000000000..c3c4b1f68ee
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/45712-03bf49c2aa4198fa.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45712],{45712:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});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||F("CH",!1),r.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)(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:" Animation no delay (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:" Animation no delay (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"}}}]},{tokens:[{content:" Animation no delay (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:" Animation no delay (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"}}}]},{tokens:[{content:" Delay slow",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:" Delay slow",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"}}}]},{tokens:[{content:" Delay slow",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:" Delay slow",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"}}}]},{tokens:[{content:" Delay fast",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:" Delay fast",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"}}}]},{tokens:[{content:" Delay fast",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:" Delay fast",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"}}}]},{tokens:[{content:" No animation",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:" No animation",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"}}}]},{tokens:[{content:" No animation",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/46132-75d2ab46837110d0.js b/version/v0.0.61/_next/static/chunks/46132-75d2ab46837110d0.js
new file mode 100644
index 00000000000..5eecccac2a6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/46132-75d2ab46837110d0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46132],{46132:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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) Label Above",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",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:"undefined",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) Label Above",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",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:"undefined",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:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"undefined",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:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"undefined",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:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",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:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/4620-c90c75af679188c3.js b/version/v0.0.61/_next/static/chunks/4620-c90c75af679188c3.js
new file mode 100644
index 00000000000..4ff87bf035e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/4620-c90c75af679188c3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4620],{4620:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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:" With arrow (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (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:" With arrow (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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (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:" With arrow (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: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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" 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:" Basic",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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",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:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" 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:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/46838-fdcfc365e3494cb0.js b/version/v0.0.61/_next/static/chunks/46838-fdcfc365e3494cb0.js
new file mode 100644
index 00000000000..d6021851510
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/46838-fdcfc365e3494cb0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46838],{46838:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={code:"code",h2:"h2",p:"p",...(0,r.a)(),...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:["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:"@forward ",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:";",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/46962-7f66c378d8389ed5.js b/version/v0.0.61/_next/static/chunks/46962-7f66c378d8389ed5.js
new file mode 100644
index 00000000000..59586cfce88
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/46962-7f66c378d8389ed5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46962],{46962:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||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) Empty",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) Empty",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) Empty",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:"undefined",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:"(Default) Empty",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:"(Default) Empty",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:"(Default) Empty",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:"undefined",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:"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:">",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:">",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:"undefined",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:"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:">",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:"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:">",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:"undefined",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:"Filled - 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:"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 - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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 - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"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 - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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 - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - 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:"undefined",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:"Filled - Valid",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 - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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 - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - Valid",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:"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 - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',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:"undefined",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:"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:"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:"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:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"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:"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)(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:':disabled="true">Disabled',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:"undefined",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:"Readonly - 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:"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 - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Readonly - 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:"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 - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"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 - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/48754-f5dd801f36b4f721.js b/version/v0.0.61/_next/static/chunks/48754-f5dd801f36b4f721.js
new file mode 100644
index 00000000000..a25a7021375
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/48754-f5dd801f36b4f721.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48754],{48754:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});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||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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/48834-29e09785338bf0d8.js b/version/v0.0.61/_next/static/chunks/48834-29e09785338bf0d8.js
new file mode 100644
index 00000000000..700e7237d3c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/48834-29e09785338bf0d8.js
@@ -0,0 +1,6 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48834],{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.61/_next/static/chunks/48894-d2050f35ac9116e2.js b/version/v0.0.61/_next/static/chunks/48894-d2050f35ac9116e2.js
new file mode 100644
index 00000000000..04597af8db2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/48894-d2050f35ac9116e2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48894],{48894:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/50551-ec089f7660011f6b.js b/version/v0.0.61/_next/static/chunks/50551-ec089f7660011f6b.js
new file mode 100644
index 00000000000..0ba28c230ad
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/50551-ec089f7660011f6b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50551],{50551:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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.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.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:"#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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/51189-c72d6874fe887c02.js b/version/v0.0.61/_next/static/chunks/51189-c72d6874fe887c02.js
new file mode 100644
index 00000000000..a1443639420
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/51189-c72d6874fe887c02.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51189],{51189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/51636-b2d4de4911e55a60.js b/version/v0.0.61/_next/static/chunks/51636-b2d4de4911e55a60.js
new file mode 100644
index 00000000000..a1b2feb76a4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/51636-b2d4de4911e55a60.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51636],{51636:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"describedbyid",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip ",props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/52023-fd9efa2360c9e42f.js b/version/v0.0.61/_next/static/chunks/52023-fd9efa2360c9e42f.js
new file mode 100644
index 00000000000..57fa1aa5f1d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/52023-fd9efa2360c9e42f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52023],{52023:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/52353-671c8333fd37cbca.js b/version/v0.0.61/_next/static/chunks/52353-671c8333fd37cbca.js
new file mode 100644
index 00000000000..57c6555b5dd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/52353-671c8333fd37cbca.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52353],{52353:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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: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)(c.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)(c.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)(c.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)(c.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)(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:"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)(c.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)(c.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)(c.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)(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 a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/52584-220883d35055db2c.js b/version/v0.0.61/_next/static/chunks/52584-220883d35055db2c.js
new file mode 100644
index 00000000000..f17f1b5b5dd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/52584-220883d35055db2c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52584],{52584:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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:"DBPopoverModule ",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:"DBPopoverModule",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: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:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Popover",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/53691-86b8a1336371f473.js b/version/v0.0.61/_next/static/chunks/53691-86b8a1336371f473.js
new file mode 100644
index 00000000000..fdaf9b3bb01
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/53691-86b8a1336371f473.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53691],{53691:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||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:"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"}}},{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:"#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"}}},{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:"#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:"(Default) Regular",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) Regular",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) Regular",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:"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:"#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:"(Default) Regular",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:"(Default) Regular",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:"(Default) Regular",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"}}},{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:"#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"}}},{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:"#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"}}},{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:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/54192-463567db6f0392db.js b/version/v0.0.61/_next/static/chunks/54192-463567db6f0392db.js
new file mode 100644
index 00000000000..660d8753978
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/54192-463567db6f0392db.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54192],{85452:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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: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)(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 Width (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: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)(c.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)(c.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)(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:"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)(c.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)(c.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)(c.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)(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:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/54310-9477f7bb2f18d154.js b/version/v0.0.61/_next/static/chunks/54310-9477f7bb2f18d154.js
new file mode 100644
index 00000000000..c5eead896f4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/54310-9477f7bb2f18d154.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54310],{54310:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/55352-873be11a9a4af21e.js b/version/v0.0.61/_next/static/chunks/55352-873be11a9a4af21e.js
new file mode 100644
index 00000000000..a70c1afa755
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/55352-873be11a9a4af21e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55352],{55352:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/55595-eedeafe04e4bdac5.js b/version/v0.0.61/_next/static/chunks/55595-eedeafe04e4bdac5.js
new file mode 100644
index 00000000000..9be748fd2c9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/55595-eedeafe04e4bdac5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55595],{55595:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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||i("CH",!1),r.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)(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:"(Default) Label",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:"DBRadio name",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"}}},{content:"(Default) Label",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:"DBRadio name",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"}}},{content:"(Default) Label",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:"undefined",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) Label",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:"DBRadio name",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"}}},{content:"(Default) Label",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:"DBRadio name",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"}}},{content:"(Default) Label",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:"undefined",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:" Hidden Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",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:" Hidden Label",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:"DBRadio name",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"DBRadio name",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/5628-da7d6b5903e50cdb.js b/version/v0.0.61/_next/static/chunks/5628-da7d6b5903e50cdb.js
new file mode 100644
index 00000000000..97d843e236a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/5628-da7d6b5903e50cdb.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5628],{5628:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/57277-79409c870ee3bb2c.js b/version/v0.0.61/_next/static/chunks/57277-79409c870ee3bb2c.js
new file mode 100644
index 00000000000..2bbebcb8a7f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/57277-79409c870ee3bb2c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57277],{57277:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return a}});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||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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/57838-15b27c82547893b9.js b/version/v0.0.61/_next/static/chunks/57838-15b27c82547893b9.js
new file mode 100644
index 00000000000..d339637a8e6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/57838-15b27c82547893b9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57838],{57838:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/58232-069ff9180680bb4f.js b/version/v0.0.61/_next/static/chunks/58232-069ff9180680bb4f.js
new file mode 100644
index 00000000000..3df57583382
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/58232-069ff9180680bb4f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58232],{58232:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||y("CH",!1),l.Code||y("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",props:{style:{color:"#8FBCBB"}}},{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",props:{style:{color:"#8FBCBB"}}},{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"}}},{content:"(Default) Adaptive",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:"(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",props:{style:{color:"#8FBCBB"}}},{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",props:{style:{color:"#8FBCBB"}}},{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"}}},{content:"(Default) Adaptive",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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/58234-e32b065f7bc26957.js b/version/v0.0.61/_next/static/chunks/58234-e32b065f7bc26957.js
new file mode 100644
index 00000000000..7296378a4b2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/58234-e32b065f7bc26957.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58234],{58234:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});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||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:"(Default) 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:"DBSelect",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:" 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:">",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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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) Text",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:"",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) Text",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:" 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:" 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:">",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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",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:" ",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:"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) Text",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:"",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 - Leading 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:" 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:" 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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:"Text - Leading 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:"",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 - Leading 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:" 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:" 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:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading 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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",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:" ",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:"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:"Text - Leading 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:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/58565-f77724c19a41fc4e.js b/version/v0.0.61/_next/static/chunks/58565-f77724c19a41fc4e.js
new file mode 100644
index 00000000000..109d8ecc1d2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/58565-f77724c19a41fc4e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58565],{58565:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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:"(Default) Basic",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:" 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:" 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:">",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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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) Basic",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:" 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:" 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:">",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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",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:"undefined",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:"Helper Message",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:" 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:" 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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"Helper Message",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Helper Message",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:" 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:" 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:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"Helper Message",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/58629-5953a1fe5d944a5b.js b/version/v0.0.61/_next/static/chunks/58629-5953a1fe5d944a5b.js
new file mode 100644
index 00000000000..f544ab6a7bb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/58629-5953a1fe5d944a5b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58629],{58629:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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:"(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/60380-d0e9ecc9989240a4.js b/version/v0.0.61/_next/static/chunks/60380-d0e9ecc9989240a4.js
new file mode 100644
index 00000000000..de80ea74450
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/60380-d0e9ecc9989240a4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60380],{60380:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBPopover",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",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:"DBButton describedbyid",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPopover id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Popover",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/60893-671f8dc9b5d08002.js b/version/v0.0.61/_next/static/chunks/60893-671f8dc9b5d08002.js
new file mode 100644
index 00000000000..dc2b75f7e5e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/60893-671f8dc9b5d08002.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60893],{60893:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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:"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"}}},{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 d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/61248-fd9436d798b6eebc.js b/version/v0.0.61/_next/static/chunks/61248-fd9436d798b6eebc.js
new file mode 100644
index 00000000000..99880e5247c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/61248-fd9436d798b6eebc.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61248],{61248:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return E}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/61914-20d503e5b6f867b0.js b/version/v0.0.61/_next/static/chunks/61914-20d503e5b6f867b0.js
new file mode 100644
index 00000000000..a1fb53c9efc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/61914-20d503e5b6f867b0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61914],{61914:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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:"(Default) Basic",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",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:"undefined",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) Basic",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",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:"undefined",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:" 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:"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:"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:"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:"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:"undefined",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:" Helper Message",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:"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)(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:"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)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/62126-50cc98f7b88f17c6.js b/version/v0.0.61/_next/static/chunks/62126-50cc98f7b88f17c6.js
new file mode 100644
index 00000000000..5e21fbcddaa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/62126-50cc98f7b88f17c6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62126],{62126:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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:"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:"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:">",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:"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:">",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"}}}]},{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:"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:"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:">",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:"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:">",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"}}}]},{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:"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",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:"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">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:"",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:"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",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:"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">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:"",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:"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",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:"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">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:"#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:"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",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:"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">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:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/62275-c432fdf6f225f2ee.js b/version/v0.0.61/_next/static/chunks/62275-c432fdf6f225f2ee.js
new file mode 100644
index 00000000000..57fd3928acd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/62275-c432fdf6f225f2ee.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62275],{62275:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return F}});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||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: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:" bottom-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:" bottom-start",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"}}}]},{tokens:[{content:" bottom-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:" bottom-start",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"}}}]},{tokens:[{content:" bottom (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:" bottom (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:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",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:" bottom (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: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:" bottom-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:" bottom-end",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"}}}]},{tokens:[{content:" bottom-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:" bottom-end",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"}}}]},{tokens:[{content:" left-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:" left-start",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"}}}]},{tokens:[{content:" left-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:" left-start",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"}}}]},{tokens:[{content:" left",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",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:"html",focus:"",code:{lines:[{tokens:[{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:"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:" left",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",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)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",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)(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:" left",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"}}}]},{tokens:[{content:" left-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:" left-end",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"}}}]},{tokens:[{content:" left-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:" left-end",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"}}}]},{tokens:[{content:" right-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:" right-start",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"}}}]},{tokens:[{content:" right-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:" right-start",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"}}}]},{tokens:[{content:" right",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:" right",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"}}}]},{tokens:[{content:" right",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:" right",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"}}}]},{tokens:[{content:" right-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:" right-end",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"}}}]},{tokens:[{content:" right-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:" right-end",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"}}}]},{tokens:[{content:" top-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:" top-start",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"}}}]},{tokens:[{content:" top-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:" top-start",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"}}}]},{tokens:[{content:" top",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:" top",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"}}}]},{tokens:[{content:" top",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:" top",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"}}}]},{tokens:[{content:" top-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:" top-end",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"}}}]},{tokens:[{content:" top-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/62326-c4008501c0b2ac33.js b/version/v0.0.61/_next/static/chunks/62326-c4008501c0b2ac33.js
new file mode 100644
index 00000000000..f9aa691ebc6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/62326-c4008501c0b2ac33.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62326],{62326:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return C}});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||y("CH",!1),r.Code||y("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:"The accordion is a pure JS Component",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:"The accordion is a pure JS Component",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:"The accordion is a pure JS Component",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:"The accordion is a pure JS Component",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:"The accordion is a pure JS Component",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:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/64339-4236bcb0eb6199f8.js b/version/v0.0.61/_next/static/chunks/64339-4236bcb0eb6199f8.js
new file mode 100644
index 00000000000..85cfcf523df
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/64339-4236bcb0eb6199f8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64339],{64339:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return i}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/64355-12da7878bd530dd1.js b/version/v0.0.61/_next/static/chunks/64355-12da7878bd530dd1.js
new file mode 100644
index 00000000000..6d5ebd60685
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/64355-12da7878bd530dd1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64355],{64355:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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:"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"}}},{content:"Static (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:"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"}}},{content:"Static (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:"Interactive Button",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",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:"Interactive Button",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Button",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 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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{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 Link",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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:"#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 Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Checkbox",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 Radio 1",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",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:"Interactive Radio 1",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Radio 1",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:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",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",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 ",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'Interactive Radio 2
',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 Interactive Radio 2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ','html':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2
','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",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:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",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",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 ",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'Interactive Radio 2
',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2 Interactive Radio 2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ','html':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2
','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",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:"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:" Removeable",props:{style:{color:"#D8DEE9FF"}}}]},{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:" Removeable",props:{style:{color:"#D8DEE9FF"}}}]},{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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/64737-64e94bef4c3f6cfc.js b/version/v0.0.61/_next/static/chunks/64737-64e94bef4c3f6cfc.js
new file mode 100644
index 00000000000..4235ca89275
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/64737-64e94bef4c3f6cfc.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64737],{64737:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/64968-0cf5d2461e91b15d.js b/version/v0.0.61/_next/static/chunks/64968-0cf5d2461e91b15d.js
new file mode 100644
index 00000000000..659e4313577
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/64968-0cf5d2461e91b15d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64968],{64968:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/65708-939cec2a1ef619d1.js b/version/v0.0.61/_next/static/chunks/65708-939cec2a1ef619d1.js
new file mode 100644
index 00000000000..bdd369eb93f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/65708-939cec2a1ef619d1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65708],{65708:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return a}});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||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: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"}}},{content:"(Default) 4 Rows",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"}}}]},{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"}}},{content:"(Default) 4 Rows",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:"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"}}},{content:"Custom Example 8 Rows",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:"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"}}},{content:"Custom Example 8 Rows",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/65a8b803-c391b5b7c35b3670.js b/version/v0.0.61/_next/static/chunks/65a8b803-c391b5b7c35b3670.js
new file mode 100644
index 00000000000..394d1a0f081
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/65a8b803-c391b5b7c35b3670.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64996],{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=n[r],i=t[r]||[];i.push({columnNumbers:o[0],data:e.data,Component:e.Component}),t[r]=i}),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;return a||i!==s?s||l!==a?{prevNorthFile:i===l?u:n?u:c,nextNorthFile:i===l?c:n?u:c,prevSouthFile:a===s?f:n?f||h:h||f,nextSouthFile:a===s?h:n?f||h:h||f}:{prevNorthFile:u,nextNorthFile:u,prevSouthFile:f,nextSouthFile:c}:{prevNorthFile:c,nextNorthFile:c,prevSouthFile:u,nextSouthFile:h}}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,Symbol=_.Symbol,Uint8Array=_.Uint8Array,U=B.propertyIsEnumerable,G=A.splice,V=Symbol?Symbol.toStringTag:void 0,Y=Object.getOwnPropertySymbols,Z=K?K.isBuffer:void 0,D=(r=Object.keys,o=Object,function(e){return r(o(e))}),DataView=eg(_,"DataView"),Map=eg(_,"Map"),Promise=eg(_,"Promise"),Set=eg(_,"Set"),WeakMap=eg(_,"WeakMap"),J=eg(Object,"create"),Q=ex(DataView),ee=ex(Map),et=ex(Promise),en=ex(Set),er=ex(WeakMap),eo=Symbol?Symbol.prototype:void 0,ei=eo?eo.valueOf:void 0;function el(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 eu:void 0;for(i.set(e,t),i.set(t,e);++c-1&&c%1==0&&c-1},ea.prototype.set=function(e,t){var n=this.__data__,r=ef(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},es.prototype.clear=function(){this.size=0,this.__data__={hash:new el,map:new(Map||ea),string:new el}},es.prototype.delete=function(e){var t=ev(this,e).delete(e);return this.size-=t?1:0,t},es.prototype.get=function(e){return ev(this,e).get(e)},es.prototype.has=function(e){return ev(this,e).has(e)},es.prototype.set=function(e,t){var n=ev(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},eu.prototype.add=eu.prototype.push=function(e){return this.__data__.set(e,i),this},eu.prototype.has=function(e){return this.__data__.has(e)},ec.prototype.clear=function(){this.__data__=new ea,this.size=0},ec.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},ec.prototype.get=function(e){return this.__data__.get(e)},ec.prototype.has=function(e){return this.__data__.has(e)},ec.prototype.set=function(e,t){var n=this.__data__;if(n instanceof ea){var r=n.__data__;if(!Map||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new es(r)}return n.set(e,t),this.size=n.size,this};var eb=Y?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 e_(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function eC(e){return null!=e&&"object"==typeof e}var eS=M?function(e){return M(e)}:function(e){return eC(e)&&ek(e.length)&&!!O[eh(e)]};e.exports=function(e,t){return function e(t,n,r,o,i){return t===n||(null!=t&&null!=n&&(eC(t)||eC(n))?function(e,t,n,r,o,i){var f=ej(e),p=ej(t),y=f?a:ey(e),w=p?a:ey(t);y=y==l?m:y,w=w==l?m:w;var j=y==m,O=w==m,N=y==w;if(N&&eO(e)){if(!eO(t))return!1;f=!0,j=!1}if(N&&!j)return i||(i=new ec),f||eS(e)?em(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 Uint8Array(e),new Uint8Array(t)))break;return!0;case s:case u:case d:return eE(+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=em(a(e),a(t),r,o,i,l);return l.delete(e),p;case"[object Symbol]":if(ei)return ei.call(e)==ei.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 ec),o(C,S,n,r,i)}}return!!N&&(i||(i=new ec),function(e,t,n,r,o,i){var l=1&n,a=ep(e),s=a.length;if(s!=ep(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.61/_next/static/chunks/66042-32a6e6ec98b49e2d.js b/version/v0.0.61/_next/static/chunks/66042-32a6e6ec98b49e2d.js
new file mode 100644
index 00000000000..6a84abd6423
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/66042-32a6e6ec98b49e2d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66042],{66042:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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||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"}}},{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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/66503-799cbfc703b7d2b8.js b/version/v0.0.61/_next/static/chunks/66503-799cbfc703b7d2b8.js
new file mode 100644
index 00000000000..68b39f123c0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/66503-799cbfc703b7d2b8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66503],{66503:function(e,a,t){t.d(a,{Z:function(){return O}});var n,l,i,r,s,o,d,c=t(52322),u=t(5632),h=t(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 t=e.children;Object.values(t).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),t=0;t{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let a in e)e[a]&&(n+="".concat(a," "))}}),n.trim()},f=(e,a)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!a.includes(e)).reduce((a,t)=>(a[t]=e[t],a),{}),v=(0,h.forwardRef)(function(e,a){let t=(0,h.useRef)(a),[n,l]=(0,h.useState)(()=>!1),[i,r]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{l(!e.fadeIn),e.stylePath&&r(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{l(!0)}):l(!0)},[]),(0,c.jsxs)("div",{ref:t,...f(e,[]),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:[i?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:i})}):null,e.slotHeader,(0,c.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})}),g=(0,h.forwardRef)(function(e,a){let t=(0,h.useRef)(a),[n,l]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&l(e.stylePath)},[]),(0,c.jsxs)("button",{ref:t,...f(e,[]),id:e.id,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-describedby":e.describedbyid,"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]})}),N="OVERWRITE_DEFAULT_ID";(n=r||(r={})).FUNCTIONAL="functional",n.REGULAR="regular",n.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,a]=e;return a}),(s||(s={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",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 t;let n=(0,h.useRef)(a),l=(0,h.useRef)(null),[i,r]=(0,h.useState)(()=>N);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(){(null==n?void 0:n.current)&&(e.open&&!n.current.open&&(l.current&&(l.current.hidden=!1),"none"===e.backdrop?n.current.show():n.current.showModal()),!e.open&&n.current.open&&(l.current&&(l.current.hidden=!0),setTimeout(()=>{var e;l.current&&(l.current.hidden=!1),null===(e=n.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:n,...f(e,["onClose"]),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)(g,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>s("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:"Close Button"})}):null]}),(0,c.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})}),R=(0,h.forwardRef)(function(e,a){var t;let n=(0,h.useRef)(a),[l,i]=(0,h.useState)(()=>N),[r,s]=(0,h.useState)(()=>!1),[o,d]=(0,h.useState)(()=>!1),[u,v]=(0,h.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function R(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[j,S]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{s(!0),i(e.id||"header-"+m()),e.stylePath&&S(e.stylePath)},[]),(0,h.useEffect)(()=>{if(r&&document&&l&&e.forceMobile){let e=document.getElementById(l);e&&b(e,{key:"data-force-mobile",value:"true"}),d(!0)}},[r]),(0,c.jsxs)("header",{ref:n,...f(e,[]),className:p("db-header",e.className),id:l,"data-on-forcing-mobile":e.forceMobile&&!o,children:[j?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:j})}):null,(0,c.jsxs)(x,{"data-hide-on":"desktop",spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>R(),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)(g,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>R(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:u.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 t,n,l,i,r;let s=(0,h.useRef)(a),[o,d]=(0,h.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[u,m]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&m(e.stylePath)},[]),(0,c.jsxs)("div",{ref:s,...f(e,[]),id:e.id,className:p("db-brand",e.className),children:[u?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:u})}):null,(0,c.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:o.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!==(n=e.imgSrc)&&void 0!==n?n:o.src,alt:null!==(l=e.imgAlt)&&void 0!==l?l:"",height:null!==(i=e.imgHeight)&&void 0!==i?i:o.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:o.width})}),e.anchorChildren?(0,c.jsx)(c.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,c.jsx)(c.Fragment,{children:e.children})]})}),S=(0,h.forwardRef)(function(e,a){let t=(0,h.useRef)(a),[n,l]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&l(e.stylePath)},[]),(0,c.jsxs)("section",{ref:t,...f(e,[]),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,t]=(0,h.useState)(!1);return(0,h.useEffect)(()=>{var a;let n=(null===(a=null==e?void 0:e.current)||void 0===a?void 0:a.innerHTML)==="";n&&t(!0)},[]),[a,e]};var E=e=>{let{children:a,element:t="div",...n}=e,[l,i]=A();return l?(0,h.createElement)(t,{...n,children:a}):(0,h.createElement)(t,{...n,ref:i,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:""}})};let w=(0,h.forwardRef)(function(e,a){let t=(0,h.useRef)(a),[n,l]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&l(e.stylePath)},[]),(0,c.jsxs)("nav",{ref:t,...f(e,[]),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:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{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:"DBTooltip",name:"tooltip"},{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"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].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=t(39097),I=t.n(y);let B=(0,h.forwardRef)(function(e,a){var t;let n=(0,h.useRef)(a),[l,i]=(0,h.useState)(()=>!1),[r,s]=(0,h.useState)(()=>!1),[o,d]=(0,h.useState)(()=>!0),[u,b]=(0,h.useState)(()=>!1),[v,N]=(0,h.useState)(()=>"sub-navigation-"+m()),[x,R]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{i(!0),e.stylePath&&R(e.stylePath)},[]),(0,h.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,h.useEffect)(()=>{if(void 0!==e.areaPopup)s(e.areaPopup),d(r);else if(l&&document&&v){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(v);if(e){let a=e.children;(null==a?void 0:a.length)>0?s(!0):d(!1)}}},[l,e.areaPopup]),(0,c.jsxs)("li",{ref:n,...f(e,[]),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:[x?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:x})}):null,o?null:(0,c.jsx)(c.Fragment,{children:e.children}),o?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":u,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&b(!0)},children:e.children}),(0,c.jsxs)("menu",{className:"db-sub-navigation",id:v,children:[r?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:"db-mobile-navigation-back",children:(0,c.jsx)(g,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:"Back"})})}):null,e.slotSubNavigation]})]}):null]})}),C=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},k=e=>{var a;let{navItem:t}=e,n=(0,u.useRouter)(),l=C(n.pathname,t);return(0,c.jsx)(B,{active:l,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,c.jsx)(c.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,c.jsx)(k,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,c.jsx)(I(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var D=()=>(0,c.jsx)(w,{children:T.map(e=>(0,c.jsx)(k,{navItem:e},"router-path-".concat(e.path)))}),P=t(35368),_=t(37426);let F=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},L="db-ui",M="mono";var U=()=>{let e=(0,u.useRouter)(),[a,t]=(0,h.useState)(),[n,l]=(0,h.useState)(),i=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},r=(e,a)=>{let n=[],l=[],i=[],r=[],s=[],o=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?l.push(e):e.startsWith("fix")||e.startsWith("bugfix")?i.push(e):e.startsWith("refactor")?r.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?o.push(e):n.push(e);t({others:n,features:l,docs:o,refactors:r,issues:s,bugfixes:i,versions:e})};(0,h.useEffect)(()=>{let e=async()=>{let e=await F("https://api.github.com/repos/".concat(L,"/").concat(M,"/branches")),a=await F("https://api.github.com/repos/".concat(L,"/").concat(M,"/tags")),t=a.map(e=>e.name),n=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));i(n),i(t),r(t,n)};e().catch(e=>{console.error(e)})},[]);let s=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,P.sanitize)("https://".concat(L,".github.io/").concat(M).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,c.jsx)(_.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:n,onChange:e=>{s(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,c.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,c.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null},O=e=>{let{children:a}=e,[t,n]=(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&&(n("true"===m.query.fullscreen),i("true"===m.query.noh1),s("true"===m.query.properties))},[m]),(0,c.jsxs)(E,{children:[m.isReady&&t&&(0,c.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(r?"is-properties":""),children:a}),m.isReady&&!t&&(0,c.jsx)(v,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,c.jsx)(R,{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.jsx)(U,{}),slotCallToAction:(0,c.jsx)(g,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(g,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,c.jsx)(g,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,c.jsx)(g,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,c.jsx)(D,{})}),children:(0,c.jsx)(S,{size:"none",variant:"large",children:a})})]})}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/66784-90ed04a22b617f90.js b/version/v0.0.61/_next/static/chunks/66784-90ed04a22b617f90.js
new file mode 100644
index 00000000000..bf416410b84
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/66784-90ed04a22b617f90.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66784],{66784:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={code:"code",h2:"h2",p:"p",...(0,r.a)(),...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:"@forward ",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:";",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 d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/66931-6c3b049bb565fb60.js b/version/v0.0.61/_next/static/chunks/66931-6c3b049bb565fb60.js
new file mode 100644
index 00000000000..98078c9e940
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/66931-6c3b049bb565fb60.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66931],{66931:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});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||F("CH",!1),r.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)(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",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:"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:">",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:"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:">",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"}}}]},{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:"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:"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:">",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)(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:"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)(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:"#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:" 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:">",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:">",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:" ",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:" Small",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:"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)(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:"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)(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:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/67064-a28d6241d69b04af.js b/version/v0.0.61/_next/static/chunks/67064-a28d6241d69b04af.js
new file mode 100644
index 00000000000..437b7ced953
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/67064-a28d6241d69b04af.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67064],{67064:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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:"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"}}},{content:"Text (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:"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"}}},{content:"Text (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:"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:" Icon",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:"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:" Icon",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:"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:" Icon & Text",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:"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:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/67493-e17fec6d054ca273.js b/version/v0.0.61/_next/static/chunks/67493-e17fec6d054ca273.js
new file mode 100644
index 00000000000..c195b2015d5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/67493-e17fec6d054ca273.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67493],{67493:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/67677-3e955e6ae70bbc12.js b/version/v0.0.61/_next/static/chunks/67677-3e955e6ae70bbc12.js
new file mode 100644
index 00000000000..b62e918c015
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/67677-3e955e6ae70bbc12.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67677],{67677:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/67726-54cec137049975b6.js b/version/v0.0.61/_next/static/chunks/67726-54cec137049975b6.js
new file mode 100644
index 00000000000..054371bee2f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/67726-54cec137049975b6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67726],{67726:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/6897-8c06252921fe37d9.js b/version/v0.0.61/_next/static/chunks/6897-8c06252921fe37d9.js
new file mode 100644
index 00000000000..29d249b784c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/6897-8c06252921fe37d9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6897],{6897:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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||d("CH",!1),r.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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/69223-ce63e955028c3304.js b/version/v0.0.61/_next/static/chunks/69223-ce63e955028c3304.js
new file mode 100644
index 00000000000..6a8f1e7d84b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/69223-ce63e955028c3304.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69223],{69223:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});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"}}}]},{tokens:[{content:" No gap (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (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:" No gap (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"}}}]},{tokens:[{content:" No gap (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:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (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:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (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:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (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:"With gap",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"gap id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':gap="true" ',props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With gap",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:" With gap",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:"With gap",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"gap id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",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:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':gap="true" ',props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With gap",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:" With gap",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/6946-67ceb77e0480d4cc.js b/version/v0.0.61/_next/static/chunks/6946-67ceb77e0480d4cc.js
new file mode 100644
index 00000000000..0ad746b8ff9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/6946-67ceb77e0480d4cc.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6946],{6946:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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||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"}}}]},{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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"undefined",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:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"undefined",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:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"undefined",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:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"undefined",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:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"undefined",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:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"undefined",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:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"undefined",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:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"undefined",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:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"undefined",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:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/699-3bb18f1345688900.js b/version/v0.0.61/_next/static/chunks/699-3bb18f1345688900.js
new file mode 100644
index 00000000000..52047f649d0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/699-3bb18f1345688900.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[699],{699:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/70798-9e1c1f0ed94a5159.js b/version/v0.0.61/_next/static/chunks/70798-9e1c1f0ed94a5159.js
new file mode 100644
index 00000000000..bc1b5185b51
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/70798-9e1c1f0ed94a5159.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70798],{70798:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return C}});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){return s||y("CH",!1),s.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)(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"}}}]},{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:"The accordion is a pure JS Component",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"}}}]},{tokens:[{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:"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)(s.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)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",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"}}}]},{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:"The accordion is a pure JS Component",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"}}}]},{tokens:[{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:"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)(s.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)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/71047-bf0da8f572b86318.js b/version/v0.0.61/_next/static/chunks/71047-bf0da8f572b86318.js
new file mode 100644
index 00000000000..ec39904464c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/71047-bf0da8f572b86318.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71047],{71047:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||y("CH",!1),r.Code||y("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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/72111-a9fd63e18b90b80e.js b/version/v0.0.61/_next/static/chunks/72111-a9fd63e18b90b80e.js
new file mode 100644
index 00000000000..93c3146f3a3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/72111-a9fd63e18b90b80e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72111],{72111:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return E}});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){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/73095-f2d37d1e50650a1c.js b/version/v0.0.61/_next/static/chunks/73095-f2d37d1e50650a1c.js
new file mode 100644
index 00000000000..9e75a75f1cc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/73095-f2d37d1e50650a1c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73095],{73095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});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:"(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:" (Default) Adaptive",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) 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:"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) Adaptive",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{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) Adaptive",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:" (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:"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) 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:["html"],active:"html",heightRatio:1},files:[{name:"html",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"}}}]},{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:" 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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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:" 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:" 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:" 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"}}},{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:" 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:" 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:" 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"}}},{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:" 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:" 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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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:[]}]})]}),"\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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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 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:"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:"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"}}},{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 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:"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:"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"}}},{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"}}},{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:" 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:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/7465-e1c79ea18e587c32.js b/version/v0.0.61/_next/static/chunks/7465-e1c79ea18e587c32.js
new file mode 100644
index 00000000000..5c36f3030bf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/7465-e1c79ea18e587c32.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7465],{7465:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return y}});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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{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:"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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/74774-058e912df069da1a.js b/version/v0.0.61/_next/static/chunks/74774-058e912df069da1a.js
new file mode 100644
index 00000000000..ae312a54783
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/74774-058e912df069da1a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74774],{74774:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||F("CH",!1),r.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)(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) Label Above",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) Label Above",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) Label Above",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:"undefined",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:"(Default) Label Above",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:"(Default) Label Above",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:"(Default) Label Above",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:"undefined",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:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"undefined",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:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",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:"undefined",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:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",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:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/74900-9a3937ee302aea1e.js b/version/v0.0.61/_next/static/chunks/74900-9a3937ee302aea1e.js
new file mode 100644
index 00000000000..33b4de844d7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/74900-9a3937ee302aea1e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74900],{74900:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/762-a29fbcda17e6fc48.js b/version/v0.0.61/_next/static/chunks/762-a29fbcda17e6fc48.js
new file mode 100644
index 00000000000..274b3958dcf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/762-a29fbcda17e6fc48.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[762],{762:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||d("CH",!1),c.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.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:"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)(c.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)(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:"Medium (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:">",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)(c.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)(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:"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)(c.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)(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 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)(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 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)(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 a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/76402-b8957543e8be035a.js b/version/v0.0.61/_next/static/chunks/76402-b8957543e8be035a.js
new file mode 100644
index 00000000000..32736fd989d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/76402-b8957543e8be035a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76402],{76402:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/77935-d3bccab42a91af44.js b/version/v0.0.61/_next/static/chunks/77935-d3bccab42a91af44.js
new file mode 100644
index 00000000000..9c0faf4725f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/77935-d3bccab42a91af44.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77935],{77935:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/78095-81bcb764fb18b774.js b/version/v0.0.61/_next/static/chunks/78095-81bcb764fb18b774.js
new file mode 100644
index 00000000000..14d0c03fd6a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/78095-81bcb764fb18b774.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78095],{78095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/78571-05b21498af4488b2.js b/version/v0.0.61/_next/static/chunks/78571-05b21498af4488b2.js
new file mode 100644
index 00000000000..902a07131d3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/78571-05b21498af4488b2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78571],{78571:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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) 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/79011-234aa9ad9ed615da.js b/version/v0.0.61/_next/static/chunks/79011-234aa9ad9ed615da.js
new file mode 100644
index 00000000000..9cf7f9dc45b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/79011-234aa9ad9ed615da.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79011],{79011:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||B("CH",!1),s.Code||B("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:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:"={true}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static Tag with overflow",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function B(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/79219-1ad90abee81f2931.js b/version/v0.0.61/_next/static/chunks/79219-1ad90abee81f2931.js
new file mode 100644
index 00000000000..5770ceffefd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/79219-1ad90abee81f2931.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79219],{79219:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return a}});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||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: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) Basic",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) Basic",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) Basic",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:"undefined",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) Basic",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:"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) Basic",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:"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) Basic",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:"undefined",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"}}}]},{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:"undefined",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:" Helper Message",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 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)(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:"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)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js b/version/v0.0.61/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js
new file mode 100644
index 00000000000..ce174d89f07
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80095],{80095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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"}}},{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:"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:">",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:"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:">",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:"Label",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: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)(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:">",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: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:">",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: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:"Label",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: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) Regular",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"Label",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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"Label",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: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:"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:">",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:"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:">",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:"Label",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: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)(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:">",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: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:">",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: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:"Label",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 y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/8053-c96fde6a0c243a7e.js b/version/v0.0.61/_next/static/chunks/8053-c96fde6a0c243a7e.js
new file mode 100644
index 00000000000..be1a48bf6cf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/8053-c96fde6a0c243a7e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8053],{8053:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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"}}}]},{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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/810-0bb123e55674fe0c.js b/version/v0.0.61/_next/static/chunks/810-0bb123e55674fe0c.js
new file mode 100644
index 00000000000..7e2db5bd90c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/810-0bb123e55674fe0c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[810],{810:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return i}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/81984-f595759a52be71f8.js b/version/v0.0.61/_next/static/chunks/81984-f595759a52be71f8.js
new file mode 100644
index 00000000000..9155a59c089
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/81984-f595759a52be71f8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81984],{81984:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return F}});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||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) 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:"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:">",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:"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:">",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"}}},{content:"Label",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: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)(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:">",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)(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:">",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)(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:"Label",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: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:"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:"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:':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"}}},{content:"Label",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: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:"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)(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:':required="true">Required',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:"Label",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: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 - 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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - 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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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:"Label",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:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - 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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - 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:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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:"Label",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 F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/82492-40476693c7c94f47.js b/version/v0.0.61/_next/static/chunks/82492-40476693c7c94f47.js
new file mode 100644
index 00000000000..f124edef0da
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/82492-40476693c7c94f47.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82492],{82492:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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||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:"(Default) Empty",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",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:"undefined",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) Empty",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",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:"undefined",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:" 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:"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:"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:"undefined",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:" Filled",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:"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:">",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)(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:"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:">",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)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"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:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',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:"undefined",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:"Filled - Valid",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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - Valid",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:"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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',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:"undefined",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:"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",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:"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">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"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",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:"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">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:"undefined",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:"Readonly - 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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Readonly - Filled",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:"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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/82537-a47ff32496f68c73.js b/version/v0.0.61/_next/static/chunks/82537-a47ff32496f68c73.js
new file mode 100644
index 00000000000..9190065d41b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/82537-a47ff32496f68c73.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82537],{82537:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default: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||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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/83284-446e92094324bd24.js b/version/v0.0.61/_next/static/chunks/83284-446e92094324bd24.js
new file mode 100644
index 00000000000..681d5aaeaef
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/83284-446e92094324bd24.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83284],{83284:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBTooltipModule ",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:"DBTooltipModule",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:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/83495-bfff9ba49de59ea4.js b/version/v0.0.61/_next/static/chunks/83495-bfff9ba49de59ea4.js
new file mode 100644
index 00000000000..a7cef201125
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/83495-bfff9ba49de59ea4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83495],{83495:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/83662-164b7839bc80b7d2.js b/version/v0.0.61/_next/static/chunks/83662-164b7839bc80b7d2.js
new file mode 100644
index 00000000000..2d4584f8a3f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/83662-164b7839bc80b7d2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83662],{83662:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||i("CH",!1),l.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/84022-7997429e32b4ff4c.js b/version/v0.0.61/_next/static/chunks/84022-7997429e32b4ff4c.js
new file mode 100644
index 00000000000..cefe636476c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/84022-7997429e32b4ff4c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84022],{84022:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return y}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...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:"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)(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:"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)(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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/84123-92a9a6616a2f576b.js b/version/v0.0.61/_next/static/chunks/84123-92a9a6616a2f576b.js
new file mode 100644
index 00000000000..fa3fa92ca78
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/84123-92a9a6616a2f576b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84123],{84123:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});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:"{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) 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/84401-7881b1c75704f00f.js b/version/v0.0.61/_next/static/chunks/84401-7881b1c75704f00f.js
new file mode 100644
index 00000000000..faa49044624
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/84401-7881b1c75704f00f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84401],{84401:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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:"(Default) 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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) 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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) 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:"undefined",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) 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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) 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:"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:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) 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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:"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:"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:"undefined",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:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"undefined",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:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",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:"undefined",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:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"undefined",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:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",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:"undefined",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:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"undefined",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:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",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:"undefined",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:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"undefined",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:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",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:"undefined",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:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"undefined",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:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/85642-a2bc0acbd3cf3097.js b/version/v0.0.61/_next/static/chunks/85642-a2bc0acbd3cf3097.js
new file mode 100644
index 00000000000..52fa4c04074
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/85642-a2bc0acbd3cf3097.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85642],{85642:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||y("CH",!1),r.Code||y("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:"Adaptive (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:"Adaptive (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:"Adaptive (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:"Adaptive (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:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"Adaptive (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:c,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 variant",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:">",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 variant",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:">",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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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:"neutral",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)(r.Code,{codeConfig:c,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:"neutral",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)(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:" 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)(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:"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:" Critical",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:"Critical",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:"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)(r.Code,{codeConfig:c,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)(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:" Critical",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:"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:" Informational",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:"Informational",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:"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)(r.Code,{codeConfig:c,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)(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:" Informational",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:"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:" Successful",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:"Successful",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:"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)(r.Code,{codeConfig:c,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)(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:" Successful",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:"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:" Warning",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:"Warning",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:"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)(r.Code,{codeConfig:c,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)(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:" Warning",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:"Adaptive 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:"Adaptive 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:"Adaptive 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:" Adaptive Strong",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:"Adaptive Strong",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:"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:"Adaptive Strong",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:"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:"Adaptive Strong",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:" Adaptive Strong",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"}}}]},{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:"DBTag variant",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:"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:" 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:"DBTag variant",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:"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:" 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)(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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"DBTag variant",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:"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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"DBTag variant",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:"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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:" 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)(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 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:" 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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:" 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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:" 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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:" 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/85933-99d85f69a4127dde.js b/version/v0.0.61/_next/static/chunks/85933-99d85f69a4127dde.js
new file mode 100644
index 00000000000..52b841b28f1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/85933-99d85f69a4127dde.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85933],{85933:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/8687-e7bcfc81c3dce386.js b/version/v0.0.61/_next/static/chunks/8687-e7bcfc81c3dce386.js
new file mode 100644
index 00000000000..f2412cbb32d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/8687-e7bcfc81c3dce386.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8687],{8687:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/87055-36d335d6d1295258.js b/version/v0.0.61/_next/static/chunks/87055-36d335d6d1295258.js
new file mode 100644
index 00000000000..e090e395c70
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/87055-36d335d6d1295258.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87055],{87055:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});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||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:"(Default) Optional",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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) Optional",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:"",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) Optional",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",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:" ",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:"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) Optional",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:"",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:"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:" 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:" 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:" 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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:"",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:"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:"DBSelect",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:" 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:" 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:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':required="true">Required',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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:"",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:"Required - 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:"DBSelect",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:"Required - Filled",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - 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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Required - Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{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:"Required - Filled",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:"",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:"Required - Filled",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:" 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:"Required - Filled",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Required - Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',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:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{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:"Required - Filled",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:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/87523-819f7ef70d8dc28a.js b/version/v0.0.61/_next/static/chunks/87523-819f7ef70d8dc28a.js
new file mode 100644
index 00000000000..a0485a5bee2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/87523-819f7ef70d8dc28a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87523],{87523:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/8807-d1e24c1be9b044d5.js b/version/v0.0.61/_next/static/chunks/8807-d1e24c1be9b044d5.js
new file mode 100644
index 00000000000..186f0a013fa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/8807-d1e24c1be9b044d5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8807],{8807:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default: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||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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/8819-4d522bcf91afb778.js b/version/v0.0.61/_next/static/chunks/8819-4d522bcf91afb778.js
new file mode 100644
index 00000000000..6b8b207ca63
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/8819-4d522bcf91afb778.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8819],{8819:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/88424-ad6badf04ff7f188.js b/version/v0.0.61/_next/static/chunks/88424-ad6badf04ff7f188.js
new file mode 100644
index 00000000000..59f20d55299
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/88424-ad6badf04ff7f188.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88424],{88424:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||y("CH",!1),r.Code||y("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:"Adaptive (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:"Adaptive (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:"Adaptive (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:"Adaptive (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:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",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:"Adaptive (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:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",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:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",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:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",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",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:"Neutral",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:"DBBadge variant",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:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",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:"DBBadge variant",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:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",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:" Neutral",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:"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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(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:" Critical",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:"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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(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:" Informational",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:"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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(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:" Successful",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:"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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(r.Code,{codeConfig:c,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)(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:" Warning",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:"Adaptive 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:"Adaptive 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:"Adaptive 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:" Adaptive Strong",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:"Adaptive Strong",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:"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:"Adaptive Strong",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:"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:"Adaptive Strong",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:" Adaptive Strong",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"}}}]},{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:"DBBadge variant",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:"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:" 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:"DBBadge variant",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:"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:" 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)(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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"DBBadge variant",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:"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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"DBBadge variant",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:"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:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:" 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)(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 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" 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)(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 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)(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 Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"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)(r.Code,{codeConfig:c,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)(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:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/88664-640f07fe472a5996.js b/version/v0.0.61/_next/static/chunks/88664-640f07fe472a5996.js
new file mode 100644
index 00000000000..432f65f4308
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/88664-640f07fe472a5996.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88664],{88664:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return E}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/88712-60393031a934e0cf.js b/version/v0.0.61/_next/static/chunks/88712-60393031a934e0cf.js
new file mode 100644
index 00000000000..e4c04ae78bb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/88712-60393031a934e0cf.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88712],{88712:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});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"}}}]},{tokens:[{content:" Animation no delay (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:" Animation no delay (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:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (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:" Animation no delay (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: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:" Delay slow",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:" Delay slow",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:" Delay slow",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",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:" Delay slow",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:" Delay fast",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:" Delay fast",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:" Delay fast",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",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:" Delay fast",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:" No animation",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:" No animation",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:" No animation",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",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:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/8917-f7db45cabe2ceb35.js b/version/v0.0.61/_next/static/chunks/8917-f7db45cabe2ceb35.js
new file mode 100644
index 00000000000..2cea11ff868
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/8917-f7db45cabe2ceb35.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8917],{8917:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p},default:function(){return F}});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"}}}]},{tokens:[{content:" bottom-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:" bottom-start",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:" bottom (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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:" bottom-end",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:" left-start",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{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:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",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:"html",focus:"",code:{lines:[{tokens:[{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:"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"}}}]},{tokens:[{content:" left",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",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:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",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:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",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:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{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:"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"}}}]},{tokens:[{content:" left-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:" left-end",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:" right-start",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:" 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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" 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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:" right-end",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:" top-start",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:" top",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",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:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:" top-end",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:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",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:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(r,{...o})}):r(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/89631-7d8ed979e0b85001.js b/version/v0.0.61/_next/static/chunks/89631-7d8ed979e0b85001.js
new file mode 100644
index 00000000000..f74cff4981a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/89631-7d8ed979e0b85001.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89631],{89631:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/89829-01cbc019e8c05072.js b/version/v0.0.61/_next/static/chunks/89829-01cbc019e8c05072.js
new file mode 100644
index 00000000000..38977a253bb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/89829-01cbc019e8c05072.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89829],{89829:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/90100-33cb7df4b423eec3.js b/version/v0.0.61/_next/static/chunks/90100-33cb7df4b423eec3.js
new file mode 100644
index 00000000000..6fe90610b66
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/90100-33cb7df4b423eec3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90100],{90100:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});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||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:"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:"DBSelect",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:" 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:">",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:"Functional",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:"",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:"Functional",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:" 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:" 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:">",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",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:" ",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:"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:"Functional",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:"",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:"(Default) Regular",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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) Regular",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:"",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) Regular",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:" 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:" 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:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",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:" ",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:"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) Regular",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:"",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:"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:"DBSelect",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:" 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:">",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",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:"Label",props:{style:{color:"#D8DEE9FF"}}},{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:"Expressive",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:"",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:"Expressive",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:" 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:" 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:">",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",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:" ",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:"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:"Expressive",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:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/90238-f924bacfa197d0ea.js b/version/v0.0.61/_next/static/chunks/90238-f924bacfa197d0ea.js
new file mode 100644
index 00000000000..bfa8cf27f45
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/90238-f924bacfa197d0ea.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90238],{90238:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p},default:function(){return y}});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={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/90798-d8bb846d057f3306.js b/version/v0.0.61/_next/static/chunks/90798-d8bb846d057f3306.js
new file mode 100644
index 00000000000..7b3392f7304
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/90798-d8bb846d057f3306.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90798],{90798:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"describedbyid",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPopover ",props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Popover",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/90976-e58a7fe5831c1aad.js b/version/v0.0.61/_next/static/chunks/90976-e58a7fe5831c1aad.js
new file mode 100644
index 00000000000..f62640afcec
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/90976-e58a7fe5831c1aad.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90976],{90976:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});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||F("CH",!1),r.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)(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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/9151-5b67f3aaddd4b117.js b/version/v0.0.61/_next/static/chunks/9151-5b67f3aaddd4b117.js
new file mode 100644
index 00000000000..f6f6fe0d668
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/9151-5b67f3aaddd4b117.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9151],{9151:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/91584-8d56fe6fa27eda1a.js b/version/v0.0.61/_next/static/chunks/91584-8d56fe6fa27eda1a.js
new file mode 100644
index 00000000000..b4d05ff1648
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/91584-8d56fe6fa27eda1a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91584],{91584:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});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||y("CH",!1),l.Code||y("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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/91596-d1a8572007b0de7b.js b/version/v0.0.61/_next/static/chunks/91596-d1a8572007b0de7b.js
new file mode 100644
index 00000000000..b44f04ca4c9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/91596-d1a8572007b0de7b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91596],{91596:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||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:" (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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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) Empty",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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,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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"Filled - 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:"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:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"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:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"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:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",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:"undefined",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:"Filled - Valid",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:"Label",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:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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 - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - Valid",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:"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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",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:"undefined",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:"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:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"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:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"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:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"undefined",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:"Readonly - 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:"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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Readonly - 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:"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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - 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:"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 - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - 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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/91599-e1a50523ecec652c.js b/version/v0.0.61/_next/static/chunks/91599-e1a50523ecec652c.js
new file mode 100644
index 00000000000..1a5d2a40f8f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/91599-e1a50523ecec652c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91599],{91599:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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"}}},{content:"(Default) Empty",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:" 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:" 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:">",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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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) Empty",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:" 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:" 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:">",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,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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",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:"undefined",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:"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:"DBSelect",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:"Filled",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:" 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:" 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"}}}]},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled",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:" 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:"Filled",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:" 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:" 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"}}}]},{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:"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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",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:"undefined",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:"Filled - 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:"DBSelect",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:"Filled - Invalid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - 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:"DBSelect",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:"Filled - Invalid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',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:"undefined",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:"Filled - Valid",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:" 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:"Filled - Valid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"Filled - Valid",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:" 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:"Filled - Valid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',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:"undefined",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:"DBSelect",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:" 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:" disabled",props:{style:{color:"#8FBCBB"}}}]},{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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",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:"DBSelect",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:" 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:" disabled",props:{style:{color:"#8FBCBB"}}}]},{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:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':disabled="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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/9212-4b72ea8144b798a7.js b/version/v0.0.61/_next/static/chunks/9212-4b72ea8144b798a7.js
new file mode 100644
index 00000000000..7cde8ce9495
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/9212-4b72ea8144b798a7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9212],{9212:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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:"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:"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:" Link",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:"#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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/92738-cbae996e85a609ad.js b/version/v0.0.61/_next/static/chunks/92738-cbae996e85a609ad.js
new file mode 100644
index 00000000000..e574762da95
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/92738-cbae996e85a609ad.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92738],{92738:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/93066-13f095f0d2a4ff97.js b/version/v0.0.61/_next/static/chunks/93066-13f095f0d2a4ff97.js
new file mode 100644
index 00000000000..d0892f6f82c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/93066-13f095f0d2a4ff97.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93066],{93066:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={h2:"h2",...(0,r.a)(),...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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/93637-e77fc7f2c88a1d36.js b/version/v0.0.61/_next/static/chunks/93637-e77fc7f2c88a1d36.js
new file mode 100644
index 00000000000..e99e39cf1c8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/93637-e77fc7f2c88a1d36.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93637],{93637:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBTooltip",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",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:"DBButton describedbyid",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/93932-ea1d301f0b293fc6.js b/version/v0.0.61/_next/static/chunks/93932-ea1d301f0b293fc6.js
new file mode 100644
index 00000000000..40527906320
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/93932-ea1d301f0b293fc6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93932],{93932:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/94266-a93022a94997c567.js b/version/v0.0.61/_next/static/chunks/94266-a93022a94997c567.js
new file mode 100644
index 00000000000..aa6607d3874
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/94266-a93022a94997c567.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94266],{94266:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return C}});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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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"}}},{content:"Interactive Checkbox",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 Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true">Interactive Checkbox',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:"Interactive Checkbox",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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true">Interactive Checkbox',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:"Interactive Checkbox",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 Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{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:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true" :disabled="true">Interactive Checkbox',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:"Interactive Checkbox",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:"Interactive Checkbox",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",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{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",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true" :disabled="true">Interactive Checkbox',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:"Interactive Checkbox",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 C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/94361-26eae2bffa4427e2.js b/version/v0.0.61/_next/static/chunks/94361-26eae2bffa4427e2.js
new file mode 100644
index 00000000000..1f136c814d9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/94361-26eae2bffa4427e2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94361],{94361:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var l=e(52322),n=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,l.jsxs)(l.Fragment,{children:[(0,l.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,l.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) Empty",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:" 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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.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) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.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:" 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:" 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:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"tsx"},annotations:[]}]}),(0,l.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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.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:"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:"DBSelect",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:"Filled",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:" 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:" 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"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.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:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.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:" 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:"Filled",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:" 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:" 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"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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:"tsx"},annotations:[]}]}),(0,l.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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.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:"Filled - 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:"DBSelect",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:"Filled - Invalid",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:" 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:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - 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:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.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:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.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:" 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:"Filled - Invalid",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:" 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:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.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:"Filled - Valid",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:" 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:"Filled - Valid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.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:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.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:" 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:"Filled - Valid",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:" 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:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.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:"DBSelect",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:"Disabled",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:" 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:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Disabled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:">",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.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,l.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:" 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:"Disabled",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:" 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:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{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,l.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 ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Disabled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{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"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",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:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,n.a)(),...o.components};return t?(0,l.jsx)(t,{...o,children:(0,l.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/95591-9ad57879cb0a7be5.js b/version/v0.0.61/_next/static/chunks/95591-9ad57879cb0a7be5.js
new file mode 100644
index 00000000000..be221a49d75
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/95591-9ad57879cb0a7be5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95591],{95591:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});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||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:"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"}}},{content:"No Overflow (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: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"}}},{content:"No Overflow (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: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:" With Overflow (max-width)",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:"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:" With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/9597-41033ba09300beb6.js b/version/v0.0.61/_next/static/chunks/9597-41033ba09300beb6.js
new file mode 100644
index 00000000000..ef11210cccc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/9597-41033ba09300beb6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9597],{9597:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return p}});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||i("CH",!1),l.Code||i("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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(a,{...o})}):a(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/95976-45638bc334b403e1.js b/version/v0.0.61/_next/static/chunks/95976-45638bc334b403e1.js
new file mode 100644
index 00000000000..bab3dc3c6ab
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/95976-45638bc334b403e1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95976],{95976:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",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:" functional",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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",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:" functional",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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",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:" 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)(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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",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:" 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)(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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",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:" expressive",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:" 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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",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:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",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:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/97879-5de34153dcf3578e.js b/version/v0.0.61/_next/static/chunks/97879-5de34153dcf3578e.js
new file mode 100644
index 00000000000..2f9e4365c59
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/97879-5de34153dcf3578e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97879],{97879:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/9803-be861878f47c45be.js b/version/v0.0.61/_next/static/chunks/9803-be861878f47c45be.js
new file mode 100644
index 00000000000..14cfcc31e69
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/9803-be861878f47c45be.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});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||i("CH",!1),r.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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/98587-1ca07c5ed5531a4c.js b/version/v0.0.61/_next/static/chunks/98587-1ca07c5ed5531a4c.js
new file mode 100644
index 00000000000..1c264426391
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/98587-1ca07c5ed5531a4c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98587],{98587:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:" Tag as Link ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag ",props:{style:{color:"#D8DEE9"}}},{content:":overflow",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:"Static Tag with overflow",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 a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/99065-f5ee7b340eb80753.js b/version/v0.0.61/_next/static/chunks/99065-f5ee7b340eb80753.js
new file mode 100644
index 00000000000..3a1189a1c25
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/99065-f5ee7b340eb80753.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99065],{99065:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});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"}}},{content:"(Default) Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",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:"undefined",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) Label",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:"DBCheckbox name",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"}}},{content:"(Default) Label",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:"DBCheckbox name",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"}}},{content:"(Default) Label",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:"undefined",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:" Hidden Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",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:" Hidden Label",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:"DBCheckbox name",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"DBCheckbox name",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:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",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:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/framework-9ab85b184dc1b0cb.js b/version/v0.0.61/_next/static/chunks/framework-9ab85b184dc1b0cb.js
new file mode 100644
index 00000000000..12535e65eb7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/framework-9ab85b184dc1b0cb.js
@@ -0,0 +1,33 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49774],{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=ef(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}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,uS(e,n,u,r=a5(a=Error(f(419)),r,void 0))}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.61/_next/static/chunks/main-10d542f140f24210.js b/version/v0.0.61/_next/static/chunks/main-10d542f140f24210.js
new file mode 100644
index 00000000000..f7eb511de38
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/main-10d542f140f24210.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40179],{98749:function(e,t){"use strict";function r(){return""}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDeploymentIdQueryOrEmptyString",{enumerable:!0,get:function(){return r}})},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},{})}),Array.prototype.at||(Array.prototype.at=function(e){var t=Math.trunc(e)||0;if(t<0&&(t+=this.length),!(t<0||t>=this.length))return this[t]})},65299:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addBasePath",{enumerable:!0,get:function(){return a}});let n=r(1721),o=r(36213);function a(e,t){return(0,o.normalizePathTrailingSlash)((0,n.addPathPrefix)(e,"/mono/version/v0.0.61"))}("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)},24077:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return n}}),r(36213);let n=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n25){window.location.reload();return}clearTimeout(o),o=setTimeout(t,i>5?5e3:1e3)}r&&r.close();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("://",2)[1]),(r=new window.WebSocket(""+f+e.path)).onopen=function(){i=0,window.console.log("[HMR] connected")},r.onerror=a,r.onclose=a,r.onmessage=function(e){let t=JSON.parse(e.data);for(let e of n)e(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)},75073:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"hasBasePath",{enumerable:!0,get:function(){return o}});let n=r(75247);function o(e){return(0,n.pathHasPrefix)(e,"/mono/version/v0.0.61")}("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)},70810: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 a},default:function(){return i}});let n={acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv",noModule:"noModule"};function o(e){let{type:t,props:r}=e,o=document.createElement(t);for(let e in r){if(!r.hasOwnProperty(e)||"children"===e||"dangerouslySetInnerHTML"===e||void 0===r[e])continue;let a=n[e]||e.toLowerCase();"script"===t&&("async"===a||"defer"===a||"noModule"===a)?o[a]=!!r[e]:o.setAttribute(a,r[e])}let{children:a,dangerouslySetInnerHTML:i}=r;return i?o.innerHTML=i.__html||"":a&&(o.textContent="string"==typeof a?a:Array.isArray(a)?a.join(""):""),o}function a(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,o="";if(n){let{children:e}=n.props;o="string"==typeof e?e:Array.isArray(e)?e.join(""):""}o!==document.title&&(document.title=o),["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)},66059:function(e,t,r){"use strict";let n,o,a,i,l,u,s,c,f,d,p,h;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 G},initialize:function(){return Y},hydrate:function(){return ec}});let _=r(43219);r(11541);let g=_._(r(2784)),y=_._(r(17029)),b=r(53656),v=_._(r(54748)),P=r(89994),E=r(64191),S=r(12356),O=r(8046),w=r(74267),R=r(98318),j=r(63652),T=_._(r(70810)),M=_._(r(95279)),A=_._(r(36950)),I=r(32286),C=r(65123),x=r(10274),L=r(26020),N=r(61019),D=r(75073),k=r(56415),F=r(23759),U=r(17204),B=_._(r(73860)),H=_._(r(49996)),W=_._(r(51181)),q="14.0.3",G=(0,v.default)(),z=e=>[].slice.call(e),V=!1;class X extends g.default.Component{componentDidCatch(e,t){this.props.fn(e,t)}componentDidMount(){this.scrollToHash(),n.isSsr&&(o.isFallback||o.nextExport&&((0,S.isDynamicRoute)(n.pathname)||location.search||V)||o.props&&o.props.__N_SSG&&(location.search||V))&&n.replace(n.pathname+"?"+String((0,O.assign)((0,O.urlQueryToSearchParams)(n.query),new URLSearchParams(location.search))),a,{_h:1,shallow:!o.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 Y(e){void 0===e&&(e={}),H.default.onSpanEnd(W.default),o=JSON.parse(document.getElementById("__NEXT_DATA__").textContent),window.__NEXT_DATA__=o,h=o.defaultLocale;let t=o.assetPrefix||"";if(self.__next_set_public_path__(""+t+"/_next/"),(0,w.setConfig)({serverRuntimeConfig:{},publicRuntimeConfig:o.runtimeConfig||{}}),a=(0,R.getURL)(),(0,D.hasBasePath)(a)&&(a=(0,N.removeBasePath)(a)),o.scriptLoader){let{initScriptLoader:e}=r(22898);e(o.scriptLoader)}i=new M.default(o.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,T.default)()).getIsSsr=()=>n.isSsr,l=document.getElementById("__next"),{assetPrefix:t}}function $(e,t){return g.default.createElement(e,t)}function K(e){var t;let{children:r}=e,o=g.default.useMemo(()=>(0,F.adaptForAppRouterInstance)(n),[]);return g.default.createElement(X,{fn:e=>Q({App:f,err:e}).catch(e=>console.error("Error rendering page: ",e))},g.default.createElement(k.AppRouterContext.Provider,{value:o},g.default.createElement(U.SearchParamsContext.Provider,{value:(0,F.adaptForSearchParams)(n)},g.default.createElement(F.PathnameContextProviderAdapter,{router:n,isAutoExport:null!=(t=self.__NEXT_DATA__.autoExport)&&t},g.default.createElement(U.PathParamsContext.Provider,{value:(0,F.adaptForPathParams)(n)},g.default.createElement(P.RouterContext.Provider,{value:(0,C.makePublicRouterInstance)(n)},g.default.createElement(b.HeadManagerContext.Provider,{value:u},g.default.createElement(L.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.61/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}},r))))))))}let J=e=>t=>{let r={...t,Component:p,err:o.err,router:n};return g.default.createElement(K,null,$(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:o,styleSheets:a}=n;return(null==s?void 0:s.Component)===o?Promise.resolve().then(()=>m._(r(78941))).then(n=>Promise.resolve().then(()=>m._(r(40483))).then(r=>(t=r.default,e.App=t,n))).then(e=>({ErrorComponent:e.default,styleSheets:[]})):{ErrorComponent:o,styleSheets:a}}).then(r=>{var i;let{ErrorComponent:u,styleSheets:s}=r,c=J(t),f={Component:u,AppTree:c,router:n,ctx:{err:l,pathname:o.page,query:o.query,asPath:a,AppTree:c}};return Promise.resolve((null==(i=e.props)?void 0:i.err)?e.props:(0,R.loadGetInitialProps)(t,f)).then(t=>eu({...e,err:l,Component:u,styleSheets:s,props:t}))})}function Z(e){let{callback:t}=e;return g.default.useLayoutEffect(()=>t(),[t]),null}let ee={navigationStart:"navigationStart",beforeRender:"beforeRender",afterRender:"afterRender",afterHydrate:"afterHydrate",routeChange:"routeChange"},et={hydration:"Next.js-hydration",beforeHydration:"Next.js-before-hydration",routeChangeToRender:"Next.js-route-change-to-render",render:"Next.js-render"},er=null,en=!0;function eo(){[ee.beforeRender,ee.afterHydrate,ee.afterRender,ee.routeChange].forEach(e=>performance.clearMarks(e))}function ea(){if(!R.ST)return;performance.mark(ee.afterHydrate);let e=performance.getEntriesByName(ee.beforeRender,"mark").length;e&&(performance.measure(et.beforeHydration,ee.navigationStart,ee.beforeRender),performance.measure(et.hydration,ee.beforeRender,ee.afterHydrate)),d&&performance.getEntriesByName(et.hydration).forEach(d),eo()}function ei(){if(!R.ST)return;performance.mark(ee.afterRender);let e=performance.getEntriesByName(ee.routeChange,"mark");if(!e.length)return;let t=performance.getEntriesByName(ee.beforeRender,"mark").length;t&&(performance.measure(et.routeChangeToRender,e[0].name,ee.beforeRender),performance.measure(et.render,ee.beforeRender,ee.afterRender),d&&(performance.getEntriesByName(et.render).forEach(d),performance.getEntriesByName(et.routeChangeToRender).forEach(d))),eo(),[et.routeChangeToRender,et.render].forEach(e=>performance.clearMeasures(e))}function el(e){let{callbacks:t,children:r}=e;return g.default.useLayoutEffect(()=>t.forEach(e=>e()),[t]),g.default.useEffect(()=>{(0,A.default)(d)},[]),r}function eu(e){let t,{App:r,Component:o,props:a,err:i}=e,u="initial"in e?void 0:e.styleSheets;o=o||s.Component,a=a||s.props;let f={...a,Component:o,err:i,router:n};s=f;let d=!1,p=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 h(){t()}!function(){if(!u)return;let e=z(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:o}=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(o))}})}();let m=g.default.createElement(g.default.Fragment,null,g.default.createElement(Z,{callback:function(){if(u&&!d){let e=new Set(u.map(e=>e.href)),t=z(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)}),z(document.querySelectorAll("link[data-n-p]")).forEach(e=>{e.parentNode.removeChild(e)})}if(e.scroll){let{x:t,y:r}=e.scroll;(0,E.handleSmoothScroll)(()=>{window.scrollTo(t,r)})}}}),g.default.createElement(K,null,$(r,f),g.default.createElement(j.Portal,{type:"next-route-announcer"},g.default.createElement(I.RouteAnnouncer,null))));return!function(e,t){R.ST&&performance.mark(ee.beforeRender);let r=t(en?ea:ei);if(er){let e=g.default.startTransition;e(()=>{er.render(r)})}else er=y.default.hydrateRoot(e,r,{onRecoverableError:B.default}),en=!1}(l,e=>g.default.createElement(el,{callbacks:[e,h]},m)),p}async function es(e){if(e.err){await Q(e);return}try{await eu(e)}catch(r){let t=(0,x.getProperError)(r);if(t.cancelled)throw t;await Q({...e,err:t})}}async function ec(e){let t=o.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:o,startTime:a,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:o,startTime:a||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(o.page);if("error"in n)throw n.error;p=n.component}catch(e){t=(0,x.getProperError)(e)}window.__NEXT_PRELOADREADY&&await window.__NEXT_PRELOADREADY(o.dynamicIds),n=(0,C.createRouter)(o.page,o.query,a,{initialProps:o.props,pageLoader:i,App:f,Component:p,wrapApp:J,err:t,isFallback:!!o.isFallback,subscription:(e,t,r)=>es(Object.assign({},e,{App:t,scroll:r})),locale:o.locale,locales:o.locales,defaultLocale:h,domainLocales:o.domainLocales,isPreview:o.isPreview}),V=await n._initialMatchesMiddlewarePromise;let r={App:f,initial:!0,Component:p,props:o.props,err:t};(null==e?void 0:e.beforeRender)&&await e.beforeRender(),es(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)},45286:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),r(68125);let n=r(66059);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)},36213:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizePathTrailingSlash",{enumerable:!0,get:function(){return a}});let n=r(15847),o=r(24055),a=e=>{if(!e.startsWith("/"))return e;let{pathname:t,query:r,hash:a}=(0,o.parsePath)(e);return""+(0,n.removeTrailingSlash)(t)+r+a};("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)},73860:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let n=r(94397);function o(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)},95279: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),o=r(65299),a=r(60691),i=n._(r(46900)),l=r(24077),u=r(12356),s=r(56148),c=r(15847),f=r(30713);r(69482);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:p}=(0,s.parseRelativeUrl)(r),{pathname:h}=(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,o.addBasePath)("/_next/data/"+this.buildId+t+p,!0)})(e.skipInterpolation?h:(0,u.isDynamicRoute)(m)?(0,a.interpolateAs)(f,h,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)},36950: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 o=["CLS","FCP","FID","INP","LCP","TTFB"];location.href;let a=!1;function i(e){n&&n(e)}let l=e=>{if(n=e,!a)for(let e of(a=!0,o))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)},63652:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return a}});let n=r(2784),o=r(28316),a=e=>{let{children:t,type:r}=e,[a,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]),a?(0,o.createPortal)(t,a):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)},61019:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removeBasePath",{enumerable:!0,get:function(){return o}}),r(75073);let n="/mono/version/v0.0.61";function o(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)},54842: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(24055),("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)},82120: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)},90038: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(8046),o=r(68613),a=r(16273),i=r(98318),l=r(36213),u=r(65571),s=r(87692),c=r(60691);function f(e,t,r){let f;let d="string"==typeof t?t:(0,o.formatWithValidation)(t),p=d.match(/^[a-zA-Z]{1,}:\/\//),h=p?d.slice(p[0].length):d,m=h.split("?",1);if((m[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)(h);d=(p?p[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,o.formatWithValidation)({pathname:i,hash:e.hash,query:(0,a.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}}("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)},32286: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),o=n._(r(2784)),a=r(65123),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,a.useRouter)(),[t,r]=o.default.useState(""),n=o.default.useRef(e);return o.default.useEffect(()=>{if(n.current!==e){if(n.current=e,document.title)r(document.title);else{var t;let n=document.querySelector("h1"),o=null!=(t=null==n?void 0:n.innerText)?t:null==n?void 0:n.textContent;r(o||e)}}},[e]),o.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)},30713: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 u},isAssetError:function(){return s},getClientBuildManifest:function(){return p},createRouteLoader:function(){return m}}),r(43219),r(46900);let n=r(41384),o=r(82120),a=r(98749);function i(e,t,r){let n,o=t.get(e);if(o)return"future"in o?o.future:Promise.resolve(o);let a=new Promise(e=>{n=e});return t.set(e,o={resolve:n,future:a}),r?r().then(e=>(n(e),e)).catch(r=>{throw t.delete(e),r}):a}let l=Symbol("ASSET_LOAD_ERROR");function u(e){return Object.defineProperty(e,l,{})}function s(e){return e&&l in e}let c=function(e){try{return e=document.createElement("link"),!!window.MSInputMethodContext&&!!document.documentMode||e.relList.supports("prefetch")}catch(e){return!1}}(),f=()=>(0,a.getDeploymentIdQueryOrEmptyString)();function d(e,t,r){return new Promise((n,a)=>{let i=!1;e.then(e=>{i=!0,n(e)}).catch(a),(0,o.requestIdleCallback)(()=>setTimeout(()=>{i||a(r)},t))})}function p(){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 d(e,3800,u(Error("Failed to load client build manifest")))}function h(e,t){return p().then(r=>{if(!(t in r))throw u(Error("Failed to lookup route: "+t));let o=r[t].map(t=>e+"/_next/"+encodeURI(t));return{scripts:o.filter(e=>e.endsWith(".js")).map(e=>(0,n.__unsafeCreateTrustedScriptURL)(e)+f()),css:o.filter(e=>e.endsWith(".css")).map(e=>e+f())}})}function m(e){let t=new Map,r=new Map,n=new Map,a=new Map;function l(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(u(Error("Failed to load script: "+e))),t.crossOrigin=void 0,t.src=e,document.body.appendChild(t)})),n))}}function s(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 u(e)})),t}return{whenEntrypoint:e=>i(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),a.delete(e))})},loadRoute(r,n){return i(r,a,()=>{let o;return d(h(e,r).then(e=>{let{scripts:n,css:o}=e;return Promise.all([t.has(r)?[]:Promise.all(n.map(l)),Promise.all(o.map(s))])}).then(e=>this.whenEntrypoint(r).then(t=>({entrypoint:t,styles:e[1]}))),3800,u(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==o?void 0:o())})},prefetch(t){let r;return(r=navigator.connection)&&(r.saveData||/2g/.test(r.effectiveType))?Promise.resolve():h(e,t).then(e=>Promise.all(c?e.scripts.map(e=>{var t,r,n;return t=e.toString(),r="script",new Promise((e,o)=>{if(document.querySelector('\n link[rel="prefetch"][href^="'+t+'"],\n link[rel="preload"][href^="'+t+'"],\n script[src^="'+t+'"]'))return e();n=document.createElement("link"),r&&(n.as=r),n.rel="prefetch",n.crossOrigin=void 0,n.onload=e,n.onerror=()=>o(u(Error("Failed to prefetch: "+t))),n.href=t,document.head.appendChild(n)})}):[])).then(()=>{(0,o.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)},65123: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 a.default},default:function(){return p},withRouter:function(){return u.default},useRouter:function(){return h},createRouter:function(){return m},makePublicRouterInstance:function(){return _}});let n=r(43219),o=n._(r(2784)),a=n._(r(26932)),i=r(89994),l=n._(r(10274)),u=n._(r(75713)),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:()=>a.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(()=>{a.default.events.on(e,function(){for(var t=arguments.length,r=Array(t),n=0;ne()),s.readyCallbacks=[],s.router}function _(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=a.default.events,f.forEach(r=>{t[r]=function(){for(var t=arguments.length,n=Array(t),o=0;o{if(a.default.preinit){e.forEach(e=>{a.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)})}},h=e=>{let{src:t,id:r,onLoad:n=()=>{},onReady:o=null,dangerouslySetInnerHTML:a,children:i="",strategy:l="afterInteractive",onError:s,stylesheets:h}=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 _=()=>{o&&o(),f.add(m)},g=document.createElement("script"),y=new Promise((e,t)=>{g.addEventListener("load",function(t){e(),n&&n.call(this,t),_()}),g.addEventListener("error",function(e){t(e)})}).catch(function(e){s&&s(e)});for(let[r,n]of(a?(g.innerHTML=a.__html||"",_()):i?(g.textContent="string"==typeof i?i:Array.isArray(i)?i.join(""):"",_()):t&&(g.src=t,c.set(t,y)),Object.entries(e))){if(void 0===n||d.includes(r))continue;let e=u.DOMAttributeNames[r]||r.toLowerCase();g.setAttribute(e,n)}"worker"===l&&g.setAttribute("type","text/partytown"),g.setAttribute("data-nscript",l),h&&p(h),document.body.appendChild(g)};function m(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,s.requestIdleCallback)(()=>h(e))}):h(e)}function _(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 g(e){let{id:t,src:r="",onLoad:n=()=>{},onReady:o=null,strategy:u="afterInteractive",onError:c,stylesheets:d,...p}=e,{updateScripts:m,scripts:_,getIsSsr:g,appDir:y,nonce:b}=(0,i.useContext)(l.HeadManagerContext),v=(0,i.useRef)(!1);(0,i.useEffect)(()=>{let e=t||r;v.current||(o&&e&&f.has(e)&&o(),v.current=!0)},[o,t,r]);let P=(0,i.useRef)(!1);if((0,i.useEffect)(()=>{!P.current&&("afterInteractive"===u?h(e):"lazyOnload"===u&&("complete"===document.readyState?(0,s.requestIdleCallback)(()=>h(e)):window.addEventListener("load",()=>{(0,s.requestIdleCallback)(()=>h(e))})),P.current=!0)},[e,u]),("beforeInteractive"===u||"worker"===u)&&(m?(_[u]=(_[u]||[]).concat([{id:t,src:r,onLoad:n,onReady:o,onError:c,...p}]),m(_)):g&&g()?f.add(t||r):g&&!g()&&h(e)),y){if(d&&d.forEach(e=>{a.default.preinit(e,{as:"style"})}),"beforeInteractive"===u)return r?(a.default.preload(r,p.integrity?{as:"script",integrity:p.integrity}:{as:"script"}),i.default.createElement("script",{nonce:b,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([r])+")"}})):(p.dangerouslySetInnerHTML&&(p.children=p.dangerouslySetInnerHTML.__html,delete p.dangerouslySetInnerHTML),i.default.createElement("script",{nonce:b,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([0,{...p}])+")"}}));"afterInteractive"===u&&r&&a.default.preload(r,p.integrity?{as:"script",integrity:p.integrity}:{as:"script"})}return null}Object.defineProperty(g,"__nextScript",{value:!0});let y=g;("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)},51181:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let n=r(66695);function o(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)},49996: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),o=n._(r(54748));class a{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,o;this.name=e,this.attributes=null!=(n=t.attributes)?n:{},this.startTime=null!=(o=t.startTime)?o:Date.now(),this.onSpanEnd=r,this.state={state:"inprogress"}}}class i{startSpan(e,t){return new a(e,t,this.handleSpanEnd)}onSpanEnd(e){return this._emitter.on("spanend",e),()=>{this._emitter.off("spanend",e)}}constructor(){this._emitter=(0,o.default)(),this.handleSpanEnd=e=>{this._emitter.emit("spanend",e)}}}let l=new 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)},41384: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)},68125:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),r(98749),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)},75713: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),o=n._(r(2784)),a=r(65123);function i(e){function t(t){return o.default.createElement(e,{router:(0,a.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)},40483: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),o=n._(r(2784)),a=r(98318);async function i(e){let{Component:t,ctx:r}=e,n=await (0,a.loadGetInitialProps)(t,r);return{pageProps:n}}class l extends o.default.Component{render(){let{Component:e,pageProps:t}=this.props;return o.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)},78941:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return Error}});let n=r(43219),o=n._(r(2784)),a=n._(r(35487)),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 Error extends o.default.Component{render(){let{statusCode:e,withDarkMode:t=!0}=this.props,r=this.props.title||i[e]||"An unexpected error has occurred";return o.default.createElement("div",{style:u.error},o.default.createElement(a.default,null,o.default.createElement("title",null,e?e+": "+r:"Application error: a client-side exception has occurred")),o.default.createElement("div",{style:u.desc},o.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?o.default.createElement("h1",{className:"next-error-h1",style:u.h1},e):null,o.default.createElement("div",{style:u.wrap},o.default.createElement("h2",{style:u.h2},this.props.title||e?r:o.default.createElement(o.default.Fragment,null,"Application error: a client-side exception has occurred (see the browser console for more information)"),"."))))}}Error.displayName="ErrorPage",Error.getInitialProps=l,Error.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)},24820:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"AmpStateContext",{enumerable:!0,get:function(){return a}});let n=r(43219),o=n._(r(2784)),a=o.default.createContext({})},40047: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}})},56415:function(e,t,r){"use strict";var n,o;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 a=r(43219),i=a._(r(2784));(o=n||(n={})).LAZY_INITIALIZED="LAZYINITIALIZED",o.DATA_FETCH="DATAFETCH",o.READY="READY";let l=i.default.createContext(null),u=i.default.createContext(null),s=i.default.createContext(null),c=i.default.createContext(null)},87819: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)}}},69482: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,{MODERN_BROWSERSLIST_TARGET:function(){return o.default},COMPILER_NAMES:function(){return a},INTERNAL_HEADERS:function(){return i},COMPILER_INDEXES:function(){return l},PHASE_EXPORT:function(){return u},PHASE_PRODUCTION_BUILD:function(){return s},PHASE_PRODUCTION_SERVER:function(){return c},PHASE_DEVELOPMENT_SERVER:function(){return f},PHASE_TEST:function(){return d},PHASE_INFO:function(){return p},PAGES_MANIFEST:function(){return h},APP_PATHS_MANIFEST:function(){return m},APP_PATH_ROUTES_MANIFEST:function(){return _},BUILD_MANIFEST:function(){return g},APP_BUILD_MANIFEST:function(){return y},FUNCTIONS_CONFIG_MANIFEST:function(){return b},SUBRESOURCE_INTEGRITY_MANIFEST:function(){return v},NEXT_FONT_MANIFEST:function(){return P},EXPORT_MARKER:function(){return E},EXPORT_DETAIL:function(){return S},PRERENDER_MANIFEST:function(){return O},ROUTES_MANIFEST:function(){return w},IMAGES_MANIFEST:function(){return R},SERVER_FILES_MANIFEST:function(){return j},DEV_CLIENT_PAGES_MANIFEST:function(){return T},MIDDLEWARE_MANIFEST:function(){return M},DEV_MIDDLEWARE_MANIFEST:function(){return A},REACT_LOADABLE_MANIFEST:function(){return I},FONT_MANIFEST:function(){return C},SERVER_DIRECTORY:function(){return x},CONFIG_FILES:function(){return L},BUILD_ID_FILE:function(){return N},BLOCKED_PAGES:function(){return D},CLIENT_PUBLIC_FILES_PATH:function(){return k},CLIENT_STATIC_FILES_PATH:function(){return F},STRING_LITERAL_DROP_BUNDLE:function(){return U},NEXT_BUILTIN_DOCUMENT:function(){return B},BARREL_OPTIMIZATION_PREFIX:function(){return H},CLIENT_REFERENCE_MANIFEST:function(){return W},SERVER_REFERENCE_MANIFEST:function(){return q},MIDDLEWARE_BUILD_MANIFEST:function(){return G},MIDDLEWARE_REACT_LOADABLE_MANIFEST:function(){return z},CLIENT_STATIC_FILES_RUNTIME_MAIN:function(){return V},CLIENT_STATIC_FILES_RUNTIME_MAIN_APP:function(){return X},APP_CLIENT_INTERNALS:function(){return Y},CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH:function(){return $},CLIENT_STATIC_FILES_RUNTIME_AMP:function(){return K},CLIENT_STATIC_FILES_RUNTIME_WEBPACK:function(){return J},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS:function(){return Q},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS_SYMBOL:function(){return Z},EDGE_RUNTIME_WEBPACK:function(){return ee},TEMPORARY_REDIRECT_STATUS:function(){return et},PERMANENT_REDIRECT_STATUS:function(){return er},STATIC_PROPS_ID:function(){return en},SERVER_PROPS_ID:function(){return eo},PAGE_SEGMENT_KEY:function(){return ea},GOOGLE_FONT_PROVIDER:function(){return ei},OPTIMIZED_FONT_PROVIDERS:function(){return el},DEFAULT_SERIF_FONT:function(){return eu},DEFAULT_SANS_SERIF_FONT:function(){return es},STATIC_STATUS_PAGES:function(){return ec},TRACE_OUTPUT_VERSION:function(){return ef},TURBO_TRACE_DEFAULT_MEMORY_LIMIT:function(){return ed},RSC_MODULE_TYPES:function(){return ep},EDGE_UNSUPPORTED_NODE_APIS:function(){return eh},SYSTEM_ENTRYPOINTS:function(){return em}});let n=r(43219),o=n._(r(12543)),a={client:"client",server:"server",edgeServer:"edge-server"},i=["x-invoke-error","x-invoke-output","x-invoke-path","x-invoke-query","x-invoke-status","x-middleware-invoke"],l={[a.client]:0,[a.server]:1,[a.edgeServer]:2},u="phase-export",s="phase-production-build",c="phase-production-server",f="phase-development-server",d="phase-test",p="phase-info",h="pages-manifest.json",m="app-paths-manifest.json",_="app-path-routes-manifest.json",g="build-manifest.json",y="app-build-manifest.json",b="functions-config-manifest.json",v="subresource-integrity-manifest",P="next-font-manifest",E="export-marker.json",S="export-detail.json",O="prerender-manifest.json",w="routes-manifest.json",R="images-manifest.json",j="required-server-files.json",T="_devPagesManifest.json",M="middleware-manifest.json",A="_devMiddlewareManifest.json",I="react-loadable-manifest.json",C="font-manifest.json",x="server",L=["next.config.js","next.config.mjs"],N="BUILD_ID",D=["/_document","/_app","/_error"],k="public",F="static",U="__NEXT_DROP_CLIENT_FILE__",B="__NEXT_BUILTIN_DOCUMENT__",H="__barrel_optimize__",W="client-reference-manifest",q="server-reference-manifest",G="middleware-build-manifest",z="middleware-react-loadable-manifest",V="main",X=""+V+"-app",Y="app-pages-internals",$="react-refresh",K="amp",J="webpack",Q="polyfills",Z=Symbol(Q),ee="edge-runtime-webpack",et=307,er=308,en="__N_SSG",eo="__N_SSP",ea="__PAGE__",ei="https://fonts.googleapis.com/",el=[{url:ei,preconnect:"https://fonts.gstatic.com"},{url:"https://use.typekit.net",preconnect:"https://use.typekit.net"}],eu={name:"Times New Roman",xAvgCharWidth:821,azAvgWidth:854.3953488372093,unitsPerEm:2048},es={name:"Arial",xAvgCharWidth:904,azAvgWidth:934.5116279069767,unitsPerEm:2048},ec=["/500"],ef=1,ed=6e3,ep={client:"client",server:"server"},eh=["clearImmediate","setImmediate","BroadcastChannel","ByteLengthQueuingStrategy","CompressionStream","CountQueuingStrategy","DecompressionStream","DomException","MessageChannel","MessageEvent","MessagePort","ReadableByteStreamController","ReadableStreamBYOBRequest","ReadableStreamDefaultController","TransformStreamDefaultController","WritableStreamDefaultController"],em=new Set([V,$,K,X]);("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)},87282:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"escapeStringRegexp",{enumerable:!0,get:function(){return o}});let r=/[|\\{}()[\]^$+*?.-]/,n=/[|\\{}()[\]^$+*?.-]/g;function o(e){return r.test(e)?e.replace(n,"\\$&"):e}},53656:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"HeadManagerContext",{enumerable:!0,get:function(){return a}});let n=r(43219),o=n._(r(2784)),a=o.default.createContext({})},35487: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 h}});let n=r(43219),o=r(16794),a=o._(r(2784)),i=n._(r(91883)),l=r(24820),u=r(53656),s=r(40047);function c(e){void 0===e&&(e=!1);let t=[a.default.createElement("meta",{charSet:"utf-8"})];return e||t.push(a.default.createElement("meta",{name:"viewport",content:"width=device-width"})),t}function f(e,t){return"string"==typeof t||"number"==typeof t?e:t.type===a.default.Fragment?e.concat(a.default.Children.toArray(t.props.children).reduce((e,t)=>"string"==typeof t||"number"==typeof t?e:e.concat(t),[])):e.concat(t)}r(69737);let d=["name","httpEquiv","charSet","itemProp"];function p(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 o=>{let a=!0,i=!1;if(o.key&&"number"!=typeof o.key&&o.key.indexOf("$")>0){i=!0;let t=o.key.slice(o.key.indexOf("$")+1);e.has(t)?a=!1:e.add(t)}switch(o.type){case"title":case"base":t.has(o.type)?a=!1:t.add(o.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,a.default.cloneElement(e,t)}return a.default.cloneElement(e,{key:n})})}let h=function(e){let{children:t}=e,r=(0,a.useContext)(l.AmpStateContext),n=(0,a.useContext)(u.HeadManagerContext);return a.default.createElement(i.default,{reduceComponentsToState:p,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)},17204: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 o},PathnameContext:function(){return a},PathParamsContext:function(){return i}});let n=r(2784),o=(0,n.createContext)(null),a=(0,n.createContext)(null),i=(0,n.createContext)(null)},78645: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}})},26020: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),o=n._(r(2784)),a=r(66845),i=o.default.createContext(a.imageConfigDefault)},66845: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}},78456: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}})},94397: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,{NEXT_DYNAMIC_NO_SSR_CODE:function(){return r},throwWithNoSSR:function(){return n}});let r="NEXT_DYNAMIC_NO_SSR_CODE";function n(){let e=Error(r);throw e.digest=r,e}},54748: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),o=1;o{e(...n)})}}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r}})},12543:function(e){"use strict";e.exports=["chrome 64","edge 79","firefox 67","opera 51","safari 12"]},96471:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"denormalizePagePath",{enumerable:!0,get:function(){return a}});let n=r(87692),o=r(64305);function a(e){let t=(0,o.normalizePathSep)(e);return t.startsWith("/index/")&&!(0,n.isDynamicRoute)(t)?t.slice(6):"/index"!==t?t:"/"}},61628: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}})},64305: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}})},89994:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return a}});let n=r(43219),o=n._(r(2784)),a=o.default.createContext(null)},23759: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 s},adaptForSearchParams:function(){return c},adaptForPathParams:function(){return f},PathnameContextProviderAdapter:function(){return d}});let n=r(16794),o=n._(r(2784)),a=r(17204),i=r(87692),l=r(81302),u=r(10632);function s(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 c(e){return e.isReady&&e.query?(0,l.asPathToSearchParams)(e.asPath):new URLSearchParams}function f(e){if(!e.isReady||!e.query)return null;let t={},r=(0,u.getRouteRegex)(e.pathname),n=Object.keys(r.groups);for(let r of n)t[r]=e.query[r];return t}function d(e){let{children:t,router:r,...n}=e,l=(0,o.useRef)(n.isAutoExport),u=(0,o.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 o.default.createElement(a.PathnameContext.Provider,{value:u},t)}},26932: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),o=r(16794),a=r(15847),i=r(30713),l=r(22898),u=o._(r(10274)),s=r(96471),c=r(78645),f=n._(r(54748)),d=r(98318),p=r(12356),h=r(56148);r(72094);let m=r(5256),_=r(10632),g=r(68613);r(39958);let y=r(24055),b=r(24077),v=r(54842),P=r(61019),E=r(65299),S=r(75073),O=r(90038),w=r(74219),R=r(2712),j=r(99162),T=r(50703),M=r(65571),A=r(14305),I=r(16273),C=r(60691),x=r(64191);function L(){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,y.parsePath)(e.asPath),n=(0,S.hasBasePath)(r)?(0,P.removeBasePath)(r):r,o=(0,E.addBasePath)((0,b.addLocale)(n,e.locale));return t.some(e=>new RegExp(e.regexp).test(o))}function D(e){let t=(0,d.getLocationOrigin)();return e.startsWith(t)?e.substring(t.length):e}function k(e,t,r){let[n,o]=(0,O.resolveHref)(e,t,!0),a=(0,d.getLocationOrigin)(),i=n.startsWith(a),l=o&&o.startsWith(a);n=D(n),o=o?D(o):o;let u=i?n:(0,E.addBasePath)(n),s=r?D((0,O.resolveHref)(e,r)):o||n;return{url:u,as:l?s:(0,E.addBasePath)(s)}}function F(e,t){let r=(0,a.removeTrailingSlash)((0,s.denormalizePagePath)(e));return"/404"===r||"/_error"===r?e:(t.includes(r)||t.some(t=>{if((0,p.isDynamicRoute)(t)&&(0,_.getRouteRegex)(t).re.test(r))return e=t,!0}),(0,a.removeTrailingSlash)(e))}async function U(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},o=t.headers.get("x-nextjs-rewrite"),l=o||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,h.parseRelativeUrl)(l),u=(0,R.getNextPathnameInfo)(t.pathname,{nextConfig:n,parseData:!0}),s=(0,a.removeTrailingSlash)(u.pathname);return Promise.all([r.router.pageLoader.getPageList(),(0,i.getClientBuildManifest)()]).then(a=>{let[i,{__rewrites:l}]=a,f=(0,b.addLocale)(u.pathname,u.locale);if((0,p.isDynamicRoute)(f)||!o&&i.includes((0,c.normalizeLocalePath)((0,P.removeBasePath)(f),r.router.locales).pathname)){let r=(0,R.getNextPathnameInfo)((0,h.parseRelativeUrl)(e).pathname,{nextConfig:n,parseData:!0});f=(0,E.addBasePath)(r.pathname),t.pathname=f}if(!i.includes(s)){let e=F(s,i);e!==s&&(s=e)}let d=i.includes(s)?s:F((0,c.normalizeLocalePath)((0,P.removeBasePath)(t.pathname),r.router.locales).pathname,i);if((0,p.isDynamicRoute)(d)){let e=(0,m.getRouteMatcher)((0,_.getRouteRegex)(d))(f);Object.assign(t.query,e||{})}return{type:"rewrite",parsedAs:t,resolvedHref:d}})}let t=(0,y.parsePath)(e),u=(0,j.formatNextPathnameInfo)({...(0,R.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,y.parsePath)(s),t=(0,j.formatNextPathnameInfo)({...(0,R.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 B=Symbol("SSG_DATA_NOT_FOUND");function H(e){try{return JSON.parse(e)}catch(e){return null}}function W(e){var t;let{dataHref:r,inflightCache:n,isPrefetch:o,hasMiddleware:a,isServerRender:l,parseJSON:u,persistCache:s,isBackground:c,unstable_skipClientCache:f}=e,{href:d}=new URL(r,window.location.href),p=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(o=>!o.ok&&r>1&&o.status>=500?e(t,r-1,n):o)})(r,l?3:1,{headers:Object.assign({},o?{purpose:"prefetch"}:{},o&&a?{"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(a&&[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=H(e))?void 0:n.notFound)return{dataHref:r,json:{notFound:B},response:t,text:e,cacheKey:d}}let o=Error("Failed to load static props");throw l||(0,i.markAssetError)(o),o}return{dataHref:r,json:u?H(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?p({}).then(e=>(n[d]=Promise.resolve(e),e)):void 0!==n[d]?n[d]:n[d]=p(c?{method:"HEAD"}:{})}function q(){return Math.random().toString(36).slice(2,10)}function G(e){let{url:t,router:r}=e;if(t===(0,E.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 z=e=>{let{route:t,router:r}=e,n=!1,o=r.clc=()=>{n=!0};return()=>{if(n){let e=Error('Abort fetching component for route: "'+t+'"');throw e.cancelled=!0,e}o===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}=k(this,e,t),this.change("pushState",e,t,r)}replace(e,t,r){return void 0===r&&(r={}),{url:e,as:t}=k(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,a.removeTrailingSlash)(new URL(c,"http://n").pathname),f=(0,E.addBasePath)((0,b.addLocale)(t,r||this.locale));if(t!==(0,a.removeTrailingSlash)(new URL(this.asPath,"http://n").pathname)){var o,i,l;for(let e of(u=u||!!(null==(o=this._bfl_s)?void 0:o.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,o){var s,c,f,O,w,R,j,A,x;let D,U;if(!(0,M.isLocalURL)(t))return G({url:t,router:this}),!1;let H=1===n._h;H||n.shallow||await this._bfl(r,void 0,n.locale);let W=H||n._shouldResolveHref||(0,y.parsePath)(t).pathname===(0,y.parsePath)(r).pathname,q={...this.state},z=!0!==this.isReady;this.isReady=!0;let X=this.isSsr;if(H||(this.isSsr=!1),H&&this.clc)return!1;let Y=q.locale;d.ST&&performance.mark("routeChange");let{shallow:$=!1,scroll:K=!0}=n,J={shallow:$};this._inFlightRoute&&this.clc&&(X||V.events.emit("routeChangeError",L(),this._inFlightRoute,J),this.clc(),this.clc=null),r=(0,E.addBasePath)((0,b.addLocale)((0,S.hasBasePath)(r)?(0,P.removeBasePath)(r):r,n.locale,this.defaultLocale));let Q=(0,v.removeLocale)((0,S.hasBasePath)(r)?(0,P.removeBasePath)(r):r,q.locale);this._inFlightRoute=r;let Z=Y!==q.locale;if(!H&&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,h.parseRelativeUrl)(t),{pathname:et,query:er}=ee;if(null==(s=this.components[et])?void 0:s.__appRouter)return G({url:r,router:this}),new Promise(()=>{});try{[D,{__rewrites:U}]=await Promise.all([this.pageLoader.getPageList(),(0,i.getClientBuildManifest)(),this.pageLoader.getMiddleware()])}catch(e){return G({url:r,router:this}),!1}this.urlIsNew(Q)||Z||(e="replaceState");let en=r;et=et?(0,a.removeTrailingSlash)((0,P.removeBasePath)(et)):et;let eo=(0,a.removeTrailingSlash)(et),ea=r.startsWith("/")&&(0,h.parseRelativeUrl)(r).pathname,ei=!!(ea&&eo!==ea&&(!(0,p.isDynamicRoute)(eo)||!(0,m.getRouteMatcher)((0,_.getRouteRegex)(eo))(ea))),el=!n.shallow&&await N({asPath:r,locale:q.locale,router:this});if(H&&el&&(W=!1),W&&"/_error"!==et&&(n._shouldResolveHref=!0,ee.pathname=F(et,D),ee.pathname===et||(et=ee.pathname,ee.pathname=(0,E.addBasePath)(et),el||(t=(0,g.formatWithValidation)(ee)))),!(0,M.isLocalURL)(r))return G({url:r,router:this}),!1;en=(0,v.removeLocale)((0,P.removeBasePath)(en),q.locale),eo=(0,a.removeTrailingSlash)(et);let eu=!1;if((0,p.isDynamicRoute)(eo)){let e=(0,h.parseRelativeUrl)(en),n=e.pathname,o=(0,_.getRouteRegex)(eo);eu=(0,m.getRouteMatcher)(o)(n);let a=eo===n,i=a?(0,C.interpolateAs)(eo,n,er):{};if(eu&&(!a||i.result))a?r=(0,g.formatWithValidation)(Object.assign({},e,{pathname:i.result,query:(0,I.omit)(er,i.params)})):Object.assign(er,eu);else{let e=Object.keys(o.groups).filter(e=>!er[e]&&!o.groups[e].optional);if(e.length>0&&!el)throw Error((a?"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 ("+eo+"). ")+"Read more: https://nextjs.org/docs/messages/"+(a?"href-interpolation-failed":"incompatible-href-as"))}}H||V.events.emit("routeChangeStart",r,J);let es="/404"===this.pathname||"/_error"===this.pathname;try{let a=await this.getRouteInfo({route:eo,pathname:et,query:er,as:r,resolvedAs:en,routeProps:J,locale:q.locale,isPreview:q.isPreview,hasMiddleware:el,unstable_skipClientCache:n.unstable_skipClientCache,isQueryUpdating:H&&!this.isFallback,isMiddlewareRewrite:ei});if(H||n.shallow||await this._bfl(r,"resolvedAs"in a?a.resolvedAs:void 0,q.locale),"route"in a&&el){eo=et=a.route||eo,J.shallow||(er=Object.assign({},a.query||{},er));let e=(0,S.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,p.isDynamicRoute)(et)){let e=!J.shallow&&a.resolvedAs?a.resolvedAs:(0,E.addBasePath)((0,b.addLocale)(new URL(r,location.href).pathname,q.locale),!0),t=e;(0,S.hasBasePath)(t)&&(t=(0,P.removeBasePath)(t));let n=(0,_.getRouteRegex)(et),o=(0,m.getRouteMatcher)(n)(new URL(t,location.href).pathname);o&&Object.assign(er,o)}}if("type"in a){if("redirect-internal"===a.type)return this.change(e,a.newUrl,a.newAs,n);return G({url:a.destination,router:this}),new Promise(()=>{})}let i=a.Component;if(i&&i.unstable_scriptLoader){let e=[].concat(i.unstable_scriptLoader());e.forEach(e=>{(0,l.handleClientScriptLoad)(e.props)})}if((a.__N_SSG||a.__N_SSP)&&a.props){if(a.props.pageProps&&a.props.pageProps.__N_REDIRECT){n.locale=!1;let t=a.props.pageProps.__N_REDIRECT;if(t.startsWith("/")&&!1!==a.props.pageProps.__N_REDIRECT_BASE_PATH){let r=(0,h.parseRelativeUrl)(t);r.pathname=F(r.pathname,D);let{url:o,as:a}=k(this,t,t);return this.change(e,o,a,n)}return G({url:t,router:this}),new Promise(()=>{})}if(q.isPreview=!!a.props.__N_PREVIEW,a.props.notFound===B){let e;try{await this.fetchComponent("/404"),e="/404"}catch(t){e="/_error"}if(a=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 a)throw Error("Unexpected middleware effect on /404")}}H&&"/_error"===this.pathname&&(null==(f=self.__NEXT_DATA__.props)?void 0:null==(c=f.pageProps)?void 0:c.statusCode)===500&&(null==(O=a.props)?void 0:O.pageProps)&&(a.props.pageProps.statusCode=500);let s=n.shallow&&q.route===(null!=(w=a.route)?w:eo),d=null!=(R=n.scroll)?R:!H&&!s,g=null!=o?o:d?{x:0,y:0}:null,y={...q,route:eo,pathname:et,query:er,asPath:Q,isFallback:!1};if(H&&es){if(a=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:H&&!this.isFallback}),"type"in a)throw Error("Unexpected middleware effect on "+this.pathname);"/_error"===this.pathname&&(null==(A=self.__NEXT_DATA__.props)?void 0:null==(j=A.pageProps)?void 0:j.statusCode)===500&&(null==(x=a.props)?void 0:x.pageProps)&&(a.props.pageProps.statusCode=500);try{await this.set(y,a,g)}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=H&&!g&&!z&&!Z&&(0,T.compareRouterStates)(y,this.state);if(!v){try{await this.set(y,a,g)}catch(e){if(e.cancelled)a.error=a.error||e;else throw e}if(a.error)throw H||V.events.emit("routeChangeError",a.error,Q,J),a.error;H||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,o,a){if(console.error(e),e.cancelled)throw e;if((0,i.isAssetError)(e)||a)throw V.events.emit("routeChangeError",e,n,o),G({url:n,router:this}),L();try{let n;let{page:o,styleSheets:a}=await this.fetchComponent("/_error"),i={props:n,Component:o,styleSheets:a,err:e,error:e};if(!i.props)try{i.props=await this.getInitialProps(o,{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,o,!0)}}async getRouteInfo(e){let{route:t,pathname:r,query:n,as:o,resolvedAs:i,routeProps:l,locale:s,hasMiddleware:f,isPreview:d,unstable_skipClientCache:p,isQueryUpdating:h,isMiddlewareRewrite:m,isNotFound:_}=e,y=t;try{var b,v,E,S;let e=z({route:y,router:this}),t=this.components[y];if(l.shallow&&t&&this.route===y)return t;f&&(t=void 0);let u=!t||"initial"in t?void 0:t,O={dataHref:this.pageLoader.getDataHref({href:(0,g.formatWithValidation)({pathname:r,query:n}),skipInterpolation:!0,asPath:_?"/404":i,locale:s}),hasMiddleware:!0,isServerRender:this.isSsr,parseJSON:!0,inflightCache:h?this.sbc:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:p,isBackground:h},R=h&&!m?null:await U({fetchData:()=>W(O),asPath:_?"/404":i,locale:s,router:this}).catch(e=>{if(h)return null;throw e});if(R&&("/_error"===r||"/404"===r)&&(R.effect=void 0),h&&(R?R.json=self.__NEXT_DATA__.props:R={json:self.__NEXT_DATA__.props}),e(),(null==R?void 0:null==(b=R.effect)?void 0:b.type)==="redirect-internal"||(null==R?void 0:null==(v=R.effect)?void 0:v.type)==="redirect-external")return R.effect;if((null==R?void 0:null==(E=R.effect)?void 0:E.type)==="rewrite"){let e=(0,a.removeTrailingSlash)(R.effect.resolvedHref),o=await this.pageLoader.getPageList();if((!h||o.includes(e))&&(y=e,r=R.effect.resolvedHref,n={...n,...R.effect.parsedAs.query},i=(0,P.removeBasePath)((0,c.normalizeLocalePath)(R.effect.parsedAs.pathname,this.locales).pathname),t=this.components[y],l.shallow&&t&&this.route===y&&!f))return{...t,route:y}}if((0,w.isAPIRoute)(y))return G({url:o,router:this}),new Promise(()=>{});let j=u||await this.fetchComponent(y).then(e=>({Component:e.page,styleSheets:e.styleSheets,__N_SSG:e.mod.__N_SSG,__N_SSP:e.mod.__N_SSP})),T=null==R?void 0:null==(S=R.response)?void 0:S.headers.get("x-middleware-skip"),M=j.__N_SSG||j.__N_SSP;T&&(null==R?void 0:R.dataHref)&&delete this.sdc[R.dataHref];let{props:A,cacheKey:I}=await this._getData(async()=>{if(M){if((null==R?void 0:R.json)&&!T)return{cacheKey:R.cacheKey,props:R.json};let e=(null==R?void 0:R.dataHref)?R.dataHref:this.pageLoader.getDataHref({href:(0,g.formatWithValidation)({pathname:r,query:n}),asPath:i,locale:s}),t=await W({dataHref:e,isServerRender:this.isSsr,parseJSON:!0,inflightCache:T?{}:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:p});return{cacheKey:t.cacheKey,props:t.json||{}}}return{headers:{},props:await this.getInitialProps(j.Component,{pathname:r,query:n,asPath:o,locale:s,locales:this.locales,defaultLocale:this.defaultLocale})}});return j.__N_SSP&&O.dataHref&&I&&delete this.sdc[I],this.isPreview||!j.__N_SSG||h||W(Object.assign({},O,{isBackground:!0,persistCache:!1,inflightCache:this.sbc})).catch(()=>{}),A.pageProps=Object.assign({},A.pageProps),j.props=A,j.route=y,j.query=n,j.resolvedAs=i,this.components[y]=j,j}catch(e){return this.handleRouteInfoError((0,u.getProperError)(e),r,n,o,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("#",2),[n,o]=e.split("#",2);return!!o&&t===n&&r===o||t===n&&r!==o}scrollToHash(e){let[,t=""]=e.split("#",2);(0,x.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,A.isBot)(window.navigator.userAgent))return;let n=(0,h.parseRelativeUrl)(e),o=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=F(n.pathname,s),(0,p.isDynamicRoute)(n.pathname)&&(i=n.pathname,n.pathname=i,Object.assign(l,(0,m.getRouteMatcher)((0,_.getRouteRegex)(n.pathname))((0,y.parsePath)(t).pathname)||{}),d||(e=(0,g.formatWithValidation)(n)));let b=await U({fetchData:()=>W({dataHref:this.pageLoader.getDataHref({href:(0,g.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,g.formatWithValidation)(n)),(null==b?void 0:b.effect.type)==="redirect-external")return;let v=(0,a.removeTrailingSlash)(i);await this._bfl(t,c,r.locale,!0)&&(this.components[o]={__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=z({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:o,pageLoader:i,App:l,wrapApp:u,Component:s,err:c,subscription:f,isFallback:m,locale:_,locales:y,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,g.formatWithValidation)({pathname:(0,E.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:o,as:a,options:i,key:l}=n;this._key=l;let{pathname:u}=(0,h.parseRelativeUrl)(o);(!this.isSsr||a!==(0,E.addBasePath)(this.asPath)||u!==(0,E.addBasePath)(this.pathname))&&(!this._bps||this._bps(n))&&this.change("replaceState",o,a,Object.assign({},i,{shallow:i.shallow&&this._shallow,locale:i.locale||this.defaultLocale,_h:0}),t)};let S=(0,a.removeTrailingSlash)(e);this.components={},"/_error"!==e&&(this.components[S]={Component:s,initial:!0,props:o,err:c,__N_SSG:o&&o.__N_SSG,__N_SSP:o&&o.__N_SSP}),this.components["/_app"]={Component:l,styleSheets:[]};{let{BloomFilter:e}=r(87819),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 O=(0,p.isDynamicRoute)(e)&&self.__NEXT_DATA__.autoExport;if(this.basePath="/mono/version/v0.0.61",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__.isExperimentalCompile||self.__NEXT_DATA__.appGip&&!self.__NEXT_DATA__.gsp||!O&&!self.location.search),this.state={route:S,pathname:e,query:t,asPath:O?e:n,isPreview:!!P,locale:void 0,isFallback:m},this._initialMatchesMiddlewarePromise=Promise.resolve(!1),!n.startsWith("//")){let r={locale:_},o=(0,d.getURL)();this._initialMatchesMiddlewarePromise=N({router:this,locale:_,asPath:o}).then(a=>(r._shouldResolveHref=n!==e,this.changeState("replaceState",a?o:(0,g.formatWithValidation)({pathname:(0,E.addBasePath)(e),query:t}),o,r),a))}window.addEventListener("popstate",this.onPopState)}}V.events=(0,f.default)()},45958:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return a}});let n=r(1721),o=r(75247);function a(e,t,r,a){if(!t||t===r)return e;let i=e.toLowerCase();return!a&&((0,o.pathHasPrefix)(i,"/api")||(0,o.pathHasPrefix)(i,"/"+t.toLowerCase()))?e:(0,n.addPathPrefix)(e,"/"+t)}},1721:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addPathPrefix",{enumerable:!0,get:function(){return o}});let n=r(24055);function o(e,t){if(!e.startsWith("/")||!t)return e;let{pathname:r,query:o,hash:a}=(0,n.parsePath)(e);return""+t+r+o+a}},67664:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addPathSuffix",{enumerable:!0,get:function(){return o}});let n=r(24055);function o(e,t){if(!e.startsWith("/")||!t)return e;let{pathname:r,query:o,hash:a}=(0,n.parsePath)(e);return""+r+t+o+a}},18712: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},normalizeRscURL:function(){return i}});let n=r(61628),o=r(20993);function a(e){return(0,n.ensureLeadingSlash)(e.split("/").reduce((e,t,r,n)=>!t||(0,o.isGroupSegment)(t)||"@"===t[0]||("page"===t||"route"===t)&&r===n.length-1?e:e+"/"+t,""))}function i(e){return e.replace(/\.rsc($|\?)/,"$1")}},81302:function(e,t){"use strict";function r(e){return new URL(e,"http://n").searchParams}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"asPathToSearchParams",{enumerable:!0,get:function(){return r}})},50703: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 o=r[n];if("query"===o){let r=Object.keys(e.query);if(r.length!==Object.keys(t.query).length)return!1;for(let n=r.length;n--;){let o=r[n];if(!t.query.hasOwnProperty(o)||e.query[o]!==t.query[o])return!1}}else if(!t.hasOwnProperty(o)||e[o]!==t[o])return!1}return!0}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"compareRouterStates",{enumerable:!0,get:function(){return r}})},99162: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(15847),o=r(1721),a=r(67664),i=r(45958);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,a.addPathSuffix)((0,o.addPathPrefix)(t,"/_next/data/"+e.buildId),"/"===e.pathname?"index.json":".json")),t=(0,o.addPathPrefix)(t,e.basePath),!e.buildId&&e.trailingSlash?t.endsWith("/")?t:(0,a.addPathSuffix)(t,"/"):(0,n.removeTrailingSlash)(t)}},68613: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),o=n._(r(8046)),a=/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(o.urlQueryToSearchParams(u)));let c=e.search||u&&"?"+u||"";return n&&!n.endsWith(":")&&(n+=":"),e.slashes||(!n||a.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)}},46900: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}})},2712: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(78645),o=r(72173),a=r(75247);function i(e,t){var r,i;let{basePath:l,i18n:u,trailingSlash:s}=null!=(r=t.nextConfig)?r:{},c={pathname:e,trailingSlash:"/"!==e?e.endsWith("/"):s};l&&(0,a.pathHasPrefix)(c.pathname,l)&&(c.pathname=(0,o.removePathPrefix)(c.pathname,l),c.basePath=l);let f=c.pathname;if(c.pathname.startsWith("/_next/data/")&&c.pathname.endsWith(".json")){let e=c.pathname.replace(/^\/_next\/data\//,"").replace(/\.json$/,"").split("/"),r=e[0];c.buildId=r,f="index"!==e[1]?"/"+e.slice(1).join("/"):"/",!0===t.parseData&&(c.pathname=f)}if(u){let e=t.i18nProvider?t.i18nProvider.analyze(c.pathname):(0,n.normalizeLocalePath)(c.pathname,u.locales);c.locale=e.detectedLocale,c.pathname=null!=(i=e.pathname)?i:c.pathname,!e.detectedLocale&&c.buildId&&(e=t.i18nProvider?t.i18nProvider.analyze(f):(0,n.normalizeLocalePath)(f,u.locales)).detectedLocale&&(c.locale=e.detectedLocale)}return c}},64191: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}})},87692: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 o.isDynamicRoute}});let n=r(63690),o=r(12356)},60691:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"interpolateAs",{enumerable:!0,get:function(){return a}});let n=r(5256),o=r(10632);function a(e,t,r){let a="",i=(0,o.getRouteRegex)(e),l=i.groups,u=(t!==e?(0,n.getRouteMatcher)(i)(t):"")||r;a=e;let s=Object.keys(l);return s.every(e=>{let t=u[e]||"",{repeat:r,optional:n}=l[e],o="["+(r?"...":"")+e+"]";return n&&(o=(t?"":"/")+"["+o+"]"),r&&!Array.isArray(t)&&(t=[t]),(n||e in u)&&(a=a.replace(o,r?t.map(e=>encodeURIComponent(e)).join("/"):encodeURIComponent(t))||"/")})||(a=""),{params:s,result:a}}},14305: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}})},12356:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isDynamicRoute",{enumerable:!0,get:function(){return a}});let n=r(16520),o=/\/\[[^/]+?\](?=\/|$)/;function a(e){return(0,n.isInterceptionRouteAppPath)(e)&&(e=(0,n.extractInterceptionRouteInformation)(e).interceptedRoute),o.test(e)}},65571:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isLocalURL",{enumerable:!0,get:function(){return a}});let n=r(98318),o=r(75073);function a(e){if(!(0,n.isAbsoluteUrl)(e))return!0;try{let t=(0,n.getLocationOrigin)(),r=new URL(e,t);return r.origin===t&&(0,o.hasBasePath)(r.pathname)}catch(e){return!1}}},16273: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}})},24055: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}})},56148:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parseRelativeUrl",{enumerable:!0,get:function(){return a}});let n=r(98318),o=r(8046);function a(e,t){let r=new URL((0,n.getLocationOrigin)()),a=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,a);if(f!==r.origin)throw Error("invariant: invalid relative URL, router received "+e);return{pathname:i,query:(0,o.searchParamsToUrlQuery)(l),search:u,hash:s,href:c.slice(r.origin.length)}}},75247:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"pathHasPrefix",{enumerable:!0,get:function(){return o}});let n=r(24055);function o(e,t){if("string"!=typeof e)return!1;let{pathname:r}=(0,n.parsePath)(e);return r===t||r.startsWith(t+"/")}},8046: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 o(e){let t=new URLSearchParams;return Object.entries(e).forEach(e=>{let[r,o]=e;Array.isArray(o)?o.forEach(e=>t.append(r,n(e))):t.set(r,n(o))}),t}function a(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 o},assign:function(){return a}})},72173:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removePathPrefix",{enumerable:!0,get:function(){return o}});let n=r(75247);function o(e,t){if(!(0,n.pathHasPrefix)(e,t))return e;let r=e.slice(t.length);return r.startsWith("/")?r:"/"+r}},15847: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}})},5256:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getRouteMatcher",{enumerable:!0,get:function(){return o}});let n=r(98318);function o(e){let{re:t,groups:r}=e;return e=>{let o=t.exec(e);if(!o)return!1;let a=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=o[t.pos];void 0!==n&&(i[e]=~n.indexOf("/")?n.split("/").map(e=>a(e)):t.repeat?[a(n)]:a(n))}),i}}},10632: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),o=r(87282),a=r(15847);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,a.removeTrailingSlash)(e).slice(1).split("/"),r={},l=1;return{parameterizedRoute:t.map(e=>{let t=n.INTERCEPTION_ROUTE_MARKERS.find(t=>e.startsWith(t)),a=e.match(/\[((?:\[.*\])|.+)\]/);if(t&&a){let{key:e,optional:n,repeat:u}=i(a[1]);return r[e]={pos:l++,repeat:u,optional:n},"/"+(0,o.escapeStringRegexp)(t)+"([^/]+?)"}if(!a)return"/"+(0,o.escapeStringRegexp)(e);{let{key:e,repeat:t,optional:n}=i(a[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:o}=e,{key:a,optional:l,repeat:u}=i(r),s=a.replace(/\W/g,"");o&&(s=""+o+s);let c=!1;return(0===s.length||s.length>30)&&(c=!0),isNaN(parseInt(s.slice(0,1)))||(c=!0),c&&(s=t()),o?n[s]=""+o+a:n[s]=""+a,u?l?"(?:/(?<"+s+">.+?))?":"/(?<"+s+">.+?)":"/(?<"+s+">[^/]+?)"}function c(e,t){let r;let i=(0,a.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)),a=e.match(/\[((?:\[.*\])|.+)\]/);return r&&a?s({getSafeRouteKey:l,segment:a[1],routeKeys:u,keyPrefix:t?"nxtI":void 0}):a?s({getSafeRouteKey:l,segment:a[1],routeKeys:u,keyPrefix:t?"nxtP":void 0}):"/"+(0,o.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:o}=c(e,!1);return{namedRegex:"^"+o+(n?"(?:(/.*)?)":"")+"$"}}},63690: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 o=e[0];if(o.startsWith("[")&&o.endsWith("]")){let r=o.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 a(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,"")===o.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]+'" ).');a(this.optionalRestSlugName,r),this.optionalRestSlugName=r,o="[[...]]"}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]+'").');a(this.restSlugName,r),this.restSlugName=r,o="[...]"}}else{if(i)throw Error('Optional route parameters are not yet supported ("'+e[0]+'").');a(this.slugName,r),this.slugName=r,o="[]"}}this.children.has(o)||this.children.set(o,new r),this.children.get(o)._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()}},74267: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 o}});let n=()=>r;function o(e){r=e}},20993:function(e,t){"use strict";function r(e){return"("===e[0]&&e.endsWith(")")}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isGroupSegment",{enumerable:!0,get:function(){return r}})},91883: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(2784),o=n.useLayoutEffect,a=n.useEffect;function i(e){let{headManager:t,reduceComponentsToState:r}=e;function i(){if(t&&t.mountedInstances){let o=n.Children.toArray(Array.from(t.mountedInstances).filter(Boolean));t.updateHead(r(o,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=i),()=>{t&&(t._pendingUpdate=i)})),a(()=>(t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null),()=>{t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null)})),null}},98318: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 a},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 p},DecodeError:function(){return h},NormalizeError:function(){return m},PageNotFoundError:function(){return _},MissingStaticPage:function(){return g},MiddlewareNotFoundError:function(){return y},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,o=Array(n),a=0;ao.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,p=d&&["mark","measure","getEntriesByName"].every(e=>"function"==typeof performance[e]);class h extends Error{}class m extends Error{}class _ extends Error{constructor(e){super(),this.code="ENOENT",this.name="PageNotFoundError",this.message="Cannot find module for page: "+e}}class g extends Error{constructor(e,t){super(),this.message="Failed to load static file for page: "+e+" "+t}}class y 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})}},69737: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,o,a,i,l,u,s,c,f,d,p,h,m,_,g,y,b,v,P,E,S,O,w,R,j,T,M,A,I,C,x,L,N,D,k,F,U,B,H,W,q,G,z,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 S},getFCP:function(){return v},getFID:function(){return A},getINP:function(){return W},getLCP:function(){return G},getTTFB:function(){return V},onCLS:function(){return S},onFCP:function(){return v},onFID:function(){return A},onINP:function(){return W},onLCP:function(){return G},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}},p=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){}},h=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 o,a;return function(i){var l;t.value>=0&&(i||n)&&((a=t.value-(o||0))||void 0===o)&&(o=t.value,t.delta=a,t.rating=(l=t.value)>r[1]?"poor":l>r[0]?"needs-improvement":"good",e(t))}},_=-1,g=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},y=function(){h(function(e){_=e.timeStamp},!0)},b=function(){return _<0&&(_=g(),y(),s(function(){setTimeout(function(){_=g(),y()},0)})),{get firstHiddenTime(){return _}}},v=function(e,t){t=t||{};var r,n=[1800,3e3],o=b(),a=d("FCP"),i=function(e){e.forEach(function(e){"first-contentful-paint"===e.name&&(u&&u.disconnect(),e.startTime-1&&e(t)},a=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>a.value&&(a.value=i,a.entries=l,n())}})},c=p("layout-shift",u);c&&(n=m(o,a,r,t.reportAllChanges),h(function(){u(c.takeRecords()),n(!0)}),s(function(){i=0,E=-1,n=m(o,a=d("CLS",0),r,t.reportAllChanges)}))},O={passive:!0,capture:!0},w=new Date,R=function(e,t){n||(n=t,o=e,a=new Date,M(removeEventListener),j())},j=function(){if(o>=0&&o1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?(t=function(){R(o,e),n()},r=function(){n()},n=function(){removeEventListener("pointerup",t,O),removeEventListener("pointercancel",r,O)},addEventListener("pointerup",t,O),addEventListener("pointercancel",r,O)):R(o,e)}},M=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach(function(t){return e(t,T,O)})},A=function(e,t){t=t||{};var r,a=[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]};B[n.id]=n,U.push(n)}U.sort(function(e,t){return t.latency-e.latency}),U.splice(10).forEach(function(e){delete B[e.id]})}},W=function(e,t){t=t||{};var r=[200,500];D();var n,o=d("INP"),a=function(e){e.forEach(function(e){e.interactionId&&H(e),"first-input"!==e.entryType||U.some(function(t){return t.entries.some(function(t){return e.duration===t.duration&&e.startTime===t.startTime})})||H(e)});var t,r=(t=Math.min(U.length-1,Math.floor(F()/50)),U[t]);r&&r.latency!==o.value&&(o.value=r.latency,o.entries=r.entries,n())},i=p("event",a,{durationThreshold:t.durationThreshold||40});n=m(e,o,r,t.reportAllChanges),i&&(i.observe({type:"first-input",buffered:!0}),h(function(){a(i.takeRecords()),o.value<0&&F()>0&&(o.value=0,o.entries=[]),n(!0)}),s(function(){U=[],k=N(),n=m(e,o=d("INP"),r,t.reportAllChanges)}))},q={},G=function(e,t){t=t||{};var r,n=[2500,4e3],o=b(),a=d("LCP"),i=function(e){var t=e[e.length-1];if(t){var n=t.startTime-f();nperformance.now())return;n.entries=[a],o(!0),s(function(){(o=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 o},getProperError:function(){return a}});let n=r(78456);function o(e){return"object"==typeof e&&null!==e&&"name"in e&&"message"in e}function a(e){return o(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 o},isInterceptionRouteAppPath:function(){return a},extractInterceptionRouteInformation:function(){return i}});let n=r(18712),o=["(..)(..)","(.)","(..)","(...)"];function a(e){return void 0!==e.split("/").find(e=>o.find(t=>e.startsWith(t)))}function i(e){let t,r,a;for(let n of e.split("/"))if(r=o.find(e=>n.startsWith(e))){[t,a]=e.split(r,2);break}if(!t||!r||!a)throw Error(`Invalid interception route: ${e}. Must be in the format //(..|...|..)(..)/`);switch(t=(0,n.normalizeAppPath)(t),r){case"(.)":a="/"===t?`/${a}`:t+"/"+a;break;case"(..)":if("/"===t)throw Error(`Invalid interception route: ${e}. Cannot use (..) marker at the root level, use (.) instead.`);a=t.split("/").slice(0,-1).concat(a).join("/");break;case"(...)":a="/"+a;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.`);a=i.slice(0,-2).concat(a).join("/");break;default:throw Error("Invariant: unexpected marker")}return{interceptingRoute:t,interceptedRoute:a}}},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 o(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 o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}r.r(t),r.d(t,{_:function(){return o},_interop_require_wildcard:function(){return o}})}},function(e){e.O(0,[49774],function(){return e(e.s=45286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/404-ad60953f24dfbdba.js b/version/v0.0.61/_next/static/chunks/pages/404-ad60953f24dfbdba.js
new file mode 100644
index 00000000000..c503003d8cd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/404-ad60953f24dfbdba.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92197],{99133:function(n,e,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/404",function(){return u(17976)}])},17976: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(65123)}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=99133)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/_app-155781bcdffe4dab.js b/version/v0.0.61/_next/static/chunks/pages/_app-155781bcdffe4dab.js
new file mode 100644
index 00000000000..0733daada04
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/_app-155781bcdffe4dab.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92888],{86570:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return e(35479)}])},35479:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),o=e(45392),c=e(45847),u=e.n(c);function i(n){let{Component:t,pageProps:e}=n;return(0,r.jsxs)(o.Z,{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.61").concat(n.src)})}},children:[(0,r.jsx)(u(),{src:"/mono/version/v0.0.61/iframe-resizer/iframeResizer.contentWindow.js"}),(0,r.jsx)(t,{...e})]})}e(63917),e(17177),e(25734),e(93313)},63917:function(){},17177:function(){},93313:function(){},25734:function(){},45847:function(n,t,e){n.exports=e(22898)},45392:function(n,t,e){"use strict";e.d(t,{Z:function(){return i},a:function(){return u}});var r=e(2784);let o={},c=r.createContext(o);function u(n){let t=r.useContext(c);return r.useMemo(function(){return"function"==typeof n?n(t):{...t,...n}},[t,n])}function i(n){let t;return t=n.disableParentContext?"function"==typeof n.components?n.components(o):n.components||o:u(n.components),r.createElement(c.Provider,{value:t},n.children)}}},function(n){var t=function(t){return n(n.s=t)};n.O(0,[49774,40179],function(){return t(86570),t(65123)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/_error-f808a266df2b82a2.js b/version/v0.0.61/_next/static/chunks/pages/_error-f808a266df2b82a2.js
new file mode 100644
index 00000000000..3955b5041b3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/_error-f808a266df2b82a2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64820],{50341:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(78941)}])}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=50341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/base64-d10d39493b01dd88.js b/version/v0.0.61/_next/static/chunks/pages/base64-d10d39493b01dd88.js
new file mode 100644
index 00000000000..07c633ea93f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/base64-d10d39493b01dd88.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13962],{42798:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/base64",function(){return e(94781)}])},60749:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(80724);let l=(0,a.forwardRef)(function(t,n){let e=(0,a.useRef)(n),[l,s]=(0,a.useState)(()=>null);return(0,a.useEffect)(()=>{t.stylePath&&s(t.stylePath)},[]),(0,r.jsxs)("a",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-link",t.className),href:t.href,title:t.title,target:t.target,rel:t.rel,role:t.role,hrefLang:t.hreflang,"aria-disabled":t.disabled,tabIndex:t.disabled?-1:0,"aria-selected":t.selected,"aria-label":t.label,"aria-current":t.current,"data-size":t.size,"data-variant":t.variant,"data-content":t.content||"internal",onClick:n=>{t.onClick&&t.onClick(n)},children:[l?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:l})}):null,t.text?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{children:t.text})}):null,t.children]})});n.Z=l},76238:function(t,n,e){"use strict";var r,a,i,l,s,u,o;e.d(n,{$f:function(){return E},DM:function(){return S},D_:function(){return A},IY:function(){return c},Kn:function(){return d},SU:function(){return f},YP:function(){return N},ce:function(){return R},iw:function(){return r},r$:function(){return i}});let c="OVERWRITE_DEFAULT_ID",f="LABEL SHOULD BE SET",d="-message",A="-placeholder",N="Back",R="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let E=Object.entries(r).map(t=>{let[,n]=t;return n});(a||(a={})).PRIMARY="primary",(u=i||(i={})).BASE="base",u.BASE_STRONG="base-strong",u.BASE_TRANSPARENT_SEMI="base-transparent-semi",u.BASE_TRANSPARENT_FULL="base-transparent-full",u.NEUTRAL="neutral",u.NEUTRAL_STRONG="neutral-strong",u.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",u.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",u.BRAND="brand",u.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",u.BRAND_TRANSPARENT_FULL="brand-transparent-full",u.SUCCESSFUL="successful",u.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",u.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",u.CRITICAL="critical",u.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",u.CRITICAL_TRANSPARENT_Full="critical-transparent-full",u.WARNING="warning",u.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",u.WARNING_TRANSPARENT_FULL="warning-transparent-full",u.INFORMATIONAL="informational",u.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",u.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full";let S=Object.entries(i).map(t=>{let[,n]=t;return n});Object.entries(a).map(t=>{let[,n]=t;return n}),(o=l||(l={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(l).map(t=>{let[,n]=t;return n})},80724:function(t,n,e){"use strict";e.d(n,{Vj:function(){return r},mS:function(){return s},mT:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{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)},a=(t,n)=>{let e=t.children;Object.values(e).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},l=(t,n)=>n||(t&&"adaptive"!==t?void 0:"none"),s=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("on"))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{})},94781:function(t,n,e){"use strict";e.r(n);var r=e(52322),a=e(48834),i=e(2784),l=e(60749),s=e(76238);n.default=()=>{let[t,n]=(0,i.useState)(""),[e,u]=(0,i.useState)(""),[o,c]=(0,i.useState)(s.iw.REGULAR),[f,d]=(0,i.useState)(s.r$.NEUTRAL);return(0,i.useEffect)(()=>{u(new URL("iframe?color=".concat(f,"&tonality=").concat(o,"&components=").concat(t),window.location.href).toString())},[o,f,t]),(0,r.jsxs)("div",{className:"base-64-container",children:[(0,r.jsx)("textarea",{onChange:t=>{n(a.lW.from(t.target.value).toString("base64"))}}),(0,r.jsxs)("div",{children:[(0,r.jsx)("select",{value:o,onChange:t=>{var n;c(null==t?void 0:null===(n=t.target)||void 0===n?void 0:n.value)},children:s.$f.map(t=>(0,r.jsx)("option",{value:t,children:t},"tonality-option-".concat(t)))}),(0,r.jsx)("select",{value:f,onChange:t=>{var n;d(null==t?void 0:null===(n=t.target)||void 0===n?void 0:n.value)},children:s.DM.map(t=>(0,r.jsx)("option",{value:t,children:t},"tonality-option-".concat(t)))})]}),(0,r.jsx)(l.Z,{href:e,target:"_blank",variant:"primary",content:"external",children:"Open IFrame"})]})}}},function(t){t.O(0,[48834,49774,92888,40179],function(){return t(t.s=42798)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-72c383af6b9587a2.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-72c383af6b9587a2.js
new file mode 100644
index 00000000000..5710afe15bc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-72c383af6b9587a2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return e(32282)}])},29712:function(t,n,e){"use strict";e.d(n,{P:function(){return o}});let o=(t,n,e)=>t.map((t,o)=>{var c;return{...t,slotCode:null!==(c=null==e?void 0:e.at(o))&&void 0!==c?c:"No code available",examples:t.examples.map(t=>{var e,o;return{...t,example:n({...t.props,id:null!==(e=t.props.id)&&void 0!==e?e:t.name,children:null!==(o=t.props.children)&&void 0!==o?o:t.name})}})}})},1227:function(t,n,e){"use strict";var o=e(52322),c=e(5632),i=e(2784),r=e(66503),d=e(37426);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",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)))]})})]})}},32282:function(t,n,e){"use strict";e.r(n);var o=e(52322),c=e(62326),i=e(70798),r=e(37426),d=e(1227),a=e(7716),m=e(29712);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,[64996,23019,37426,66503,62326,70798,49774,92888,40179],function(){return t(t.s=85938)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js
new file mode 100644
index 00000000000..f011622c88d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91108],{74497:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return t(60989)}])},29712:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a;return{...e,example:n({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,n,t){"use strict";var a=t(52322),l=t(5632),s=t(2784),i=t(66503),r=t(37426);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",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)))]})})]})}},60989:function(e,n,t){"use strict";t.r(n);var a=t(52322),l=t(43121),s=t(8053),i=t(2784),r=t(37426),o=t(1227),c=t(19371),d=t(29712);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,[64996,23019,37426,66503,8053,43121,49774,92888,40179],function(){return e(e.s=74497)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js
new file mode 100644
index 00000000000..96981b23aaf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77756],{56519:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/code/States",function(){return o(8053)}])}},function(n){n.O(0,[64996,8053,49774,92888,40179],function(){return n(n.s=56519)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js
new file mode 100644
index 00000000000..e2c99fadb77
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29608],{30853:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/code/Tonality",function(){return _(43121)}])}},function(n){n.O(0,[64996,43121,49774,92888,40179],function(){return n(n.s=30853)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js
new file mode 100644
index 00000000000..649978dd268
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15981],{28233:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Angular",function(){return o(35405)}])}},function(n){n.O(0,[64996,35405,49774,92888,40179],function(){return n(n.s=28233)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js
new file mode 100644
index 00000000000..6194365532a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75533],{27457:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/HTML",function(){return e(38584)}])},38584:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=27457)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js
new file mode 100644
index 00000000000..213de34638a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51927],{97655:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Migration",function(){return n(93568)}])},93568:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var s=n(52322),r=n(45392);function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"cmp-accordion"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-accordion-item"})}),(0,s.jsx)(t.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)(t.h3,{children:"props"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"summary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsx)(t.td,{children:"The title/summary of the details element."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"emphasis"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"There is no emphasis anymore."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"size"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"Controlled by the tonality."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"disabled"})}),(0,s.jsx)(t.td,{children:"Disable the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"content"})}),(0,s.jsx)(t.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"slotTitle"})}),(0,s.jsx)(t.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}}},function(e){e.O(0,[49774,92888,40179],function(){return e(e.s=97655)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js
new file mode 100644
index 00000000000..d8ae01809ab
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27286],{91473:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/React",function(){return c(55352)}])}},function(n){n.O(0,[64996,55352,49774,92888,40179],function(){return n(n.s=91473)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js
new file mode 100644
index 00000000000..72ed1da4334
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js
@@ -0,0 +1 @@
+(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(48894)}])}},function(n){n.O(0,[64996,48894,49774,92888,40179],function(){return n(n.s=33221)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js
new file mode 100644
index 00000000000..1e770cd68a8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81432],{10463:function(e,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/examples",function(){return n(59920)}])},59920:function(e,d,n){"use strict";n.r(d);var c=n(52322),s=n(66503),t=n(70718);d.default=()=>(0,c.jsxs)(s.Z,{children:[(0,c.jsx)("h1",{children:" DBAccordionItem Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"content:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{content:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, name, onToggle, slotTitle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{describedbyid:"account",id:"account",name:"account",onToggle:e=>console.log(e),slotTitle:(0,c.jsx)("div",{children:"slotTitle"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, name, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{describedbyid:"account",id:"account",name:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, name, onToggle, tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{describedbyid:"account",id:"account",name:"account",onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, onToggle, tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"id, key, onToggle, tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{id:"account",onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"key, onToggle, tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"onToggle, tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{onToggle:e=>console.log(e),tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"onToggle:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{onToggle:e=>console.log(e),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:"slotTitle:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{slotTitle:(0,c.jsx)("div",{children:"slotTitle"}),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:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{name:"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"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=10463)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js
new file mode 100644
index 00000000000..3c6dbf132d3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97377],{74557:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/how-to-use",function(){return e(84070)}])},38584:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},84070:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return u}});var n=e(52322),r=e(45392),c=e(66503),s=e(38584),d=e(35405),i=e(55352),l=e(48894);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function h(o){let t={h1:"h1",...(0,r.a)(),...o.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.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,{})]})}function u(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(h,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,48894,55352,35405,49774,92888,40179],function(){return o(o.s=74557)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js
new file mode 100644
index 00000000000..d7003587065
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67378],{56626:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/migration",function(){return n(12075)}])},93568:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var s=n(52322),r=n(45392);function i(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"cmp-accordion"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-accordion-item"})}),(0,s.jsx)(t.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)(t.h3,{children:"props"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"summary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsx)(t.td,{children:"The title/summary of the details element."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"emphasis"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"There is no emphasis anymore."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"size"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"Controlled by the tonality."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"disabled"})}),(0,s.jsx)(t.td,{children:"Disable the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"content"})}),(0,s.jsx)(t.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"slotTitle"})}),(0,s.jsx)(t.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},12075:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var s=n(52322),r=n(45392),i=n(66503),c=n(93568);let d=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function l(e){let t={h1:"h1",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBAccordionItem Migration"}),"\n",(0,s.jsx)(c.default,{})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(d,{...e,children:(0,s.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=56626)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js
new file mode 100644
index 00000000000..01c45d0f5cb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(90498)}])},29712:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a;return{...e,example:n({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,n,t){"use strict";var a=t(52322),l=t(5632),s=t(2784),i=t(66503),r=t(37426);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",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)))]})})]})}},90498:function(e,n,t){"use strict";t.r(n);var a=t(52322),l=t(43121),s=t(8053),i=t(2784),r=t(37426),o=t(1227),c=t(19371),d=t(29712);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,[64996,23019,37426,66503,8053,43121,49774,92888,40179],function(){return e(e.s=86740)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js
new file mode 100644
index 00000000000..85c1803453e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53341],{73536:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return s(57741)}])},57741:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return l}});var d=s(52322),n=s(45392),r=s(66503);let i=e=>{let{children:t}=e;return(0,d.jsx)(r.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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:"name"}),(0,d.jsxs)(t.td,{children:["Set details name for exclusive accordions, see ",(0,d.jsx)(t.a,{href:"https://chromestatus.com/feature/6710427028815872",children:"https://chromestatus.com/feature/6710427028815872"})]}),(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"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(i,{...e,children:(0,d.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=73536)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js
new file mode 100644
index 00000000000..b7e66ac42a8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10793],{14936:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/code/Behaviour",function(){return _(70798)}])}},function(n){n.O(0,[64996,70798,49774,92888,40179],function(){return n(n.s=14936)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js
new file mode 100644
index 00000000000..5b322846876
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61413],{47967:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/code/Tonality",function(){return _(62326)}])}},function(n){n.O(0,[64996,62326,49774,92888,40179],function(){return n(n.s=47967)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js
new file mode 100644
index 00000000000..7ef048df603
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68394],{44129:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return o(9151)}])}},function(n){n.O(0,[64996,9151,49774,92888,40179],function(){return n(n.s=44129)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js
new file mode 100644
index 00000000000..00de8716557
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16382],{98988:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/HTML",function(){return o(43890)}])}},function(n){n.O(0,[64996,43890,49774,92888,40179],function(){return n(n.s=98988)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js
new file mode 100644
index 00000000000..14ff1795ff6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70069],{70633:function(n,o,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Migration",function(){return e(73254)}])},73254:function(n,o,e){"use strict";e.r(o),e.d(o,{default:function(){return s}});var t=e(52322),r=e(45392);function c(n){let o={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.h2,{children:"General"}),"\n",(0,t.jsxs)(o.blockquote,{children:["\n",(0,t.jsxs)(o.p,{children:[(0,t.jsx)(o.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(o.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(o.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,r.a)(),...n.components};return o?(0,t.jsx)(o,{...n,children:(0,t.jsx)(c,{...n})}):c(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=70633)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js
new file mode 100644
index 00000000000..1eb86bd07ae
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91799],{26170:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return c(34353)}])}},function(n){n.O(0,[64996,34353,49774,92888,40179],function(){return n(n.s=26170)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js
new file mode 100644
index 00000000000..e2864d8414c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94560],{24691:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return o(89631)}])}},function(n){n.O(0,[64996,89631,49774,92888,40179],function(){return n(n.s=24691)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js
new file mode 100644
index 00000000000..dce6957e634
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56530],{97886:function(e,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/examples",function(){return n(19182)}])},19182:function(e,d,n){"use strict";n.r(d);var i=n(52322),c=n(66503),t=n(48414);d.default=()=>(0,i.jsxs)(c.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)(t.Z,{behaviour:"single",children:"Test"})]}),(0,i.jsx)("dt",{children:"behaviour, describedbyid, id, initOpenIndex, items, key, onChange, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{behaviour:"single",describedbyid:"account",id:"account",initOpenIndex:[0,1],items:"undefined",onChange:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, id, initOpenIndex, items, key, onChange, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{describedbyid:"account",id:"account",initOpenIndex:[0,1],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)(t.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)(t.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)(t.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)(t.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)(t.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"initOpenIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{initOpenIndex:[0,1],children:"Test"})]}),(0,i.jsx)("dt",{children:"items:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{items:"undefined",children:"Test"})]}),(0,i.jsx)("dt",{children:"onChange:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{describedbyid:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"id:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{id:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"key:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(t.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=97886)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js
new file mode 100644
index 00000000000..f251bc54f8e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return e(69386)}])},69386:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var u=e(52322),o=e(45392),r=e(66503),c=e(43890),s=e(9151),i=e(34353),l=e(89631);let d=n=>{let{children:t}=n;return(0,u.jsx)(r.Z,{children:t})};function f(n){let t={h1:"h1",...(0,o.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.h1,{children:"How to use DBAccordion"}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(s.default,{}),"\n",(0,u.jsx)(i.default,{}),"\n",(0,u.jsx)(l.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(d,{...n,children:(0,u.jsx)(f,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,43890,34353,9151,89631,49774,92888,40179],function(){return n(n.s=1701)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js
new file mode 100644
index 00000000000..8aed831d7f2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61783],{3408:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/migration",function(){return t(15347)}])},73254:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var o=t(52322),r=t(45392);function c(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(c,{...n})}):c(n)}},15347:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var o=t(52322),r=t(45392),c=t(66503),i=t(73254);let s=n=>{let{children:e}=n;return(0,o.jsx)(c.Z,{children:e})};function u(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h1,{children:"DBAccordion Migration"}),"\n",(0,o.jsx)(i.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(s,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=3408)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js
new file mode 100644
index 00000000000..210a1a1f805
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return e(70594)}])},29712:function(t,n,e){"use strict";e.d(n,{P:function(){return o}});let o=(t,n,e)=>t.map((t,o)=>{var c;return{...t,slotCode:null!==(c=null==e?void 0:e.at(o))&&void 0!==c?c:"No code available",examples:t.examples.map(t=>{var e,o;return{...t,example:n({...t.props,id:null!==(e=t.props.id)&&void 0!==e?e:t.name,children:null!==(o=t.props.children)&&void 0!==o?o:t.name})}})}})},1227:function(t,n,e){"use strict";var o=e(52322),c=e(5632),i=e(2784),r=e(66503),d=e(37426);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",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)))]})})]})}},70594:function(t,n,e){"use strict";e.r(n);var o=e(52322),c=e(62326),i=e(70798),r=e(37426),d=e(1227),a=e(7716),m=e(29712);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,[64996,23019,37426,66503,62326,70798,49774,92888,40179],function(){return t(t.s=61523)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js b/version/v0.0.61/_next/static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js
new file mode 100644
index 00000000000..2c04a3e898c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73664],{90444:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return d(4889)}])},4889:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var s=d(52322),r=d(45392),n=d(66503);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBAccordion"}),"\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:"behaviour"}),(0,s.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(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:"'multiple' | 'single'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"initOpenIndex"}),(0,s.jsx)(t.td,{children:"The index of items which should be open when loading the accordion"}),(0,s.jsx)(t.td,{children:"Array"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"const array:number[] = []"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"items"}),(0,s.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(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:"onChange"}),(0,s.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(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:"(openAccordionItemIds: string[]) => void"})})})]}),(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,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,{...e,children:(0,s.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=90444)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js b/version/v0.0.61/_next/static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js
new file mode 100644
index 00000000000..1a0d3b50ebf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29688],{44365:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert",function(){return t(71853)}])},29712:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var i;return{...e,slotCode:null!==(i=null==t?void 0:t.at(a))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var t,a;return{...e,example:n({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,n,t){"use strict";var a=t(52322),i=t(5632),l=t(2784),r=t(66503),s=t(37426);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,[p,o]=(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);o(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:[p&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...p})}),!p&&(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{className:"default-container",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)))]})})]})}},71853:function(e,n,t){"use strict";t.r(n);var a=t(52322),i=t(25644),l=t(73095),r=t(34316),s=t(60893),d=t(84123),p=t(37426),o=t(1227),c=t(86600),h=t(29712);let x=e=>{let{variant:n,icon:t,headline:i,link:l,type:r,children:s,behaviour:d}=e;return(0,a.jsx)(p.H3,{variant:n,icon:t,headline:i,link:l,type:r,behaviour:d,onClick:()=>{alert(s.toString())},children:s})};n.default=()=>(0,a.jsx)(o.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":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","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,[64996,23019,37426,66503,34316,60893,25644,84123,73095,49774,92888,40179],function(){return e(e.s=44365)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js
new file mode 100644
index 00000000000..ee624243cfd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39373],{98841:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Behaviour",function(){return u(84123)}])}},function(n){n.O(0,[64996,84123,49774,92888,40179],function(){return n(n.s=98841)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js
new file mode 100644
index 00000000000..099215c12b5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57744],{62489:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Content",function(){return e(60893)}])}},function(n){n.O(0,[64996,60893,49774,92888,40179],function(){return n(n.s=62489)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js
new file mode 100644
index 00000000000..9a790b4dd5e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73053],{21383:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Tonality",function(){return o(25644)}])}},function(n){n.O(0,[64996,25644,49774,92888,40179],function(){return n(n.s=21383)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js
new file mode 100644
index 00000000000..30fc7790ddf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js
@@ -0,0 +1 @@
+(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(73095)}])}},function(n){n.O(0,[64996,73095,49774,92888,40179],function(){return n(n.s=55719)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js
new file mode 100644
index 00000000000..7a68e420533
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50139],{90279:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Variant",function(){return u(34316)}])}},function(n){n.O(0,[64996,34316,49774,92888,40179],function(){return n(n.s=90279)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js
new file mode 100644
index 00000000000..f2df0cacd79
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66744],{26313:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Angular",function(){return u(83495)}])}},function(n){n.O(0,[64996,83495,49774,92888,40179],function(){return n(n.s=26313)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js
new file mode 100644
index 00000000000..009c50c41d2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14280],{53445:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/HTML",function(){return u(11708)}])}},function(n){n.O(0,[64996,11708,49774,92888,40179],function(){return n(n.s=53445)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js
new file mode 100644
index 00000000000..b29cfed6cc7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39001],{73302:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Migration",function(){return n(47596)}])},47596:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var s=n(52322),r=n(45392);function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"elm-notification"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-alert"})}),(0,s.jsxs)(t.td,{children:["The old notification component has been split into 2 different components ",(0,s.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,s.jsx)(t.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,s.jsx)(t.h3,{children:"variant ➡ type"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"alert"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"alert"})}),(0,s.jsx)(t.td,{children:"Default alert with different look"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"status"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsxs)(t.td,{children:["Status can be changed by ",(0,s.jsx)(t.code,{children:"variants"})]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"inline"})}),(0,s.jsx)(t.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,s.jsx)(t.h3,{children:"type ➡ variants"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"adaptive"})}),(0,s.jsx)(t.td,{children:"Default: change colors based on background"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"error"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"critical"})}),(0,s.jsx)(t.td,{children:"'Red' colored alert to show error messages"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"informative"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"informational"})}),(0,s.jsx)(t.td,{children:"'Blue' colored alert to show information messages"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"warning"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"warning"})}),(0,s.jsx)(t.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"success"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"successful"})}),(0,s.jsx)(t.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}}},function(e){e.O(0,[49774,92888,40179],function(){return e(e.s=73302)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js
new file mode 100644
index 00000000000..1375145231a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45768],{85027:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/React",function(){return e(85345)}])},85345:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=85027)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js
new file mode 100644
index 00000000000..2d0ef572354
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8636],{20806:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Vue",function(){return e(68988)}])},68988:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=20806)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/examples-38e9a39788918789.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/examples-38e9a39788918789.js
new file mode 100644
index 00000000000..6924d8f508f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/examples-38e9a39788918789.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25454],{68346:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/examples",function(){return t(50858)}])},50858:function(e,n,t){"use strict";t.r(n);var c=t(52322),o=t(66503),l=t(43548);n.default=()=>(0,c.jsxs)(o.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:"neutral",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:"neutral",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:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, describedbyid, elevation, 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",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:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, describedbyid, elevation, icon, id, key, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",describedbyid:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, describedbyid, elevation, icon, id, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",describedbyid:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, id, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, onClick, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),title:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, onClick, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, icon, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",icon:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, elevation, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",elevation:"none",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",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:"behaviour:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{behaviour:"permanent",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:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=68346)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js
new file mode 100644
index 00000000000..e53bfd3c928
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95895],{7083:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/how-to-use",function(){return e(76775)}])},85345:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},68988:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},76775:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(11708),l=e(83495),p=e(85345),d=e(68988);let i=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(i,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,11708,83495,49774,92888,40179],function(){return o(o.s=7083)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/migration-07eb8412ac486002.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/migration-07eb8412ac486002.js
new file mode 100644
index 00000000000..5395fe2688c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/migration-07eb8412ac486002.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3301],{28054:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/migration",function(){return n(10469)}])},47596:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),s=n(45392);function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-notification"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-alert"})}),(0,r.jsxs)(t.td,{children:["The old notification component has been split into 2 different components ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,r.jsx)(t.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)(t.h3,{children:"variant ➡ type"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{children:"Default alert with different look"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"status"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsxs)(t.td,{children:["Status can be changed by ",(0,r.jsx)(t.code,{children:"variants"})]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"inline"})}),(0,r.jsx)(t.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,r.jsx)(t.h3,{children:"type ➡ variants"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"adaptive"})}),(0,r.jsx)(t.td,{children:"Default: change colors based on background"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{children:"'Red' colored alert to show error messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{children:"'Blue' colored alert to show information messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},10469:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var r=n(52322),s=n(45392),d=n(66503),c=n(47596);let i=e=>{let{children:t}=e;return(0,r.jsx)(d.Z,{children:t})};function l(e){let t={h1:"h1",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBAlert Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...e,children:(0,r.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=28054)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js
new file mode 100644
index 00000000000..fa2de568776
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59251],{4111:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/overview",function(){return t(15386)}])},29712:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var i;return{...e,slotCode:null!==(i=null==t?void 0:t.at(a))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var t,a;return{...e,example:n({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,n,t){"use strict";var a=t(52322),i=t(5632),l=t(2784),r=t(66503),s=t(37426);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",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)))]})})]})}},15386:function(e,n,t){"use strict";t.r(n);var a=t(52322),i=t(25644),l=t(73095),r=t(34316),s=t(60893),d=t(84123),o=t(37426),p=t(1227),c=t(86600),h=t(29712);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":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","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,[64996,23019,37426,66503,34316,60893,25644,84123,73095,49774,92888,40179],function(){return e(e.s=4111)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/alert/properties-29267df42c609798.js b/version/v0.0.61/_next/static/chunks/pages/components/alert/properties-29267df42c609798.js
new file mode 100644
index 00000000000..7583fa5aaee
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/alert/properties-29267df42c609798.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(32289)}])},32289:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var i=r(52322),n=r(45392),s=r(66503);let d=e=>{let{children:t}=e;return(0,i.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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:"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: ClickEvent) => 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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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' | 'neutral' | '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,{})]}),(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."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,{...e,children:(0,i.jsx)(a,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=99644)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge-5662d58385bc49f1.js b/version/v0.0.61/_next/static/chunks/pages/components/badge-5662d58385bc49f1.js
new file mode 100644
index 00000000000..b28c4e5315f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge-5662d58385bc49f1.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33899],{9653:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge",function(){return a(84229)}])},29712:function(e,n,a){"use strict";a.d(n,{P:function(){return r}});let r=(e,n,a)=>e.map((e,r)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,r;return{...e,example:n({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(r=e.props.children)&&void 0!==r?r:e.name})}})}})},1227:function(e,n,a){"use strict";var r=a(52322),s=a(5632),i=a(2784),t=a(66503),l=a(37426);let o=e=>{let{examples:n,slotCode:a}=e;return(0,r.jsx)(l.wq,{className:"variants-card",slotCode:a,children:(0,r.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,r.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,s.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,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...c})}),!c&&(0,r.jsx)(t.Z,{children:(0,r.jsxs)("div",{className:"default-container",children:[(0,r.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,r.jsxs)("div",{children:[(0,r.jsx)(l.oH,{}),(0,r.jsx)("h2",{children:(0,r.jsx)(l.vB,{content:"external",target:"_blank",href:u(e),children:e.name})}),(0,r.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},84229:function(e,n,a){"use strict";a.r(n);var r=a(52322),s=a(35291),i=a(6897),t=a(88424),l=a(762),o=a(89829),c=a(11694),m=a(4339),p=a(37426),u=a(1227),d=a(9394),x=a(29712);let h=e=>{let{children:n,variant:a,emphasis:s,noContent:i,size:t,placement:l,example:o}=e;return(0,r.jsxs)(r.Fragment,{children:[!l&&!o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:a,emphasis:s,size:t,children:i?"":n}),i&&(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(p.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",placement:l}),n]}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"badge-inline-container",children:[(0,r.jsx)(p.Pg,{icon:"account"}),(0,r.jsx)("span",{children:n}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,r.jsx)(p.Pg,{icon:"error"})]})}),"icon"===o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:"critical",emphasis:"strong",size:t,children:(0,r.jsx)(p.Pg,{icon:"account",children:n})}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"number"===o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:"successful",children:"9"}),(0,r.jsx)(p.aE,{variant:"informational",children:"12"}),(0,r.jsx)(p.aE,{variant:"warning",children:"123"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]})]})};n.default=()=>(0,r.jsx)(u.Z,{title:"DBBadge",variants:(0,x.P)(d,h,[(0,r.jsx)(s.default,{}),(0,r.jsx)(i.default,{}),(0,r.jsx)(t.default,{}),(0,r.jsx)(l.default,{}),(0,r.jsx)(o.default,{}),(0,r.jsx)(c.default,{}),(0,r.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":"Adaptive (Default)","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","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,[64996,23019,37426,66503,88424,11694,89829,35291,6897,762,4339,49774,92888,40179],function(){return e(e.s=9653)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js
new file mode 100644
index 00000000000..01334fe3fc1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34900],{75625:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Content",function(){return e(89829)}])}},function(n){n.O(0,[64996,89829,49774,92888,40179],function(){return n(n.s=75625)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js
new file mode 100644
index 00000000000..2a912c7dbfe
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56579],{74197:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Emphasis",function(){return u(6897)}])}},function(n){n.O(0,[64996,6897,49774,92888,40179],function(){return n(n.s=74197)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js
new file mode 100644
index 00000000000..cf020d384a2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72548],{8767:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Examples",function(){return e(4339)}])}},function(n){n.O(0,[64996,4339,49774,92888,40179],function(){return n(n.s=8767)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js
new file mode 100644
index 00000000000..f55aaa92a5d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46490],{94005:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Placement",function(){return e(11694)}])}},function(n){n.O(0,[64996,11694,49774,92888,40179],function(){return n(n.s=94005)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js
new file mode 100644
index 00000000000..e5a5ee8059d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16511],{40540:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Size",function(){return e(762)}])}},function(n){n.O(0,[64996,762,49774,92888,40179],function(){return n(n.s=40540)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js
new file mode 100644
index 00000000000..1a3ae61d13b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12908],{58151:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Tonality",function(){return o(35291)}])}},function(n){n.O(0,[64996,35291,49774,92888,40179],function(){return n(n.s=58151)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js
new file mode 100644
index 00000000000..752f8229c36
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46417],{57394:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Variant",function(){return u(88424)}])}},function(n){n.O(0,[64996,88424,49774,92888,40179],function(){return n(n.s=57394)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js
new file mode 100644
index 00000000000..f8717617e47
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99128],{39210:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Angular",function(){return e(16467)}])},16467:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=39210)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js
new file mode 100644
index 00000000000..f96c5d5ab26
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js
@@ -0,0 +1 @@
+(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(54708)}])},54708:function(e,o,t){"use strict";t.r(o),t.d(o,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return a}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...e.components};return d||h("CH",!1),d.Code||h("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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,r.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(s,{...e})}):s(e)}function h(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(e){e.O(0,[64996,49774,92888,40179],function(){return e(e.s=39106)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js
new file mode 100644
index 00000000000..b23e4b36f89
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57942],{43144:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Migration",function(){return o(23755)}])},23755:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=43144)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js
new file mode 100644
index 00000000000..cdf559ad7dd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85371],{84856:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/React",function(){return e(78218)}])},78218:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 l(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=84856)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js
new file mode 100644
index 00000000000..b05b8766ddc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90444],{19626:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Vue",function(){return t(6316)}])},6316:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function l(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=19626)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/examples-393f5514608a85f9.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/examples-393f5514608a85f9.js
new file mode 100644
index 00000000000..dd263c56073
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/examples-393f5514608a85f9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5613],{74001:function(e,s,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/examples",function(){return d(63723)}])},63723:function(e,s,d){"use strict";d.r(s);var i=d(52322),t=d(66503),n=d(83550);s.default=()=>(0,i.jsxs)(t.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)(n.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)(n.Z,{describedbyid:"account",emphasis:"strong",id:"account",placement:"corner-top-left",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",emphasis:"strong",id:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, id, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",id:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",size:"small",title:"account",variant:"neutral",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",size:"small",variant:"neutral",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",size:"small",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"id:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"key:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,i.jsx)("dt",{children:"title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{variant:"neutral",children:"Test"})]}),(0,i.jsx)("dt",{children:"size:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{size:"small",children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=74001)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js
new file mode 100644
index 00000000000..b3213062624
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36702],{57114:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/how-to-use",function(){return e(19401)}])},16467:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},54708:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},78218:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},6316:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},19401:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(54708),d=e(16467),l=e(78218),i=e(6316);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(p,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=57114)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js
new file mode 100644
index 00000000000..ca2618121cd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35595],{84018:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/migration",function(){return t(47958)}])},23755:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),o=t(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,o.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},47958:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var r=t(52322),o=t(45392),s=t(66503),c=t(23755);let i=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"DBBadge Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...n,children:(0,r.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=84018)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js
new file mode 100644
index 00000000000..8460f010553
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69719],{74940:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/overview",function(){return a(41801)}])},29712:function(e,n,a){"use strict";a.d(n,{P:function(){return r}});let r=(e,n,a)=>e.map((e,r)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,r;return{...e,example:n({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(r=e.props.children)&&void 0!==r?r:e.name})}})}})},1227:function(e,n,a){"use strict";var r=a(52322),s=a(5632),i=a(2784),t=a(66503),l=a(37426);let o=e=>{let{examples:n,slotCode:a}=e;return(0,r.jsx)(l.wq,{className:"variants-card",slotCode:a,children:(0,r.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,r.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,s.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,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...c})}),!c&&(0,r.jsx)(t.Z,{children:(0,r.jsxs)("div",{className:"default-container",children:[(0,r.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,r.jsxs)("div",{children:[(0,r.jsx)(l.oH,{}),(0,r.jsx)("h2",{children:(0,r.jsx)(l.vB,{content:"external",target:"_blank",href:u(e),children:e.name})}),(0,r.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},41801:function(e,n,a){"use strict";a.r(n);var r=a(52322),s=a(35291),i=a(6897),t=a(88424),l=a(762),o=a(89829),c=a(11694),m=a(4339),p=a(37426),u=a(1227),d=a(9394),x=a(29712);let h=e=>{let{children:n,variant:a,emphasis:s,noContent:i,size:t,placement:l,example:o}=e;return(0,r.jsxs)(r.Fragment,{children:[!l&&!o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:a,emphasis:s,size:t,children:i?"":n}),i&&(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(p.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",placement:l}),n]}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"badge-inline-container",children:[(0,r.jsx)(p.Pg,{icon:"account"}),(0,r.jsx)("span",{children:n}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,r.jsx)(p.Pg,{icon:"error"})]})}),"icon"===o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:"critical",emphasis:"strong",size:t,children:(0,r.jsx)(p.Pg,{icon:"account",children:n})}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"number"===o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.aE,{variant:"successful",children:"9"}),(0,r.jsx)(p.aE,{variant:"informational",children:"12"}),(0,r.jsx)(p.aE,{variant:"warning",children:"123"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,r.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,r.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]})]})};n.default=()=>(0,r.jsx)(u.Z,{title:"DBBadge",variants:(0,x.P)(d,h,[(0,r.jsx)(s.default,{}),(0,r.jsx)(i.default,{}),(0,r.jsx)(t.default,{}),(0,r.jsx)(l.default,{}),(0,r.jsx)(o.default,{}),(0,r.jsx)(c.default,{}),(0,r.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":"Adaptive (Default)","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","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,[64996,23019,37426,66503,88424,11694,89829,35291,6897,762,4339,49774,92888,40179],function(){return e(e.s=74940)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/badge/properties-5475243109e49b01.js b/version/v0.0.61/_next/static/chunks/pages/components/badge/properties-5475243109e49b01.js
new file mode 100644
index 00000000000..3d8ed59b2af
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/badge/properties-5475243109e49b01.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61502],{74105:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return r(5587)}])},5587:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var s=r(52322),d=r(45392),n=r(66503);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBBadge"}),"\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:"placement"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.code,{children:"placement"})," attributes ",(0,s.jsx)(t.code,{children:"corner-*"})," values change the position to absolute and adds a transform based on the placement."]}),(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:"'inline' | 'corner-top-left' | 'corner-top-right' | 'corner-center-left' | 'corner-center-right' | 'corner-bottom-left' | 'corner-bottom-right'"})})})]}),(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:"variant"}),(0,s.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(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:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"size"}),(0,s.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(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'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"emphasis"}),(0,s.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(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:"'weak' | 'strong'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,{...e,children:(0,s.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=74105)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js
new file mode 100644
index 00000000000..92f8e2df630
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64140],{52450:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Angular",function(){return e(54368)}])},54368:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=52450)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js
new file mode 100644
index 00000000000..f73ceedb48f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16295],{36315:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/HTML",function(){return t(52181)}])},52181:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return a}});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(o){let e={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return d||h("CH",!1),d.Code||h("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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(s,{...o})}):s(o)}function h(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=36315)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js
new file mode 100644
index 00000000000..fa4b2827c39
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11639],{52092:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/React",function(){return e(76878)}])},76878:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 l(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=52092)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js
new file mode 100644
index 00000000000..30d609e22bf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77785],{63062:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Vue",function(){return e(4817)}])},4817:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=63062)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js
new file mode 100644
index 00000000000..0e264f50412
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46398],{26259:function(i,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/examples",function(){return d(73267)}])},73267:function(i,t,d){"use strict";d.r(t);var e=d(52322),c=d(66503),s=d(94503);t.default=()=>(0,e.jsxs)(c.Z,{children:[(0,e.jsx)("h1",{children:" DBBrand Examples "}),(0,e.jsxs)("dl",{className:"example-list",children:[(0,e.jsx)("dt",{children:"anchorChildren:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{anchorChildren:!0,children:"Test"})]}),(0,e.jsx)("dt",{children:"anchorChildren, anchorRef, anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"anchorRef, anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"anchorRelation, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"describedbyid, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.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,e.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"imgHeight, imgSrc, imgWidth:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"imgSrc, imgWidth:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"imgWidth:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgWidth:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"anchorRef:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{anchorRef:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"anchorTitle:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{anchorTitle:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"anchorRelation:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{anchorRelation:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"hideDefaultAsset:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{hideDefaultAsset:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"describedbyid:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{describedbyid:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"id:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{id:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"key:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"tabIndex:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{tabIndex:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"imgAlt:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgAlt:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"imgHeight:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgHeight:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"imgSrc:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(s.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"Test"})]})]})]})}},function(i){i.O(0,[23019,37426,66503,49774,92888,40179],function(){return i(i.s=26259)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js
new file mode 100644
index 00000000000..9f10ba0e3da
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43966],{7714:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/how-to-use",function(){return e(3513)}])},54368:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},52181:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},76878:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},4817:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},3513:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(52181),d=e(54368),l=e(76878),i=e(4817);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(p,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=7714)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js
new file mode 100644
index 00000000000..6e1b2d54bba
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39875],{85019:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/migration",function(){return e(53056)}])},53056:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392),i=e(66503);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(t.h1,{children:"DBBrand Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=85019)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js b/version/v0.0.61/_next/static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js
new file mode 100644
index 00000000000..e097212528a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66593],{19484:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return d(45250)}])},45250:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var r=d(52322),s=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function h(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBBrand"}),"\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:"anchorChildren"}),(0,r.jsx)(t.td,{children:"The anchorChildren attribute can be set to warp children inside the 'a' tag."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"anchorRef"}),(0,r.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,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"anchorTitle"}),(0,r.jsx)(t.td,{children:"The title attribute can be set to show a hint while hovering over the brand."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"anchorRelation"}),(0,r.jsxs)(t.td,{children:["The rel attribute can be set to make a relationship to the current URL (",(0,r.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,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"hideDefaultAsset"}),(0,r.jsxs)(t.td,{children:["Hides the default image with an asset path to be able to add a custom image inside the children.",(0,r.jsx)("br",{}),"Use this if you know what you do."]}),(0,r.jsx)(t.td,{children:"any"}),(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:"imgAlt"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgHeight"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgSrc"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgWidth"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(n,{...e,children:(0,r.jsx)(h,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=19484)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button-5ce332f4d1dde0fa.js b/version/v0.0.61/_next/static/chunks/pages/components/button-5ce332f4d1dde0fa.js
new file mode 100644
index 00000000000..2ab4eac91b5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button-5ce332f4d1dde0fa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79091],{57755:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button",function(){return n(54235)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(66503),r=n(37426);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,[u,d]=(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);d(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:[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",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)))]})})]})}},54235:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(11453),l=n(71047),i=n(4547),r=n(52353),o=n(91584),u=n(85452),d=n(37426),c=n(1227),p=n(10689),m=n(29712);let x=e=>{let{variant:a,state:n,size:s,noText:l,icon:i,width:r,disabled:o,children:u}=e;return(0,t.jsx)(d.Y1,{variant:a,state:n,size:s,noText:l,icon:i,disabled:o,width:r,onClick:()=>{alert(u.toString())},children:u})};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)(u.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,[64996,23019,37426,66503,71047,91584,11453,54192,52353,4547,49774,92888,40179],function(){return e(e.s=57755)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js
new file mode 100644
index 00000000000..dc609718ebc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63170],{77769:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Behaviour",function(){return _(85452)}])}},function(n){n.O(0,[64996,54192,49774,92888,40179],function(){return n(n.s=77769)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/Content-2279169731fd07a1.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Content-2279169731fd07a1.js
new file mode 100644
index 00000000000..21d0af8bde3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Content-2279169731fd07a1.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66446],{35735:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Content",function(){return o(91584)}])}},function(n){n.O(0,[64996,91584,49774,92888,40179],function(){return n(n.s=35735)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/Size-7e988f866a903e62.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Size-7e988f866a903e62.js
new file mode 100644
index 00000000000..ec876a9b8b6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Size-7e988f866a903e62.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92885],{34704:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Size",function(){return u(52353)}])}},function(n){n.O(0,[64996,52353,49774,92888,40179],function(){return n(n.s=34704)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js
new file mode 100644
index 00000000000..412b2b3b6ba
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33448],{91662:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/State",function(){return t(4547)}])}},function(n){n.O(0,[64996,4547,49774,92888,40179],function(){return n(n.s=91662)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js
new file mode 100644
index 00000000000..aa6669db1b2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92443],{30300:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Tonality",function(){return o(11453)}])}},function(n){n.O(0,[64996,11453,49774,92888,40179],function(){return n(n.s=30300)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js
new file mode 100644
index 00000000000..cc924e19835
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85270],{2248:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Variant",function(){return u(71047)}])}},function(n){n.O(0,[64996,71047,49774,92888,40179],function(){return n(n.s=2248)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js
new file mode 100644
index 00000000000..b8bca664570
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69232],{25329:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Angular",function(){return _(20516)}])}},function(n){n.O(0,[64996,20516,49774,92888,40179],function(){return n(n.s=25329)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js
new file mode 100644
index 00000000000..87d580b3651
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73146],{57819:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/HTML",function(){return e(66363)}])},66363:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=57819)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js
new file mode 100644
index 00000000000..c090b394870
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51087],{53059:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Migration",function(){return n(71940)}])},71940:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return i}});var s=n(52322),r=n(45392);function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"elm-button"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-button"})}),(0,s.jsx)(t.td,{})]})})]}),"\n",(0,s.jsx)(t.h3,{children:"sizes"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"large"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["it became obsolete mainly due to our ",(0,s.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"tonality"})," introduction"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"regular"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["there is a default (",(0,s.jsx)(t.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,s.jsx)(t.h3,{children:"variants"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsxs)(t.td,{children:["not valid anymore, use ",(0,s.jsx)(t.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"brand-primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-outline"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"outlined"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-solid"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"solid"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"tertiary-plain"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"text"})}),(0,s.jsx)(t.td,{})]})]})]}),"\n",(0,s.jsx)(t.h3,{children:"icons"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconAfter"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconOnly"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"noText"})}),(0,s.jsx)(t.td,{})]})]})]})]})}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}}},function(e){e.O(0,[49774,92888,40179],function(){return e(e.s=53059)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js
new file mode 100644
index 00000000000..f4906d6ef3f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46879],{37090:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/React",function(){return e(732)}])},732:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=37090)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js
new file mode 100644
index 00000000000..2a28fad4520
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81633],{30692:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Vue",function(){return e(97188)}])},97188:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=30692)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/examples-35a28d769832c44d.js b/version/v0.0.61/_next/static/chunks/pages/components/button/examples-35a28d769832c44d.js
new file mode 100644
index 00000000000..171623c62ac
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/examples-35a28d769832c44d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[222],{55190:function(e,d,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/examples",function(){return t(58083)}])},58083:function(e,d,t){"use strict";t.r(d);var c=t(52322),i=t(66503),n=t(42684);d.default=()=>(0,c.jsxs)(i.Z,{children:[(0,c.jsx)("h1",{children:" DBButton Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"ariaexpanded:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{ariaexpanded:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"ariaexpanded, ariapressed, describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"ariapressed, describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, label, name, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, name, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, value, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, tabIndex, title, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, tabIndex, title, variant, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, id, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, onClick, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",onClick:e=>console.log(e),title:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, onClick, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",onClick:e=>console.log(e),width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"ariapressed:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{ariapressed:!0,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:"noText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{noText:!0,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:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"type:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{type:"reset",children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"state:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{state:"loading",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:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{id:"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:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{icon:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=55190)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js b/version/v0.0.61/_next/static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js
new file mode 100644
index 00000000000..a01ceb5f2c4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87614],{7867:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/how-to-use",function(){return e(34741)}])},66363:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{tokens:[{content:" Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},732:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},97188:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},34741:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(66363),l=e(20516),d=e(732),i=e(97188);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,20516,49774,92888,40179],function(){return o(o.s=7867)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/migration-3276f8241cf03d0b.js b/version/v0.0.61/_next/static/chunks/pages/components/button/migration-3276f8241cf03d0b.js
new file mode 100644
index 00000000000..d02148658db
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/migration-3276f8241cf03d0b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27685],{58351:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/migration",function(){return n(10109)}])},71940:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return i}});var r=n(52322),s=n(45392);function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-button"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-button"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{children:"sizes"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"large"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["it became obsolete mainly due to our ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"tonality"})," introduction"]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"regular"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["there is a default (",(0,r.jsx)(t.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,r.jsx)(t.h3,{children:"variants"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"primary"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsxs)(t.td,{children:["not valid anymore, use ",(0,r.jsx)(t.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"brand-primary"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"primary"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"secondary-outline"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"outlined"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"secondary-solid"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"solid"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"tertiary-plain"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"text"})}),(0,r.jsx)(t.td,{})]})]})]}),"\n",(0,r.jsx)(t.h3,{children:"icons"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconAfter"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconOnly"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"noText"})}),(0,r.jsx)(t.td,{})]})]})]})]})}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},10109:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var r=n(52322),s=n(45392),d=n(66503),i=n(71940);let l=e=>{let{children:t}=e;return(0,r.jsx)(d.Z,{children:t})};function c(e){let t={h1:"h1",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBButton Migration"}),"\n",(0,r.jsx)(i.default,{})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=58351)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/overview-5e24be5b63eacfef.js b/version/v0.0.61/_next/static/chunks/pages/components/button/overview-5e24be5b63eacfef.js
new file mode 100644
index 00000000000..2321ad4d22c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/overview-5e24be5b63eacfef.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30907],{66692:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/overview",function(){return n(94646)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(66503),r=n(37426);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,[u,d]=(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);d(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:[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",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)))]})})]})}},94646:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(11453),l=n(71047),i=n(4547),r=n(52353),o=n(91584),u=n(85452),d=n(37426),c=n(1227),p=n(10689),m=n(29712);let x=e=>{let{variant:a,state:n,size:s,noText:l,icon:i,width:r,disabled:o,children:u}=e;return(0,t.jsx)(d.Y1,{variant:a,state:n,size:s,noText:l,icon:i,disabled:o,width:r,onClick:()=>{alert(u.toString())},children:u})};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)(u.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,[64996,23019,37426,66503,71047,91584,11453,54192,52353,4547,49774,92888,40179],function(){return e(e.s=66692)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js b/version/v0.0.61/_next/static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js
new file mode 100644
index 00000000000..88e0d1f4699
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35417],{11576:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return r(16500)}])},16500:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var i=r(52322),n=r(45392),d=r(66503);let s=e=>{let{children:t}=e;return(0,i.jsx)(d.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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: ClickEvent) => 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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(s,{...e,children:(0,i.jsx)(a,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=11576)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card-b290589f5c179f24.js b/version/v0.0.61/_next/static/chunks/pages/components/card-b290589f5c179f24.js
new file mode 100644
index 00000000000..c29534c72a2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card-b290589f5c179f24.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16332],{99847:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card",function(){return e(95510)}])},29712:function(a,n,e){"use strict";e.d(n,{P:function(){return i}});let i=(a,n,e)=>a.map((a,i)=>{var r;return{...a,slotCode:null!==(r=null==e?void 0:e.at(i))&&void 0!==r?r:"No code available",examples:a.examples.map(a=>{var e,i;return{...a,example:n({...a.props,id:null!==(e=a.props.id)&&void 0!==e?e:a.name,children:null!==(i=a.props.children)&&void 0!==i?i:a.name})}})}})},1227:function(a,n,e){"use strict";var i=e(52322),r=e(5632),s=e(2784),t=e(66503),l=e(37426);let c=a=>{let{examples:n,slotCode:e}=a;return(0,i.jsx)(l.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)(t.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),null==e?void 0:e.map((a,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:u(a),children:a.name})}),(0,i.jsx)(c,{...a})]},"".concat(a.name,"-").concat(n)))]})})]})}},95510:function(a,n,e){"use strict";e.r(n);var i=e(52322),r=e(8819),s=e(13971),t=e(78571),l=e(66042),c=e(37426),o=e(1227),p=e(1304),m=e(29712);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)(t.default,{}),(0,i.jsx)(l.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) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","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,[64996,23019,37426,66503,13971,8819,78571,66042,49774,92888,40179],function(){return a(a.s=99847)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js b/version/v0.0.61/_next/static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js
new file mode 100644
index 00000000000..f6475382d54
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27543],{72843:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/ColorVariant",function(){return o(13971)}])}},function(n){n.O(0,[64996,13971,49774,92888,40179],function(){return n(n.s=72843)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js
new file mode 100644
index 00000000000..c642b074f04
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54646],{1685:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Spacing",function(){return c(78571)}])}},function(n){n.O(0,[64996,78571,49774,92888,40179],function(){return n(n.s=1685)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js
new file mode 100644
index 00000000000..32719a2bc33
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45466],{15090:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Tonality",function(){return o(8819)}])}},function(n){n.O(0,[64996,8819,49774,92888,40179],function(){return n(n.s=15090)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js
new file mode 100644
index 00000000000..7b7acdb80a3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69469],{54615:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Variant",function(){return u(66042)}])}},function(n){n.O(0,[64996,66042,49774,92888,40179],function(){return n(n.s=54615)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js
new file mode 100644
index 00000000000..bdf0c9aa9aa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14225],{57298:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Angular",function(){return e(80518)}])},80518:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=57298)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js
new file mode 100644
index 00000000000..7ffd656a51b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23274],{76921:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/HTML",function(){return t(97993)}])},97993:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return a}});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(o){let e={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return d||h("CH",!1),d.Code||h("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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(s,{...o})}):s(o)}function h(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=76921)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js
new file mode 100644
index 00000000000..1614d089c6a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[262],{95106:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Migration",function(){return n(22514)}])},22514:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var d=n(52322),r=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h2,{children:"General"}),"\n",(0,d.jsxs)(t.blockquote,{children:["\n",(0,d.jsxs)(t.p,{children:[(0,d.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,d.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,d.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,d.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,d.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,d.jsx)(t.th,{children:"After"}),(0,d.jsx)(t.th,{children:"Description"})]})}),(0,d.jsx)(t.tbody,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"cmp-card"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"db-card"})}),(0,d.jsx)(t.td,{})]})})]}),"\n",(0,d.jsx)(t.h3,{children:"variant"}),"\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:"Before"}),(0,d.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,d.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,d.jsx)(t.th,{children:"Description"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"variant"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:(0,d.jsx)(t.code,{children:"variant"})}),(0,d.jsxs)(t.td,{children:["There is no default ",(0,d.jsx)(t.code,{children:"header"}),"/",(0,d.jsx)(t.code,{children:"content"})," anymore. Now you can change the card with ",(0,d.jsx)(t.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"header"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{children:"Add your own content via children/slot."})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"content"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,d.jsx)(t.h3,{children:"image"}),"\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:"Before"}),(0,d.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,d.jsx)(t.th,{children:"After"}),(0,d.jsx)(t.th,{children:"Description"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"alt"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"imgAlt"})}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"image"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"imgSrc"})}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"imgWidth"})}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"imgHeight"})}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"illustration"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{children:"❌"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:(0,d.jsx)(t.code,{children:"uiCoreIllustrationPath"})}),(0,d.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,d.jsx)(t.td,{children:"❌"}),(0,d.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(s,{...e})}):s(e)}}},function(e){e.O(0,[49774,92888,40179],function(){return e(e.s=95106)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js
new file mode 100644
index 00000000000..e53de5954f3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78616],{33986:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/React",function(){return e(27592)}])},27592:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 l(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=33986)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js
new file mode 100644
index 00000000000..6c6fc9b4734
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90158],{90542:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Vue",function(){return e(65873)}])},65873:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=90542)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js b/version/v0.0.61/_next/static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js
new file mode 100644
index 00000000000..8d54be9687b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71650],{10280:function(i,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/examples",function(){return t(92337)}])},92337:function(i,e,t){"use strict";t.r(e);var d=t(52322),n=t(66503),c=t(26213);e.default=()=>(0,d.jsxs)(n.Z,{children:[(0,d.jsx)("h1",{children:" DBCard Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"colorVariant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{colorVariant:"undefined",children:"Test"})]}),(0,d.jsx)("dt",{children:"colorVariant, describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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,d.jsx)("dt",{children:"describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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,d.jsx)("dt",{children:"describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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),spacing:"medium",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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),spacing:"medium",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick, spacing, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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),spacing:"medium",tabIndex:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick, spacing, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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),spacing:"medium",title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.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),spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgHeight, imgSrc, imgWidth, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgSrc, imgWidth, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, imgWidth, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",imgWidth:100,spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation, spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"spacing:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{spacing:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{variant:"interactive",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"})]}),(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:"onClick:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{onClick:i=>console.log(i),children:"Test"})]}),(0,d.jsx)("dt",{children:"imgAlt:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{imgAlt:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgHeight:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{imgHeight:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"imgSrc:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgWidth:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{imgWidth:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"elevation:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{elevation:"none",children:"Test"})]})]})]})}},function(i){i.O(0,[23019,37426,66503,49774,92888,40179],function(){return i(i.s=10280)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js b/version/v0.0.61/_next/static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js
new file mode 100644
index 00000000000..357ed88dae2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12063],{81083:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/how-to-use",function(){return e(10714)}])},80518:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},97993:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},27592:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},65873:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},10714:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(97993),d=e(80518),l=e(27592),i=e(65873);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t={h1:"h1",...(0,r.a)(),...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)(l.default,{}),"\n",(0,n.jsx)(i.default,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(p,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=81083)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js b/version/v0.0.61/_next/static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js
new file mode 100644
index 00000000000..66bfe8c6570
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98114],{52286:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/migration",function(){return n(62815)}])},22514:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),d=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"cmp-card"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-card"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{children:"variant"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsxs)(t.td,{children:["There is no default ",(0,r.jsx)(t.code,{children:"header"}),"/",(0,r.jsx)(t.code,{children:"content"})," anymore. Now you can change the card with ",(0,r.jsx)(t.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"header"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"content"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,r.jsx)(t.h3,{children:"image"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alt"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgAlt"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"image"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgSrc"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgWidth"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgHeight"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"illustration"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"uiCoreIllustrationPath"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,d.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},62815:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var r=n(52322),d=n(45392),s=n(66503),c=n(22514);let i=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={h1:"h1",...(0,d.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBCard Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...e,children:(0,r.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=52286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/overview-f2fe9597d8021439.js b/version/v0.0.61/_next/static/chunks/pages/components/card/overview-f2fe9597d8021439.js
new file mode 100644
index 00000000000..98cd8e4aedc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/overview-f2fe9597d8021439.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75190],{48314:function(a,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/overview",function(){return n(25349)}])},29712:function(a,e,n){"use strict";n.d(e,{P:function(){return i}});let i=(a,e,n)=>a.map((a,i)=>{var r;return{...a,slotCode:null!==(r=null==n?void 0:n.at(i))&&void 0!==r?r:"No code available",examples:a.examples.map(a=>{var n,i;return{...a,example:e({...a.props,id:null!==(n=a.props.id)&&void 0!==n?n:a.name,children:null!==(i=a.props.children)&&void 0!==i?i:a.name})}})}})},1227:function(a,e,n){"use strict";var i=n(52322),r=n(5632),s=n(2784),t=n(66503),l=n(37426);let c=a=>{let{examples:e,slotCode:n}=a;return(0,i.jsx)(l.wq,{className:"variants-card",slotCode:n,children:(0,i.jsx)("div",{className:"variants-list",children:e.map((a,e)=>(0,i.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(e)))})})};e.Z=a=>{let{title:e,variants:n}=a,[o,p]=(0,s.useState)(),m=(0,r.useRouter)();(0,s.useEffect)(()=>{if(m.query){var a;let e=null===(a=m.query.page)||void 0===a?void 0:a.toString();if(e){let a=n.find(a=>a.name.toLowerCase()===e);p(a)}}},[m]);let u=a=>{var e,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(e=n.location)||void 0===e?void 0:e.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)(t.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:e}),null==n?void 0:n.map((a,e)=>(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:u(a),children:a.name})}),(0,i.jsx)(c,{...a})]},"".concat(a.name,"-").concat(e)))]})})]})}},25349:function(a,e,n){"use strict";n.r(e);var i=n(52322),r=n(8819),s=n(13971),t=n(78571),l=n(66042),c=n(37426),o=n(1227),p=n(1304),m=n(29712);let u=a=>{let{colorVariant:e,variant:n,children:r,spacing:s}=a;return(0,i.jsxs)(c.f,{colorVariant:e,variant:n,spacing:s,children:[(0,i.jsx)("strong",{children:r}),e&&(0,i.jsx)("span",{children:e})]})};e.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)(t.default,{}),(0,i.jsx)(l.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) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","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,[64996,23019,37426,66503,13971,8819,78571,66042,49774,92888,40179],function(){return a(a.s=48314)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/card/properties-836215f0dea92ff6.js b/version/v0.0.61/_next/static/chunks/pages/components/card/properties-836215f0dea92ff6.js
new file mode 100644
index 00000000000..b81728e08d7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/card/properties-836215f0dea92ff6.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25221],{86958:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return d(47656)}])},47656:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return c}});var r=d(52322),s=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBCard"}),"\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:"colorVariant"}),(0,r.jsxs)(t.td,{children:["Valid background ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(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:" | "})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(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:"'default' | 'interactive'"})})})]}),(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: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgAlt"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgHeight"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgSrc"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"imgWidth"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"elevation"}),(0,r.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(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:"'default' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spacing"}),(0,r.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(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:"'none' | 'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(n,{...e,children:(0,r.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=86958)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox-481feff57ebca054.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox-481feff57ebca054.js
new file mode 100644
index 00000000000..c9b53d55e55
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox-481feff57ebca054.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64927],{87480:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox",function(){return n(77294)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(t))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),l=n(5632),r=n(2784),s=n(66503),i=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(i.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,r.useState)(),m=(0,l.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=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[m]);let c=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)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(i.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(i.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},77294:function(e,a,n){"use strict";n.r(a);var t=n(52322),l=n(7465),r=n(44507),s=n(39199),i=n(27322),o=n(99065),d=n(37426),u=n(1227),m=n(29712),c=n(46810);let p=e=>{let{label:a,size:n,name:l,checked:r,invalid:s,required:i,children:o,disabled:u,indeterminate:m,labelVariant:c}=e;return(0,t.jsx)(d.I3,{label:a,size:n,name:l,defaultChecked:r,invalid:s,required:i,disabled:u,labelVariant:c,indeterminate:m,children:o})};a.default=()=>(0,t.jsx)(u.Z,{title:"DBCheckbox",variants:(0,m.P)(c,p,[(0,t.jsx)(l.default,{}),(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(o.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":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,44507,39199,7465,27322,99065,49774,92888,40179],function(){return e(e.s=87480)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js
new file mode 100644
index 00000000000..b06e80fec04
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75209],{13465:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Requirement",function(){return _(39199)}])}},function(n){n.O(0,[64996,39199,49774,92888,40179],function(){return n(n.s=13465)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js
new file mode 100644
index 00000000000..3e5049c2d2c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25021],{63221:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Size",function(){return c(27322)}])}},function(n){n.O(0,[64996,27322,49774,92888,40179],function(){return n(n.s=63221)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js
new file mode 100644
index 00000000000..9a5d4db7e86
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33217],{78922:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/States",function(){return c(44507)}])}},function(n){n.O(0,[64996,44507,49774,92888,40179],function(){return n(n.s=78922)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js
new file mode 100644
index 00000000000..f0a2dca2425
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96274],{93711:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Tonality",function(){return o(7465)}])}},function(n){n.O(0,[64996,7465,49774,92888,40179],function(){return n(n.s=93711)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js
new file mode 100644
index 00000000000..d5febd81210
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47403],{63558:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/VariantLabel",function(){return c(99065)}])}},function(n){n.O(0,[64996,99065,49774,92888,40179],function(){return n(n.s=63558)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js
new file mode 100644
index 00000000000..c39df99bbf2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68783],{6506:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Angular",function(){return u(31453)}])}},function(n){n.O(0,[64996,31453,49774,92888,40179],function(){return n(n.s=6506)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js
new file mode 100644
index 00000000000..6f21aa69a96
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91289],{69243:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/HTML",function(){return e(3992)}])},3992:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=69243)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js
new file mode 100644
index 00000000000..8d3a5e867a9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37804],{56346:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/React",function(){return c(88664)}])}},function(n){n.O(0,[64996,88664,49774,92888,40179],function(){return n(n.s=56346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js
new file mode 100644
index 00000000000..949ba7ca9e6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js
@@ -0,0 +1 @@
+(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(52023)}])}},function(n){n.O(0,[64996,52023,49774,92888,40179],function(){return n(n.s=71321)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js
new file mode 100644
index 00000000000..47f6d81c70d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98029],{36797:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/examples",function(){return n(54192)}])},54192:function(e,l,n){"use strict";n.r(l);var c=n(52322),d=n(66503),a=n(80910);l.default=()=>(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("h1",{children:" DBCheckbox Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"size:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{size:"small",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, checked, describedbyid, disabled, focus, form, id, indeterminate, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, size, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",indeterminate:!0,invalid:!0,label:"account",labelVariant:"hidden",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",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, describedbyid, disabled, focus, form, id, indeterminate, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",indeterminate:!0,invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, describedbyid, disabled, focus, form, id, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, id, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,title:"account",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, focus, form, invalid, label, labelVariant, name, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, form, invalid, label, labelVariant, name, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, form, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, form, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",children:"Test"})]}),(0,c.jsx)("dt",{children:"labelVariant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{labelVariant:"hidden",children:"Test"})]}),(0,c.jsx)("dt",{children:"indeterminate:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{indeterminate:!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:"change:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{change:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onChange:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"blur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onBlur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"focus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onFocus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onFocus:e=>console.log(e),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:"form:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{form:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"invalid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{invalid:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"required:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{required:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=36797)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js
new file mode 100644
index 00000000000..43e0d896e1d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30097],{86788:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/how-to-use",function(){return e(2219)}])},3992:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},2219:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var n=e(52322),r=e(45392),c=e(66503),s=e(3992),l=e(31453),d=e(88664),i=e(52023);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function h(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(h,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,31453,88664,52023,49774,92888,40179],function(){return o(o.s=86788)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js
new file mode 100644
index 00000000000..d66ec2c1477
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98419],{32990:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/migration",function(){return e(84268)}])},84268:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var r=e(52322),u=e(45392),c=e(66503);let i=n=>{let{children:t}=n;return(0,r.jsx)(c.Z,{children:t})};function o(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(t.h1,{children:"DBCheckbox Migration"})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...n,children:(0,r.jsx)(o,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=32990)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js
new file mode 100644
index 00000000000..41738f985d3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51940],{27143:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/overview",function(){return n(36305)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(t))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),r=n(5632),l=n(2784),s=n(66503),i=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(i.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)(),m=(0,r.useRouter)();(0,l.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[m]);let c=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)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(i.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(i.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},36305:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(7465),l=n(44507),s=n(39199),i=n(27322),o=n(99065),d=n(37426),u=n(1227),m=n(29712),c=n(46810);let p=e=>{let{label:a,size:n,name:r,checked:l,invalid:s,required:i,children:o,disabled:u,indeterminate:m,labelVariant:c}=e;return(0,t.jsx)(d.I3,{label:a,size:n,name:r,defaultChecked:l,invalid:s,required:i,disabled:u,labelVariant:c,indeterminate:m,children:o})};a.default=()=>(0,t.jsx)(u.Z,{title:"DBCheckbox",variants:(0,m.P)(c,p,[(0,t.jsx)(r.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(o.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":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,44507,39199,7465,27322,99065,49774,92888,40179],function(){return e(e.s=27143)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js
new file mode 100644
index 00000000000..d9da6fde734
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90537],{1379:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return d(47726)}])},47726:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var r=d(52322),s=d(45392),n=d(66503);let i=e=>{let{children:t}=e;return(0,r.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBCheckbox"}),"\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:"size"}),(0,r.jsx)(t.td,{children:"Decide for a size (either regular, which is the default, or small)"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"indeterminate"}),(0,r.jsxs)(t.td,{children:["Define an ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate",children:"indeterminate"})," state of a checkbox"]}),(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:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(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: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(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: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.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,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...e,children:(0,r.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=1379)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js
new file mode 100644
index 00000000000..58f83e0587c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79899],{33045:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/Angular",function(){return t(16971)}])},16971:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),c=t(45392);function u(n){let e={h2:"h2",p:"p",...(0,c.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"Angular"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(u,{...n})}):u(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=33045)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js
new file mode 100644
index 00000000000..a43d2dc0cf7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40094],{174:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/HTML",function(){return t(95156)}])},95156:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return u}});var c=t(52322),o=t(45392);function r(n){let e={h2:"h2",p:"p",...(0,o.a)(),...n.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(e.h2,{children:"HTML"}),"\n",(0,c.jsx)(e.p,{children:"TODO"})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,c.jsx)(e,{...n,children:(0,c.jsx)(r,{...n})}):r(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=174)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js
new file mode 100644
index 00000000000..dd72aac8f91
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25502],{93768:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/React",function(){return c(93066)}])}},function(n){n.O(0,[64996,93066,49774,92888,40179],function(){return n(n.s=93768)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js
new file mode 100644
index 00000000000..c82bbe9fcf1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16090],{85139:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/Vue",function(){return t(38429)}])},38429:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var c=t(52322),u=t(45392);function o(n){let e={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(e.h2,{children:"Vue"}),"\n",(0,c.jsx)(e.p,{children:"TODO"})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,u.a)(),...n.components};return e?(0,c.jsx)(e,{...n,children:(0,c.jsx)(o,{...n})}):o(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=85139)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/examples-1674545b40313a52.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/examples-1674545b40313a52.js
new file mode 100644
index 00000000000..10128ea21d6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/examples-1674545b40313a52.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16793],{74212:function(d,e,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/examples",function(){return c(66661)}])},66661:function(d,e,c){"use strict";c.r(e);var t=c(52322),s=c(66503),i=c(5980);e.default=()=>(0,t.jsxs)(s.Z,{children:[(0,t.jsx)("h1",{children:" DBCodeDocs Examples "}),(0,t.jsxs)("dl",{className:"example-list",children:[(0,t.jsx)("dt",{children:"showCodeLabel:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{showCodeLabel:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid, hideCodeLabel, id, key, showCodeLabel, slotCode, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",hideCodeLabel:"account",id:"account",showCodeLabel:"account",slotCode:(0,t.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"describedbyid, hideCodeLabel, id, key, slotCode, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",hideCodeLabel:"account",id:"account",slotCode:(0,t.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"describedbyid, id, key, slotCode, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",id:"account",slotCode:(0,t.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"hideCodeLabel:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{hideCodeLabel:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"slotCode:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{slotCode:(0,t.jsx)("div",{children:"slotCode"}),children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"id:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"key:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=74212)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js
new file mode 100644
index 00000000000..d53d872f038
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js
@@ -0,0 +1 @@
+(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(46391)}])},16971:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),u=t(45392);function c(n){let e={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"Angular"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,u.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},95156:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),u=t(45392);function c(n){let e={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"HTML"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,u.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},38429:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),u=t(45392);function c(n){let e={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"Vue"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,u.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},46391:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return f}});var r=t(52322),u=t(45392),c=t(66503),s=t(95156),o=t(16971),i=t(93066),l=t(38429);let d=n=>{let{children:e}=n;return(0,r.jsx)(c.Z,{children:e})};function h(n){let e={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"How to use DBCodeDocs"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function f(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(h,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,93066,49774,92888,40179],function(){return n(n.s=22525)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js
new file mode 100644
index 00000000000..0caded22e5b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94413],{24676:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/migration",function(){return e(21746)}])},21746:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var o=e(52322),r=e(45392),u=e(66503);let c=n=>{let{children:t}=n;return(0,o.jsx)(u.Z,{children:t})};function i(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsx)(t.h1,{children:"DBCodeDocs Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(c,{...n,children:(0,o.jsx)(i,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=24676)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js
new file mode 100644
index 00000000000..ab1a1a55509
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56104],{60251:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/properties",function(){return d(79946)}])},79946:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return c}});var s=d(52322),r=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBCodeDocs"}),"\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:"showCodeLabel"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"hideCodeLabel"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotCode"}),(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:"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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=60251)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider-a9ce01e1e100e2d0.js b/version/v0.0.61/_next/static/chunks/pages/components/divider-a9ce01e1e100e2d0.js
new file mode 100644
index 00000000000..16cb2636245
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider-a9ce01e1e100e2d0.js
@@ -0,0 +1 @@
+(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(84135)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(66503),r=n(37426);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,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);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,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",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)))]})})]})}},84135:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(64339),i=n(92738),l=n(810),r=n(37426),o=n(1227),c=n(55491),d=n(29712);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,d.P)(c,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,[64996,23019,37426,66503,64339,92738,810,49774,92888,40179],function(){return e(e.s=49120)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js
new file mode 100644
index 00000000000..2c3354e4a13
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94120],{33156:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Emphasis",function(){return u(810)}])}},function(n){n.O(0,[64996,810,49774,92888,40179],function(){return n(n.s=33156)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js
new file mode 100644
index 00000000000..ca87bd53b3c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86589],{18290:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Tonality",function(){return o(64339)}])}},function(n){n.O(0,[64996,64339,49774,92888,40179],function(){return n(n.s=18290)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js
new file mode 100644
index 00000000000..9504092920c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61632],{23110:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Variant",function(){return u(92738)}])}},function(n){n.O(0,[64996,92738,49774,92888,40179],function(){return n(n.s=23110)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js
new file mode 100644
index 00000000000..37d58ccf943
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84762],{73153:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Angular",function(){return e(40819)}])},40819:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,r.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(s,{...e})}):s(e)}function h(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(e){e.O(0,[64996,49774,92888,40179],function(){return e(e.s=7682)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js
new file mode 100644
index 00000000000..f0e1c75eea5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16822],{80893:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Migration",function(){return o(54315)}])},54315:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=80893)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/React-537cda33809e670a.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/React-537cda33809e670a.js
new file mode 100644
index 00000000000..0f32024f0ed
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/React-537cda33809e670a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58024],{52365:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/React",function(){return e(70803)}])},70803:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=52365)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js
new file mode 100644
index 00000000000..23efa49afa2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54835],{74409:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Vue",function(){return t(70593)}])},70593:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return i},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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)(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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function l(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=74409)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js
new file mode 100644
index 00000000000..45d68765da2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2945],{28427:function(e,d,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/examples",function(){return s(74306)}])},74306:function(e,d,s){"use strict";s.r(d);var i=s(52322),t=s(66503),n=s(10131);d.default=()=>(0,i.jsxs)(t.Z,{children:[(0,i.jsx)("h1",{children:" DBDivider Examples "}),(0,i.jsxs)("dl",{className:"example-list",children:[(0,i.jsx)("dt",{children:"margin:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{margin:"_",children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, margin, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",emphasis:"strong",id:"account",margin:"_",tabIndex:100,title:"account",variant:"vertical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",emphasis:"strong",id:"account",tabIndex:100,title:"account",variant:"vertical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",emphasis:"strong",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, id, key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",tabIndex:100,title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{emphasis:"strong",children:"Test"})]}),(0,i.jsx)("dt",{children:"variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{variant:"vertical",children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"id:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"key:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,i.jsx)("dt",{children:"title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(n.Z,{title:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=28427)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js
new file mode 100644
index 00000000000..4c4565d0975
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58659],{13935:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/how-to-use",function(){return e(46137)}])},40819:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},70803:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},70593:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},46137:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(82788),d=e(40819),i=e(70803),l=e(70593);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(p,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=13935)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js
new file mode 100644
index 00000000000..80e9415b03f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13287],{61475:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/migration",function(){return t(91610)}])},54315:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,o.a)(),...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"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},91610:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var r=t(52322),o=t(45392),i=t(66503),s=t(54315);let c=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"DBDivider Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...n,children:(0,r.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=61475)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js
new file mode 100644
index 00000000000..477a1eb2d53
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55785],{43043:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/overview",function(){return n(9305)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(66503),r=n(37426);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,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);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,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",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)))]})})]})}},9305:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(64339),i=n(92738),l=n(810),r=n(37426),o=n(1227),c=n(55491),d=n(29712);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,d.P)(c,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,[64996,23019,37426,66503,64339,92738,810,49774,92888,40179],function(){return e(e.s=43043)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js b/version/v0.0.61/_next/static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js
new file mode 100644
index 00000000000..11c237418e8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70788],{967:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return d(24059)}])},24059:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var s=d(52322),r=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBDivider"}),"\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:"margin"}),(0,s.jsx)(t.td,{children:"No description"}),(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' | '_'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"variant"}),(0,s.jsx)(t.td,{children:"No description"}),(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:"'horizontal' | 'vertical'"})})})]}),(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:"emphasis"}),(0,s.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(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:"'weak' | 'strong'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=967)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer-f9cd961b831c696f.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer-f9cd961b831c696f.js
new file mode 100644
index 00000000000..298a1451267
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer-f9cd961b831c696f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30317],{25768:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer",function(){return n(99452)}])},29712:function(e,t,n){"use strict";n.d(t,{P:function(){return a}});let a=(e,t,n)=>e.map((e,a)=>{var o;return{...e,slotCode:null!==(o=null==n?void 0:n.at(a))&&void 0!==o?o:"No code available",examples:e.examples.map(e=>{var n,a;return{...e,example:t({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,t,n){"use strict";var a=n(52322),o=n(5632),s=n(2784),r=n(66503),l=n(37426);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",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)))]})})]})}},99452:function(e,t,n){"use strict";n.r(t);var a=n(52322),o=n(48754),s=n(8807),r=n(25027),l=n(82537),i=n(51189),u=n(54310),d=n(2784),p=n(37426),c=n(95067),m=n(1227),h=n(29712);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,[64996,23019,37426,66503,82537,54310,51189,48754,8807,25027,49774,92888,40179],function(){return e(e.s=25768)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js
new file mode 100644
index 00000000000..672ba3c4259
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82134],{82792:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Backdrop",function(){return o(51189)}])}},function(n){n.O(0,[64996,51189,49774,92888,40179],function(){return n(n.s=82792)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js
new file mode 100644
index 00000000000..3371d2277ad
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78212],{24738:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Directions",function(){return e(54310)}])}},function(n){n.O(0,[64996,54310,49774,92888,40179],function(){return n(n.s=24738)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js
new file mode 100644
index 00000000000..9bb2467a3ec
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38341],{52004:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Rounded",function(){return u(25027)}])}},function(n){n.O(0,[64996,25027,49774,92888,40179],function(){return n(n.s=52004)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js
new file mode 100644
index 00000000000..0c7c9d38565
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52371],{51622:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Size",function(){return e(8807)}])}},function(n){n.O(0,[64996,8807,49774,92888,40179],function(){return n(n.s=51622)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js
new file mode 100644
index 00000000000..fe3ac5f71a4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41761],{91116:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Spacing",function(){return u(82537)}])}},function(n){n.O(0,[64996,82537,49774,92888,40179],function(){return n(n.s=91116)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js
new file mode 100644
index 00000000000..60787d3bb11
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76126],{4370:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Tonality",function(){return o(48754)}])}},function(n){n.O(0,[64996,48754,49774,92888,40179],function(){return n(n.s=4370)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js
new file mode 100644
index 00000000000..69a34ebd3b1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54852],{73606:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Angular",function(){return u(699)}])}},function(n){n.O(0,[64996,699,49774,92888,40179],function(){return n(n.s=73606)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js
new file mode 100644
index 00000000000..edc597ab645
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40652],{66341:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/HTML",function(){return u(2461)}])}},function(n){n.O(0,[64996,2461,49774,92888,40179],function(){return n(n.s=66341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js
new file mode 100644
index 00000000000..f910ce930c1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39215],{830:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Migration",function(){return o(30878)}])},30878:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=830)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js
new file mode 100644
index 00000000000..1b30c01d5e7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75375],{49159:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/React",function(){return u(57838)}])}},function(n){n.O(0,[64996,57838,49774,92888,40179],function(){return n(n.s=49159)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js
new file mode 100644
index 00000000000..25d18b54ccc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83473],{3376:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Vue",function(){return u(19204)}])}},function(n){n.O(0,[64996,19204,49774,92888,40179],function(){return n(n.s=3376)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js
new file mode 100644
index 00000000000..48051342d03
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83391],{36238:function(e,n,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/examples",function(){return d(1221)}])},1221:function(e,n,d){"use strict";d.r(n);var s=d(52322),l=d(2784),o=d(42684),i=d(66503),c=d(88997);n.default=()=>{let[e,n]=(0,l.useState)(-1);return(0,s.jsxs)(i.Z,{children:[(0,s.jsx)("h1",{children:" DBDrawer Examples "}),(0,s.jsxs)("dl",{className:"example-list",children:[(0,s.jsx)("dt",{children:"direction:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(0)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:0===e,onClose:()=>n(-1),direction:"right",children:"Test"})]}),(0,s.jsx)("dt",{children:"closeButtonId, closeButtonText, width:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(1)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:1===e,onClose:()=>n(-1),closeButtonId:"account",closeButtonText:"account",width:"auto",children:"Test"})]}),(0,s.jsx)("dt",{children:"closeButtonText, width:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(2)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:2===e,onClose:()=>n(-1),closeButtonText:"account",width:"auto",children:"Test"})]}),(0,s.jsx)("dt",{children:"width:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(3)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:3===e,onClose:()=>n(-1),width:"auto",children:"Test"})]}),(0,s.jsx)("dt",{children:"backdrop:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(4)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:4===e,onClose:()=>n(-1),backdrop:"weak",children:"Test"})]}),(0,s.jsx)("dt",{children:"rounded:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(5)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:5===e,onClose:()=>n(-1),rounded:!0,children:"Test"})]}),(0,s.jsx)("dt",{children:"slotDrawerHeader:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(6)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:6===e,onClose:()=>n(-1),slotDrawerHeader:(0,s.jsx)("div",{children:"slotDrawerHeader"}),children:"Test"})]}),(0,s.jsx)("dt",{children:"spacing:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(7)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:7===e,onClose:()=>n(-1),spacing:"small",children:"Test"})]}),(0,s.jsx)("dt",{children:"withCloseButton:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(8)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:8===e,onClose:()=>n(-1),withCloseButton:!0,children:"Test"})]}),(0,s.jsx)("dt",{children:"describedbyid:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(9)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:9===e,onClose:()=>n(-1),describedbyid:"account",children:"Test"})]}),(0,s.jsx)("dt",{children:"id:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(10)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:10===e,onClose:()=>n(-1),id:"account",children:"Test"})]}),(0,s.jsx)("dt",{children:"key:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(11)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:11===e,onClose:()=>n(-1),children:"Test"},"account")]}),(0,s.jsx)("dt",{children:"tabIndex:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(12)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:12===e,onClose:()=>n(-1),tabIndex:100,children:"Test"})]}),(0,s.jsx)("dt",{children:"title:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(13)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:13===e,onClose:()=>n(-1),title:"account",children:"Test"})]}),(0,s.jsx)("dt",{children:"closeButtonId:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(14)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:14===e,onClose:()=>n(-1),closeButtonId:"account",children:"Test"})]}),(0,s.jsx)("dt",{children:"closeButtonText:"})," ",(0,s.jsx)(o.Z,{onClick:()=>{n(15)},children:"Open Dialog"}),(0,s.jsxs)("dd",{children:[" ",(0,s.jsx)(c.Z,{open:15===e,onClose:()=>n(-1),closeButtonText:"account",children:"Test"})]})]})]})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=36238)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js
new file mode 100644
index 00000000000..bd297ad5003
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43920],{34764:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/how-to-use",function(){return t(84294)}])},84294:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return h}});var u=t(52322),r=t(45392),s=t(66503),o=t(2461),c=t(699),i=t(57838),l=t(19204);let f=n=>{let{children:e}=n;return(0,u.jsx)(s.Z,{children:e})};function d(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(e.h1,{children:"How to use DBDrawer"}),"\n",(0,u.jsx)(o.default,{}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(i.default,{}),"\n",(0,u.jsx)(l.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(f,{...n,children:(0,u.jsx)(d,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,57838,19204,699,2461,49774,92888,40179],function(){return n(n.s=34764)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js
new file mode 100644
index 00000000000..d67cabd4c26
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21138],{44554:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/migration",function(){return t(79881)}])},30878:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),o=t(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,o.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},79881:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var r=t(52322),o=t(45392),s=t(66503),c=t(30878);let i=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"DBDrawer Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...n,children:(0,r.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=44554)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js
new file mode 100644
index 00000000000..d4066250be7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51405],{25753:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/overview",function(){return n(74588)}])},29712:function(e,t,n){"use strict";n.d(t,{P:function(){return a}});let a=(e,t,n)=>e.map((e,a)=>{var o;return{...e,slotCode:null!==(o=null==n?void 0:n.at(a))&&void 0!==o?o:"No code available",examples:e.examples.map(e=>{var n,a;return{...e,example:t({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(a=e.props.children)&&void 0!==a?a:e.name})}})}})},1227:function(e,t,n){"use strict";var a=n(52322),o=n(5632),s=n(2784),r=n(66503),l=n(37426);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",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)))]})})]})}},74588:function(e,t,n){"use strict";n.r(t);var a=n(52322),o=n(48754),s=n(8807),r=n(25027),l=n(82537),i=n(51189),u=n(54310),d=n(2784),p=n(37426),c=n(95067),m=n(1227),h=n(29712);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,[64996,23019,37426,66503,82537,54310,51189,48754,8807,25027,49774,92888,40179],function(){return e(e.s=25753)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/drawer/properties-4869580f4698dde9.js b/version/v0.0.61/_next/static/chunks/pages/components/drawer/properties-4869580f4698dde9.js
new file mode 100644
index 00000000000..41bb7695e3d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/drawer/properties-4869580f4698dde9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{48765:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return d(4901)}])},4901:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return h}});var s=d(52322),r=d(45392),n=d(66503);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...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'"})})})]})]})]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,{...e,children:(0,s.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=48765)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js
new file mode 100644
index 00000000000..09f4aa7b0ef
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90027],{5247:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Angular",function(){return u(61248)}])}},function(n){n.O(0,[64996,61248,49774,92888,40179],function(){return n(n.s=5247)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js
new file mode 100644
index 00000000000..1d3785f23b0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76330],{39849:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/HTML",function(){return t(68234)}])},68234:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return s},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=39849)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js
new file mode 100644
index 00000000000..093e0f0387f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38055],{6920:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/React",function(){return e(90238)}])}},function(n){n.O(0,[64996,90238,49774,92888,40179],function(){return n(n.s=6920)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js
new file mode 100644
index 00000000000..81f5c4c2bc3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36871],{90669:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Vue",function(){return u(84022)}])}},function(n){n.O(0,[64996,84022,49774,92888,40179],function(){return n(n.s=90669)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/examples-fac815fc1a139a0e.js b/version/v0.0.61/_next/static/chunks/pages/components/header/examples-fac815fc1a139a0e.js
new file mode 100644
index 00000000000..61f7f71c04a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/examples-fac815fc1a139a0e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38757],{87691:function(e,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/examples",function(){return n(87901)}])},87901:function(e,d,n){"use strict";n.r(d);var c=n(52322),t=n(66503),l=n(61705);d.default=()=>(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("h1",{children:" DBHeader Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"slotBrand:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{slotBrand:(0,c.jsx)("div",{children:"slotBrand"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotBrand, slotCallToAction, slotMetaNavigation, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,c.jsx)("div",{children:"slotActionBar"}),slotBrand:(0,c.jsx)("div",{children:"slotBrand"}),slotCallToAction:(0,c.jsx)("div",{children:"slotCallToAction"}),slotMetaNavigation:(0,c.jsx)("div",{children:"slotMetaNavigation"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotCallToAction, slotMetaNavigation, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,c.jsx)("div",{children:"slotActionBar"}),slotCallToAction:(0,c.jsx)("div",{children:"slotCallToAction"}),slotMetaNavigation:(0,c.jsx)("div",{children:"slotMetaNavigation"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotCallToAction, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,c.jsx)("div",{children:"slotActionBar"}),slotCallToAction:(0,c.jsx)("div",{children:"slotCallToAction"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,c.jsx)("div",{children:"slotActionBar"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, forceMobile, id, key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",forceMobile:!0,id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"burgerMenuLabel, describedbyid, id, key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"id, key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"key, onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"onToggle, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"onToggle, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onToggle:e=>console.log(e),title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"onToggle:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onToggle:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"slotMetaNavigation:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{slotMetaNavigation:(0,c.jsx)("div",{children:"slotMetaNavigation"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"slotCallToAction:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{slotCallToAction:(0,c.jsx)("div",{children:"slotCallToAction"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"slotActionBar:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{slotActionBar:(0,c.jsx)("div",{children:"slotActionBar"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"drawerOpen:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{drawerOpen:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"forceMobile:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{forceMobile:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"burgerMenuLabel:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{burgerMenuLabel:"account",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"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=87691)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js b/version/v0.0.61/_next/static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js
new file mode 100644
index 00000000000..972e743f70e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24905],{61423:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/how-to-use",function(){return o(27840)}])},68234:function(e,t,o){"use strict";o.r(t),o.d(t,{CH:function(){return d},chCodeConfig:function(){return s},default:function(){return l}});var n=o(52322),r=o(45392),c=o(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(e){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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)(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)(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"}}}]},{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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(i,{...e})}):i(e)}function a(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},27840:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return u}});var n=o(52322),r=o(45392),c=o(66503),d=o(68234),s=o(61248),i=o(90238),l=o(84022);let a=e=>{let{children:t}=e;return(0,n.jsx)(c.Z,{children:t})};function h(e){let t={h1:"h1",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBHeader"}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...e,children:(0,n.jsx)(h,{...e})})}}},function(e){e.O(0,[64996,23019,37426,66503,84022,61248,90238,49774,92888,40179],function(){return e(e.s=61423)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/migration-a83e43c6625d2777.js b/version/v0.0.61/_next/static/chunks/pages/components/header/migration-a83e43c6625d2777.js
new file mode 100644
index 00000000000..8e11a1b49cd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/migration-a83e43c6625d2777.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86504],{9724:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/migration",function(){return t(19416)}])},19416:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),u=t(45392),i=t(66503);let o=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function c(n){let e={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(e.h1,{children:"DBHeader Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=9724)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js b/version/v0.0.61/_next/static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js
new file mode 100644
index 00000000000..11d1c4fe53f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74312],{95153:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return d(62600)}])},62600:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return c}});var s=d(52322),r=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...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"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=95153)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js
new file mode 100644
index 00000000000..426eaed635d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31486],{66426:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/Angular",function(){return u(10788)}])}},function(n){n.O(0,[64996,10788,49774,92888,40179],function(){return n(n.s=66426)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js
new file mode 100644
index 00000000000..62a961c038d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10724],{65082:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/HTML",function(){return t(28064)}])},28064:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return a}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return d||h("CH",!1),d.Code||h("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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(s,{...o})}):s(o)}function h(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=65082)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js
new file mode 100644
index 00000000000..d187a9fb4b5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69181],{38082:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/React",function(){return e(99961)}])},99961:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=38082)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js
new file mode 100644
index 00000000000..bd082d37095
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16235],{13901:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/Vue",function(){return e(66294)}])},66294:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...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:"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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=13901)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/examples-48809f775ace2608.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/examples-48809f775ace2608.js
new file mode 100644
index 00000000000..7927954e9c5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/examples-48809f775ace2608.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72416],{45376:function(c,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/examples",function(){return n(9091)}])},9091:function(c,d,n){"use strict";n.r(d);var e=n(52322),t=n(66503),i=n(51897);d.default=()=>(0,e.jsxs)(t.Z,{children:[(0,e.jsx)("h1",{children:" DBIcon Examples "}),(0,e.jsxs)("dl",{className:"example-list",children:[(0,e.jsx)("dt",{children:"describedbyid:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{describedbyid:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"describedbyid, icon, id, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{describedbyid:"account",icon:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, id, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{icon:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, key, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{icon:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, tabIndex, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{icon:"account",tabIndex:100,title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon, title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{icon:"account",title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{icon:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"id:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{id:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"key:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"tabIndex:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{tabIndex:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(i.Z,{title:"account",children:"Test"})]})]})]})}},function(c){c.O(0,[23019,37426,66503,49774,92888,40179],function(){return c(c.s=45376)}),_N_E=c.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js
new file mode 100644
index 00000000000..75f607ae7a1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41621],{98075:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/how-to-use",function(){return e(3946)}])},28064:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},99961:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},66294:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},3946:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(28064),d=e(10788),i=e(99961),l=e(66294);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,10788,49774,92888,40179],function(){return o(o.s=98075)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/migration-2b6a94c38d687366.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/migration-2b6a94c38d687366.js
new file mode 100644
index 00000000000..d7a3a0d5112
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/migration-2b6a94c38d687366.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24605],{47900:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/migration",function(){return e(41003)}])},41003:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var i=e(52322),r=e(45392),u=e(66503);let o=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function c(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,i.jsx)(t.h1,{children:"DBIcon Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(o,{...n,children:(0,i.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=47900)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/icon/properties-bef813a0d51cf287.js b/version/v0.0.61/_next/static/chunks/pages/components/icon/properties-bef813a0d51cf287.js
new file mode 100644
index 00000000000..c41ad5b8213
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/icon/properties-bef813a0d51cf287.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25534],{85731:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return i(67548)}])},67548:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return d}});var r=i(52322),n=i(45392),a=i(66503);let o=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...e,children:(0,r.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=85731)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext-6fc9552cfafb716c.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext-6fc9552cfafb716c.js
new file mode 100644
index 00000000000..0d3d11bdc7d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext-6fc9552cfafb716c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66857],{26397:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext",function(){return n(61037)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(s))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,s;return{...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}})}})},1227:function(e,a,n){"use strict";var s=n(52322),t=n(5632),i=n(2784),r=n(66503),l=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,s.jsx)(l.wq,{className:"variants-card",slotCode:n,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:n}=e,[c,u]=(0,i.useState)(),d=(0,t.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,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...c})}),!c&&(0,s.jsx)(r.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(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:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},61037:function(e,a,n){"use strict";n.r(a);var s=n(52322),t=n(67677),i=n(58232),r=n(29663),l=n(37426),o=n(1227),c=n(6514),u=n(29712);let d=e=>{let{variant:a,size:n,icon:t,children:i}=e;return(0,s.jsx)(l.EZ,{variant:a,size:n,icon:t,children:i})};a.default=()=>(0,s.jsx)(o.Z,{title:"DBInfotext",variants:(0,u.P)(c,d,[(0,s.jsx)(t.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.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":{}},{"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,[64996,23019,37426,66503,58232,67677,29663,49774,92888,40179],function(){return e(e.s=26397)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js
new file mode 100644
index 00000000000..c7e4d0136e4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67282],{47557:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Size",function(){return e(29663)}])}},function(n){n.O(0,[64996,29663,49774,92888,40179],function(){return n(n.s=47557)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js
new file mode 100644
index 00000000000..a58405d3e95
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22923],{25711:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Tonality",function(){return o(67677)}])}},function(n){n.O(0,[64996,67677,49774,92888,40179],function(){return n(n.s=25711)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js
new file mode 100644
index 00000000000..6cb486ce9ff
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67519],{95550:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Variant",function(){return o(58232)}])}},function(n){n.O(0,[64996,58232,49774,92888,40179],function(){return n(n.s=95550)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js
new file mode 100644
index 00000000000..68ef456c0d8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24525],{63941:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Angular",function(){return e(59146)}])},59146:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=63941)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js
new file mode 100644
index 00000000000..9d4ce81b678
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3961],{95572:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/HTML",function(){return t(55880)}])},55880:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return a}});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(o){let e={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return d||h("CH",!1),d.Code||h("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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(s,{...o})}):s(o)}function h(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=95572)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js
new file mode 100644
index 00000000000..29a8a4a5dab
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33906],{75028:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Migration",function(){return o(26059)}])},26059:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=75028)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js
new file mode 100644
index 00000000000..ab4ae491755
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75956],{59160:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/React",function(){return e(65309)}])},65309:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=59160)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js
new file mode 100644
index 00000000000..10d48694d2e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js
@@ -0,0 +1 @@
+(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(71558)}])},71558:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=98290)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js
new file mode 100644
index 00000000000..71d963f8779
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49585],{24448:function(n,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/examples",function(){return i(38583)}])},38583:function(n,e,i){"use strict";i.r(e);var d=i(52322),c=i(66503),t=i(71087);e.default=()=>(0,d.jsxs)(c.Z,{children:[(0,d.jsx)("h1",{children:" DBInfotext Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid, icon, id, key, size, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{describedbyid:"account",icon:"account",id:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"icon, id, key, size, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",id:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"icon, key, size, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"icon, size, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",size:"small",tabIndex:100,title:"account",variant:"neutral",children:"Test"})]}),(0,d.jsx)("dt",{children:"icon, size, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",size:"small",title:"account",variant:"neutral",children:"Test"})]}),(0,d.jsx)("dt",{children:"icon, size, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",size:"small",variant:"neutral",children:"Test"})]}),(0,d.jsx)("dt",{children:"icon, size:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",size:"small",children:"Test"})]}),(0,d.jsx)("dt",{children:"size:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{size:"small",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{tabIndex:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{variant:"neutral",children:"Test"})]}),(0,d.jsx)("dt",{children:"icon:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(t.Z,{icon:"account",children:"Test"})]})]})]})}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=24448)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js
new file mode 100644
index 00000000000..da873843c51
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65721],{91824:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/how-to-use",function(){return e(29469)}])},59146:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},55880:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},65309:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},71558:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},29469:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(55880),d=e(59146),l=e(65309),i=e(71558);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=91824)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js
new file mode 100644
index 00000000000..203ecbeed82
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50866],{4051:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/migration",function(){return e(83365)}])},26059:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var o=e(52322),r=e(45392);function s(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{children:"General"}),"\n",(0,o.jsxs)(t.blockquote,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(s,{...n})}):s(n)}},83365:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var o=e(52322),r=e(45392),s=e(66503),c=e(26059);let i=n=>{let{children:t}=n;return(0,o.jsx)(s.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:"DBInfotext Migration"}),"\n",(0,o.jsx)(c.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(i,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=4051)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/overview-7c99137d706e969b.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/overview-7c99137d706e969b.js
new file mode 100644
index 00000000000..ed55df1db78
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/overview-7c99137d706e969b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32987],{41201:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/overview",function(){return n(21099)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(s))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,s;return{...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}})}})},1227:function(e,a,n){"use strict";var s=n(52322),t=n(5632),i=n(2784),r=n(66503),l=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,s.jsx)(l.wq,{className:"variants-card",slotCode:n,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:n}=e,[c,u]=(0,i.useState)(),d=(0,t.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,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...c})}),!c&&(0,s.jsx)(r.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(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:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},21099:function(e,a,n){"use strict";n.r(a);var s=n(52322),t=n(67677),i=n(58232),r=n(29663),l=n(37426),o=n(1227),c=n(6514),u=n(29712);let d=e=>{let{variant:a,size:n,icon:t,children:i}=e;return(0,s.jsx)(l.EZ,{variant:a,size:n,icon:t,children:i})};a.default=()=>(0,s.jsx)(o.Z,{title:"DBInfotext",variants:(0,u.P)(c,d,[(0,s.jsx)(t.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.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":{}},{"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,[64996,23019,37426,66503,58232,67677,29663,49774,92888,40179],function(){return e(e.s=41201)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js b/version/v0.0.61/_next/static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js
new file mode 100644
index 00000000000..2779467f01b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68032],{25016:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return i(9960)}])},9960:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return o}});var r=i(52322),n=i(45392),a=i(66503);let c=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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' | 'neutral' | '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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(d,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=25016)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input-a612fe26d239006e.js b/version/v0.0.61/_next/static/chunks/pages/components/input-a612fe26d239006e.js
new file mode 100644
index 00000000000..98d3b940939
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input-a612fe26d239006e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58367],{33137:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input",function(){return l(14704)}])},29712:function(e,a,l){"use strict";l.d(a,{P:function(){return n}});let n=(e,a,l)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==l?void 0:l.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var l,n;return{...e,example:a({...e.props,id:null!==(l=e.props.id)&&void 0!==l?l:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,a,l){"use strict";var n=l(52322),t=l(5632),i=l(2784),r=l(66503),s=l(37426);let p=e=>{let{examples:a,slotCode:l}=e;return(0,n.jsx)(s.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,[o,b]=(0,i.useState)(),m=(0,t.useRouter)();(0,i.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);b(e)}}},[m]);let d=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:[o&&(0,n.jsx)("div",{children:(0,n.jsx)(p,{...o})}),!o&&(0,n.jsx)(r.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:d(e),children:e.name})}),(0,n.jsx)(p,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},14704:function(e,a,l){"use strict";l.r(a);var n=l(52322),t=l(80095),i=l(46132),r=l(61914),s=l(22235),p=l(82492),o=l(41693),b=l(24134),m=l(81984),d=l(84401),u=l(6946),c=l(2784),L=l(37426),f=l(1227),v=l(71952),x=l(29712);let g=e=>{let{label:a,variant:l,value:t,type:i,minLength:r,required:s,disabled:p,iconAfter:o,icon:b,children:m,message:d,labelVariant:u,readOnly:f,invalid:v}=e,[x,g]=(0,c.useState)(t);return(0,n.jsx)(L.aq,{label:a,message:d,placeholder:m,labelVariant:u,variant:l,value:x,type:i,minLength:r,required:s,disabled:p,readOnly:f,iconAfter:o,invalid:v,icon:b,onChange:e=>{g(e.target.value)}})};a.default=()=>(0,n.jsx)(f.Z,{title:"DBInput",variants:(0,x.P)(v,g,[(0,n.jsx)(t.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(p.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(b.default,{}),(0,n.jsx)(m.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(u.default,{})])})},71952:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,6946,84401,22235,24134,41693,82492,81984,80095,46132,61914,49774,92888,40179],function(){return e(e.s=33137)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js
new file mode 100644
index 00000000000..5d6dec9c453
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52139],{7125:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Content",function(){return u(24134)}])}},function(n){n.O(0,[64996,24134,49774,92888,40179],function(){return n(n.s=7125)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js
new file mode 100644
index 00000000000..772c0bbc2fa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27308],{6673:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/ExampleTypes",function(){return u(84401)}])}},function(n){n.O(0,[64996,84401,49774,92888,40179],function(){return n(n.s=6673)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js
new file mode 100644
index 00000000000..d007e97258d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69391],{45792:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/ExampleTypesFloatingLabel",function(){return e(6946)}])}},function(n){n.O(0,[64996,6946,49774,92888,40179],function(){return n(n.s=45792)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js
new file mode 100644
index 00000000000..fecb7385cbc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35181],{44564:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Requirement",function(){return _(81984)}])}},function(n){n.O(0,[64996,81984,49774,92888,40179],function(){return n(n.s=44564)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js
new file mode 100644
index 00000000000..abacf8b8abb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59053],{74997:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Semantic",function(){return u(22235)}])}},function(n){n.O(0,[64996,22235,49774,92888,40179],function(){return n(n.s=74997)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js
new file mode 100644
index 00000000000..9a866c3e0a5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27950],{26288:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/StatesFloatingLabel",function(){return t(41693)}])}},function(n){n.O(0,[64996,41693,49774,92888,40179],function(){return n(n.s=26288)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js
new file mode 100644
index 00000000000..b0e2136d7be
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18747],{7701:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/StatesLabelAbove",function(){return e(82492)}])}},function(n){n.O(0,[64996,82492,49774,92888,40179],function(){return n(n.s=7701)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js
new file mode 100644
index 00000000000..5d551a00813
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33431],{11167:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Tonality",function(){return u(80095)}])}},function(n){n.O(0,[64996,80095,49774,92888,40179],function(){return n(n.s=11167)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js
new file mode 100644
index 00000000000..b597c79164b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54644],{25781:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/VariantHelperMessage",function(){return _(61914)}])}},function(n){n.O(0,[64996,61914,49774,92888,40179],function(){return n(n.s=25781)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js b/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js
new file mode 100644
index 00000000000..a629e6feb13
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5526],{83771:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/VariantLabel",function(){return u(46132)}])}},function(n){n.O(0,[64996,46132,49774,92888,40179],function(){return n(n.s=83771)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js
new file mode 100644
index 00000000000..434a1182f3a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31531],{57079:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Angular",function(){return _(10996)}])}},function(n){n.O(0,[64996,10996,49774,92888,40179],function(){return n(n.s=57079)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js
new file mode 100644
index 00000000000..da09bd75d6b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24461],{34537:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/HTML",function(){return e(7663)}])},7663:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return p}});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={h2:"h2",p:"p",...(0,r.a)(),...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.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:"@forward ",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:";",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 p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=34537)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js
new file mode 100644
index 00000000000..3c5539e185e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71285],{75337:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/React",function(){return u(46838)}])}},function(n){n.O(0,[64996,46838,49774,92888,40179],function(){return n(n.s=75337)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js
new file mode 100644
index 00000000000..1ee0fbe4ccc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43247],{83697:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Vue",function(){return _(66784)}])}},function(n){n.O(0,[64996,66784,49774,92888,40179],function(){return n(n.s=83697)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/examples-715d51031db41e32.js b/version/v0.0.61/_next/static/chunks/pages/components/input/examples-715d51031db41e32.js
new file mode 100644
index 00000000000..7a14e1343f3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/examples-715d51031db41e32.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99331],{64524:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/examples",function(){return a(1962)}])},1962:function(e,n,a){"use strict";a.r(n);var c=a(52322),o=a(66503),l=a(57862);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:"blur, change, dataList, dataListId, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),dataList:[{key:"test1",value:"Test1"},{key:"test2",value:"Test2"}],dataListId:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, dataListId, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),dataListId:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, step, tabIndex, title, type, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, step, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, id, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, key, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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",value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, readOnly, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",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,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onBlur, onFocus, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onBlur, onFocus, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, focus, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onFocus, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, onFocus, placeholder, 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",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, placeholder, 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",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"form, icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, invalid, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, labelVariant, message, messageIcon, placeholder, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, labelVariant, message, messageIcon, placeholder, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",value:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, labelVariant, message, messageIcon, placeholder, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"iconAfter, labelVariant, message, messageIcon, placeholder, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{iconAfter:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"labelVariant, message, messageIcon, placeholder, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"labelVariant, message, messageIcon, placeholder:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"message, messageIcon, placeholder:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{message:"account",messageIcon:"account",placeholder:"account",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:"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:"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:"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:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"labelVariant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{labelVariant:"floating",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:"message:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{message:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=64524)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js b/version/v0.0.61/_next/static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js
new file mode 100644
index 00000000000..4bd5679e8e6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27667],{59116:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/how-to-use",function(){return e(5732)}])},7663:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={h2:"h2",p:"p",...(0,r.a)(),...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.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:"@forward ",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:";",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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},5732:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var n=e(52322),r=e(45392),c=e(66503),s=e(7663),l=e(10996),d=e(46838),i=e(66784);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function u(o){let t={h1:"h1",...(0,r.a)(),...o.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBInput"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(u,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,10996,66784,46838,49774,92888,40179],function(){return o(o.s=59116)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/migration-168167a05f5c7c79.js b/version/v0.0.61/_next/static/chunks/pages/components/input/migration-168167a05f5c7c79.js
new file mode 100644
index 00000000000..8543b87bd63
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/migration-168167a05f5c7c79.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63904],{99341:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/migration",function(){return e(66219)}])},66219:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var u=e(52322),i=e(45392),r=e(66503);let o=n=>{let{children:t}=n;return(0,u.jsx)(r.Z,{children:t})};function c(n){let t={h1:"h1",...(0,i.a)(),...n.components};return(0,u.jsx)(t.h1,{children:"DBInput Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(o,{...n,children:(0,u.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=99341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/overview-1e7325f539f2f666.js b/version/v0.0.61/_next/static/chunks/pages/components/input/overview-1e7325f539f2f666.js
new file mode 100644
index 00000000000..cba2597fc70
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/overview-1e7325f539f2f666.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84325],{46286:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/overview",function(){return l(42711)}])},29712:function(e,a,l){"use strict";l.d(a,{P:function(){return n}});let n=(e,a,l)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==l?void 0:l.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var l,n;return{...e,example:a({...e.props,id:null!==(l=e.props.id)&&void 0!==l?l:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,a,l){"use strict";var n=l(52322),t=l(5632),i=l(2784),r=l(66503),s=l(37426);let p=e=>{let{examples:a,slotCode:l}=e;return(0,n.jsx)(s.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,[o,b]=(0,i.useState)(),m=(0,t.useRouter)();(0,i.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);b(e)}}},[m]);let d=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:[o&&(0,n.jsx)("div",{children:(0,n.jsx)(p,{...o})}),!o&&(0,n.jsx)(r.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:d(e),children:e.name})}),(0,n.jsx)(p,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},42711:function(e,a,l){"use strict";l.r(a);var n=l(52322),t=l(80095),i=l(46132),r=l(61914),s=l(22235),p=l(82492),o=l(41693),b=l(24134),m=l(81984),d=l(84401),u=l(6946),c=l(2784),L=l(37426),f=l(1227),v=l(71952),x=l(29712);let g=e=>{let{label:a,variant:l,value:t,type:i,minLength:r,required:s,disabled:p,iconAfter:o,icon:b,children:m,message:d,labelVariant:u,readOnly:f,invalid:v}=e,[x,g]=(0,c.useState)(t);return(0,n.jsx)(L.aq,{label:a,message:d,placeholder:m,labelVariant:u,variant:l,value:x,type:i,minLength:r,required:s,disabled:p,readOnly:f,iconAfter:o,invalid:v,icon:b,onChange:e=>{g(e.target.value)}})};a.default=()=>(0,n.jsx)(f.Z,{title:"DBInput",variants:(0,x.P)(v,g,[(0,n.jsx)(t.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(p.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(b.default,{}),(0,n.jsx)(m.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(u.default,{})])})},71952:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,6946,84401,22235,24134,41693,82492,81984,80095,46132,61914,49774,92888,40179],function(){return e(e.s=46286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/input/properties-d46547d490e4a24a.js b/version/v0.0.61/_next/static/chunks/pages/components/input/properties-d46547d490e4a24a.js
new file mode 100644
index 00000000000..95902f9d74a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/input/properties-d46547d490e4a24a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95303],{87551:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return r(28505)}])},28505:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var i=r(52322),n=r(45392),a=r(66503);let c=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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:"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:"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: ChangeEvent) => 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: ChangeEvent) => 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: InteractionEvent) => 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: InteractionEvent) => 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: InteractionEvent) => 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: InteractionEvent) => void"})})})]}),(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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"labelVariant"}),(0,i.jsx)(t.td,{children:"Change the variant of the label to float"}),(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:"'above' | 'floating' | 'hidden'"})})})]}),(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:"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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,{...e,children:(0,i.jsx)(d,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=87551)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link-82e20c10f1f0cc7d.js b/version/v0.0.61/_next/static/chunks/pages/components/link-82e20c10f1f0cc7d.js
new file mode 100644
index 00000000000..e07841d40a6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link-82e20c10f1f0cc7d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66572],{23745:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link",function(){return n(85563)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return r}});let r=(e,a,n)=>e.map((e,r)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,r;return{...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})}})}})},1227:function(e,a,n){"use strict";var r=n(52322),s=n(5632),t=n(2784),l=n(66503),i=n(37426);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,[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,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...c})}),!c&&(0,r.jsx)(l.Z,{children:(0,r.jsxs)("div",{className:"default-container",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)))]})})]})}},85563:function(e,a,n){"use strict";n.r(a);var r=n(52322),s=n(90976),t=n(23756),l=n(57277),i=n(58629),o=n(84271),c=n(37426),d=n(1227),u=n(18965),p=n(29712);let m=e=>{let{href:a,variant:n,disabled:s,size:t,content:l,children:i}=e;return(0,r.jsx)(c.vB,{href:a,variant:n,disabled:s,size:t,content:l,children:i})};a.default=()=>(0,r.jsx)(d.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,[64996,23019,37426,66503,90976,23756,58629,84271,57277,49774,92888,40179],function(){return e(e.s=23745)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js
new file mode 100644
index 00000000000..8d2b9f51356
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35335],{97250:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Content",function(){return o(84271)}])}},function(n){n.O(0,[64996,84271,49774,92888,40179],function(){return n(n.s=97250)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/code/Size-0e734a706f412b98.js b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Size-0e734a706f412b98.js
new file mode 100644
index 00000000000..c5817c2123b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Size-0e734a706f412b98.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54354],{123:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Size",function(){return u(58629)}])}},function(n){n.O(0,[64996,58629,49774,92888,40179],function(){return n(n.s=123)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js b/version/v0.0.61/_next/static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js
new file mode 100644
index 00000000000..cb4d5e1945f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28106],{94018:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/State",function(){return u(57277)}])}},function(n){n.O(0,[64996,57277,49774,92888,40179],function(){return n(n.s=94018)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js
new file mode 100644
index 00000000000..3df804f02ac
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94523],{24449:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Tonality",function(){return o(90976)}])}},function(n){n.O(0,[64996,90976,49774,92888,40179],function(){return n(n.s=24449)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js
new file mode 100644
index 00000000000..4d6b4e495dd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19770],{20564:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Variant",function(){return u(23756)}])}},function(n){n.O(0,[64996,23756,49774,92888,40179],function(){return n(n.s=20564)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js
new file mode 100644
index 00000000000..0ffb9cbb670
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js
@@ -0,0 +1 @@
+(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(41328)}])}},function(n){n.O(0,[64996,41328,49774,92888,40179],function(){return n(n.s=59346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js
new file mode 100644
index 00000000000..b5793d7f7fb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92551],{15737:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/HTML",function(){return t(37576)}])},37576:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i},default:function(){return l}});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(o){let e={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...o.components};return e?(0,n.jsx)(e,{...o,children:(0,n.jsx)(s,{...o})}):s(o)}function a(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=15737)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/docs/React-82ba2981824fd205.js b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/React-82ba2981824fd205.js
new file mode 100644
index 00000000000..1abfd61d3db
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/React-82ba2981824fd205.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98666],{71093:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/React",function(){return u(9212)}])}},function(n){n.O(0,[64996,9212,49774,92888,40179],function(){return n(n.s=71093)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js
new file mode 100644
index 00000000000..c20886629e6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44209],{39671:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Vue",function(){return e(32525)}])},32525:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=39671)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/examples-3d2f4942af7c5134.js b/version/v0.0.61/_next/static/chunks/pages/components/link/examples-3d2f4942af7c5134.js
new file mode 100644
index 00000000000..f10b7e4273e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/examples-3d2f4942af7c5134.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21302],{23438:function(e,r,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/examples",function(){return c(67089)}])},67089:function(e,r,c){"use strict";c.r(r);var t=c(52322),l=c(66503),n=c(60749);r.default=()=>(0,t.jsxs)(l.Z,{children:[(0,t.jsx)("h1",{children:" DBLink Examples "}),(0,t.jsxs)("dl",{className:"example-list",children:[(0,t.jsx)("dt",{children:"content:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{content:"internal",children:"Test"})]}),(0,t.jsx)("dt",{children:"content, current, describedbyid, disabled, href, hreflang, id, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, id, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title, variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, target, text, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"current, disabled, href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"disabled, href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.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,t.jsx)("dt",{children:"label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"referrerpolicy, rel, role, selected, target, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"referrerpolicy, rel, role, selected, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"referrerpolicy, role, selected, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",role:"account",selected:!0,text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"referrerpolicy, selected, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"selected, text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{selected:!0,text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"text:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{text:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"id:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"size:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{size:"small",children:"Test"})]}),(0,t.jsx)("dt",{children:"variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{variant:"primary",children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"key:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,t.jsx)("dt",{children:"title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"onClick:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{onClick:e=>console.log(e),children:"Test"})]}),(0,t.jsx)("dt",{children:"current:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{current:"time",children:"Test"})]}),(0,t.jsx)("dt",{children:"disabled:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{disabled:!0,children:"Test"})]}),(0,t.jsx)("dt",{children:"href:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{href:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"hreflang:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{hreflang:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"label:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{label:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"target:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{target:"_blank",children:"Test"})]}),(0,t.jsx)("dt",{children:"rel:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{rel:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"role:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{role:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"referrerpolicy:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",children:"Test"})]}),(0,t.jsx)("dt",{children:"selected:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{selected:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=23438)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js b/version/v0.0.61/_next/static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js
new file mode 100644
index 00000000000..46882a2e6d3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86863],{76331:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/how-to-use",function(){return e(42419)}])},37576:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},32525:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},42419:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(37576),d=e(41328),i=e(9212),l=e(32525);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,41328,9212,49774,92888,40179],function(){return o(o.s=76331)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/migration-16e7aaac14f10f57.js b/version/v0.0.61/_next/static/chunks/pages/components/link/migration-16e7aaac14f10f57.js
new file mode 100644
index 00000000000..c688d61f648
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/migration-16e7aaac14f10f57.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93134],{13206:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/migration",function(){return e(10106)}])},10106:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var i=e(52322),r=e(45392),u=e(66503);let o=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function c(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,i.jsx)(t.h1,{children:"DBLink Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(o,{...n,children:(0,i.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=13206)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/overview-66962d44ceaefe81.js b/version/v0.0.61/_next/static/chunks/pages/components/link/overview-66962d44ceaefe81.js
new file mode 100644
index 00000000000..26cd0ecf777
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/overview-66962d44ceaefe81.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45750],{90689:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/overview",function(){return n(55560)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return r}});let r=(e,a,n)=>e.map((e,r)=>{var s;return{...e,slotCode:null!==(s=null==n?void 0:n.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var n,r;return{...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})}})}})},1227:function(e,a,n){"use strict";var r=n(52322),s=n(5632),t=n(2784),l=n(66503),i=n(37426);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,[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,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...c})}),!c&&(0,r.jsx)(l.Z,{children:(0,r.jsxs)("div",{className:"default-container",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)))]})})]})}},55560:function(e,a,n){"use strict";n.r(a);var r=n(52322),s=n(90976),t=n(23756),l=n(57277),i=n(58629),o=n(84271),c=n(37426),d=n(1227),u=n(18965),p=n(29712);let m=e=>{let{href:a,variant:n,disabled:s,size:t,content:l,children:i}=e;return(0,r.jsx)(c.vB,{href:a,variant:n,disabled:s,size:t,content:l,children:i})};a.default=()=>(0,r.jsx)(d.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,[64996,23019,37426,66503,90976,23756,58629,84271,57277,49774,92888,40179],function(){return e(e.s=90689)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/link/properties-09be1f760df1e498.js b/version/v0.0.61/_next/static/chunks/pages/components/link/properties-09be1f760df1e498.js
new file mode 100644
index 00000000000..f098fc14964
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/link/properties-09be1f760df1e498.js
@@ -0,0 +1 @@
+(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(66980)}])},66980:function(e,d,r){"use strict";r.r(d),r.d(d,{default:function(){return l}});var t=r(52322),s=r(45392),i=r(66503);let n=e=>{let{children:d}=e;return(0,t.jsx)(i.Z,{children:d})};function c(e){let d={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.h1,{children:"DBLink"}),"\n",(0,t.jsx)(d.h2,{children:"Properties"}),"\n",(0,t.jsxs)(d.table,{children:[(0,t.jsx)(d.thead,{children:(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.th,{children:"Name"}),(0,t.jsx)(d.th,{children:"Description"}),(0,t.jsx)(d.th,{children:"Type"}),(0,t.jsx)(d.th,{children:"Options"})]})}),(0,t.jsxs)(d.tbody,{children:[(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"content"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"id"}),(0,t.jsxs)(d.td,{children:[(0,t.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,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"size"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"variant"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"children"}),(0,t.jsx)(d.td,{children:"default slot"}),(0,t.jsx)(d.td,{children:"any"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"className"}),(0,t.jsx)(d.td,{children:"React specific for adding className to the component."}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"describedbyid"}),(0,t.jsxs)(d.td,{children:[(0,t.jsx)(d.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,t.jsx)(d.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"key"}),(0,t.jsx)(d.td,{children:"React specific for render process."}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"stylePath"}),(0,t.jsx)(d.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"tabIndex"}),(0,t.jsxs)(d.td,{children:["The default tabindex (",(0,t.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,t.jsx)(d.td,{children:"number"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"title"}),(0,t.jsxs)(d.td,{children:["The ",(0,t.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,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"onClick"}),(0,t.jsx)(d.td,{children:"React specific onClick to pass to forward ref."}),(0,t.jsx)(d.td,{children:"function"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"current"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:" | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | "})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"disabled"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"boolean"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"href"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"hreflang"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"label"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"target"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"rel"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"role"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"referrerpolicy"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"union"}),(0,t.jsx)(d.td,{children:(0,t.jsx)("pre",{children:(0,t.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,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"selected"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"boolean"}),(0,t.jsx)(d.td,{})]}),(0,t.jsxs)(d.tr,{children:[(0,t.jsx)(d.td,{children:"text"}),(0,t.jsx)(d.td,{children:"No description"}),(0,t.jsx)(d.td,{children:"string"}),(0,t.jsx)(d.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=47918)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation-f9ed4af994690811.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation-f9ed4af994690811.js
new file mode 100644
index 00000000000..bca0acf583a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation-f9ed4af994690811.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25862],{30061:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation",function(){return a(62377)}])},29712:function(e,n,a){"use strict";a.d(n,{P:function(){return i}});let i=(e,n,a)=>e.map((e,i)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(i))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,i;return{...e,example:n({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}})}})},1227:function(e,n,a){"use strict";var i=a(52322),s=a(5632),r=a(2784),t=a(66503),l=a(37426);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,r.useState)(),u=(0,s.useRouter)();(0,r.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)(t.Z,{children:(0,i.jsxs)("div",{className:"default-container",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:h(e),children:e.name})}),(0,i.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},62377:function(e,n,a){"use strict";a.r(n);var i=a(52322),s=a(9597),r=a(37426),t=a(1227),l=a(62698),c=a(29712);let o=e=>{let{children:n}=e;return(0,i.jsxs)("div",{children:[(0,i.jsxs)("h6",{children:[n,":"]}),(0,i.jsxs)(r.Cc,{children:[(0,i.jsx)(r.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.pK,{active:!0,children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,i.jsx)(r.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,i.jsx)(r.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,i.jsx)(r.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,i.jsx)(r.pK,{disabled:!0,children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};n.default=()=>(0,i.jsx)(t.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,[64996,23019,37426,66503,9597,49774,92888,40179],function(){return e(e.s=30061)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js
new file mode 100644
index 00000000000..ad69c05e93d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51014],{94400:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/code/Tonality",function(){return o(9597)}])}},function(n){n.O(0,[64996,9597,49774,92888,40179],function(){return n(n.s=94400)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js
new file mode 100644
index 00000000000..0d764778a2d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79306],{68494:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/Angular",function(){return u(11665)}])}},function(n){n.O(0,[64996,11665,49774,92888,40179],function(){return n(n.s=68494)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js
new file mode 100644
index 00000000000..9c384680b8b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82662],{93419:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/HTML",function(){return o(43609)}])}},function(n){n.O(0,[64996,43609,49774,92888,40179],function(){return n(n.s=93419)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js
new file mode 100644
index 00000000000..403a9cd8689
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63622],{53634:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/React",function(){return o(85933)}])}},function(n){n.O(0,[64996,85933,49774,92888,40179],function(){return n(n.s=53634)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js
new file mode 100644
index 00000000000..41907d013cb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94379],{22923:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/Vue",function(){return u(22686)}])}},function(n){n.O(0,[64996,22686,49774,92888,40179],function(){return n(n.s=22923)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js
new file mode 100644
index 00000000000..e2056f6079a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96772],{88124:function(d,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/examples",function(){return n(37850)}])},37850:function(d,e,n){"use strict";n.r(e);var t=n(52322),c=n(66503),i=n(91375);e.default=()=>(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("h1",{children:" DBMainNavigation Examples "}),(0,t.jsxs)("dl",{className:"example-list",children:[(0,t.jsx)("dt",{children:"describedbyid:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"id:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"key:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=88124)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js
new file mode 100644
index 00000000000..6edc4e6f0fb
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94696],{34202:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/how-to-use",function(){return e(684)}])},684:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return d}});var u=e(52322),i=e(45392),o=e(66503),s=e(43609),r=e(11665),c=e(85933),a=e(22686);let l=n=>{let{children:t}=n;return(0,u.jsx)(o.Z,{children:t})};function f(n){let t={h1:"h1",...(0,i.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.h1,{children:"How to use DBMainNavigation"}),"\n",(0,u.jsx)(s.default,{}),"\n",(0,u.jsx)(r.default,{}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(a.default,{})]})}function d(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(l,{...n,children:(0,u.jsx)(f,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,43609,11665,22686,85933,49774,92888,40179],function(){return n(n.s=34202)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js
new file mode 100644
index 00000000000..e8c2de29ced
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js
@@ -0,0 +1 @@
+(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(63975)}])},63975:function(n,t,i){"use strict";i.r(t),i.d(t,{default:function(){return a}});var e=i(52322),r=i(45392),u=i(66503);let o=n=>{let{children:t}=n;return(0,e.jsx)(u.Z,{children:t})};function c(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsx)(t.h1,{children:"DBMainNavigation Migration"})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(o,{...n,children:(0,e.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=68588)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js
new file mode 100644
index 00000000000..878cf865f5d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68445],{12679:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/overview",function(){return a(53300)}])},29712:function(e,n,a){"use strict";a.d(n,{P:function(){return i}});let i=(e,n,a)=>e.map((e,i)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(i))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,i;return{...e,example:n({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}})}})},1227:function(e,n,a){"use strict";var i=a(52322),s=a(5632),r=a(2784),t=a(66503),l=a(37426);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,r.useState)(),u=(0,s.useRouter)();(0,r.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)(t.Z,{children:(0,i.jsxs)("div",{className:"default-container",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)))]})})]})}},53300:function(e,n,a){"use strict";a.r(n);var i=a(52322),s=a(9597),r=a(37426),t=a(1227),l=a(62698),c=a(29712);let o=e=>{let{children:n}=e;return(0,i.jsxs)("div",{children:[(0,i.jsxs)("h6",{children:[n,":"]}),(0,i.jsxs)(r.Cc,{children:[(0,i.jsx)(r.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.pK,{active:!0,children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,i.jsx)(r.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,i.jsx)(r.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,i.jsx)(r.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,i.jsx)(r.pK,{disabled:!0,children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};n.default=()=>(0,i.jsx)(t.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,[64996,23019,37426,66503,9597,49774,92888,40179],function(){return e(e.s=12679)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js
new file mode 100644
index 00000000000..4884c128e18
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21264],{62827:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/properties",function(){return s(82289)}])},82289:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return c}});var d=s(52322),i=s(45392),n=s(66503);let r=e=>{let{children:t}=e;return(0,d.jsx)(n.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(r,{...e,children:(0,d.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=62827)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item-71b30a9363295b1e.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item-71b30a9363295b1e.js
new file mode 100644
index 00000000000..42c3f74ca65
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item-71b30a9363295b1e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47619],{29509:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item",function(){return n(43542)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(t))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),r=n(5632),s=n(2784),i=n(66503),l=n(37426);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",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)))]})})]})}},43542:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(9803),s=n(2189),i=n(24882),l=n(16592),o=n(37426),u=n(1227),p=n(89267),c=n(29712);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,[64996,23019,37426,66503,24882,2189,9803,16592,49774,92888,40179],function(){return e(e.s=29509)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js
new file mode 100644
index 00000000000..be8746d7af5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17346],{30545:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Content",function(){return o(24882)}])}},function(n){n.O(0,[64996,24882,49774,92888,40179],function(){return n(n.s=30545)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js
new file mode 100644
index 00000000000..cad7e4ccced
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43777],{67386:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/States",function(){return t(2189)}])}},function(n){n.O(0,[64996,2189,49774,92888,40179],function(){return n(n.s=67386)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js
new file mode 100644
index 00000000000..4a43ab9e994
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61367],{28023:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return o(9803)}])}},function(n){n.O(0,[64996,9803,49774,92888,40179],function(){return n(n.s=28023)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js
new file mode 100644
index 00000000000..625aa8d03b2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{47733:function(n,_,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(16592)}])}},function(n){n.O(0,[64996,16592,49774,92888,40179],function(){return n(n.s=47733)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js
new file mode 100644
index 00000000000..8d619fa818d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22517],{5542:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Angular",function(){return u(64737)}])}},function(n){n.O(0,[64996,64737,49774,92888,40179],function(){return n(n.s=5542)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js
new file mode 100644
index 00000000000..de93c353562
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20453],{63357:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/HTML",function(){return o(43080)}])}},function(n){n.O(0,[64996,43080,49774,92888,40179],function(){return n(n.s=63357)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js
new file mode 100644
index 00000000000..092efd884e8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51861],{6488:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Migration",function(){return o(16847)}])},16847:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=6488)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js
new file mode 100644
index 00000000000..bef46386360
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85579],{36027:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/React",function(){return o(5628)}])}},function(n){n.O(0,[64996,5628,49774,92888,40179],function(){return n(n.s=36027)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js
new file mode 100644
index 00000000000..e52e2f0c63d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27932],{89995:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Vue",function(){return u(50551)}])}},function(n){n.O(0,[64996,50551,49774,92888,40179],function(){return n(n.s=89995)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js
new file mode 100644
index 00000000000..629a5dc5292
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58186],{94328:function(t,c,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/examples",function(){return n(43830)}])},43830:function(t,c,n){"use strict";n.r(c);var d=n(52322),i=n(66503),o=n(39570);c.default=()=>(0,d.jsxs)(i.Z,{children:[(0,d.jsx)("h1",{children:" DBNavigationItem Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"active:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{active:!0,children:"Test"})]}),(0,d.jsx)("dt",{children:"active, areaPopup, backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{active:!0,areaPopup:!0,backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,d.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"areaPopup, backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{areaPopup:!0,backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,d.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,d.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,d.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, subNavigationExpanded, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.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,d.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.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,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",id:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, key, onClick, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, tabIndex, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, title, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),title:"account",width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, icon, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",icon:"account",width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText, width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId, backButtonText:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",backButtonText:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonText:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonText:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"areaPopup:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{areaPopup:!0,children:"Test"})]}),(0,d.jsx)("dt",{children:"disabled:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{disabled:!0,children:"Test"})]}),(0,d.jsx)("dt",{children:"slotSubNavigation:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{slotSubNavigation:(0,d.jsx)("div",{children:"slotSubNavigation"}),children:"Test"})]}),(0,d.jsx)("dt",{children:"subNavigationExpanded:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{subNavigationExpanded:!0,children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{tabIndex:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"onClick:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{onClick:t=>console.log(t),children:"Test"})]}),(0,d.jsx)("dt",{children:"icon:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{icon:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"width:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{width:"auto",children:"Test"})]}),(0,d.jsx)("dt",{children:"backButtonId:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(o.Z,{backButtonId:"account",children:"Test"})]})]})]})}},function(t){t.O(0,[23019,37426,66503,49774,92888,40179],function(){return t(t.s=94328)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js
new file mode 100644
index 00000000000..61e42a701d7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79521],{28808:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/how-to-use",function(){return e(36498)}])},36498:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return d}});var u=e(52322),i=e(45392),o=e(66503),s=e(43080),r=e(64737),c=e(5628),l=e(50551);let f=n=>{let{children:t}=n;return(0,u.jsx)(o.Z,{children:t})};function a(n){let t={h1:"h1",...(0,i.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.h1,{children:"How to use DBNavigationItem"}),"\n",(0,u.jsx)(s.default,{}),"\n",(0,u.jsx)(r.default,{}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(l.default,{})]})}function d(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(f,{...n,children:(0,u.jsx)(a,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,64737,5628,50551,43080,49774,92888,40179],function(){return n(n.s=28808)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js
new file mode 100644
index 00000000000..5cf2ca39b0f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48596],{39683:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/migration",function(){return e(20985)}])},16847:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var o=e(52322),r=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{children:"General"}),"\n",(0,o.jsxs)(t.blockquote,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(i,{...n})}):i(n)}},20985:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var o=e(52322),r=e(45392),i=e(66503),s=e(16847);let c=n=>{let{children:t}=n;return(0,o.jsx)(i.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:"DBNavigationItem Migration"}),"\n",(0,o.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(c,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=39683)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js
new file mode 100644
index 00000000000..9122f3ab6e0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32347],{99012:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/overview",function(){return n(14093)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(t))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),r=n(5632),s=n(2784),i=n(66503),l=n(37426);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",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)))]})})]})}},14093:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(9803),s=n(2189),i=n(24882),l=n(16592),o=n(37426),u=n(1227),p=n(89267),c=n(29712);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,[64996,23019,37426,66503,24882,2189,9803,16592,49774,92888,40179],function(){return e(e.s=99012)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js
new file mode 100644
index 00000000000..6f8f56f20ca
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38491],{56905:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return i(40768)}])},40768:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return c}});var r=i(52322),n=i(45392),a=i(66503);let d=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function s(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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: ClickEvent) => 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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | '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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(s,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=56905)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js
new file mode 100644
index 00000000000..6b5e6204d83
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16904],{75890:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/Angular",function(){return u(17966)}])}},function(n){n.O(0,[64996,17966,49774,92888,40179],function(){return n(n.s=75890)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js
new file mode 100644
index 00000000000..e8094761277
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20909],{73561:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/HTML",function(){return e(86864)}])},86864:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=73561)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/docs/React-de44a571a3999621.js b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/React-de44a571a3999621.js
new file mode 100644
index 00000000000..6af6422e40b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/React-de44a571a3999621.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62494],{92070:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/React",function(){return u(60973)}])}},function(n){n.O(0,[64996,60973,49774,92888,40179],function(){return n(n.s=92070)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js
new file mode 100644
index 00000000000..2c070133f83
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13485],{36924:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/Vue",function(){return u(87523)}])}},function(n){n.O(0,[64996,87523,49774,92888,40179],function(){return n(n.s=36924)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/examples-ba69690cfb016c56.js b/version/v0.0.61/_next/static/chunks/pages/components/page/examples-ba69690cfb016c56.js
new file mode 100644
index 00000000000..b63d6634b0b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/examples-ba69690cfb016c56.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67062],{76536:function(e,d,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/examples",function(){return t(36116)}])},36116:function(e,d,t){"use strict";t.r(d);var c=t(52322),s=t(66503),n=t(4700);d.default=()=>(0,c.jsxs)(s.Z,{children:[(0,c.jsx)("h1",{children:" DBPage Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"type:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{type:"fixedHeaderFooter",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, slotHeader, tabIndex, title, type:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,c.jsx)("div",{children:"slotFooter"}),slotHeader:(0,c.jsx)("div",{children:"slotHeader"}),tabIndex:100,title:"account",type:"fixedHeaderFooter",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, slotHeader, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,c.jsx)("div",{children:"slotFooter"}),slotHeader:(0,c.jsx)("div",{children:"slotHeader"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,c.jsx)("div",{children:"slotFooter"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, fadeIn, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",fadeIn:!0,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)(n.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)(n.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)(n.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{tabIndex:100,title:"account",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:"slotHeader:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{slotHeader:(0,c.jsx)("div",{children:"slotHeader"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"slotFooter:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{slotFooter:(0,c.jsx)("div",{children:"slotFooter"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"fadeIn:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{fadeIn:!0,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:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{id:"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"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=76536)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js b/version/v0.0.61/_next/static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js
new file mode 100644
index 00000000000..ceb094d3091
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99509],{23420:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/how-to-use",function(){return e(42514)}])},86864:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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:"...",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},42514:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(86864),l=e(17966),d=e(60973),i=e(87523);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t={h1:"h1",...(0,r.a)(),...o.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.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,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...o,children:(0,n.jsx)(p,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,17966,60973,87523,49774,92888,40179],function(){return o(o.s=23420)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js b/version/v0.0.61/_next/static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js
new file mode 100644
index 00000000000..ade2ea4fd40
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52733],{13916:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/migration",function(){return e(6910)}])},6910:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392),i=e(66503);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(t.h1,{children:"DBPage Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=13916)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/page/properties-af2c4a41836ef13b.js b/version/v0.0.61/_next/static/chunks/pages/components/page/properties-af2c4a41836ef13b.js
new file mode 100644
index 00000000000..7e98d846fb6
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/page/properties-af2c4a41836ef13b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67944],{41383:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/properties",function(){return s(38580)}])},38580:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return c}});var d=s(52322),r=s(45392),i=s(66503);let n=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,{...e,children:(0,d.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=41383)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover-04036520c9a0da91.js b/version/v0.0.61/_next/static/chunks/pages/components/popover-04036520c9a0da91.js
new file mode 100644
index 00000000000..941b333906f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover-04036520c9a0da91.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77380],{91002:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover",function(){return t(47952)}])},29712:function(e,o,t){"use strict";t.d(o,{P:function(){return n}});let n=(e,o,t)=>e.map((e,n)=>{var p;return{...e,slotCode:null!==(p=null==t?void 0:t.at(n))&&void 0!==p?p:"No code available",examples:e.examples.map(e=>{var t,n;return{...e,example:o({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,o,t){"use strict";var n=t(52322),p=t(5632),a=t(2784),r=t(66503),s=t(37426);let i=e=>{let{examples:o,slotCode:t}=e;return(0,n.jsx)(s.wq,{className:"variants-card",slotCode:t,children:(0,n.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))})})};o.Z=e=>{let{title:o,variants:t}=e,[l,d]=(0,a.useState)(),c=(0,p.useRouter)();(0,a.useEffect)(()=>{if(c.query){var e;let o=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(o){let e=t.find(e=>e.name.toLowerCase()===o);d(e)}}},[c]);let m=e=>{var o,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(o=t.location)||void 0===o?void 0:o.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[l&&(0,n.jsx)("div",{children:(0,n.jsx)(i,{...l})}),!l&&(0,n.jsx)(r.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:o}),null==t?void 0:t.map((e,o)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,n.jsx)(i,{...e})]},"".concat(e.name,"-").concat(o)))]})})]})}},47952:function(e,o,t){"use strict";t.r(o);var n=t(52322),p=t(22440),a=t(24475),r=t(62275),s=t(69223),i=t(45712),l=t(44891),d=t(37426),c=t(1227),m=t(69780),v=t(29712);let u=e=>{let{id:o,children:t,width:p,gap:a,spacing:r,placement:s,delay:i,content:l,animation:c}=e;return(0,n.jsxs)(d.Y1,{describedbyid:o,children:[t,(0,n.jsx)(d.Ys,{width:p,gap:a,spacing:r,placement:s,animation:c,delay:i,id:o,children:l})]})};o.default=()=>(0,n.jsx)(c.Z,{title:"DBPopover",variants:(0,v.P)(m,u,[(0,n.jsx)(p.default,{}),(0,n.jsx)(a.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(l.default,{})])})},69780:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"content":"Popover","id":"popover-01"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"content":"Popover","id":"popover-02"}},{"name":"expressive","className":"db-ui-expressive","props":{"content":"Popover","id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"Small (Default)","props":{"content":"Popover","spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"content":"Popover","spacing":"medium","id":"popover-05"}},{"name":"None","props":{"content":"Popover","spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Popover","placement":"bottom-start","id":"popover-07-start"}},{"name":"bottom (Default)","props":{"content":"Popover","placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"content":"Popover","placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"content":"Popover","placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"content":"Popover","placement":"left","id":"popover-09"}},{"name":"left-end","props":{"content":"Popover","placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"content":"Popover","placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"content":"Popover","placement":"right","id":"popover-10"}},{"name":"right-end","props":{"content":"Popover","placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"content":"Popover","placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"content":"Popover","placement":"top","id":"popover-08"}},{"name":"top-end","props":{"content":"Popover","placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"No gap (Default)","props":{"content":"Popover","id":"popover-11"}},{"name":"With gap","props":{"content":"Popover","gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"Animation no delay (Default)","props":{"content":"Popover","id":"popover-13"}},{"name":"Delay slow","props":{"content":"Popover","delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"content":"Popover","delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"content":"Popover","animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"Auto (Default)","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,62275,45712,24475,22440,44891,69223,49774,92888,40179],function(){return e(e.s=91002)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js
new file mode 100644
index 00000000000..33390f12428
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12439],{28481:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Animations",function(){return _(45712)}])}},function(n){n.O(0,[64996,45712,49774,92888,40179],function(){return n(n.s=28481)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js
new file mode 100644
index 00000000000..be368722437
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98356],{41832:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Gap",function(){return o(69223)}])}},function(n){n.O(0,[64996,69223,49774,92888,40179],function(){return n(n.s=41832)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js
new file mode 100644
index 00000000000..d65458c48ed
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88358],{76533:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Placement",function(){return e(62275)}])}},function(n){n.O(0,[64996,62275,49774,92888,40179],function(){return n(n.s=76533)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js
new file mode 100644
index 00000000000..ca6db1ec095
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92910],{92214:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Spacing",function(){return o(24475)}])}},function(n){n.O(0,[64996,24475,49774,92888,40179],function(){return n(n.s=92214)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js
new file mode 100644
index 00000000000..2ad5c10d8d5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35068],{10298:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Tonality",function(){return _(22440)}])}},function(n){n.O(0,[64996,22440,49774,92888,40179],function(){return n(n.s=10298)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js
new file mode 100644
index 00000000000..a36989338d5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94105],{33977:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/code/Width",function(){return o(44891)}])}},function(n){n.O(0,[64996,44891,49774,92888,40179],function(){return n(n.s=33977)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js
new file mode 100644
index 00000000000..55b161f2c45
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6611],{8800:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Angular",function(){return o(52584)}])}},function(n){n.O(0,[64996,52584,49774,92888,40179],function(){return n(n.s=8800)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js
new file mode 100644
index 00000000000..a1b84bf591f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22195],{70682:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/HTML",function(){return e(20089)}])},20089:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return p}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Popover",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 p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=70682)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js
new file mode 100644
index 00000000000..2f96566bcb1
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79968],{70310:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Migration",function(){return o(73241)}])},73241:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=70310)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js
new file mode 100644
index 00000000000..c3fffdbb746
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52627],{30150:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/React",function(){return o(60380)}])}},function(n){n.O(0,[64996,60380,49774,92888,40179],function(){return n(n.s=30150)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js
new file mode 100644
index 00000000000..bdacccfad93
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65498],{73131:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Vue",function(){return o(90798)}])}},function(n){n.O(0,[64996,90798,49774,92888,40179],function(){return n(n.s=73131)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js
new file mode 100644
index 00000000000..b35dd80268c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80594],{8467:function(d,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/examples",function(){return i(70922)}])},70922:function(d,e,i){"use strict";i.r(e);var n=i(52322),t=i(66503),s=i(14918);e.default=()=>(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("h1",{children:" DBPopover Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"animation, delay, describedbyid, gap, id, key, placement, spacing, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",describedbyid:"account",gap:!0,id:"account",placement:"right",spacing:"medium",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"animation, delay, gap, id, key, placement, spacing, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,id:"account",placement:"right",spacing:"medium",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"animation, delay, gap, key, placement, spacing, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,placement:"right",spacing:"medium",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"animation, delay, gap, placement, spacing, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,placement:"right",spacing:"medium",tabIndex:100,title:"account",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, delay, gap, placement, spacing, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,placement:"right",spacing:"medium",title:"account",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, delay, gap, placement, spacing, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,placement:"right",spacing:"medium",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, delay, gap, placement, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,placement:"right",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, delay, gap, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",gap:!0,width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, delay, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",delay:"slow",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",width:"fixed",children:"Test"})]}),(0,n.jsx)("dt",{children:"width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{width:"fixed",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"})]}),(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:"spacing:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{spacing:"medium",children:"Test"})]}),(0,n.jsx)("dt",{children:"placement:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{placement:"right",children:"Test"})]}),(0,n.jsx)("dt",{children:"gap:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{gap:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"delay:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{delay:"slow",children:"Test"})]}),(0,n.jsx)("dt",{children:"animation:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{animation:"disabled",children:"Test"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=8467)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js
new file mode 100644
index 00000000000..6f3b9606d0a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21086],{467:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/how-to-use",function(){return e(80317)}])},20089:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{tokens:[{content:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Popover",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},80317:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(20089),l=e(52584),d=e(60380),i=e(90798);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...o.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBPopover"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,60380,52584,90798,49774,92888,40179],function(){return o(o.s=467)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js
new file mode 100644
index 00000000000..868195ea6d7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39286],{74160:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/migration",function(){return t(5897)}])},73241:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var o=t(52322),r=t(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(s,{...n})}):s(n)}},5897:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var o=t(52322),r=t(45392),s=t(66503),c=t(73241);let i=n=>{let{children:e}=n;return(0,o.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h1,{children:"DBPopover Migration"}),"\n",(0,o.jsx)(c.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(i,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=74160)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/overview-65e82a1bee670a37.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/overview-65e82a1bee670a37.js
new file mode 100644
index 00000000000..d40ae076b32
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/overview-65e82a1bee670a37.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27589],{64148:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/overview",function(){return t(86407)}])},29712:function(e,o,t){"use strict";t.d(o,{P:function(){return n}});let n=(e,o,t)=>e.map((e,n)=>{var p;return{...e,slotCode:null!==(p=null==t?void 0:t.at(n))&&void 0!==p?p:"No code available",examples:e.examples.map(e=>{var t,n;return{...e,example:o({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,o,t){"use strict";var n=t(52322),p=t(5632),a=t(2784),r=t(66503),s=t(37426);let i=e=>{let{examples:o,slotCode:t}=e;return(0,n.jsx)(s.wq,{className:"variants-card",slotCode:t,children:(0,n.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))})})};o.Z=e=>{let{title:o,variants:t}=e,[l,d]=(0,a.useState)(),c=(0,p.useRouter)();(0,a.useEffect)(()=>{if(c.query){var e;let o=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(o){let e=t.find(e=>e.name.toLowerCase()===o);d(e)}}},[c]);let m=e=>{var o,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(o=t.location)||void 0===o?void 0:o.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[l&&(0,n.jsx)("div",{children:(0,n.jsx)(i,{...l})}),!l&&(0,n.jsx)(r.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:o}),null==t?void 0:t.map((e,o)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,n.jsx)(i,{...e})]},"".concat(e.name,"-").concat(o)))]})})]})}},86407:function(e,o,t){"use strict";t.r(o);var n=t(52322),p=t(22440),a=t(24475),r=t(62275),s=t(69223),i=t(45712),l=t(44891),d=t(37426),c=t(1227),m=t(69780),v=t(29712);let u=e=>{let{id:o,children:t,width:p,gap:a,spacing:r,placement:s,delay:i,content:l,animation:c}=e;return(0,n.jsxs)(d.Y1,{describedbyid:o,children:[t,(0,n.jsx)(d.Ys,{width:p,gap:a,spacing:r,placement:s,animation:c,delay:i,id:o,children:l})]})};o.default=()=>(0,n.jsx)(c.Z,{title:"DBPopover",variants:(0,v.P)(m,u,[(0,n.jsx)(p.default,{}),(0,n.jsx)(a.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(l.default,{})])})},69780:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"content":"Popover","id":"popover-01"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"content":"Popover","id":"popover-02"}},{"name":"expressive","className":"db-ui-expressive","props":{"content":"Popover","id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"Small (Default)","props":{"content":"Popover","spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"content":"Popover","spacing":"medium","id":"popover-05"}},{"name":"None","props":{"content":"Popover","spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Popover","placement":"bottom-start","id":"popover-07-start"}},{"name":"bottom (Default)","props":{"content":"Popover","placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"content":"Popover","placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"content":"Popover","placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"content":"Popover","placement":"left","id":"popover-09"}},{"name":"left-end","props":{"content":"Popover","placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"content":"Popover","placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"content":"Popover","placement":"right","id":"popover-10"}},{"name":"right-end","props":{"content":"Popover","placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"content":"Popover","placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"content":"Popover","placement":"top","id":"popover-08"}},{"name":"top-end","props":{"content":"Popover","placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"No gap (Default)","props":{"content":"Popover","id":"popover-11"}},{"name":"With gap","props":{"content":"Popover","gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"Animation no delay (Default)","props":{"content":"Popover","id":"popover-13"}},{"name":"Delay slow","props":{"content":"Popover","delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"content":"Popover","delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"content":"Popover","animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"Auto (Default)","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,62275,45712,24475,22440,44891,69223,49774,92888,40179],function(){return e(e.s=64148)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js b/version/v0.0.61/_next/static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js
new file mode 100644
index 00000000000..162eb85ccda
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69026],{62025:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/properties",function(){return d(8344)}])},8344:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return c}});var s=d(52322),r=d(45392),n=d(66503);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBPopover"}),"\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:"open"}),(0,s.jsx)(t.td,{children:"Use open to disable the default hover/focus behaviour to use it on click or other trigger."}),(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:"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:"placement"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(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' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"gap"}),(0,s.jsx)(t.td,{children:"If the absolute element should have a gap between the parent 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:"delay"}),(0,s.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(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' | 'slow' | 'fast'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"animation"}),(0,s.jsx)(t.td,{children:"Disable animation"}),(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:"'enabled' | 'disabled'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"width"}),(0,s.jsx)(t.td,{children:"Use fixed with for default max-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:"'auto' | 'fixed'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,{...e,children:(0,s.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=62025)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio-55ad2ff08561f43c.js b/version/v0.0.61/_next/static/chunks/pages/components/radio-55ad2ff08561f43c.js
new file mode 100644
index 00000000000..ad54e603ee9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio-55ad2ff08561f43c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16565],{43754:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio",function(){return n(57891)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(t))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),l=n(5632),r=n(2784),s=n(66503),i=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(i.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,d]=(0,r.useState)(),m=(0,l.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=n.find(e=>e.name.toLowerCase()===a);d(e)}}},[m]);let c=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)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(i.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(i.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},57891:function(e,a,n){"use strict";n.r(a);var t=n(52322),l=n(11896),r=n(62126),s=n(1214),i=n(66931),o=n(55595),u=n(37426),d=n(1227),m=n(29712),c=n(81566);let p=e=>{let{label:a,size:n,name:l,checked:r,invalid:s,required:i,children:o,disabled:d,value:m,labelVariant:c}=e;return(0,t.jsx)(u.an,{label:a,size:n,name:l,defaultChecked:r,invalid:s,required:i,disabled:d,labelVariant:c,value:m,children:o})};a.default=()=>(0,t.jsx)(d.Z,{title:"DBRadio",variants:(0,m.P)(c,p,[(0,t.jsx)(l.default,{}),(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(o.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"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true,"invalid":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,11896,1214,62126,66931,55595,49774,92888,40179],function(){return e(e.s=43754)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js
new file mode 100644
index 00000000000..066a414dbe4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70404],{33671:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Requirement",function(){return e(1214)}])}},function(n){n.O(0,[64996,1214,49774,92888,40179],function(){return n(n.s=33671)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js
new file mode 100644
index 00000000000..6387fec8cac
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29743],{76107:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Size",function(){return o(66931)}])}},function(n){n.O(0,[64996,66931,49774,92888,40179],function(){return n(n.s=76107)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/code/States-72295a8361875397.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/States-72295a8361875397.js
new file mode 100644
index 00000000000..722c8024487
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/States-72295a8361875397.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62978],{87326:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/States",function(){return o(62126)}])}},function(n){n.O(0,[64996,62126,49774,92888,40179],function(){return n(n.s=87326)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js
new file mode 100644
index 00000000000..30802063222
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49379],{26641:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Tonality",function(){return o(11896)}])}},function(n){n.O(0,[64996,11896,49774,92888,40179],function(){return n(n.s=26641)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js
new file mode 100644
index 00000000000..8e2dc3112ec
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81676],{25847:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/VariantLabel",function(){return o(55595)}])}},function(n){n.O(0,[64996,55595,49774,92888,40179],function(){return n(n.s=25847)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js
new file mode 100644
index 00000000000..2c04ad20c10
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95440],{92346:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Angular",function(){return u(72111)}])}},function(n){n.O(0,[64996,72111,49774,92888,40179],function(){return n(n.s=92346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js
new file mode 100644
index 00000000000..0bafdc8120e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43508],{39685:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/HTML",function(){return o(3591)}])}},function(n){n.O(0,[64996,3591,49774,92888,40179],function(){return n(n.s=39685)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js
new file mode 100644
index 00000000000..271f308810f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22282],{84623:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/React",function(){return o(19126)}])}},function(n){n.O(0,[64996,19126,49774,92888,40179],function(){return n(n.s=84623)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js
new file mode 100644
index 00000000000..8691d31baf5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js
@@ -0,0 +1 @@
+(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(19711)}])}},function(n){n.O(0,[64996,19711,49774,92888,40179],function(){return n(n.s=2809)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js
new file mode 100644
index 00000000000..e6794b3e1b3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85341],{5021:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/examples",function(){return n(52593)}])},52593:function(e,l,n){"use strict";n.r(l);var c=n(52322),d=n(66503),a=n(69157);l.default=()=>(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("h1",{children:" DBRadio Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(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:"blur, change, checked, describedbyid, disabled, focus, form, id, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, size, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",labelVariant:"hidden",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",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, id, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, size, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",labelVariant:"hidden",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",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, id, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, key, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, tabIndex, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, title, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,title:"account",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onChange, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, focus, form, invalid, label, labelVariant, name, onBlur, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, focus, form, invalid, label, labelVariant, name, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, form, invalid, label, labelVariant, name, onFocus, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",onFocus:e=>console.log(e),required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, disabled, form, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,disabled:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, form, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,form:"account",invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, invalid, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,invalid:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, label, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,label:"account",labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, name, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",name:"account",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, required, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",required:!0,value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant, value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, labelVariant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,labelVariant:"hidden",children:"Test"})]}),(0,c.jsx)("dt",{children:"labelVariant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{labelVariant:"hidden",children:"Test"})]}),(0,c.jsx)("dt",{children:"size:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{size:"small",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:"change:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{change:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onChange:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"blur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onBlur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"focus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onFocus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onFocus:e=>console.log(e),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:"form:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{form:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"invalid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{invalid:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"required:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{required:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{checked:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=5021)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js
new file mode 100644
index 00000000000..2d60f513f2f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42772],{47304:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/how-to-use",function(){return e(92473)}])},92473:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var u=e(52322),o=e(45392),r=e(66503),s=e(3591),i=e(72111),c=e(19126),l=e(19711);let d=n=>{let{children:t}=n;return(0,u.jsx)(r.Z,{children:t})};function f(n){let t={h1:"h1",...(0,o.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.h1,{children:"How to use DBRadio"}),"\n",(0,u.jsx)(s.default,{}),"\n",(0,u.jsx)(i.default,{}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(l.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(d,{...n,children:(0,u.jsx)(f,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,72111,19126,19711,3591,49774,92888,40179],function(){return n(n.s=47304)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/migration-935ad6cd424868c3.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/migration-935ad6cd424868c3.js
new file mode 100644
index 00000000000..b1608396b1d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/migration-935ad6cd424868c3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75251],{58670:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/migration",function(){return e(84601)}])},84601:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var i=e(52322),r=e(45392),u=e(66503);let o=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function c(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,i.jsx)(t.h1,{children:"DBRadio Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(o,{...n,children:(0,i.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=58670)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js
new file mode 100644
index 00000000000..2ddabce8d08
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70495],{65821:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/overview",function(){return n(71330)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>e.map((e,t)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(t))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,t;return{...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})}})}})},1227:function(e,a,n){"use strict";var t=n(52322),l=n(5632),r=n(2784),s=n(66503),i=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(i.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,d]=(0,r.useState)(),m=(0,l.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=n.find(e=>e.name.toLowerCase()===a);d(e)}}},[m]);let c=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)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(i.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(i.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},71330:function(e,a,n){"use strict";n.r(a);var t=n(52322),l=n(11896),r=n(62126),s=n(1214),i=n(66931),o=n(55595),u=n(37426),d=n(1227),m=n(29712),c=n(81566);let p=e=>{let{label:a,size:n,name:l,checked:r,invalid:s,required:i,children:o,disabled:d,value:m,labelVariant:c}=e;return(0,t.jsx)(u.an,{label:a,size:n,name:l,defaultChecked:r,invalid:s,required:i,disabled:d,labelVariant:c,value:m,children:o})};a.default=()=>(0,t.jsx)(d.Z,{title:"DBRadio",variants:(0,m.P)(c,p,[(0,t.jsx)(l.default,{}),(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(o.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"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true,"invalid":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,11896,1214,62126,66931,55595,49774,92888,40179],function(){return e(e.s=65821)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js b/version/v0.0.61/_next/static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js
new file mode 100644
index 00000000000..c9f0567386e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65581],{39622:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return d(97306)}])},97306:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var r=d(52322),s=d(45392),n=d(66503);let i=e=>{let{children:t}=e;return(0,r.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBRadio"}),"\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:"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:"size"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(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:"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:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(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: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(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: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(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: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.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,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,{...e,children:(0,r.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=39622)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/readme-64c75c643d692d14.js b/version/v0.0.61/_next/static/chunks/pages/components/readme-64c75c643d692d14.js
new file mode 100644
index 00000000000..dea84ac0f4e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/readme-64c75c643d692d14.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57439],{72533:function(e,n,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/readme",function(){return o(3524)}])},3524:function(e,n,o){"use strict";o.r(n),o.d(n,{default:function(){return m}});var t=o(52322),s=o(66503),r=o(45392),c=o(65854);let i={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",hr:"hr",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.a)(),...e.components};return i||h("CH",!1),i.Code||h("CH.Code",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.jsx)(n.h1,{children:"@db-ui/components"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,t.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,t.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,t.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,t.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,t.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,t.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,t.jsxs)(n.p,{children:["A library containing all styles for components of ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Note"}),"\nFurthermore we currently support these additional JavaScript frameworks, with more coming soon:"]}),"\n"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"Angular components"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"React components"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"Vue components"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Please take a look at your desired framework to retrieve more information."}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:"If you just need the styling follow this:"}),"\n",(0,t.jsx)(n.h2,{children:"Install"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.code,{children:"npm i @db-ui/components"})}),"\n",(0,t.jsx)(n.h2,{children:"Dependencies"}),"\n",(0,t.jsxs)(n.p,{children:["Import the styles in ",(0,t.jsx)(n.code,{children:"scss"})," or ",(0,t.jsx)(n.code,{children:"css"}),". Based on your technology the file names could be different."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Default (db-ui-42): asset path point to ",(0,t.jsx)(n.code,{children:"../assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Webpack (db-ui-42-webpack): asset path point to ",(0,t.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Rollup (db-ui-42-rollup): asset path point to ",(0,t.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"db-ui-42"})," bundles all dependencies from ",(0,t.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," + all ",(0,t.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,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"SCSS"})}),"\n",(0,t.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:"@forward ",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:";",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"CSS"})}),"\n",(0,t.jsx)(n.p,{children:"Within HTML files directly:"}),"\n",(0,t.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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=99508)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js
new file mode 100644
index 00000000000..5921056e62e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js
@@ -0,0 +1 @@
+(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(85082)}])},85082:function(n,e,o){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t=o(52322),r=o(45392);function s(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=19749)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js
new file mode 100644
index 00000000000..0d77540f975
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54922],{48032:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/React",function(){return e(88166)}])},88166:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=48032)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js
new file mode 100644
index 00000000000..c6f40318cbc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50773],{83:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Vue",function(){return e(25978)}])},25978:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i},default:function(){return l}});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 p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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 l(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=83)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js b/version/v0.0.61/_next/static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js
new file mode 100644
index 00000000000..27289f8cdaa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49907],{77640:function(d,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/examples",function(){return t(36135)}])},36135:function(d,e,t){"use strict";t.r(e);var c=t(52322),i=t(66503),n=t(95963);e.default=()=>(0,c.jsxs)(i.Z,{children:[(0,c.jsx)("h1",{children:" DBSection Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"size:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{size:"medium",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, size, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",id:"account",size:"medium",tabIndex:100,title:"account",variant:"large",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",variant:"large",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.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)(n.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)(n.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{tabIndex:100,title:"account",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:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{variant:"large",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:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{id:"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"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=77640)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js b/version/v0.0.61/_next/static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js
new file mode 100644
index 00000000000..bd0d3769eaa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js
@@ -0,0 +1 @@
+(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(87461)}])},12132:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},88166:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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:"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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},25978:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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: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:"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 i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},87461:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(12132),l=e(64968),d=e(88166),i=e(25978);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...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)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,64968,49774,92888,40179],function(){return o(o.s=43666)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js b/version/v0.0.61/_next/static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js
new file mode 100644
index 00000000000..bb359a66e98
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5534],{50686:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/migration",function(){return t(75055)}])},85082:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var o=t(52322),r=t(45392);function c(n){let e={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...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"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(c,{...n})}):c(n)}},75055:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return l}});var o=t(52322),r=t(45392),c=t(66503),s=t(85082);let i=n=>{let{children:e}=n;return(0,o.jsx)(c.Z,{children:e})};function u(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h1,{children:"DBSection Migration"}),"\n",(0,o.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(i,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=50686)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/overview-615380de813f4e9c.js b/version/v0.0.61/_next/static/chunks/pages/components/section/overview-615380de813f4e9c.js
new file mode 100644
index 00000000000..becbb75d32b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/overview-615380de813f4e9c.js
@@ -0,0 +1 @@
+(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(25728)}])},29712:function(e,a,n){"use strict";n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s;return{...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}})}})},1227:function(e,a,n){"use strict";var s=n(52322),l=n(5632),t=n(2784),i=n(66503),r=n(37426);let o=e=>{let{examples:a,slotCode:n}=e;return(0,s.jsx)(r.wq,{className:"variants-card",slotCode:n,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:n}=e,[c,d]=(0,t.useState)(),u=(0,l.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,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...c})}),!c&&(0,s.jsx)(i.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(r.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},25728:function(e,a,n){"use strict";n.r(a);var s=n(52322),l=n(76402),t=n(83662),i=n(27561),r=n(37426),o=n(1227),c=n(32694),d=n(29712);let u=e=>{let{variant:a,size:n,children:l}=e;return(0,s.jsx)(r.cN,{className:"db-bg-informational",size:n,variant:a,children:l})};a.default=()=>(0,s.jsx)(o.Z,{title:"DBSection",variants:(0,d.P)(c,u,[(0,s.jsx)(l.default,{}),(0,s.jsx)(t.default,{}),(0,s.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,[64996,23019,37426,66503,83662,27561,76402,49774,92888,40179],function(){return e(e.s=9844)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/section/properties-cec95891d6282b58.js b/version/v0.0.61/_next/static/chunks/pages/components/section/properties-cec95891d6282b58.js
new file mode 100644
index 00000000000..d2b58a72ade
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/section/properties-cec95891d6282b58.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16317],{73208:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return d(85444)}])},85444:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return l}});var s=d(52322),i=d(45392),n=d(66503);let r=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...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,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(r,{...e,children:(0,s.jsx)(c,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=73208)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select-26d578e913c5e08c.js b/version/v0.0.61/_next/static/chunks/pages/components/select-26d578e913c5e08c.js
new file mode 100644
index 00000000000..818d5a2d4b2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select-26d578e913c5e08c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70285],{96148:function(e,l,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select",function(){return a(31092)}])},29712:function(e,l,a){"use strict";a.d(l,{P:function(){return i}});let i=(e,l,a)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,i;return{...e,example:l({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}})}})},1227:function(e,l,a){"use strict";var i=a(52322),t=a(5632),n=a(2784),s=a(66503),o=a(37426);let p=e=>{let{examples:l,slotCode:a}=e;return(0,i.jsx)(o.wq,{className:"variants-card",slotCode:a,children:(0,i.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))})})};l.Z=e=>{let{title:l,variants:a}=e,[u,d]=(0,n.useState)(),r=(0,t.useRouter)();(0,n.useEffect)(()=>{if(r.query){var e;let l=null===(e=r.query.page)||void 0===e?void 0:e.toString();if(l){let e=a.find(e=>e.name.toLowerCase()===l);d(e)}}},[r]);let v=e=>{var l,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(l=a.location)||void 0===l?void 0:l.href,"?page=").concat(e.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(p,{...u})}),!u&&(0,i.jsx)(s.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:l}),null==a?void 0:a.map((e,l)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(o.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(o.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,i.jsx)(p,{...e})]},"".concat(e.name,"-").concat(l)))]})})]})}},31092:function(e,l,a){"use strict";a.r(l);var i=a(52322),t=a(90100),n=a(42038),s=a(58565),o=a(14033),p=a(91599),u=a(94361),d=a(58234),r=a(87055),v=a(37426),b=a(1227),m=a(28213),c=a(29712);let x=e=>{let{children:l,label:a,variant:t,options:n,icon:s,message:o,disabled:p,value:u,required:d,labelVariant:r,invalid:b}=e;return(0,i.jsx)(v.kr,{label:a,placeholder:l,variant:t,options:n,disabled:p,labelVariant:r,icon:s,value:u,message:o,invalid:b,required:d,children:l})};l.default=()=>(0,i.jsx)(b.Z,{title:"DBSelect",variants:(0,c.P)(m,x,[(0,i.jsx)(t.default,{}),(0,i.jsx)(n.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(o.default,{}),(0,i.jsx)(p.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(r.default,{})])})},28213:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,14033,94361,87055,90100,91599,58234,42038,58565,49774,92888,40179],function(){return e(e.s=96148)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js
new file mode 100644
index 00000000000..225c975ea06
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js
@@ -0,0 +1 @@
+(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(58234)}])}},function(n){n.O(0,[64996,58234,49774,92888,40179],function(){return n(n.s=24834)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js
new file mode 100644
index 00000000000..32a518609d8
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90779],{6189:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Requirement",function(){return _(87055)}])}},function(n){n.O(0,[64996,87055,49774,92888,40179],function(){return n(n.s=6189)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js
new file mode 100644
index 00000000000..0cdfc1eae69
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[478],{21460:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Semantic",function(){return e(14033)}])}},function(n){n.O(0,[64996,14033,49774,92888,40179],function(){return n(n.s=21460)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js
new file mode 100644
index 00000000000..f2e10dbf91a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60003],{8871:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/StatesFloatingLabel",function(){return _(94361)}])}},function(n){n.O(0,[64996,94361,49774,92888,40179],function(){return n(n.s=8871)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js
new file mode 100644
index 00000000000..a3af5b8c5f3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72390],{54811:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/StatesLabelAbove",function(){return _(91599)}])}},function(n){n.O(0,[64996,91599,49774,92888,40179],function(){return n(n.s=54811)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js
new file mode 100644
index 00000000000..59545861297
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75463],{10612:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Tonality",function(){return e(90100)}])}},function(n){n.O(0,[64996,90100,49774,92888,40179],function(){return n(n.s=10612)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js
new file mode 100644
index 00000000000..d298b2b835d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20466],{5973:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/VariantHelperMessage",function(){return _(58565)}])}},function(n){n.O(0,[64996,58565,49774,92888,40179],function(){return n(n.s=5973)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js b/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js
new file mode 100644
index 00000000000..6b2858a9aa0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76263],{80324:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/VariantLabel",function(){return e(42038)}])}},function(n){n.O(0,[64996,42038,49774,92888,40179],function(){return n(n.s=80324)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js
new file mode 100644
index 00000000000..e610e21dcb2
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98561],{2662:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Angular",function(){return u(97879)}])}},function(n){n.O(0,[64996,97879,49774,92888,40179],function(){return n(n.s=2662)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js
new file mode 100644
index 00000000000..201d67bed50
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46222],{75297:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/HTML",function(){return u(93932)}])}},function(n){n.O(0,[64996,93932,49774,92888,40179],function(){return n(n.s=75297)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js
new file mode 100644
index 00000000000..5844d44fee7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1920],{28184:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Migration",function(){return n(45740)}])},45740:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var s=n(52322),r=n(45392);function c(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"elm-select"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-select"})}),(0,s.jsx)(t.td,{})]})})]}),"\n",(0,s.jsx)(t.h3,{children:"select"}),"\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:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"multiple"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"size"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{}),(0,s.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}}},function(e){e.O(0,[49774,92888,40179],function(){return e(e.s=28184)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js
new file mode 100644
index 00000000000..b3a4fa9122b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95164],{98153:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/React",function(){return c(67493)}])}},function(n){n.O(0,[64996,67493,49774,92888,40179],function(){return n(n.s=98153)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js
new file mode 100644
index 00000000000..ef71a5ae35a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71074],{40766:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Vue",function(){return u(78095)}])}},function(n){n.O(0,[64996,78095,49774,92888,40179],function(){return n(n.s=40766)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js b/version/v0.0.61/_next/static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js
new file mode 100644
index 00000000000..1a8cccfaadd
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js
@@ -0,0 +1 @@
+(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(96331)}])},96331:function(e,n,c){"use strict";c.r(n);var a=c(52322),l=c(66503),o=c(44665);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, describedbyid, description, disabled, focus, form, icon, id, invalid, key, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, options, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",description:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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"}],placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, id, invalid, key, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, options, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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"}],placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, describedbyid, disabled, focus, form, icon, id, invalid, key, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, id, invalid, key, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, invalid, key, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, tabIndex, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, title, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,title:"account",value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onClick, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",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),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onBlur, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled, focus, form, icon, invalid, label, labelVariant, message, messageIcon, name, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled, form, icon, invalid, label, labelVariant, message, messageIcon, name, onFocus, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled, form, icon, invalid, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"form, icon, invalid, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{form:"account",icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, invalid, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",invalid:!0,label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, label, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",label:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, labelVariant, message, messageIcon, name, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",labelVariant:"floating",message:"account",messageIcon:"account",name:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, labelVariant, message, messageIcon, placeholder, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",required:!0,value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, labelVariant, message, messageIcon, placeholder, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",value:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, labelVariant, message, messageIcon, placeholder, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",variant:"neutral",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, labelVariant, message, messageIcon, placeholder:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"labelVariant, message, messageIcon, placeholder:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{labelVariant:"floating",message:"account",messageIcon:"account",placeholder:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"message, messageIcon, placeholder:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{message:"account",messageIcon:"account",placeholder:"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:"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:"neutral",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:"labelVariant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{labelVariant:"floating",children:"Test"})]}),(0,a.jsx)("dt",{children:"placeholder:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{placeholder:"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,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=82042)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js b/version/v0.0.61/_next/static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js
new file mode 100644
index 00000000000..cfd659474da
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18469],{25787:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/how-to-use",function(){return t(61782)}])},61782:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return h}});var u=t(52322),s=t(45392),r=t(66503),c=t(93932),o=t(97879),l=t(67493),i=t(78095);let f=n=>{let{children:e}=n;return(0,u.jsx)(r.Z,{children:e})};function d(n){let e={h1:"h1",...(0,s.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(e.h1,{children:"How to use DBSelect"}),"\n",(0,u.jsx)(c.default,{}),"\n",(0,u.jsx)(o.default,{}),"\n",(0,u.jsx)(l.default,{}),"\n",(0,u.jsx)(i.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(f,{...n,children:(0,u.jsx)(d,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,97879,67493,93932,78095,49774,92888,40179],function(){return n(n.s=25787)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/migration-76bc8db1face0645.js b/version/v0.0.61/_next/static/chunks/pages/components/select/migration-76bc8db1face0645.js
new file mode 100644
index 00000000000..24d2c97951c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/migration-76bc8db1face0645.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91442],{60495:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/migration",function(){return n(33857)}])},45740:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return i}});var r=n(52322),s=n(45392);function c(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{children:"class"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-select"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-select"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{children:"select"}),"\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:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"multiple"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"size"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},33857:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var r=n(52322),s=n(45392),c=n(66503),i=n(45740);let d=e=>{let{children:t}=e;return(0,r.jsx)(c.Z,{children:t})};function l(e){let t={h1:"h1",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBSelect Migration"}),"\n",(0,r.jsx)(i.default,{})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=60495)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js b/version/v0.0.61/_next/static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js
new file mode 100644
index 00000000000..8a8909d6f3b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31265],{74729:function(e,l,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/overview",function(){return a(84574)}])},29712:function(e,l,a){"use strict";a.d(l,{P:function(){return i}});let i=(e,l,a)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,i;return{...e,example:l({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}})}})},1227:function(e,l,a){"use strict";var i=a(52322),t=a(5632),n=a(2784),s=a(66503),o=a(37426);let p=e=>{let{examples:l,slotCode:a}=e;return(0,i.jsx)(o.wq,{className:"variants-card",slotCode:a,children:(0,i.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))})})};l.Z=e=>{let{title:l,variants:a}=e,[u,r]=(0,n.useState)(),d=(0,t.useRouter)();(0,n.useEffect)(()=>{if(d.query){var e;let l=null===(e=d.query.page)||void 0===e?void 0:e.toString();if(l){let e=a.find(e=>e.name.toLowerCase()===l);r(e)}}},[d]);let v=e=>{var l,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(l=a.location)||void 0===l?void 0:l.href,"?page=").concat(e.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(p,{...u})}),!u&&(0,i.jsx)(s.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:l}),null==a?void 0:a.map((e,l)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(o.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(o.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,i.jsx)(p,{...e})]},"".concat(e.name,"-").concat(l)))]})})]})}},84574:function(e,l,a){"use strict";a.r(l);var i=a(52322),t=a(90100),n=a(42038),s=a(58565),o=a(14033),p=a(91599),u=a(94361),r=a(58234),d=a(87055),v=a(37426),b=a(1227),m=a(28213),c=a(29712);let x=e=>{let{children:l,label:a,variant:t,options:n,icon:s,message:o,disabled:p,value:u,required:r,labelVariant:d,invalid:b}=e;return(0,i.jsx)(v.kr,{label:a,placeholder:l,variant:t,options:n,disabled:p,labelVariant:d,icon:s,value:u,message:o,invalid:b,required:r,children:l})};l.default=()=>(0,i.jsx)(b.Z,{title:"DBSelect",variants:(0,c.P)(m,x,[(0,i.jsx)(t.default,{}),(0,i.jsx)(n.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(o.default,{}),(0,i.jsx)(p.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(d.default,{})])})},28213:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}},function(e){e.O(0,[64996,23019,37426,66503,14033,94361,87055,90100,91599,58234,42038,58565,49774,92888,40179],function(){return e(e.s=74729)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/select/properties-3f7450e90ab77382.js b/version/v0.0.61/_next/static/chunks/pages/components/select/properties-3f7450e90ab77382.js
new file mode 100644
index 00000000000..640ecb8fee9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/select/properties-3f7450e90ab77382.js
@@ -0,0 +1 @@
+(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(3117)}])},3117:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var i=r(52322),n=r(45392),a=r(66503);let s=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...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: ClickEvent) => 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: ChangeEvent) => 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: ChangeEvent) => 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: InteractionEvent) => 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: InteractionEvent) => 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: InteractionEvent) => 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: InteractionEvent) => void"})})})]}),(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' | 'neutral' | '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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"labelVariant"}),(0,i.jsx)(t.td,{children:"Change the variant of the label to float"}),(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:"'above' | 'floating' | 'hidden'"})})})]}),(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:"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' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | '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' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | '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' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | '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' | 'dog' | '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' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | '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' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_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' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(s,{...e,children:(0,i.jsx)(d,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=67554)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js
new file mode 100644
index 00000000000..7e881b23043
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76166],{64793:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/Angular",function(){return e(31061)}])},31061:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Angular"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=64793)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js
new file mode 100644
index 00000000000..173d98c5e13
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6862],{31413:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/HTML",function(){return e(56645)}])},56645:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var r=e(52322),c=e(45392);function u(n){let t={h2:"h2",p:"p",...(0,c.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"HTML"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(u,{...n})}):u(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=31413)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js
new file mode 100644
index 00000000000..39ea0c53f79
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73159],{2070:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/React",function(){return e(58988)}])},58988:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var c=e(52322),r=e(45392);function u(n){let t={h2:"h2",p:"p",...(0,r.a)(),...n.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.h2,{children:"React"}),"\n",(0,c.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,c.jsx)(t,{...n,children:(0,c.jsx)(u,{...n})}):u(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=2070)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js
new file mode 100644
index 00000000000..6b5062cd75b
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62721],{88858:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/Vue",function(){return t(12472)}])},12472:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),u=t(45392);function c(n){let e={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"Vue"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,u.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=88858)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/examples-043237d298118d32.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/examples-043237d298118d32.js
new file mode 100644
index 00000000000..2e43c14e70f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/examples-043237d298118d32.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45558],{18275:function(d,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/examples",function(){return t(52893)}])},52893:function(d,e,t){"use strict";t.r(e);var c=t(52322),n=t(66503),s=t(86735);e.default=()=>(0,c.jsxs)(n.Z,{children:[(0,c.jsx)("h1",{children:" DBTabBar Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, name, tabIndex, tabs, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{describedbyid:"account",id:"account",name:"account",tabIndex:100,tabs:"undefined",title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, tabIndex, tabs, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{describedbyid:"account",id:"account",tabIndex:100,tabs:"undefined",title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.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)(s.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)(s.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"tabs:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{tabs:"undefined",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(s.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=18275)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js
new file mode 100644
index 00000000000..3cc1ec428c7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16590],{33533:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/how-to-use",function(){return e(230)}])},31061:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Angular"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},56645:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"HTML"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},58988:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"React"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},12472:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Vue"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},230:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),u=e(45392),c=e(66503),s=e(56645),i=e(31061),o=e(58988),l=e(12472);let h=n=>{let{children:t}=n;return(0,r.jsx)(c.Z,{children:t})};function d(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"How to use DBTabBar"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(h,{...n,children:(0,r.jsx)(d,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=33533)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js
new file mode 100644
index 00000000000..9853ad63f46
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33978],{57185:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/migration",function(){return e(14676)}])},14676:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392),i=e(66503);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(t.h1,{children:"DBTabBar Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=57185)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js
new file mode 100644
index 00000000000..0c545f76467
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96571],{39334:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/properties",function(){return s(56152)}])},56152:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return c}});var d=s(52322),r=s(45392),i=s(66503);let n=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,{...e,children:(0,d.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=39334)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js
new file mode 100644
index 00000000000..cd9192adcff
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92850],{98765:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/Angular",function(){return e(19608)}])},19608:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Angular"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=98765)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js
new file mode 100644
index 00000000000..8bd07761c52
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14768],{33919:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/HTML",function(){return e(45152)}])},45152:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var r=e(52322),c=e(45392);function u(n){let t={h2:"h2",p:"p",...(0,c.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"HTML"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(u,{...n})}):u(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=33919)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js
new file mode 100644
index 00000000000..5de83a86e3d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19240],{2703:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/React",function(){return e(91961)}])},91961:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return o}});var c=e(52322),r=e(45392);function u(n){let t={h2:"h2",p:"p",...(0,r.a)(),...n.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.h2,{children:"React"}),"\n",(0,c.jsx)(t.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,c.jsx)(t,{...n,children:(0,c.jsx)(u,{...n})}):u(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=2703)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js
new file mode 100644
index 00000000000..e7634701b28
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32963],{59984:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/Vue",function(){return t(62194)}])},62194:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var u=t(52322),r=t(45392);function c(n){let e={h2:"h2",p:"p",...(0,r.a)(),...n.components};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(e.h2,{children:"Vue"}),"\n",(0,u.jsx)(e.p,{children:"TODO"})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,u.jsx)(e,{...n,children:(0,u.jsx)(c,{...n})}):c(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=59984)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js
new file mode 100644
index 00000000000..6480b7c1e20
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50633],{37468:function(e,d,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/examples",function(){return c(70385)}])},70385:function(e,d,c){"use strict";c.r(d);var t=c(52322),n=c(66503),i=c(12126);d.default=()=>(0,t.jsxs)(n.Z,{children:[(0,t.jsx)("h1",{children:" DBTab Examples "}),(0,t.jsxs)("dl",{className:"example-list",children:[(0,t.jsx)("dt",{children:"active:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{active:!0,children:"Test"})]}),(0,t.jsx)("dt",{children:"active, content, describedbyid, id, key, label, name, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{active:!0,content:"account",describedbyid:"account",id:"account",label:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"content, describedbyid, id, key, label, name, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{content:"account",describedbyid:"account",id:"account",label:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"content, describedbyid, id, key, name, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{content:"account",describedbyid:"account",id:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"content, describedbyid, id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{content:"account",describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex, title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"label:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{label:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"name:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{name:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"content:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{content:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{describedbyid:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"id:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{id:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"key:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(i.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=37468)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js
new file mode 100644
index 00000000000..1e99818c9e4
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24297],{41013:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/how-to-use",function(){return e(75183)}])},19608:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Angular"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},45152:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"HTML"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},91961:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"React"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},62194:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392);function c(n){let t={h2:"h2",p:"p",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{children:"Vue"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,u.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},75183:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),u=e(45392),c=e(66503),s=e(45152),i=e(19608),o=e(91961),l=e(62194);let h=n=>{let{children:t}=n;return(0,r.jsx)(c.Z,{children:t})};function d(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"How to use DBTab"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(h,{...n,children:(0,r.jsx)(d,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=41013)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js
new file mode 100644
index 00000000000..eb926786a30
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65466],{25921:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/migration",function(){return e(5117)}])},5117:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),u=e(45392),i=e(66503);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsx)(t.h1,{children:"DBTab Migration"})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=25921)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js b/version/v0.0.61/_next/static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js
new file mode 100644
index 00000000000..c5ebb7f5da0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38460],{6931:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return s(67440)}])},67440:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return c}});var d=s(52322),r=s(45392),n=s(66503);let i=e=>{let{children:t}=e;return(0,d.jsx)(n.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...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,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(i,{...e,children:(0,d.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=6931)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag-128fe0462276e26a.js b/version/v0.0.61/_next/static/chunks/pages/components/tag-128fe0462276e26a.js
new file mode 100644
index 00000000000..7062335c55a
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag-128fe0462276e26a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70496],{55413:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag",function(){return t(28763)}])},29712:function(e,a,t){"use strict";t.d(a,{P:function(){return n}});let n=(e,a,t)=>e.map((e,n)=>{var c;return{...e,slotCode:null!==(c=null==t?void 0:t.at(n))&&void 0!==c?c:"No code available",examples:e.examples.map(e=>{var t,n;return{...e,example:a({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,a,t){"use strict";var n=t(52322),c=t(5632),o=t(2784),i=t(66503),r=t(37426);let d=e=>{let{examples:a,slotCode:t}=e;return(0,n.jsx)(r.wq,{className:"variants-card",slotCode:t,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:t}=e,[l,b]=(0,o.useState)(),s=(0,c.useRouter)();(0,o.useEffect)(()=>{if(s.query){var e;let a=null===(e=s.query.page)||void 0===e?void 0:e.toString();if(a){let e=t.find(e=>e.name.toLowerCase()===a);b(e)}}},[s]);let h=e=>{var a,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(a=t.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[l&&(0,n.jsx)("div",{children:(0,n.jsx)(d,{...l})}),!l&&(0,n.jsx)(i.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),null==t?void 0:t.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,n.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},28763:function(e,a,t){"use strict";t.r(a);var n=t(52322),c=t(21519),o=t(44736),i=t(85642),r=t(64355),d=t(94266),l=t(67064),b=t(95591),s=t(33329),h=t(2784),u=t(37426),v=t(1227),p=t(47837),m=t(29712);let x=e=>{let{variant:a,disabled:t,children:c,icon:o,overflow:i,noText:r,behaviour:d,emphasis:l,removeButton:b,checked:s,component:v}=e,[p,m]=(0,h.useState)(null!=s&&s);return(0,n.jsxs)(u.k8,{variant:a,disabled:t,icon:o,noText:r,behaviour:d,emphasis:l,overflow:i,removeButton:b,onRemove:()=>{alert(c.toString())},children:["button"===v&&(0,n.jsx)(u.Y1,{children:c}),"link"===v&&(0,n.jsx)(u.vB,{href:"#",children:c}),"checkbox"===v&&(0,n.jsx)(u.I3,{checked:p,onChange:e=>{m(e.target.checked)},children:c}),"radio"===v&&(0,n.jsx)(u.an,{checked:s,name:"radio",children:c}),!v&&!i&&(0,n.jsx)(n.Fragment,{children:c}),!v&&i&&(0,n.jsx)("span",{children:c})]})};a.default=()=>(0,n.jsx)(v.Z,{title:"DBTag",variants:(0,m.P)(p,x,[(0,n.jsx)(c.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(b.default,{}),(0,n.jsx)(s.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":"Adaptive (Default)","props":{}},{"name":"Neutral Strong","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","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 Button","props":{"component":"button"},"code":{"angular":"Interactive Button ","html":"Interactive Button
","react":"Interactive Button Interactive Button Interactive Link ","html":"","react":"Interactive Link Interactive Link Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Radio 1 ","html":"Interactive Radio 1
","react":"Interactive Radio 1 Interactive Radio 1 Interactive Radio 2 ","html":"Interactive Radio 2
","react":"Interactive Radio 2 Interactive Radio 2 Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Button ","html":"Interactive Button
","react":"Interactive Button Interactive Button Interactive Link ","html":"","react":"Interactive Link Interactive Link Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Radio 1 ","html":"Interactive Radio 1
","react":"Interactive Radio 1 Interactive Radio 1 Interactive Radio 2 ","html":"Interactive Radio 2
","react":"Interactive Radio 2 Interactive Radio 2 ",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=47075)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js
new file mode 100644
index 00000000000..88c3cea4217
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8092],{98791:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Migration",function(){return o(37070)}])}},function(n){n.O(0,[64996,37070,49774,92888,40179],function(){return n(n.s=98791)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js
new file mode 100644
index 00000000000..7beaab8524f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78603],{40322:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/React",function(){return u(79011)}])}},function(n){n.O(0,[64996,79011,49774,92888,40179],function(){return n(n.s=40322)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js
new file mode 100644
index 00000000000..8cb2bc1acdf
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72926],{64721:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Vue",function(){return u(98587)}])}},function(n){n.O(0,[64996,98587,49774,92888,40179],function(){return n(n.s=64721)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/examples-70970744a7a80679.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/examples-70970744a7a80679.js
new file mode 100644
index 00000000000..6702dcd72c0
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/examples-70970744a7a80679.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46871],{62509:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/examples",function(){return n(68796)}])},68796:function(e,t,n){"use strict";n.r(t);var c=n(52322),d=n(66503),i=n(77824);t.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)(i.Z,{behaviour:"removable",children:"Test"})]}),(0,c.jsx)("dt",{children:"behaviour, describedbyid, disabled, emphasis, icon, id, key, noText, onRemove, overflow, removeButton, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{behaviour:"removable",describedbyid:"account",disabled:!0,emphasis:"strong",icon:"account",id:"account",noText:!0,onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, disabled, emphasis, icon, id, key, noText, onRemove, overflow, removeButton, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",disabled:!0,emphasis:"strong",icon:"account",id:"account",noText:!0,onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, noText, onRemove, overflow, removeButton, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",noText:!0,onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, onRemove, overflow, removeButton, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, overflow, removeButton, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",overflow:!0,removeButton:"account",tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, overflow, tabIndex, text, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",overflow:!0,tabIndex:100,text:"account",title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, overflow, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",overflow:!0,tabIndex:100,title:"account",value:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, emphasis, icon, id, key, overflow, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",emphasis:"strong",icon:"account",id:"account",overflow:!0,tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"emphasis, icon, id, key, overflow, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",icon:"account",id:"account",overflow:!0,tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"emphasis, icon, key, overflow, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",icon:"account",overflow:!0,tabIndex:100,title:"account",variant:"neutral",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"emphasis, icon, overflow, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",icon:"account",overflow:!0,tabIndex:100,title:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, icon, overflow, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",icon:"account",overflow:!0,title:"account",variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, icon, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",icon:"account",overflow:!0,variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",overflow:!0,variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, overflow:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",overflow:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{emphasis:"strong",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{disabled:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"noText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{noText:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"onRemove:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{onRemove:()=>console.log("onRemove triggered"),children:"Test"})]}),(0,c.jsx)("dt",{children:"removeButton:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{removeButton:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{value:"account",children:"Test"})]}),(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:"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"})]}),(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:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{variant:"neutral",children:"Test"})]}),(0,c.jsx)("dt",{children:"overflow:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{overflow:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=62509)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js
new file mode 100644
index 00000000000..4d8d778d48f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11250],{27107:function(t,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/how-to-use",function(){return o(31557)}])},22223:function(t,e,o){"use strict";o.r(e),o.d(e,{CH:function(){return s},chCodeConfig:function(){return d},default:function(){return l}});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={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...t.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:"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(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(i,{...t})}):i(t)}function a(t,e){throw Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}},31557:function(t,e,o){"use strict";o.r(e),o.d(e,{default:function(){return u}});var n=o(52322),r=o(45392),c=o(66503),s=o(22223),d=o(3378),i=o(79011),l=o(98587);let a=t=>{let{children:e}=t;return(0,n.jsx)(c.Z,{children:e})};function h(t){let e={h1:"h1",...(0,r.a)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:"How to use DBTag"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}function u(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...t,children:(0,n.jsx)(h,{...t})})}}},function(t){t.O(0,[64996,23019,37426,66503,79011,98587,3378,49774,92888,40179],function(){return t(t.s=27107)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js
new file mode 100644
index 00000000000..dcc30a604ac
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26422],{33615:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/migration",function(){return e(36408)}])},36408:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),u=e(45392),i=e(66503),c=e(37070);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function s(n){let t={h1:"h1",...(0,u.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBTag Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(s,{...n})})}}},function(n){n.O(0,[64996,23019,37426,66503,37070,49774,92888,40179],function(){return n(n.s=33615)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js b/version/v0.0.61/_next/static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js
new file mode 100644
index 00000000000..fa375554087
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5846],{10199:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/overview",function(){return t(80898)}])},29712:function(e,a,t){"use strict";t.d(a,{P:function(){return n}});let n=(e,a,t)=>e.map((e,n)=>{var c;return{...e,slotCode:null!==(c=null==t?void 0:t.at(n))&&void 0!==c?c:"No code available",examples:e.examples.map(e=>{var t,n;return{...e,example:a({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(n=e.props.children)&&void 0!==n?n:e.name})}})}})},1227:function(e,a,t){"use strict";var n=t(52322),c=t(5632),o=t(2784),i=t(66503),r=t(37426);let d=e=>{let{examples:a,slotCode:t}=e;return(0,n.jsx)(r.wq,{className:"variants-card",slotCode:t,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:t}=e,[l,b]=(0,o.useState)(),s=(0,c.useRouter)();(0,o.useEffect)(()=>{if(s.query){var e;let a=null===(e=s.query.page)||void 0===e?void 0:e.toString();if(a){let e=t.find(e=>e.name.toLowerCase()===a);b(e)}}},[s]);let h=e=>{var a,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(a=t.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[l&&(0,n.jsx)("div",{children:(0,n.jsx)(d,{...l})}),!l&&(0,n.jsx)(i.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),null==t?void 0:t.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,n.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},80898:function(e,a,t){"use strict";t.r(a);var n=t(52322),c=t(21519),o=t(44736),i=t(85642),r=t(64355),d=t(94266),l=t(67064),b=t(95591),s=t(33329),h=t(2784),u=t(37426),v=t(1227),p=t(47837),m=t(29712);let x=e=>{let{variant:a,disabled:t,children:c,icon:o,overflow:i,noText:r,behaviour:d,emphasis:l,removeButton:b,checked:s,component:v}=e,[p,m]=(0,h.useState)(null!=s&&s);return(0,n.jsxs)(u.k8,{variant:a,disabled:t,icon:o,noText:r,behaviour:d,emphasis:l,overflow:i,removeButton:b,onRemove:()=>{alert(c.toString())},children:["button"===v&&(0,n.jsx)(u.Y1,{children:c}),"link"===v&&(0,n.jsx)(u.vB,{href:"#",children:c}),"checkbox"===v&&(0,n.jsx)(u.I3,{checked:p,onChange:e=>{m(e.target.checked)},children:c}),"radio"===v&&(0,n.jsx)(u.an,{checked:s,name:"radio",children:c}),!v&&!i&&(0,n.jsx)(n.Fragment,{children:c}),!v&&i&&(0,n.jsx)("span",{children:c})]})};a.default=()=>(0,n.jsx)(v.Z,{title:"DBTag",variants:(0,m.P)(p,x,[(0,n.jsx)(c.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(b.default,{}),(0,n.jsx)(s.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":"Adaptive (Default)","props":{}},{"name":"Neutral Strong","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","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 Button","props":{"component":"button"},"code":{"angular":"Interactive Button ","html":"Interactive Button
","react":"Interactive Button Interactive Button Interactive Link ","html":"","react":"Interactive Link Interactive Link Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Radio 1 ","html":"Interactive Radio 1
","react":"Interactive Radio 1 Interactive Radio 1 Interactive Radio 2 ","html":"Interactive Radio 2
","react":"Interactive Radio 2 Interactive Radio 2 Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Button ","html":"Interactive Button
","react":"Interactive Button Interactive Button Interactive Link ","html":"","react":"Interactive Link Interactive Link Interactive Checkbox ","html":"Interactive Checkbox
","react":"Interactive Checkbox Interactive Checkbox Interactive Radio 1 ","html":"Interactive Radio 1
","react":"Interactive Radio 1 Interactive Radio 1 Interactive Radio 2 ","html":"Interactive Radio 2
","react":"Interactive Radio 2 Interactive Radio 2 ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}},function(o){o.O(0,[64996,49774,92888,40179],function(){return o(o.s=67778)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js
new file mode 100644
index 00000000000..391714c1dd9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7034],{62635:function(n,o,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Migration",function(){return e(62406)}])},62406:function(n,o,e){"use strict";e.r(o),e.d(o,{default:function(){return c}});var t=e(52322),r=e(45392);function s(n){let o={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.h2,{children:"General"}),"\n",(0,t.jsxs)(o.blockquote,{children:["\n",(0,t.jsxs)(o.p,{children:[(0,t.jsx)(o.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(o.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(o.p,{children:"New Component \uD83E\uDD73"})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,r.a)(),...n.components};return o?(0,t.jsx)(o,{...n,children:(0,t.jsx)(s,{...n})}):s(n)}}},function(n){n.O(0,[49774,92888,40179],function(){return n(n.s=62635)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js
new file mode 100644
index 00000000000..87b12ccea52
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75892],{662:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/React",function(){return o(93637)}])}},function(n){n.O(0,[64996,93637,49774,92888,40179],function(){return n(n.s=662)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js
new file mode 100644
index 00000000000..2e837151c3c
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60837],{84953:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Vue",function(){return o(51636)}])}},function(n){n.O(0,[64996,51636,49774,92888,40179],function(){return n(n.s=84953)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js
new file mode 100644
index 00000000000..67de549a764
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69416],{96424:function(d,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/examples",function(){return i(99979)}])},99979:function(d,e,i){"use strict";i.r(e);var t=i(52322),s=i(66503),n=i(79750);e.default=()=>(0,t.jsxs)(s.Z,{children:[(0,t.jsx)("h1",{children:" DBTooltip Examples "}),(0,t.jsxs)("dl",{className:"example-list",children:[(0,t.jsx)("dt",{children:"variant:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{variant:"basic",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, delay, describedbyid, emphasis, id, key, placement, tabIndex, title, variant, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",describedbyid:"account",emphasis:"strong",id:"account",placement:"right",tabIndex:100,title:"account",variant:"basic",width:"fixed",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"animation, delay, describedbyid, emphasis, id, key, placement, tabIndex, title, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",describedbyid:"account",emphasis:"strong",id:"account",placement:"right",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"animation, delay, emphasis, id, key, placement, tabIndex, title, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",emphasis:"strong",id:"account",placement:"right",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"animation, delay, emphasis, key, placement, tabIndex, title, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",emphasis:"strong",placement:"right",tabIndex:100,title:"account",width:"fixed",children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"animation, delay, emphasis, placement, tabIndex, title, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",emphasis:"strong",placement:"right",tabIndex:100,title:"account",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, delay, emphasis, placement, title, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",emphasis:"strong",placement:"right",title:"account",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, delay, emphasis, placement, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",emphasis:"strong",placement:"right",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, delay, placement, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",placement:"right",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, delay, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",delay:"slow",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation, width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"width:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{width:"fixed",children:"Test"})]}),(0,t.jsx)("dt",{children:"describedbyid:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"id:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"key:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{children:"Test"},"account")]}),(0,t.jsx)("dt",{children:"tabIndex:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,t.jsx)("dt",{children:"title:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{title:"account",children:"Test"})]}),(0,t.jsx)("dt",{children:"emphasis:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{emphasis:"strong",children:"Test"})]}),(0,t.jsx)("dt",{children:"placement:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{placement:"right",children:"Test"})]}),(0,t.jsx)("dt",{children:"delay:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{delay:"slow",children:"Test"})]}),(0,t.jsx)("dt",{children:"animation:"})," ",(0,t.jsxs)("dd",{children:[" ",(0,t.jsx)(n.Z,{animation:"disabled",children:"Test"})]})]})]})}},function(d){d.O(0,[23019,37426,66503,49774,92888,40179],function(){return d(d.s=96424)}),_N_E=d.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js
new file mode 100644
index 00000000000..14d9f16dcbe
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2741],{85896:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/how-to-use",function(){return e(44787)}])},465:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});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 i(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...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"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",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(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}},44787:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return h}});var n=e(52322),r=e(45392),c=e(66503),s=e(465),l=e(83284),i=e(93637),d=e(51636);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t={h1:"h1",...(0,r.a)(),...o.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBTooltip"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(d.default,{})]})}function h(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...o,children:(0,n.jsx)(a,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,93637,83284,51636,49774,92888,40179],function(){return o(o.s=85896)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js
new file mode 100644
index 00000000000..7092ea87f48
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98184],{55237:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/migration",function(){return e(77492)}])},62406:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var o=e(52322),r=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{children:"General"}),"\n",(0,o.jsxs)(t.blockquote,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(i,{...n})}):i(n)}},77492:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var o=e(52322),r=e(45392),i=e(66503),s=e(62406);let c=n=>{let{children:t}=n;return(0,o.jsx)(i.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:"DBTooltip Migration"}),"\n",(0,o.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(c,{...n,children:(0,o.jsx)(u,{...n})})}}},function(n){n.O(0,[23019,37426,66503,49774,92888,40179],function(){return n(n.s=55237)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js
new file mode 100644
index 00000000000..11b85052c1e
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25641],{70505:function(t,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/overview",function(){return o(99861)}])},29712:function(t,e,o){"use strict";o.d(e,{P:function(){return n}});let n=(t,e,o)=>t.map((t,n)=>{var i;return{...t,slotCode:null!==(i=null==o?void 0:o.at(n))&&void 0!==i?i:"No code available",examples:t.examples.map(t=>{var o,n;return{...t,example:e({...t.props,id:null!==(o=t.props.id)&&void 0!==o?o:t.name,children:null!==(n=t.props.children)&&void 0!==n?n:t.name})}})}})},1227:function(t,e,o){"use strict";var n=o(52322),i=o(5632),a=o(2784),l=o(66503),p=o(37426);let s=t=>{let{examples:e,slotCode:o}=t;return(0,n.jsx)(p.wq,{className:"variants-card",slotCode:o,children:(0,n.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,n.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))})})};e.Z=t=>{let{title:e,variants:o}=t,[r,d]=(0,a.useState)(),c=(0,i.useRouter)();(0,a.useEffect)(()=>{if(c.query){var t;let e=null===(t=c.query.page)||void 0===t?void 0:t.toString();if(e){let t=o.find(t=>t.name.toLowerCase()===e);d(t)}}},[c]);let m=t=>{var e,o;return window.location.origin?"".concat(null===(o=window)||void 0===o?void 0:null===(e=o.location)||void 0===e?void 0:e.href,"?page=").concat(t.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[r&&(0,n.jsx)("div",{children:(0,n.jsx)(s,{...r})}),!r&&(0,n.jsx)(l.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:e}),null==o?void 0:o.map((t,e)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(p.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(p.vB,{content:"external",target:"_blank",href:m(t),children:t.name})}),(0,n.jsx)(s,{...t})]},"".concat(t.name,"-").concat(e)))]})})]})}},99861:function(t,e,o){"use strict";o.r(e);var n=o(52322),i=o(95976),a=o(4620),l=o(44598),p=o(8917),s=o(28248),r=o(88712),d=o(37426),c=o(1227),m=o(10171),u=o(29712);let f=t=>{let{children:e,width:o,emphasis:i,placement:a,delay:l,content:p,animation:s,variant:r,id:c}=t;return(0,n.jsxs)(d.Y1,{describedbyid:c,children:[e,(0,n.jsx)(d.Nd,{width:o,emphasis:i,placement:a,animation:s,delay:l,variant:r,id:c,children:p})]})};e.default=()=>(0,n.jsx)(c.Z,{title:"DBTooltip",variants:(0,u.P)(m,f,[(0,n.jsx)(i.default,{}),(0,n.jsx)(a.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(p.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(r.default,{})])})},10171:function(t){"use strict";t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"expressive","className":"db-ui-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"With arrow (Default)","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"bottom (Default)","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","examples":[{"name":"Auto (Default)","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","examples":[{"name":"Animation no delay (Default)","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]')}},function(t){t.O(0,[64996,23019,37426,66503,8917,88712,95976,28248,4620,44598,49774,92888,40179],function(){return t(t.s=70505)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js
new file mode 100644
index 00000000000..fd2fc373298
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79709],{2865:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/properties",function(){return d(2775)}])},2775:function(e,t,d){"use strict";d.r(t),d.d(t,{default:function(){return c}});var s=d(52322),r=d(45392),i=d(66503);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBTooltip"}),"\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:"variant"}),(0,s.jsx)(t.td,{children:"No description"}),(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:"'with arrow' | 'basic'"})})})]}),(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:"emphasis"}),(0,s.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(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:"'weak' | 'strong'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"placement"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(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' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"delay"}),(0,s.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(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' | 'slow' | 'fast'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"animation"}),(0,s.jsx)(t.td,{children:"Disable animation"}),(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:"'enabled' | 'disabled'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"width"}),(0,s.jsx)(t.td,{children:"Use fixed with for default max-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:"'auto' | 'fixed'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=2865)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js
new file mode 100644
index 00000000000..9002e889300
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4300],{1517:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/color-schemes",function(){return s(3410)}])},3410:function(e,n,s){"use strict";s.r(n);var i=s(52322),r=s(2784),t=s(66503),c=s(37426);n.default=()=>{let[e,n]=(0,r.useState)("light");return(0,i.jsxs)(t.Z,{children:[(0,i.jsx)("h1",{children:"Color Schemes"}),(0,i.jsxs)("div",{className:"color-schemes-container","data-color-scheme":e,children:[(0,i.jsx)("p",{children:"This container changes based on the state."}),(0,i.jsx)(c.k8,{variant:"informational",emphasis:"strong",children:e}),(0,i.jsxs)(c.Y1,{icon:"light"===e?"night":"day",onClick:()=>{n("light"===e?"dark":"light")},children:["Click me for ","light"===e?"dark":"light","-mode"]}),(0,i.jsxs)("section",{"data-color-scheme":"light",children:[(0,i.jsx)("h2",{children:"Permanent Light"}),(0,i.jsx)("p",{children:"I'll be always light independent from parent"})]}),(0,i.jsxs)("section",{"data-color-scheme":"dark",children:[(0,i.jsx)("h2",{children:"Permanent Dark"}),(0,i.jsx)("p",{children:"I'll be always dark independent from parent"})]})]})]})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=1517)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js
new file mode 100644
index 00000000000..af19eae178f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14643],{16095:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/overview",function(){return r(45843)}])},45843:function(e,n,r){"use strict";r.r(n);var s=r(52322),c=r(2784),i=r(66503),t=r(76238),a=r(37426);n.default=()=>{let[e,n]=(0,c.useState)("");return(0,s.jsxs)(i.Z,{children:[(0,s.jsx)("h1",{children:"Color Overview"}),(0,s.jsx)("search",{children:(0,s.jsx)(a.aq,{label:"Search",type:"search",onChange:e=>{n(e.target.value)}})}),(0,s.jsx)("h2",{children:"Overview"}),(0,s.jsx)("div",{className:"color-overview-container",children:t.DM.filter(n=>n.includes(e)&&!n.includes("-strong")).map(e=>(0,s.jsx)("div",{className:"db-bg-".concat(e),children:e}))})]})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=16095)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js
new file mode 100644
index 00000000000..54fc1ffc7b5
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2560],{35255:function(e,o,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/readme",function(){return n(46894)}])},46894:function(e,o,n){"use strict";n.r(o),n.d(o,{default:function(){return j}});var r=n(52322),t=n(66503),c=n(45392),d=n(65854);let s={annotations:d.ds,Code:d.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(e){let o={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,c.a)(),...e.components};return s||a("CH",!1),s.Code||a("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",(0,r.jsx)(o.h1,{children:"Colors"}),"\n",(0,r.jsxs)(o.ul,{children:["\n",(0,r.jsxs)(o.li,{children:["You use ",(0,r.jsx)(o.code,{children:"Colors"})," to highlight an area with a specific color."]}),"\n",(0,r.jsxs)(o.li,{children:["You can also use it to change the text color for components with the ",(0,r.jsx)(o.code,{children:"*-transparent-semi"})," colors."]}),"\n",(0,r.jsxs)(o.li,{children:["Most classes/placeholders will change ",(0,r.jsx)(o.code,{children:"color"})," and ",(0,r.jsx)(o.code,{children:"background-color"})," and will set properties, which will be passed down to adaptive components."]}),"\n"]}),"\n",(0,r.jsx)(o.h2,{children:"How to include colors"}),"\n",(0,r.jsxs)(o.p,{children:["For ",(0,r.jsx)(o.code,{children:"CSS"})," and ",(0,r.jsx)(o.code,{children:"Tailwind"})," you need to use the import ",(0,r.jsx)(o.code,{children:'@import "@db-ui/foundations/build/css/color/classes/all.css";'})," in your root ",(0,r.jsx)(o.code,{children:".css"})," file.\nOr if you only want a single variant e.g. ",(0,r.jsx)(o.code,{children:"informational"})," you can import ",(0,r.jsx)(o.code,{children:'@import "@db-ui/foundations/build/css/color/classes/informational.css";'}),"."]}),"\n",(0,r.jsxs)(o.p,{children:["In case that you're either using a bundler (recommended) or importing the CSS within your JavaScript files, please adapt this ",(0,r.jsx)(o.code,{children:"@import"})," syntax accordingly."]}),"\n",(0,r.jsxs)(o.p,{children:["For ",(0,r.jsx)(o.code,{children:"SCSS"})," you need to use the import ",(0,r.jsx)(o.code,{children:"@use @db-ui/foundations/build/scss/color/placeholder"})," in your ",(0,r.jsx)(o.code,{children:".scss"})," file, where you need to reference the specific variable.\nThen you can use e.g. ",(0,r.jsx)(o.code,{children:"informational"})," color by extending our SCSS placeholders like this: ",(0,r.jsx)(o.code,{children:"@extend %db-bg-informational"}),"."]}),"\n",(0,r.jsx)(o.h3,{children:"How to use"}),"\n",(0,r.jsxs)(o.p,{children:["We're providing an ",(0,r.jsx)(o.a,{href:"./overview",children:"overview for all possible colors"}),"."]}),"\n",(0,r.jsxs)(o.p,{children:["There are several variants: ",(0,r.jsx)(o.code,{children:"base"}),", ",(0,r.jsx)(o.code,{children:"brand"}),", ",(0,r.jsx)(o.code,{children:"neutral"}),", ",(0,r.jsx)(o.code,{children:"critical"}),", ",(0,r.jsx)(o.code,{children:"informational"}),", ",(0,r.jsx)(o.code,{children:"successful"}),", ",(0,r.jsx)(o.code,{children:"warning"}),"."]}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsxs)(o.strong,{children:["We use ",(0,r.jsx)(o.code,{children:"XXX"})," here you should replace it with a variant from above."]})}),"\n",(0,r.jsxs)(o.table,{children:[(0,r.jsx)(o.thead,{children:(0,r.jsxs)(o.tr,{children:[(0,r.jsx)(o.th,{style:{textAlign:"center"},children:"Variant"}),(0,r.jsx)(o.th,{children:"CSS"}),(0,r.jsx)(o.th,{children:"SCSS"}),(0,r.jsx)(o.th,{children:"Tailwind"})]})}),(0,r.jsxs)(o.tbody,{children:[(0,r.jsxs)(o.tr,{children:[(0,r.jsx)(o.td,{style:{textAlign:"center"},children:(0,r.jsx)(o.code,{children:"XXX"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX"'})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:"@extend %db-bg-XXX"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX"'})})]}),(0,r.jsxs)(o.tr,{children:[(0,r.jsx)(o.td,{style:{textAlign:"center"},children:(0,r.jsx)(o.code,{children:"XXX-transparent-semi"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX-transparent-semi"'})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:"@extend %db-bg-XXX-transparent-semi"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX-transparent-semi"'})})]}),(0,r.jsxs)(o.tr,{children:[(0,r.jsx)(o.td,{style:{textAlign:"center"},children:(0,r.jsx)(o.code,{children:"XXX-transparent-full"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX-transparent-full"'})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:"@extend %db-bg-XXX-transparent-full"})}),(0,r.jsx)(o.td,{children:(0,r.jsx)(o.code,{children:'class="db-bg-XXX-transparent-full"'})})]})]})]}),"\n",(0,r.jsx)(o.h3,{children:"Dark- & Light-Mode"}),"\n",(0,r.jsxs)(o.p,{children:["We provide tokens for both dark- and light-mode. If you include the ",(0,r.jsx)(o.code,{children:"db-ui-42"})," style you get a media query ",(0,r.jsx)(o.code,{children:"@media (prefers-color-scheme: dark)"})," with the relevant tokens. You can ",(0,r.jsx)(o.a,{href:"https://developer.chrome.com/docs/devtools/rendering/emulate-css/",children:"emulate"})," the modes inside the devtools.\nWe recommend using the default media query based on the user preference, but if you want to force a mode for your page or a container you can do it with adding the attributes ",(0,r.jsx)(o.code,{children:'data-color-scheme="dark"'})," or ",(0,r.jsx)(o.code,{children:'data-color-scheme="light"'}),":"]}),"\n",(0,r.jsx)(o.h4,{children:"HTML"}),"\n",(0,r.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,r.jsxs)(o.p,{children:["We're providing an example in our ",(0,r.jsx)(o.a,{href:"./color-schemes",children:"color schemes documentation"}),"."]}),"\n",(0,r.jsxs)(o.p,{children:["We need to set the ",(0,r.jsx)(o.code,{children:"base"})," background to the element with ",(0,r.jsx)(o.code,{children:"[data-color-scheme]"})," so if you want to change the background to another color, make sure to use a wrapping tag like ",(0,r.jsx)(o.code,{children:"div"})," with the ",(0,r.jsx)(o.code,{children:"[data-color-scheme]"})," to avoid issues."]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,c.a)(),...e.components};return o?(0,r.jsx)(o,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let u=e=>{let{children:o}=e;return(0,r.jsx)(t.Z,{children:o})};function x(e){return(0,r.jsx)(h,{})}function j(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...e,children:(0,r.jsx)(x,{...e})})}}},function(e){e.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return e(e.s=35255)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js
new file mode 100644
index 00000000000..6c93bafcc48
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15736],{10029:function(o,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/custom-icons",function(){return n(55979)}])},55979:function(o,e,n){"use strict";n.r(e),n.d(e,{default:function(){return f}});var t=n(52322),s=n(66503),c=n(45392),r=n(65854);let l={annotations:r.ds,Code:r.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function a(o){let e={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,c.a)(),...o.components};return l||p("CH",!1),l.Code||p("CH.Code",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.jsx)(e.h1,{children:"Custom Icons"}),"\n",(0,t.jsxs)(e.p,{children:["If you have custom icons and want to use them for ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," and/or in ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"}),", you need to generate a ",(0,t.jsx)(e.code,{children:"woff2"})," file."]}),"\n",(0,t.jsx)(e.h2,{children:"Generate"}),"\n",(0,t.jsx)(e.p,{children:"For this run:"}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npx ",props:{style:{color:"#D8DEE9FF"}}},{content:"@db-ui/gif --src ./my-path-to/icons --fontName my-name",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["We search for all ",(0,t.jsx)(e.code,{children:"**/*.svg"})," files inside the ",(0,t.jsx)(e.code,{children:"src"})," directory and create a new icon font with the provided name. You can preview all generated icons here: ",(0,t.jsx)(e.code,{children:"./my-path-to/icons/fonts/all/index.html"}),"."]}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:(0,t.jsx)(e.em,{children:"NOTE:"})}),' We use four different sizes for components (16, 20, 24, 32) to show more or less details. You can do the same by providing another file with a size suffix for example "icon_file_name_16.svg".']}),"\n"]}),"\n",(0,t.jsx)(e.p,{children:"For more information run:"}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npx ",props:{style:{color:"#D8DEE9FF"}}},{content:"@db-ui/gif --help",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,t.jsx)(e.h2,{children:"How to use"}),"\n",(0,t.jsx)(e.p,{children:"In your app you need to include some of the generated files:"}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"./my-path-to/icons/fonts/my-name.woff2 ./my-path-to/icons/fonts/font-face.css",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:(0,t.jsx)(e.em,{children:"NOTE:"})})," In case you put the files in a separate folder of your ",(0,t.jsx)(e.code,{children:"public"})," directory be aware to adopt the path in your generated ",(0,t.jsx)(e.code,{children:"font-face.css"})," file: ",(0,t.jsx)(e.code,{children:'url("/{YOUR_FOLDER}}/my-name.woff2?t=1698750286189") format("woff2");'})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["Now you can use your icons with your ",(0,t.jsx)(e.code,{children:"font-family: my-name"}),", e.g.:"]}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,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,t.jsx)(e.h3,{children:"SCSS"}),"\n",(0,t.jsxs)(e.p,{children:["When using ",(0,t.jsx)(e.code,{children:"scss"})," you can also use ",(0,t.jsx)(e.code,{children:"@forward"})," to include the generated files:"]}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@forward ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"public/font-face",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,t.jsx)(e.h3,{children:"data-icon"}),"\n",(0,t.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,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{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,t.jsx)(e.h3,{children:"CSS"}),"\n",(0,t.jsx)(e.p,{children:"You can overwrite custom-icons for our components with CSS as well:"}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"db-button ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" --db-icon-font-family",props:{style:{color:"#D8DEE9FF"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"my-name",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"css"},annotations:[]}]}),"\n",(0,t.jsx)(e.h2,{children:"Foundation Developer"}),"\n",(0,t.jsxs)(e.p,{children:["If you update a ",(0,t.jsx)(e.code,{children:"svg"})," inside ",(0,t.jsx)(e.code,{children:"assets/icons/functional/images"})," you need to recreate the ",(0,t.jsx)(e.code,{children:"woff2"})," file."]}),"\n",(0,t.jsx)(e.p,{children:"For this you just need to run"}),"\n",(0,t.jsx)(l.Code,{codeConfig:i,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,t.jsxs)(e.p,{children:["Your new icon should be inside ",(0,t.jsx)(e.code,{children:"assets/icons/functional/fonts/info.json"})," and you should see it inside ",(0,t.jsx)(e.code,{children:"assets/icons/functional/fonts/index.html"})," in the browser."]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...o.components};return e?(0,t.jsx)(e,{...o,children:(0,t.jsx)(a,{...o})}):a(o)}function p(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,t.jsx)(s.Z,{children:e})};function u(o){return(0,t.jsx)(d,{})}function f(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(h,{...o,children:(0,t.jsx)(u,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=10029)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js
new file mode 100644
index 00000000000..d3481215cf7
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71859],{98863:function(e,a,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/overview",function(){return i(72578)}])},72578:function(e,a,i){"use strict";i.r(a),i.d(a,{default:function(){return c}});var t=i(52322),r=i(2784),n=i(66503),o=i(37426);let _=["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","document_check","done","download","drag_and_drop","edit","face_delighted","face_disappointed","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","log_out","logbook","minus","piggybank","pin","print","push_button","remove","resize","resize_handle_corner","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","fast_backward_30","fast_backward_empty","fast_forward_10","fast_forward","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","dog","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","navigation_straight","navigation_to_left","navigation_to_right","navigation_u_turn","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","qr_code_scan","return_journey","ticket","ticket_discount","ticket_multiple","ticket_subscription","time_outward_journey","time_return_journey","timetable","travel_insurance","airplane_inverted","bicycle_inverted","bicycle_trailer_inverted","call_a_bike_inverted","car_inverted","carsharing_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","s_bahn_inverted","scooter_inverted","speedboat_inverted","subway_inverted","taxi_inverted","train_and_car_inverted","tram_inverted","walking_fast_inverted","walking_inverted","airplane","bicycle","bicycle_trailer","call_a_bike","car","car_sequence","carsharing","electric_locomotive","electric_scooter","ev_car","ferry","handcart","ice","ice_side_view","intercity_train","local_bus","local_train","long_distance_bus","rail_and_fly","railroad_car","s_bahn","scooter","sev","speedboat","sprinter","subway","taxi","train_and_car","tram","walking","walking_fast"];var c=()=>{let[e,a]=(0,r.useState)("24"),[i,c]=(0,r.useState)("default"),[l,s]=(0,r.useState)("");return(0,t.jsxs)(n.Z,{children:[(0,t.jsx)("h1",{children:"Color Overview"}),(0,t.jsxs)("p",{children:["We don't provide all icons with family ",(0,t.jsx)("code",{children:"solid"})]}),(0,t.jsx)("div",{className:"icons-filter-container",children:(0,t.jsxs)("search",{children:[(0,t.jsx)(o.aq,{label:"Search",type:"search",onChange:e=>{s(e.target.value)}}),(0,t.jsx)(o.kr,{label:"Icon weight",value:e,onChange:e=>{a(e.target.value)},children:[16,20,24,32].map(e=>(0,t.jsx)("option",{value:e,children:e}))}),(0,t.jsx)(o.kr,{label:"Icon family",value:i,onChange:e=>{c(e.target.value)},children:["default","solid"].map(e=>(0,t.jsx)("option",{value:e,children:e}))})]})}),(0,t.jsx)("div",{className:"icons-overview-container",style:{"--db-icon-font-family":"db-ux-".concat(i),"--db-icon-font-weight":e,"--db-icon-font-size":"".concat(e,"px")},children:_.filter(e=>e.includes(l)).map(e=>(0,t.jsxs)(o.f,{spacing:"small",children:[(0,t.jsx)(o.Pg,{icon:e,children:e}),(0,t.jsx)(o.EZ,{variant:"informational",icon:"none",children:e})]}))})]})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=98863)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js
new file mode 100644
index 00000000000..becc42c11d9
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58467],{97775:function(e,n,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/readme",function(){return o(26558)}])},26558:function(e,n,o){"use strict";o.r(n),o.d(n,{default:function(){return h}});var r=o(52322),t=o(66503),i=o(45392);function s(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{children:"Icons"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["We use icon fonts as ",(0,r.jsx)(n.code,{children:"woff2"})," files for all our icons."]}),"\n",(0,r.jsxs)(n.li,{children:["We auto generate these files out of ",(0,r.jsx)(n.code,{children:".svg"})," files."]}),"\n",(0,r.jsxs)(n.li,{children:["A lot of our ",(0,r.jsx)(n.a,{href:"../../components/readme",children:"components"})," have an ",(0,r.jsx)(n.code,{children:"icon"})," property you can pass in."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"How to include icons"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"}),", ",(0,r.jsx)(n.code,{children:"SCSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,r.jsx)(n.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,r.jsx)(n.h3,{children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing an ",(0,r.jsx)(n.a,{href:"./overview",children:"overview for all of our icons"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["You can add an icon before or after a tag, by adding an ",(0,r.jsx)(n.code,{children:"data-"})," attribute to your HTML code, like for example:"]}),"\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:"Variant"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Data"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"before"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon="icon-from-overview"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"after"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon-after="icon-from-overview"'})})]})]})]}),"\n",(0,r.jsx)(n.h2,{children:"Custom Icons"}),"\n",(0,r.jsxs)(n.p,{children:["If you have custom icons and want to use them for foundations and/or in components, you need to generate a ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"./CustomIcons.md",children:"More information"})})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let d=e=>{let{children:n}=e;return(0,r.jsx)(t.Z,{children:n})};function l(e){return(0,r.jsx)(c,{})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=97775)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/readme-1fd8214808dc398b.js b/version/v0.0.61/_next/static/chunks/pages/foundations/readme-1fd8214808dc398b.js
new file mode 100644
index 00000000000..37d89db9afc
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/readme-1fd8214808dc398b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66559],{89236:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return e(68013)}])},68013:function(o,t,e){"use strict";e.r(t),e.d(t,{default:function(){return E}});var n=e(52322),s=e(66503),r=e(45392),c=e(65854);let l={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={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...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)(t.h1,{children:"@db-ui/foundations"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,n.jsx)(t.a,{href:"https://github.com/prettier/prettier",children:(0,n.jsx)(t.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,n.jsx)(t.a,{href:"https://conventionalcommits.org",children:(0,n.jsx)(t.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,n.jsx)(t.a,{href:"https://makeapullrequest.com",children:(0,n.jsx)(t.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,n.jsxs)(t.p,{children:["A library containing all tokens (colors, icons, variables) of ",(0,n.jsx)(t.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,n.jsx)(t.p,{children:"We currently support:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#css",children:"CSS"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#scss",children:"SCSS"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{children:"Install"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,n.jsx)(t.h2,{children:"Usage"}),"\n",(0,n.jsxs)(t.p,{children:["The defaults for ",(0,n.jsx)(t.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,n.jsx)(t.code,{children:"regular"})]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,n.jsx)(t.code,{children:"base"})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{children:"CSS"}),"\n",(0,n.jsxs)(t.p,{children:["Default assets path for ",(0,n.jsx)(t.code,{children:"db-ui-foundations.css"})," is ",(0,n.jsx)(t.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,n.jsx)(t.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/colors/classes/all.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)(t.h3,{children:"SCSS"}),"\n",(0,n.jsx)(t.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Default: points to ",(0,n.jsx)(t.code,{children:"../assets"})]}),"\n",(0,n.jsxs)(t.li,{children:["Webpack: points to ",(0,n.jsx)(t.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,n.jsxs)(t.li,{children:["Rollup: points to ",(0,n.jsx)(t.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:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/icons",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",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:";",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/colors/classes/all",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{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",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:"#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)(t.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)(t.h2,{children:"Deutsche Bahn brand"}),"\n",(0,n.jsxs)(t.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)(t.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)(t.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)(t.h2,{children:"Contributions"}),"\n",(0,n.jsxs)(t.p,{children:["Contributions are very welcome, please refer to the ",(0,n.jsx)(t.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,n.jsx)(t.h2,{children:"Code of conduct"}),"\n",(0,n.jsxs)(t.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)(t.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,n.jsx)(t.h2,{children:"License"}),"\n",(0,n.jsxs)(t.p,{children:["This project is licensed under ",(0,n.jsx)(t.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(i,{...o})}):i(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}let h=o=>{let{children:t}=o;return(0,n.jsx)(s.Z,{children:t})};function u(o){return(0,n.jsx)(a,{})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(h,{...o,children:(0,n.jsx)(u,{...o})})}}},function(o){o.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return o(o.s=89236)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js b/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js
new file mode 100644
index 00000000000..2cfafef61a3
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35585],{68406:function(e,a,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/examples",function(){return i(24370)}])},24370:function(e,a,i){"use strict";i.r(a);var s=i(52322),l=i(66503),n=i(37426);let r=["functional","regular","expressive"];a.default=()=>(0,s.jsxs)(l.Z,{children:[(0,s.jsx)("h1",{children:"Tonality Examples"}),(0,s.jsx)("p",{children:'Open "inspect" to see the different spacings & sizing applied to the cards and components.'}),(0,s.jsx)("h2",{children:"Example side by side:"}),(0,s.jsxs)("div",{className:"tonality-example-grid",children:[r.map(e=>(0,s.jsx)("h3",{children:e},"grid-headline-".concat(e))),r.map(e=>(0,s.jsx)("article",{"data-tonality":e,children:(0,s.jsxs)(n.f,{spacing:"small",children:[(0,s.jsx)("h4",{children:"Login"}),(0,s.jsx)("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),(0,s.jsx)(n.aq,{label:"Username"}),(0,s.jsx)(n.aq,{label:"Password",type:"password"}),(0,s.jsx)(n.Y1,{width:"full",variant:"primary",children:"Login"})]})},"grid-card-".concat(e)))]}),(0,s.jsx)("h2",{children:"Example multiple tonalities working together:"}),(0,s.jsxs)("div",{className:"tonality-example-page",children:[(0,s.jsxs)("div",{className:"tonality-example-page-functional","data-tonality":"functional",children:[(0,s.jsx)(n.f,{colorVariant:"neutral",spacing:"small",children:"We are functional"}),(0,s.jsx)(n.f,{colorVariant:"informational",spacing:"small",children:"even that we have"}),(0,s.jsx)(n.f,{colorVariant:"successful",spacing:"small",children:"a color"}),(0,s.jsx)(n.f,{colorVariant:"warning",spacing:"small",children:"the user shouldn't"}),(0,s.jsx)(n.f,{colorVariant:"critical",spacing:"small",children:"focus us"})]}),(0,s.jsx)("div",{className:"tonality-example-page-expressive","data-tonality":"expressive",children:(0,s.jsx)(n.f,{spacing:"medium",children:"I'm expressive the user should focus me first"})}),(0,s.jsxs)("div",{className:"tonality-example-page-regular","data-tonality":"regular",children:[(0,s.jsx)(n.f,{spacing:"small",children:"We"}),(0,s.jsx)(n.f,{spacing:"small",children:"are"}),(0,s.jsx)(n.f,{spacing:"small",children:"regular"})]})]})]})}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=68406)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js b/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js
new file mode 100644
index 00000000000..2e7e79d9993
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77656],{75664:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/readme",function(){return o(65235)}])},65235:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return x}});var n=o(52322),r=o(66503),c=o(45392),s=o(65854);let i={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,c.a)(),...e.components};return i||h("CH",!1),i.Code||h("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.h1,{children:"Tonalities"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["You could use ",(0,n.jsx)(t.code,{children:"Tonalities"}),' to create visual "volume levels"']}),"\n",(0,n.jsx)(t.li,{children:"You could change the appearance of a container rather than a component"}),"\n",(0,n.jsxs)(t.li,{children:["Best example is the navigation on our ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/",children:"main page"}),'. Above the navigation is a smaller meta-navigation and even the component inside is smaller as well as all the spacings. The meta-navigation is above the real navigation, but focus of the user is on the real navigation, because the meta-navigation has less "volume"']}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["There are three different ",(0,n.jsx)(t.code,{children:"Tonalities"}),", you can use them to change the volume of a specific container or even the entire page based on the use-case, so change the default ",(0,n.jsx)(t.code,{children:"tonality"})," when:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"functional"}),": e.g. use this for business apps with large tables"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"regular"}),": e.g. use this for normal consumer apps"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"expressive"}),": e.g. use this for marketing apps/ single pages"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{children:"How to include"}),"\n",(0,n.jsxs)(t.p,{children:["For ",(0,n.jsx)(t.code,{children:"CSS"}),", ",(0,n.jsx)(t.code,{children:"SCSS"})," and ",(0,n.jsx)(t.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,n.jsx)(t.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,n.jsx)(t.h3,{children:"How to use"}),"\n",(0,n.jsxs)(t.p,{children:["We're providing ",(0,n.jsx)(t.a,{href:"./examples",children:"examples"})," to see the differences."]}),"\n",(0,n.jsxs)(t.p,{children:["We set the ",(0,n.jsx)(t.code,{children:"data-tonality"})," on a container like a ",(0,n.jsx)(t.code,{children:"div"}),":"]}),"\n",(0,n.jsx)(i.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Test",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBInput ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Test",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Variants:"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"center"},children:"Variant"}),(0,n.jsx)(t.th,{children:"CSS/SCSS/Tailwind"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"center"},children:(0,n.jsx)(t.code,{children:"functional"})}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.code,{children:'data-tonality="functional"'})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsxs)(t.td,{style:{textAlign:"center"},children:[(0,n.jsx)(t.code,{children:"regular"})," (default)"]}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.code,{children:'data-tonality="regular"'})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"center"},children:(0,n.jsx)(t.code,{children:"expressive"})}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.code,{children:'data-tonality="expressive"'})})]})]})]}),"\n",(0,n.jsxs)(t.p,{children:["To change the ",(0,n.jsx)(t.code,{children:"tonality"})," of the entire page use:"]}),"\n",(0,n.jsx)(i.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"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}function h(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let p=e=>{let{children:t}=e;return(0,n.jsx)(r.Z,{children:t})};function u(e){return(0,n.jsx)(a,{})}function x(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,{...e,children:(0,n.jsx)(u,{...e})})}}},function(e){e.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return e(e.s=75664)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js b/version/v0.0.61/_next/static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js
new file mode 100644
index 00000000000..90b80f7c98f
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25649],{50885:function(i,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/examples",function(){return s(53367)}])},53367:function(i,e,s){"use strict";s.r(e);var n=s(52322),a=s(66503),l=s(70849),c=s(37252),r=s(18811),d=s(62540);e.default=()=>(0,n.jsxs)(a.Z,{children:[(0,n.jsx)("h1",{children:"Variable Examples"}),(0,n.jsx)("blockquote",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:'Some of the variables are "missused" to visualize the effect of e.g. a padding.'}),(0,n.jsx)("li",{children:"All orange containers should symbolize the used variable."}),(0,n.jsx)("li",{children:"Don't use it like this in a real app. \uD83D\uDCA2For example `width: var(--db-spacing-fixed-md)`\uD83D\uDCA5"})]})}),["Spacing fixed","Spacing responsive","Sizing"].map(i=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{children:i}),(0,n.jsx)("div",{className:"example-container",children:["functional","regular","expressive"].map(e=>(0,n.jsxs)(c.f,{className:"example-item db-ui-".concat(e),spacing:"small",children:[(0,n.jsx)(l.E,{icon:"none",variant:"informational",children:e}),(0,n.jsxs)("div",{className:"example-".concat(i.toLowerCase().replace(/ /g,"-")),children:["Spacing fixed"===i&&(0,n.jsxs)("div",{children:[(0,n.jsx)(r.P,{icon:"account",children:"Account"}),(0,n.jsx)("span",{children:"gap:db-spacing-fixed-xl"}),(0,n.jsx)(r.P,{icon:"edit",children:"Edit"}),(0,n.jsx)("div",{className:"gap1",children:"xl"}),(0,n.jsx)("div",{className:"gap2",children:"xl"})]}),"Spacing responsive"===i&&(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"margin1",children:"sm"}),(0,n.jsx)("span",{children:"margin-inline:db-spacing-responsive-sm"}),(0,n.jsx)("div",{className:"margin2",children:"sm"})]}),"Sizing"===i&&(0,n.jsxs)("div",{children:[(0,n.jsx)(d.Y,{children:"height: sm"}),(0,n.jsx)("div",{className:"sizing",children:"sm"})]})]})]}))})]}))]})}},function(i){i.O(0,[23019,37426,66503,49774,92888,40179],function(){return i(i.s=50885)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js b/version/v0.0.61/_next/static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js
new file mode 100644
index 00000000000..590bff2d23d
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84454],{70540:function(e,d,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/readme",function(){return s(33581)}])},33581:function(e,d,s){"use strict";s.r(d),s.d(d,{default:function(){return t}});var i=s(52322),n=s(66503),c=s(45392);function r(e){let d={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,c.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.h1,{children:"Variables"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsx)(d.li,{children:"You use Variables to style your pages and custom components."}),"\n",(0,i.jsx)(d.li,{children:"The Variables are primarily for paddings, margins and all kinds of sizes."}),"\n",(0,i.jsxs)(d.li,{children:["All variables are automatically predefined with the correct variable based on the ",(0,i.jsx)(d.a,{href:"../tonalities/readme",children:"tonality"}),"."]}),"\n",(0,i.jsx)(d.li,{children:'Based on the tonality and the selected theme, the "real" value behind the variable can change.'}),"\n"]}),"\n",(0,i.jsx)(d.h2,{children:"How to include variables"}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"CSS"})," and ",(0,i.jsx)(d.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,i.jsx)(d.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"SCSS"})," you need to ",(0,i.jsx)(d.code,{children:"@use"})," the import ",(0,i.jsx)(d.code,{children:"@use @db-ui/foundations/build/scss/variables"})," in your ",(0,i.jsx)(d.code,{children:".scss"})," file, where you want to reference the specific variable."]}),"\n",(0,i.jsx)(d.h2,{children:"Simple overview for advanced"}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Variable type"}),(0,i.jsx)(d.th,{children:"T-Shirts \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"Base"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing fixed"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"3xs"}),", ",(0,i.jsx)(d.code,{children:"2xs"}),", ",(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing responsive"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"sizing"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"}),", ",(0,i.jsx)(d.code,{children:"2xl"}),", ",(0,i.jsx)(d.code,{children:"3xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{children:"Spacing fixed"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing fixed"})," to add margins, paddings, gaps, etc."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsx)(d.li,{children:"Those are the main variables you use all the time to build your page or component."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings fixed examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-3xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-3xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-2xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-2xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{children:"Spacing responsive"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing responsive"})," to add spacings which should change based on the users' device."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsxs)(d.li,{children:["Best example would be the padding for your ",(0,i.jsx)(d.code,{children:"main"})," region which should be larger on a desktop device than mobile."]}),"\n",(0,i.jsxs)(d.li,{children:["We recommend using ",(0,i.jsx)(d.code,{children:"DBSection"})," from our ",(0,i.jsx)(d.a,{href:"../../components/readme",children:"components library"}),". The component handles the responsive Layout for your app, you don't have to struggle which spacing would be the correct one."]}),"\n"]}),"\n",(0,i.jsx)(d.h3,{children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings responsive examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{children:"Sizing"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"sizing"})," to set a fixed height to components (Button, Input, ...)."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"padding"})," or ",(0,i.jsx)(d.code,{children:"margin"})," except for absolute elements inside a component with a fixed height."]}),"\n",(0,i.jsx)(d.li,{children:"You should use a sizing variable if you want to align a custom component with another component, which has a fixed height."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"height"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"sizings examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-2xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-2xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-3xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-3xl"})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:d}={...(0,c.a)(),...e.components};return d?(0,i.jsx)(d,{...e,children:(0,i.jsx)(r,{...e})}):r(e)}let h=e=>{let{children:d}=e;return(0,i.jsx)(n.Z,{children:d})};function x(e){return(0,i.jsx)(l,{})}function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(h,{...e,children:(0,i.jsx)(x,{...e})})}}},function(e){e.O(0,[23019,37426,66503,49774,92888,40179],function(){return e(e.s=70540)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/iframe-6f27a4b14af22f62.js b/version/v0.0.61/_next/static/chunks/pages/iframe-6f27a4b14af22f62.js
new file mode 100644
index 00000000000..6670ab024fa
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/iframe-6f27a4b14af22f62.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64614],{60359:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/iframe",function(){return n(26109)}])},26109:function(e,a,n){"use strict";n.r(a),n.d(a,{default:function(){return u}});var s=n(52322),c=n(48834),r=n(5632),l=n(2784),t=n(79750),i=n(14918),o=n(37426);let d=new Set(["marketingportal.extranet.deutschebahn.com"]),h=e=>{let{type:a,content:n,index:c,props:r,className:l}=e,m=Array.isArray(n)?n.map((e,a)=>(0,s.jsx)(h,{index:"".concat(c,"-").concat(a),type:e.type,content:e.content,props:e.props,className:e.className},"innerComponent-".concat(c,"-").concat(a))):n;if("h1"===a)return(0,s.jsx)("h1",{className:l,children:m});if("h2"===a)return(0,s.jsx)("h2",{className:l,children:m});if("h3"===a)return(0,s.jsx)("h3",{className:l,children:m});if("h4"===a)return(0,s.jsx)("h4",{className:l,children:m});if("p"===a)return(0,s.jsx)("p",{className:l,children:m});if("div"===a)return(0,s.jsx)("div",{className:l,children:m});if("flex"===a)return(0,s.jsx)("div",{className:"flex ".concat(null!=l?l:""),"data-variant":(null==r?void 0:r.column)?"column":"row",children:m});if("a"===a)try{let e=new URL("",r.href),a=e.host;if(d.has(a))return(0,s.jsx)("a",{className:l,href:r.href,target:r.target,children:m})}catch(e){console.error(e)}return"alert"===a?(0,s.jsx)(o.H3,{className:l,...r,children:m}):"brand"===a?(0,s.jsx)(o.mX,{className:l,...r,children:m}):"button"===a?(0,s.jsx)(o.Y1,{className:l,...r,children:m}):"card"===a?(0,s.jsx)(o.f,{className:l,...r,children:m}):"divider"===a?(0,s.jsx)(o.oH,{className:l,...r,children:m}):"header"===a?(0,s.jsx)(o.W4,{className:l,...r,children:m}):"icon"===a?(0,s.jsx)(o.Pg,{className:l,...r,children:m}):"infotext"===a?(0,s.jsx)(o.EZ,{className:l,...r,children:m}):"input"===a?(0,s.jsx)(o.aq,{className:l,...r,children:m}):"checkbox"===a?(0,s.jsx)(o.I3,{className:l,...r,children:m}):"radio"===a?(0,s.jsx)(o.an,{className:l,...r,children:m}):"link"===a?(0,s.jsx)(o.vB,{className:l,...r,children:m}):"section"===a?(0,s.jsx)(o.cN,{className:l,...r,children:m}):"textarea"===a?(0,s.jsx)(o.GI,{className:l,...r,children:m}):"select"===a?(0,s.jsx)(o.kr,{className:l,...r,children:m}):"tag"===a?(0,s.jsx)(o.k8,{className:l,...r,children:m}):"navigation-item"===a?(0,s.jsx)(o.pK,{className:l,...r,children:m}):"accordion"===a?(0,s.jsx)(o.aw,{className:l,...r,children:m}):"accordion-item"===a?(0,s.jsx)(o.kC,{className:l,...r,children:m}):"main-navigation"===a?(0,s.jsx)(o.Cc,{className:l,...r,children:m}):"badge"===a?(0,s.jsx)(o.aE,{className:l,...r,children:m}):"popover"===a?(0,s.jsx)(i.Z,{className:l,...r,children:m}):"tooltip"===a?(0,s.jsx)(t.Z,{className:l,...r,children:m}):(0,s.jsx)("span",{className:l,children:m})};var m=e=>{let{componentsString:a}=e,[n,c]=(0,l.useState)();return((0,l.useEffect)(()=>{try{c(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)(h,{index:a,type:e.type,content:e.content,props:e.props},"component-".concat(a)))}):(0,s.jsx)(o.EZ,{variant:"critical",children:"Wrong format"})},u=()=>{var e,a,n;let l=(0,r.useRouter)(),t=null!==(e=l.query.tonality)&&void 0!==e?e:"regular",i=null!==(a=l.query.color)&&void 0!==a?a:"neutral-0",o=null!==(n=l.query.components)&&void 0!==n?n:"",d=c.lW.from(o,"base64"),h=d.toString("utf8");return(0,s.jsx)("div",{className:"iframe-component-container db-ui-".concat(t," db-bg-").concat(i),children:(0,s.jsx)(m,{componentsString:h})})}},5632:function(e,a,n){e.exports=n(65123)}},function(e){e.O(0,[48834,37426,49774,92888,40179],function(){return e(e.s=60359)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/pages/index-a6272dd120d6d30a.js b/version/v0.0.61/_next/static/chunks/pages/index-a6272dd120d6d30a.js
new file mode 100644
index 00000000000..41e0fe75a89
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/pages/index-a6272dd120d6d30a.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{53525:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(50979)}])},50979:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return j}});var s=n(52322),r=n(66503),i=n(45392),l=n(65854);let o={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(e){let t={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return o||a("CH",!1),o.Code||a("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","\n","\n",(0,s.jsx)(t.p,{children:" "}),"\n",(0,s.jsx)(t.h1,{children:"DB UI Mono (Alpha) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,s.jsx)(t.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,s.jsx)(t.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,s.jsx)(t.a,{href:"https://github.com/prettier/prettier",children:(0,s.jsx)(t.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,s.jsx)(t.a,{href:"https://github.com/xojs/xo",children:(0,s.jsx)(t.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,s.jsx)(t.a,{href:"http://makeapullrequest.com",children:(0,s.jsx)(t.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,s.jsx)(t.a,{href:"CODE-OF-CONDUCT.md",children:(0,s.jsx)(t.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,s.jsx)(t.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,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.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,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsxs)(t.a,{href:"https://caniuse.com/css-has",children:["CSS: ",(0,s.jsx)(t.code,{children:":has"})]})}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsxs)(t.a,{href:"https://caniuse.com/mdn-api_htmlinputelement_popovertargetaction",children:[(0,s.jsx)(t.code,{children:"popover"}),"-attribute"]}),"(not in use by us currently, but planned)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"Packages"}),"\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:"Package"}),(0,s.jsx)(t.th,{children:"Content"}),(0,s.jsx)(t.th,{style:{textAlign:"left"},children:"Version"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/tree/main/packages/foundations",children:"foundations"})}),(0,s.jsx)(t.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,s.jsx)(t.td,{style:{textAlign:"left"},children:(0,s.jsx)(t.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,s.jsx)(t.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components",children:"components"})}),(0,s.jsx)(t.td,{children:"CSS/SCSS styles for components"}),(0,s.jsx)(t.td,{style:{textAlign:"left"},children:(0,s.jsx)(t.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,s.jsx)(t.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/tree/main/output/angular",children:"ngx-components"})}),(0,s.jsx)(t.td,{children:"Native Angular components"}),(0,s.jsx)(t.td,{style:{textAlign:"left"},children:(0,s.jsx)(t.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,s.jsx)(t.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/tree/main/output/react",children:"react-components"})}),(0,s.jsx)(t.td,{children:"Native React components"}),(0,s.jsx)(t.td,{style:{textAlign:"left"},children:(0,s.jsx)(t.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,s.jsx)(t.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/tree/main/output/vue/vue3",children:"v-components"})}),(0,s.jsx)(t.td,{children:"Native Vue components"}),(0,s.jsx)(t.td,{style:{textAlign:"left"},children:(0,s.jsx)(t.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,s.jsx)(t.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,s.jsx)(t.h2,{children:"How to use"}),"\n",(0,s.jsxs)(t.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,s.jsx)(t.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,s.jsxs)(t.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,s.jsx)(t.a,{href:"https://github.com/db-ui/examples",children:"examples"}),"."]}),"\n",(0,s.jsx)(t.h2,{children:"Components"}),"\n",(0,s.jsxs)(t.p,{children:["We both maintain a ",(0,s.jsx)(t.a,{href:"https://github.com/orgs/db-ui/projects/4/views/1",children:"public backlog"}),", as well as an overview of all components you can use:"]}),"\n","\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:"Category"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Planned for beta"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/accordion/overview",children:"Accordion"})}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/alert/overview",children:"Alert"})}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Avatar"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Backdrop"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/badge/overview",children:"Badge"})}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Bottom-Navigation"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Breadcrumbs"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/brand/overview",children:"Brand"})}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/button/overview",children:"Button"})}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Button-Group"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/card/overview",children:"Card"})}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Carousel"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/checkbox/overview",children:"Checkbox"})}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Combobox"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Container"}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Date-Picker"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/divider/overview",children:"Divider"})}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/drawer/overview",children:"Drawer"})}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Dropdown"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Floating-Button"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Footer"}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Grid"}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Header"}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/icon/overview",children:"Icons"})}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Image"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Indicator"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/infotext/overview",children:"Infotext"})}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/input/overview",children:"Input"})}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/link/overview",children:"Link"})}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"List-Item"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Menu"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Modal"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/navigation-item/overview",children:"NavigationItem"})}),(0,s.jsx)(t.td,{children:"05 - Navigation"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Notification"}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Numbers-Field"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Pagination"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Popover"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Progress"}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/radio/overview",children:"Radio"})}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Rating"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/section/overview",children:"Section"})}),(0,s.jsx)(t.td,{children:"01 - Layout"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/select/overview",children:"Select"})}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Beta"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Skeleton"}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Slider"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Spinner"}),(0,s.jsx)(t.td,{children:"05 - Feedback"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Stack/List"}),(0,s.jsx)(t.td,{children:"06 - Utility"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Stepper"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Switch"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Table"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Tabs"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/tag/overview",children:"Tag"})}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Text"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/components/textarea/overview",children:"Textarea"})}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"Alpha"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"✅"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Timeline"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Time-Picker"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Toggle-Button"}),(0,s.jsx)(t.td,{children:"02 - Action"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Tooltip"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Tree"}),(0,s.jsx)(t.td,{children:"04 - Data-Display"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"Upload"}),(0,s.jsx)(t.td,{children:"03 - Data-Input"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"})]})]})]}),"\n","\n",(0,s.jsx)(t.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,s.jsx)(t.h3,{children:"Warnings with ESLint"}),"\n",(0,s.jsxs)(t.p,{children:["Install ESLint plugin: ",(0,s.jsx)(t.code,{children:"npm i @db-ui/eslint-plugin"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"Add the plugin and rule to your configuration:"}),"\n",(0,s.jsx)(o.Code,{codeConfig:c,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,s.jsx)(t.h2,{children:"Core principals"}),"\n","\n",(0,s.jsxs)(t.p,{children:["DB UI Mono is part of ",(0,s.jsx)(t.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,s.jsxs)(t.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,s.jsx)(t.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,s.jsx)(t.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,s.jsxs)(t.p,{children:["As ",(0,s.jsx)(t.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,s.jsx)(t.h2,{children:"Things to keep in mind"}),"\n",(0,s.jsx)(t.h3,{children:"Developed for and driven by the community"}),"\n",(0,s.jsx)(t.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,s.jsx)(t.h2,{children:"How to start develop / contribute"}),"\n",(0,s.jsx)(o.Code,{codeConfig:c,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,s.jsxs)(t.p,{children:["Please mind the ",(0,s.jsx)(t.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,s.jsx)(t.h3,{children:"Versions"}),"\n",(0,s.jsxs)(t.p,{children:["All versions in all ",(0,s.jsx)(t.code,{children:"package.json"})," files are set to ",(0,s.jsx)(t.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,s.jsx)(t.h2,{children:"Give us your feedback!"}),"\n","\n","\n",(0,s.jsxs)(t.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,s.jsx)(t.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,s.jsx)(t.h2,{children:"Deutsche Bahn brand"}),"\n",(0,s.jsxs)(t.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,s.jsx)(t.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,s.jsx)(t.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,s.jsx)(t.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,s.jsxs)(t.p,{children:["This especially relates to the files in the directories ",(0,s.jsx)(t.code,{children:"/source/fonts/"}),", ",(0,s.jsx)(t.code,{children:"source/images"})," and ",(0,s.jsx)(t.code,{children:"source/samples"}),"\nand ",(0,s.jsx)(t.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,s.jsx)(t.h2,{children:"Development"}),"\n",(0,s.jsx)(t.h3,{children:"Tests"}),"\n",(0,s.jsx)(t.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,s.jsx)(t.h4,{children:"Component Tests"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Visual regression tests"})}),"\n",(0,s.jsx)(t.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,s.jsx)(t.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,s.jsx)(o.Code,{codeConfig:c,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,s.jsx)(t.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,s.jsx)(o.Code,{codeConfig:c,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,s.jsxs)(t.p,{children:["You can also use ",(0,s.jsx)(t.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["testing: ",(0,s.jsx)(t.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,s.jsxs)(t.li,{children:["update screenshots: ",(0,s.jsx)(t.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"Contributions"}),"\n",(0,s.jsxs)(t.p,{children:["Contributions are very welcome, please refer to the ",(0,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,s.jsx)(t.h2,{children:"Code of conduct"}),"\n",(0,s.jsxs)(t.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,s.jsx)(t.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,s.jsx)(t.h2,{children:"License"}),"\n",(0,s.jsxs)(t.p,{children:["This project is licensed under ",(0,s.jsx)(t.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2023 by DB Systel GmbH."]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}function a(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let x=e=>{let{children:t}=e;return(0,s.jsx)(r.Z,{children:t})};function p(e){return(0,s.jsx)(h,{})}function j(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(x,{...e,children:(0,s.jsx)(p,{...e})})}}},function(e){e.O(0,[64996,23019,37426,66503,49774,92888,40179],function(){return e(e.s=53525)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.61/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js b/version/v0.0.61/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js
new file mode 100644
index 00000000000..3858b79f103
--- /dev/null
+++ b/version/v0.0.61/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js
@@ -0,0 +1 @@
+!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=V("IE_PROTO"),$t=function(){},Vt=function(t){return"functional regular expressive base base-strong base-transparent-semi base-transparent-full neutral neutral-strong neutral-transparent-semi neutral-transparent-full brand brand-transparent-semi brand-transparent-full successful successful-transparent-semi successful-transparent-full critical critical-transparent-semi critical-transparent-full warning warning-transparent-semi warning-transparent-full informational informational-transparent-semi informational-transparent-full
Open IFrame