diff --git a/index.html b/index.html
index 88e078c..708e426 100644
--- a/index.html
+++ b/index.html
@@ -251,7 +251,7 @@
     </section>
   </main>
 
-  <script src="gnexus-ui-kit/dist/js/gnexus-ui-kit.js"></script>
+  <script src="js/gnexus-ui-kit.js"></script>
   <script>
     window.__ARTISTS__ = [
       { "name": "Маша (капитан)" },
diff --git a/js/gnexus-ui-kit.js b/js/gnexus-ui-kit.js
new file mode 100644
index 0000000..25d93fc
--- /dev/null
+++ b/js/gnexus-ui-kit.js
@@ -0,0 +1,64 @@
+var GNexusUIKit=(()=>{var T=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.prototype.hasOwnProperty;var ce=(e,t)=>{for(var a in t)T(e,a,{get:t[a],enumerable:!0})},le=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ie(t))!se.call(e,o)&&o!==a&&T(e,o,{get:()=>t[o],enumerable:!(n=oe(t,o))||n.enumerable});return e};var re=e=>le(T({},"__esModule",{value:!0}),e);var nt={};ce(nt,{Accordion:()=>k,Drawer:()=>M,Helper:()=>m,InputPatterns:()=>q,Modals:()=>g,NavigationShell:()=>x,Overlays:()=>A,Toasts:()=>N,advancedSelect:()=>b,confirmPopup:()=>S,default:()=>tt,editableString:()=>E});function de(e){let t="";for(let a of e){let n="",o="";a.route&&(n=`<a class="list-action" href="${a.route}">`,o="</a>"),t+=`
+			<li class="list-item ${a.is_active?"list-item-active":""}">
+				${n}${a.content}${o}
+			</li>
+		`}return`
+		<div class="sidebar block">
+			<ul class="list list-nav">
+				${t} 
+			</ul>
+		</div>
+	`}function ue(e,t,a,n){let o='<tr class="table-row">',s=0;for(let d in t)o+=`<th scope="col">${t[d]}</th>`,s++;o+="</tr>";let c="";for(let d of a){c+='<tr class="table-row">';for(let f in t)c+=`<td>${d[f]}</td>`;c+="</tr>"}let r="";typeof n!="undefined"&&(r=`
+			<tfoot class="table-foot">
+				<tr class="table-row">
+					<td colspan="${s}">
+						${n}
+					</td>
+				</tr>
+			</tfoot>
+		`);let i=e?`<caption class="table-caption">${e}</caption>`:"",l=a.length?`<thead class="table-head">${o}</thead>`:"";return c=a.length?c:'<tr><td class="is-empty">Empty</td></tr>',`
+		<div class="table-wrapper">
+			<table class="table data-list ${a.length?"":"table-empty"}">
+				${i}
+				${l}
+				<tbody class="table-body">${c}</tbody>
+				${r}
+			</table>
+		</div>
+	`}function R(e,t,a){let n=document.createElement(e);for(let[o,s]of Object.entries(t))o==="class"?n.className=s:o==="dataset"?Object.assign(n.dataset,s):n.setAttribute(o,s);return n.innerHTML=typeof a!="undefined"?a:"",n}function fe(e,t){return["primary","success","secondary","info","warning","error","danger"].indexOf(e)<0?console.error("createAlert()","Error of type: "+e):R("div",{class:`alert alert-${e}`},t)}function me(e,t={}){let a={};for(let n in e){if(typeof t[n]!="undefined"){a[t[n]]=e[n];continue}a[n]=e[n]}return a}function pe(e,t){if((e==null?void 0:e.isLoading)==t)return!1;if(t)e.isLoading=!0,e.originalContent=e.innerHTML,e.classList.contains("with-icon")?e.originalWithIcon=!0:e.classList.add("with-icon"),e.classList.add("loading-state"),e.setAttribute("disabled","disabled"),e.innerHTML='<i class="ph-bold ph-spinner"></i> Loading';else{if(e.isLoading=!1,!e.originalContent)return!1;e.removeAttribute("disabled"),e.classList.remove("loading-state"),e.originalWithIcon||e.classList.remove("with-icon"),e.innerHTML=e.originalContent}return e}function he(e,t){if((e==null?void 0:e.isLoading)==t)return!1;let a=e.querySelector(".status-icon");if(t)e.isLoading=!0,e.originalContent=a.innerHTML,e.classList.add("loading-state"),e.setAttribute("disabled","disabled"),a.innerHTML='<i class="ph-bold ph-spinner"></i>';else{if(e.isLoading=!1,!e.originalContent)return!1;e.removeAttribute("disabled"),e.classList.remove("loading-state"),a.innerHTML=e.originalContent}return e}function ve(e,t){return t=t!=null?t:"",`
+		<div class="container">
+			<div class="row adaptive g-6">
+				<div class="col sidebar-container">
+					${e}
+				</div>
+				<div class="col main-container w-100">
+					${t}
+				</div>
+			</div>
+		</div>
+	`}function ge(e){return e=="active"?'<span class="badge badge-success">Online</span>':'<span class="badge badge-warning">Offline</span>'}function ye(e){return e=="enabled"?'<span class="badge badge-success">Enabled</span>':'<span class="badge badge-primary">Disabled</span>'}function be(e){let t=new Date(e.replace(" ","T")),n=Math.floor((new Date-t)/1e3);if(n<60)return"less than a minute ago";let o=Math.floor(n/60),s=Math.floor(o/60),c=Math.floor(s/24);if(o<60)return`${o} minute${o!==1?"s":""} ago`;if(s<24){let r=o%60;return`${s} hour${s!==1?"s":""} ${r} minute${r!==1?"s":""} ago`}return`${c} day${c!==1?"s":""} ago`}function Ee(e){let t=new Date(e.replace(" ","T")),a=new Date,n=new Date(a.getFullYear(),a.getMonth(),a.getDate()),o=new Date(t.getFullYear(),t.getMonth(),t.getDate()),s=Math.floor((n-o)/864e5),c=String(t.getHours()).padStart(2,"0"),r=String(t.getMinutes()).padStart(2,"0");if(s===0)return`Today at ${c}:${r}`;if(s===1)return`Yesterday at ${c}:${r}`;let i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return`${t.getDate()} ${i[t.getMonth()]} ${t.getFullYear()} at ${c}:${r}`}function Se(){return`
+		<div class="circle-loader">
+			<i class="ph-bold ph-spinner normalize"></i>
+			Loading
+		</div>
+	`}function Le(){return`
+		<div class="empty-here">
+			<div class="icon"><i class="ph ph-placeholder normalize"></i></div>
+			<p class="text-msg">It's empty here yet</p>
+		</div>
+	`}var m={template:{sidebarNav:de,table:ue,createElement:R,createAlert:fe,mainTemplate:ve,connectionStatusBadge:ge,toogleStateBadge:ye,circleLoaderHTML:Se,emptyHereHTML:Le},unification:{fieldsUnification:me,timeAgo:be,formatDate:Ee},states:{btnLoadingState:pe,cardStatusLoadingState:he}};function we(e,t){if(t instanceof Node){e.append(t);return}let a=document.createElement("span");a.innerHTML=t,e.append(...a.childNodes)}function xe(e,t,a,n){let o=document.createElement("div");o.className=`toast toast-${e}`,o.setAttribute("role","alert");let s=document.createElement("div");s.className="toast-content";let c=document.createElement("h4");c.className="toast-title",we(c,t),c.append(document.createTextNode(` ${a!=null?a:""}`));let r=document.createElement("p");r.className="toast-text",r.textContent=n!=null?n:"";let i=document.createElement("button");return i.className="btn-icon toast-close",i.type="button",i.setAttribute("aria-label","Close"),i.textContent="\u2715",s.append(c,r),o.append(s,i),o}function Ae(e,t){if(t!=null&&t.alone&&document.querySelectorAll(".toast").forEach(a=>{var n;return(n=a.close)==null?void 0:n.call(a)}),e.close=function(){this.classList.add("a-hide"),setTimeout(()=>{this.remove()},300)},e.querySelector(".toast-close").addEventListener("click",a=>{e.close()}),e.show=function(){document.querySelector("body").append(e),setTimeout(()=>{e.classList.add("a-show")},10)},e.addEventListener("mouseover",a=>e.ishovered=!0),e.addEventListener("mouseout",a=>e.ishovered=!1),t!=null&&t.lifetime){let a=setInterval(()=>{e.ishovered||(e.close(),clearInterval(a))},t==null?void 0:t.lifetime)}return e}function v(e,t,a,n,o){return Ae(xe(e,t,a,n),o)}function $e(e,t,a){return typeof a=="undefined"&&(a={}),typeof a.lifetime=="undefined"&&(a.lifetime=4e3),typeof a.alone=="undefined"&&(a.alone=!0),v("success",'<i class="ph ph-check-circle"></i>',e,t,a)}function qe(e,t,a){return v("info",'<i class="ph ph-info"></i>',e,t,a)}function ke(e,t,a){return v("warning",'<i class="ph ph-warning"></i>',e,t,a)}function U(e,t,a){return v("danger",'<i class="ph ph-warning-octagon"></i>',e,t,a)}var N={create:v,createInfo:qe,createSuccess:$e,createWarning:ke,createError:U,createDanger:U};function y(e,t,a="html"){if(t instanceof Node){e.append(t);return}typeof t!="undefined"&&t!==null&&(a==="text"?e.textContent=t:e.innerHTML=t)}function Te(e,t,a,n={}){var f;let o=document.createElement("div");o.className="modal",o.setAttribute("aria-hidden","true"),o.id=e;let s=document.createElement("div");s.className="modal-backdrop";let c=document.createElement("div");c.className="modal-panel",c.setAttribute("role","dialog"),c.setAttribute("aria-modal","true"),c.setAttribute("aria-labelledby",`${e}-title`);let r=document.createElement("header");r.className="modal-header";let i=document.createElement("h4");i.className="modal-title",i.id=`${e}-title`,i.textContent=t;let l=document.createElement("button");l.className="btn-icon modal-close",l.type="button",l.setAttribute("aria-label","Close"),l.textContent="\u2715";let u=document.createElement("div");u.className="modal-body";let d=document.createElement("footer");return d.className="modal-footer",y(d,a,(f=n.footerMode)!=null?f:"html"),r.append(i,l),c.append(r,u,d),o.append(s,c),o}function Ne(e,t){return e.show=function(){document.querySelector("body").append(e),setTimeout(()=>{e.classList.add("a-show")},10)},e.close=function(){e.classList.add("a-hide"),setTimeout(()=>{e.remove()},300)},e.querySelector(".modal-close").addEventListener("click",a=>{e.close()}),typeof t=="function"&&t(e),e}function Ce(e,t){var r;t=t!=null?t:{};let a=t.title||"",n=t.footer||"",o=Te(e,a,n,t),s=o.querySelector(".modal-body"),c=o.querySelector(".modal-footer");if(typeof t.actions=="function"){let i=t.actions(o);if(Array.isArray(i)&&i[0]instanceof Node){let l=document.createElement("div");l.classList.add("actions");for(let u of i)l.append(u);c.append(l)}else i instanceof Node&&c.append(i)}if(typeof t.body=="function"){let i=t.body(o);y(s,i,(r=t.bodyMode)!=null?r:"html")}else typeof t.bodyText!="undefined"?y(s,t.bodyText,"text"):typeof t.bodyHtml!="undefined"&&y(s,t.bodyHtml,"html");return Ne(o,t==null?void 0:t.onready)}var g={create:Ce};function W(e){let t=e.querySelector(".focus");if(!t)return;let a=e.getBoundingClientRect(),n=t.getBoundingClientRect();n.top<a.top?e.scrollTop-=a.top-n.top:n.bottom>a.bottom&&(e.scrollTop+=n.bottom-a.bottom)}function C(e){e.advancedSelect.optionsElements.length-e.querySelectorAll(".option.hide").length==0?e.advancedSelect.showState("not-found"):e.advancedSelect.showState("options")}function H(e){return e.querySelector(".option:not(.hide)")}function He(e){return e.querySelector(".option:not(.hide):last-child")}function z(e,t,a){a&&(e.value=a.dataset.displayValue,e.blur(),e.dispatchEvent(new Event("input",{bubbles:!0})),e.dispatchEvent(new Event("change",{bubbles:!0})),t.advancedSelect.dispatchEvent("selected"),t.advancedSelect.closeList())}function b(e,t,a){let n=document.createElement("div");n.classList.add("advanced-select");let o=document.createElement("div");o.className="popup-options-container";let s=document.createElement("div");s.className="not-found",s.textContent=a!=null?a:"Nothing found";let c=document.createElement("div");c.className="options";for(let i in t){let l=document.createElement("div");l.className="option",l.dataset.value=i,l.dataset.displayValue=t[i],l.textContent=t[i],c.append(l)}o.append(s,c),n.append(o);let r=(i,l)=>{for(let u in l)if(l[u]==i){let d={};return d[u]=l[u],d}return!1};return n.advancedSelect={isOpened:!1,options:t,eventsHandlers:{openList:[],closeList:[],selected:[],changed:[]},openList:()=>{n.advancedSelect.isOpened=!0,n.classList.add("a-show"),C(n),n.advancedSelect.dispatchEvent("openList")},closeList:()=>{n.advancedSelect.isOpened=!1,n.classList.remove("a-show"),C(n),n.advancedSelect.dispatchEvent("closeList")},showState:i=>{i=="options"?(n.querySelector(".options").classList.add("show"),n.querySelector(".not-found").classList.remove("show")):i=="not-found"&&(n.querySelector(".options").classList.remove("show"),n.querySelector(".not-found").classList.add("show"))},optionsElements:n.querySelectorAll(".option"),value:()=>{let i=r(e.value,t);return{inputValue:e.value,isOption:!!i,option:i}},addEventListener:(i,l)=>{if(typeof n.advancedSelect.eventsHandlers[i]!="undefined")return n.advancedSelect.eventsHandlers[i].push(l);console.error("Advanced Select component.","addEventListener()","Invalid event name")},dispatchEvent:i=>{if(typeof n.advancedSelect.eventsHandlers[i]=="undefined")return console.error("Advanced Select component.","dispatchEvent()","Invalid event name");for(let l of n.advancedSelect.eventsHandlers[i])l(n)}},e.setAttribute("autocomplete","nope"),e.advancedSelect={value:()=>n.advancedSelect.value()},e.addEventListener("focus",i=>{n.advancedSelect.openList()}),e.addEventListener("blur",i=>{requestAnimationFrame(()=>{n.matches(":hover")||n.advancedSelect.closeList()})}),e.addEventListener("keydown",i=>{var l,u;if(i.key==="ArrowUp"){i.preventDefault();let d=n.querySelector(".option.focus");if(d){d.classList.remove("focus");let f=d.previousElementSibling;for(;f&&f.classList.contains("hide");)f=f.previousElementSibling;f||(f=H(n)),f==null||f.classList.add("focus")}else(l=He(n))==null||l.classList.add("focus");W(n)}else if(i.key==="ArrowDown"){i.preventDefault();let d=n.querySelector(".option.focus");if(d){d.classList.remove("focus");let f=d.nextElementSibling;for(;f&&f.classList.contains("hide");)f=f.nextElementSibling;f||(f=H(n)),f==null||f.classList.add("focus")}else(u=H(n))==null||u.classList.add("focus");W(n)}else if(i.key==="Enter"){i.preventDefault();let d=n.querySelector(".option.focus");z(e,n,d)}else i.key==="Escape"&&(n.advancedSelect.closeList(),e.blur())}),e.addEventListener("input",i=>{var u;let l=i.currentTarget.value.toLowerCase();l==""?n.advancedSelect.optionsElements.forEach(d=>d.classList.remove("hide")):([...n.advancedSelect.optionsElements].filter(d=>d.dataset.displayValue.toLowerCase().indexOf(l)!=-1).forEach(d=>d.classList.remove("hide")),[...n.advancedSelect.optionsElements].filter(d=>d.dataset.displayValue.toLowerCase().indexOf(l)==-1).forEach(d=>d.classList.add("hide")),C(n),(u=n.querySelector(".option.focus"))==null||u.classList.remove("focus"))}),e.addEventListener("change",i=>{n.advancedSelect.dispatchEvent("changed")}),[...n.advancedSelect.optionsElements].forEach(i=>{i.addEventListener("pointerdown",l=>{l.preventDefault(),z(e,n,l.currentTarget)})}),n}function Me(e,t){let a="Write something",n=t?`<textarea class="input" placeholder="${a}"></textarea>`:`<input type="text" class="input" placeholder="${a}">`;return`
+		<div class="editable-string-content">
+			<span class="editable-string">${e}</span>
+			<button class="btn-icon without-hover edit-text-btn"><i class="ph ph-pencil-simple"></i></button>
+		</div>
+		<div class="editable-string-form d-none">
+			<div class="form-group">
+				<label class="label">
+					${n}
+				</label>
+			</div>
+			<button class="btn-icon without-hover apply-changes-btn"><i class="ph ph-check"></i></button>
+			<button class="btn-icon without-hover cancel-changes-btn"><i class="ph ph-x"></i></button>
+		</div>
+	`}function E(e,t){t=t!=null?t:!1;let a=e.innerHTML,n=m.template.createElement("div",{class:"component editable-string-component"},Me(a,t));e.innerHTML="",e.append(n);let o=n.querySelector(".edit-text-btn"),s=n.querySelector(".apply-changes-btn"),c=n.querySelector(".cancel-changes-btn"),r=n.querySelector(".editable-string-content"),i=n.querySelector(".editable-string"),l=n.querySelector(".editable-string-form"),u=n.querySelector(".input");return n.editableString={formIsDisplaying:!1,value:a,input:u,eventsHandlers:{onChange:[],onSwitch:[]},switch:()=>{n.formIsDisplaying?(l.classList.add("d-none"),r.classList.remove("d-none"),i.innerText=n.editableString.value):(l.classList.remove("d-none"),r.classList.add("d-none"),u.value=n.editableString.value),n.formIsDisplaying=!n.formIsDisplaying,n.editableString.runEventHandler("onSwitch")},setValue:d=>{n.editableString.value=d,u.value=d,i.innerText=d},apply:()=>{n.editableString.value=u.value,n.editableString.switch(),u.value!=a&&n.editableString.runEventHandler("onChange")},onChange:d=>{n.editableString.eventsHandlers.onChange.push(d)},onSwitch:d=>{n.editableString.eventsHandlers.onSwitch.push(d)},runEventHandler:d=>{n.editableString.eventsHandlers[d].forEach(f=>f(n.editableString))}},o.addEventListener("click",d=>{n.editableString.switch()}),c.addEventListener("click",d=>{n.editableString.switch()}),s.addEventListener("click",d=>{n.editableString.apply()}),u.addEventListener("keydown",d=>{d.key==="Enter"&&(u.blur(),n.editableString.apply())}),n}function S(e,t,a){g.create("confirm-popup",{title:"Requires confirmation",body:()=>{let n=document.createElement("p");return n.textContent=e!=null?e:"",n},actions:n=>{let o=m.template.createElement("button",{class:"btn btn-primary"},"NO"),s=m.template.createElement("button",{class:"btn btn-warning"},"YES");return o.addEventListener("click",c=>{n.close(),a==null||a()}),s.addEventListener("click",c=>{n.close(),t==null||t()}),[o,s]}}).show()}function L(e,t,a="html"){if(t instanceof Node){e.append(t);return}typeof t!="undefined"&&t!==null&&(a==="text"?e.textContent=t:e.innerHTML=t)}function De(e,t,a,n={}){var f;let o=document.createElement("div");o.className="drawer",o.setAttribute("aria-hidden","true"),o.id=e,n.position==="left"&&o.classList.add("drawer-left");let s=document.createElement("div");s.className="drawer-backdrop";let c=document.createElement("aside");c.className="drawer-panel",c.setAttribute("role","dialog"),c.setAttribute("aria-modal","true"),c.setAttribute("aria-labelledby",`${e}-title`);let r=document.createElement("header");r.className="drawer-header";let i=document.createElement("h4");i.className="drawer-title",i.id=`${e}-title`,i.textContent=t;let l=document.createElement("button");l.className="btn-icon drawer-close",l.type="button",l.setAttribute("aria-label","Close"),l.textContent="\u2715";let u=document.createElement("div");u.className="drawer-body";let d=document.createElement("footer");return d.className="drawer-footer",L(d,a,(f=n.footerMode)!=null?f:"html"),r.append(i,l),c.append(r,u,d),o.append(s,c),o}function Oe(e,t){return e.show=function(){document.querySelector("body").append(e),setTimeout(()=>{e.classList.add("a-show")},10)},e.close=function(){e.classList.add("a-hide"),setTimeout(()=>{e.remove()},300)},e.querySelector(".drawer-close").addEventListener("click",()=>{e.close()}),e.querySelector(".drawer-backdrop").addEventListener("click",()=>{e.close()}),typeof t=="function"&&t(e),e}function Fe(e,t){var r;t=t!=null?t:{};let a=t.title||"",n=t.footer||"",o=De(e,a,n,t),s=o.querySelector(".drawer-body"),c=o.querySelector(".drawer-footer");if(typeof t.actions=="function"){let i=t.actions(o);if(Array.isArray(i)&&i[0]instanceof Node){let l=document.createElement("div");l.classList.add("actions");for(let u of i)l.append(u);c.append(l)}else i instanceof Node&&c.append(i)}if(typeof t.body=="function"){let i=t.body(o);L(s,i,(r=t.bodyMode)!=null?r:"html")}else typeof t.bodyText!="undefined"?L(s,t.bodyText,"text"):typeof t.bodyHtml!="undefined"&&L(s,t.bodyHtml,"html");return Oe(o,t==null?void 0:t.onready)}var M={create:Fe};var V=new WeakSet;function Ie(e,t){var n,o;let a=e.getAttribute("aria-controls");return a?((n=t.getElementById)==null?void 0:n.call(t,a))||document.getElementById(a):((o=t.querySelector)==null?void 0:o.call(t,"[data-navigation-drawer]"))||document.querySelector("[data-navigation-drawer]")}function P(e,t){var n;if(!e)return;e.classList.add("is-open"),e.setAttribute("aria-hidden","false"),e.removeAttribute("inert"),t==null||t.setAttribute("aria-expanded","true"),document.body.classList.add("nav-drawer-open");let a=e.querySelector("[data-navigation-close], a, button, input, select, textarea");(n=a==null?void 0:a.focus)==null||n.call(a)}function w(e,t,a=!0){var n;e&&(e.classList.remove("is-open"),e.setAttribute("aria-hidden","true"),e.setAttribute("inert",""),t==null||t.setAttribute("aria-expanded","false"),document.body.classList.remove("nav-drawer-open"),a&&((n=t==null?void 0:t.focus)==null||n.call(t)))}function je(e=document){V.has(e)||(e.addEventListener("click",t=>{let a=t.target.closest("[data-navigation-toggle]");if(!a)return;let n=Ie(a,e);n!=null&&n.classList.contains("is-open")?w(n,a):P(n,a)}),e.addEventListener("click",t=>{let a=t.target.closest("[data-navigation-close], [data-navigation-link], .nav-drawer .list-action");if(!a)return;let n=a.closest("[data-navigation-drawer]")||e.querySelector("[data-navigation-drawer]"),o=n!=null&&n.id?e.querySelector(`[data-navigation-toggle][aria-controls="${n.id}"]`):e.querySelector("[data-navigation-toggle]"),s=!a.matches("[data-navigation-link]");w(n,o,s)}),document.addEventListener("keydown",t=>{t.key==="Escape"&&e.querySelectorAll("[data-navigation-drawer].is-open").forEach(a=>{let n=a.id?e.querySelector(`[data-navigation-toggle][aria-controls="${a.id}"]`):e.querySelector("[data-navigation-toggle]");w(a,n)})}),V.add(e))}var x={init:je,open:P,close:w};var Y=new WeakSet,_=!1;function Be(e){e.classList.remove("is-open"),e.querySelectorAll("[aria-expanded='true']").forEach(t=>{t.setAttribute("aria-expanded","false")})}function p(e=null){document.querySelectorAll(".dropdown.is-open, .popover.is-open, .tooltip.is-open").forEach(t=>{t!==e&&Be(t)})}function Re(e=document){e.addEventListener("click",t=>{let a=t.target.closest(".tab");if(!a)return;let n=a.closest(".tabs");n&&n.querySelectorAll(".tab").forEach(o=>{let s=o===a;o.classList.toggle("tab-active",s),o.setAttribute("aria-selected",String(s))})})}function Ue(e=document){e.addEventListener("click",t=>{let a=t.target.closest("[data-dropdown-toggle]");if(!a)return;let n=a.closest(".dropdown");if(!n)return;t.preventDefault();let o=n.classList.contains("is-open");p(n),n.classList.toggle("is-open",!o),a.setAttribute("aria-expanded",String(!o))})}function We(e=document){e.addEventListener("click",t=>{let a=t.target.closest("[data-popover-toggle]");if(!a)return;let n=a.closest(".popover");if(!n)return;t.preventDefault();let o=n.classList.contains("is-open");p(n),n.classList.toggle("is-open",!o),a.setAttribute("aria-expanded",String(!o))})}function ze(e=document){e.addEventListener("click",t=>{let a=t.target.closest("[data-tooltip-toggle]");if(!a)return;let n=a.closest(".tooltip");if(!n)return;t.preventDefault();let o=n.classList.contains("is-open");p(n),n.classList.toggle("is-open",!o)})}function Ve(e=document){e.addEventListener("click",t=>{t.target.closest(".dropdown, .popover, .tooltip")||p()}),_||(document.addEventListener("keydown",t=>{t.key==="Escape"&&p()}),_=!0)}function Pe(e=document){Y.has(e)||(Re(e),Ue(e),We(e),ze(e),Ve(e),Y.add(e))}var A={init:Pe,closeAll:p};var J=new WeakSet,Z=new WeakMap;function K(e){return`${e.name}:${e.size}:${e.lastModified}`}function Q(e){e&&(e.querySelectorAll("img[data-object-url]").forEach(t=>{URL.revokeObjectURL(t.dataset.objectUrl)}),e.innerHTML="",e.hidden=!0)}function D(e){return Z.get(e)||[]}function O(e,t){Z.set(e,t);let a=new DataTransfer;t.forEach(n=>a.items.add(n)),e.files=a.files}function Ye(e,t){let a=D(e),n=new Set(a.map(K)),o=[...a];return t.forEach(s=>{let c=K(s);n.has(c)||(n.add(c),o.push(s))}),O(e,o),o}function _e(e,t){let a=D(e).filter((n,o)=>o!==t);return O(e,a),a}function G(e){let t=e.name.split("."),a=t.length>1?t.pop().trim():"";return a?a.slice(0,6).toUpperCase():e.type?e.type.split("/").pop().slice(0,6).toUpperCase():"FILE"}function Je(e){if(!Number.isFinite(e))return"";if(e===0)return"0 B";let t=["B","KB","MB","GB"],a=Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1),n=e/Math.pow(1024,a);return`${n.toFixed(n>=10||a===0?0:1)} ${t[a]}`}function $(e){let t=e.closest(".file-upload-panel, .file-upload"),a=t==null?void 0:t.querySelector("[data-file-upload-preview]");if(!t||!a)return;let n=D(e);if(!n.length){Q(a);return}Ke(a,n)}function Ke(e,t){e&&(Q(e),t.forEach((a,n)=>{let o=document.createElement("figure");o.className="file-upload-preview-item",o.dataset.fileUploadIndex=String(n);let s=document.createElement("div");if(s.className="file-upload-preview-visual",a.type.startsWith("image/")){let u=document.createElement("img"),d=URL.createObjectURL(a);u.src=d,u.dataset.objectUrl=d,u.alt="",u.loading="lazy",s.append(u)}else{let u=document.createElement("span");u.className="file-upload-preview-type",u.textContent=G(a),s.append(u)}let c=document.createElement("figcaption"),r=document.createElement("span");r.className="file-upload-preview-name",r.textContent=a.name;let i=document.createElement("span");i.className="file-upload-preview-meta",i.textContent=`${G(a)} / ${Je(a.size)}`;let l=document.createElement("button");l.className="file-upload-preview-remove",l.type="button",l.dataset.fileUploadRemove=String(n),l.setAttribute("aria-label",`Remove ${a.name}`),l.innerHTML='<i class="ph ph-x"></i>',c.append(r,i),o.append(l,s,c),e.append(o)}),e.hidden=!1)}function Ge(e=document){J.has(e)||(e.addEventListener("click",t=>{let a=t.target.closest("[data-input-clear]");if(!a)return;let n=a.closest(".input-group"),o=n==null?void 0:n.querySelector("input, textarea");o&&(o.value="",o.dispatchEvent(new Event("input",{bubbles:!0})),o.focus())}),e.addEventListener("click",t=>{let a=t.target.closest("[data-file-upload-remove]");if(!a)return;let n=a.closest(".file-upload-panel, .file-upload"),o=n==null?void 0:n.querySelector("[data-file-upload-input]");o&&(_e(o,Number(a.dataset.fileUploadRemove)),$(o),o.dispatchEvent(new Event("change",{bubbles:!0})))}),e.addEventListener("click",t=>{let a=t.target.closest("[data-date-picker]");if(a&&(a.focus(),typeof a.showPicker=="function"))try{a.showPicker()}catch(n){}}),e.addEventListener("change",t=>{let a=t.target.closest("[data-file-upload-input]");a&&(Ye(a,Array.from(a.files||[])),$(a))}),e.addEventListener("reset",t=>{let a=t.target.closest("form");a&&setTimeout(()=>{a.querySelectorAll("[data-file-upload-input]").forEach(n=>{O(n,[]),$(n)})},0)}),J.add(e))}var q={init:Ge,updateFileUpload:$};var X=new WeakSet;function F(e){return e.querySelector(".accordion-panel")}function Ze(e){let t=F(e);t&&(t.style.height="auto",t.style.opacity="1",t.style.transform="translateY(0)")}function ee(e){let t=F(e);if(!t||e.dataset.animating==="true")return;e.dataset.animating="true",e.open=!0,t.style.height="0px",t.style.opacity="0",t.style.transform="translateY(-8px)",requestAnimationFrame(()=>{t.style.height=`${t.scrollHeight}px`,t.style.opacity="1",t.style.transform="translateY(0)"});let a=n=>{n.propertyName==="height"&&(t.removeEventListener("transitionend",a),t.style.height="auto",delete e.dataset.animating)};t.addEventListener("transitionend",a)}function te(e){let t=F(e);if(!t||e.dataset.animating==="true")return;e.dataset.animating="true",t.style.height=`${t.scrollHeight}px`,t.style.opacity="1",t.style.transform="translateY(0)",requestAnimationFrame(()=>{t.style.height="0px",t.style.opacity="0",t.style.transform="translateY(-8px)"});let a=n=>{n.propertyName==="height"&&(t.removeEventListener("transitionend",a),e.open=!1,t.style.height="",t.style.opacity="",t.style.transform="",delete e.dataset.animating)};t.addEventListener("transitionend",a)}function ne(e){e.open?te(e):ee(e)}function Qe(e=document){X.has(e)||(e.querySelectorAll(".accordion-item[open], .disclosure[open]").forEach(Ze),e.addEventListener("click",t=>{let a=t.target.closest(".accordion-summary");if(!a)return;let n=a.closest(".accordion-item, .disclosure");n&&(t.preventDefault(),ne(n))}),X.add(e))}var k={init:Qe,expand:ee,collapse:te,toggle:ne};function I(){let e=[...document.querySelectorAll(".nav-drawer .list-item")],t=[...document.querySelectorAll(".docs-content .section[id]")],a=document.querySelector("[data-docs-current-section]");if(!e.length||!t.length)return;let n=i=>{e.forEach(l=>{var f;let u=l.querySelector(".list-action"),d=(u==null?void 0:u.getAttribute("href"))===`#${i}`;l.classList.toggle("list-item-active",d),d&&a&&(a.textContent=((f=u.querySelector(".list-label"))==null?void 0:f.textContent.trim())||i)})},o=()=>{let i=Math.min(window.innerHeight*.35,280),l=t[0];for(let u of t)if(u.getBoundingClientRect().top<=i)l=u;else break;return l},s=!1,c=()=>{s=!1;let i=o();i!=null&&i.id&&n(i.id)},r=()=>{s||(s=!0,window.requestAnimationFrame(c))};window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),window.location.hash?n(window.location.hash.slice(1)):c()}function ae(e){let t=document.createElement("textarea");t.value=e,t.setAttribute("readonly","readonly"),t.style.position="fixed",t.style.opacity="0",document.body.append(t),t.select(),document.execCommand("copy"),t.remove()}function h(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Xe(e){var c;let t=e.textContent,a=/\/\/.*$|\/\*[\s\S]*?\*\/|`(?:\\[\s\S]|[^`\\])*`|'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"|\b(?:async|await|break|case|catch|class|const|continue|default|do|else|export|for|from|function|if|import|let|new|null|return|switch|throw|try|var|while)\b|\b\d+(?:\.\d+)?\b|\b[A-Za-z_$][\w$]*(?=\s*\()/gm,n="",o=0,s;for(;(s=a.exec(t))!==null;){let r=s[0];if(n+=h(t.slice(o,s.index)),r.startsWith("//")||r.startsWith("/*"))n+=`<span class="hljs-comment">${h(r)}</span>`;else if(r.startsWith('"')||r.startsWith("'")||r.startsWith("`"))n+=`<span class="hljs-string">${h(r)}</span>`;else if(/^\d/.test(r))n+=`<span class="hljs-number">${h(r)}</span>`;else if(/^[A-Za-z_$][\w$]*$/.test(r)&&((c=t[s.index+r.length])!=null&&c.match(/\s|\(/))){let i=/^(async|await|break|case|catch|class|const|continue|default|do|else|export|for|from|function|if|import|let|new|null|return|switch|throw|try|var|while)$/.test(r);n+=i?`<span class="hljs-keyword">${r}</span>`:`<span class="hljs-title function_">${r}</span>`}else n+=h(r);o=s.index+r.length}n+=h(t.slice(o)),e.innerHTML=n,e.classList.add("hljs")}function et(){document.querySelectorAll("code.language-js, code.language-javascript").forEach(Xe),window.hljs&&document.querySelectorAll("code:not(.language-js):not(.language-javascript)").forEach(e=>window.hljs.highlightElement(e))}function j(){et(),document.querySelectorAll(".code-example-copy").forEach(e=>{e.addEventListener("click",async()=>{var s,c;let t=e.closest(".code-example"),a=t==null?void 0:t.querySelector("code"),n=(s=a==null?void 0:a.textContent)!=null?s:"",o=e.textContent;if(n){try{(c=navigator.clipboard)!=null&&c.writeText?await navigator.clipboard.writeText(n):ae(n),e.textContent="Copied"}catch(r){ae(n),e.textContent="Copied"}setTimeout(()=>{e.textContent=o},1200)}})})}var B={Helper:m,Toasts:N,Modals:g,advancedSelect:b,editableString:E,confirmPopup:S,Drawer:M,NavigationShell:x,Overlays:A,InputPatterns:q,Accordion:k};window.GNexusUIKit=B;Object.assign(window,B);document.addEventListener("DOMContentLoaded",()=>{A.init(),x.init(),q.init(),k.init(),I(),j()});var tt=B;return re(nt);})();
+//# sourceMappingURL=gnexus-ui-kit.js.map