let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as s,i as a,s as t,w as p,c as o,a as e,m as c,A as l,t as u,b as r,d as i,K as k,g as $,h as m,j as g,k as d,l as f,n as b,o as h,p as y,N as v,q as B,r as x,Y as w,x as E}from"./index.6b674a45.js";import{B as A}from"./Button.f0f995b5.js";import"./index.77bc22b8.js";import{C as z,P as D}from"./Preview.da06bf80.js";import"./ChevronDown16.5983f6dc.js";import"./Loading.1494bed2.js";import"./Column.6ef18044.js";import"./Content.7baad37e.js";import"./store.4e2c42a1.js";import{A as _}from"./Add16.eb66cc2a.js";function j(n){let s;return{c(){s=m("Primary button")},l(n){s=b(n,"Primary button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function L(n){let s,a;return s=new A({props:{$$slots:{default:[j]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function S(n){let s;return{c(){s=m("Secondary button")},l(n){s=b(n,"Secondary button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function I(n){let s,a;return s=new A({props:{kind:"secondary",$$slots:{default:[S]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function P(n){let s;return{c(){s=m("Tertiary button")},l(n){s=b(n,"Tertiary button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function T(n){let s,a;return s=new A({props:{kind:"tertiary",$$slots:{default:[P]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function G(n){let s;return{c(){s=m("Ghost button")},l(n){s=b(n,"Ghost button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function H(n){let s,a;return s=new A({props:{kind:"ghost",$$slots:{default:[G]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function C(n){let s;return{c(){s=m("Danger button")},l(n){s=b(n,"Danger button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function R(n){let s,a;return s=new A({props:{kind:"danger",$$slots:{default:[C]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function F(n){let s;return{c(){s=m("With icon")},l(n){s=b(n,"With icon")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function U(n){let s,a;return s=new A({props:{icon:_,$$slots:{default:[F]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function W(n){let s,a;return s=new A({props:{icon:_,hasIconOnly:!0,tooltipPosition:"bottom",tooltipAlignment:"center",iconDescription:"Tooltip text"}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p:w,i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function O(n){let s;return{c(){s=m("Link button")},l(n){s=b(n,"Link button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function q(n){let s,a;return s=new A({props:{href:"#",$$slots:{default:[O]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function K(n){let s,a,t=[n[0]],o={};for(let n=0;n({0:n}),({props:n})=>n?1:0]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};3&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function N(n){let s;return{c(){s=m("Primary")},l(n){s=b(n,"Primary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function V(n){let s;return{c(){s=m("Secondary")},l(n){s=b(n,"Secondary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function Y(n){let s;return{c(){s=m("Tertiary")},l(n){s=b(n,"Tertiary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function J(n){let s;return{c(){s=m("Ghost")},l(n){s=b(n,"Ghost")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function Q(n){let s;return{c(){s=m("Danger")},l(n){s=b(n,"Danger")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function X(n){let s,a,t,p,l,k,$,m,d,f;return s=new A({props:{size:"field",$$slots:{default:[N]},$$scope:{ctx:n}}}),t=new A({props:{size:"field",kind:"secondary",$$slots:{default:[V]},$$scope:{ctx:n}}}),l=new A({props:{size:"field",kind:"tertiary",$$slots:{default:[Y]},$$scope:{ctx:n}}}),$=new A({props:{size:"field",kind:"ghost",$$slots:{default:[J]},$$scope:{ctx:n}}}),d=new A({props:{size:"field",kind:"danger",$$slots:{default:[Q]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment),a=g(),o(t.$$.fragment),p=g(),o(l.$$.fragment),k=g(),o($.$$.fragment),m=g(),o(d.$$.fragment)},l(n){e(s.$$.fragment,n),a=y(n),e(t.$$.fragment,n),p=y(n),e(l.$$.fragment,n),k=y(n),e($.$$.fragment,n),m=y(n),e(d.$$.fragment,n)},m(n,o){c(s,n,o),B(n,a,o),c(t,n,o),B(n,p,o),c(l,n,o),B(n,k,o),c($,n,o),B(n,m,o),c(d,n,o),f=!0},p(n,a){const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),l.$set(e);const c={};2&a&&(c.$$scope={dirty:a,ctx:n}),$.$set(c);const u={};2&a&&(u.$$scope={dirty:a,ctx:n}),d.$set(u)},i(n){f||(u(s.$$.fragment,n),u(t.$$.fragment,n),u(l.$$.fragment,n),u($.$$.fragment,n),u(d.$$.fragment,n),f=!0)},o(n){r(s.$$.fragment,n),r(t.$$.fragment,n),r(l.$$.fragment,n),r($.$$.fragment,n),r(d.$$.fragment,n),f=!1},d(n){i(s,n),n&&h(a),i(t,n),n&&h(p),i(l,n),n&&h(k),i($,n),n&&h(m),i(d,n)}}}function Z(n){let s;return{c(){s=m("Primary")},l(n){s=b(n,"Primary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function nn(n){let s;return{c(){s=m("Secondary")},l(n){s=b(n,"Secondary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function sn(n){let s;return{c(){s=m("Tertiary")},l(n){s=b(n,"Tertiary")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function an(n){let s;return{c(){s=m("Ghost")},l(n){s=b(n,"Ghost")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function tn(n){let s;return{c(){s=m("Danger")},l(n){s=b(n,"Danger")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function pn(n){let s,a,t,p,l,k,$,m,d,f;return s=new A({props:{size:"small",$$slots:{default:[Z]},$$scope:{ctx:n}}}),t=new A({props:{size:"small",kind:"secondary",$$slots:{default:[nn]},$$scope:{ctx:n}}}),l=new A({props:{size:"small",kind:"tertiary",$$slots:{default:[sn]},$$scope:{ctx:n}}}),$=new A({props:{size:"small",kind:"ghost",$$slots:{default:[an]},$$scope:{ctx:n}}}),d=new A({props:{size:"small",kind:"danger",$$slots:{default:[tn]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment),a=g(),o(t.$$.fragment),p=g(),o(l.$$.fragment),k=g(),o($.$$.fragment),m=g(),o(d.$$.fragment)},l(n){e(s.$$.fragment,n),a=y(n),e(t.$$.fragment,n),p=y(n),e(l.$$.fragment,n),k=y(n),e($.$$.fragment,n),m=y(n),e(d.$$.fragment,n)},m(n,o){c(s,n,o),B(n,a,o),c(t,n,o),B(n,p,o),c(l,n,o),B(n,k,o),c($,n,o),B(n,m,o),c(d,n,o),f=!0},p(n,a){const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),l.$set(e);const c={};2&a&&(c.$$scope={dirty:a,ctx:n}),$.$set(c);const u={};2&a&&(u.$$scope={dirty:a,ctx:n}),d.$set(u)},i(n){f||(u(s.$$.fragment,n),u(t.$$.fragment,n),u(l.$$.fragment,n),u($.$$.fragment,n),u(d.$$.fragment,n),f=!0)},o(n){r(s.$$.fragment,n),r(t.$$.fragment,n),r(l.$$.fragment,n),r($.$$.fragment,n),r(d.$$.fragment,n),f=!1},d(n){i(s,n),n&&h(a),i(t,n),n&&h(p),i(l,n),n&&h(k),i($,n),n&&h(m),i(d,n)}}}function on(n){let s;return{c(){s=m("Disabled button")},l(n){s=b(n,"Disabled button")},m(n,a){B(n,s,a)},d(n){n&&h(s)}}}function en(n){let s,a;return s=new A({props:{disabled:!0,$$slots:{default:[on]},$$scope:{ctx:n}}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function cn(n){let s,a;return s=new A({props:{skeleton:!0}}),{c(){o(s.$$.fragment)},l(n){e(s.$$.fragment,n)},m(n,t){c(s,n,t),a=!0},p:w,i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){r(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function ln(n){let s,a,t,p,o,e,c,l,u,r,i,k,w,E,A,z,D,_,j,L,S,I,P,T,G,H,C,R,F,U,W,O,q,K,M,N,V,Y,J,Q,X,Z,nn,sn,an,tn,pn,on,en,cn,ln,un,rn,kn,$n,mn,gn,dn;return{c(){s=$("div"),a=$("ul"),t=$("li"),p=$("a"),o=m("Usage"),e=g(),c=$("ul"),l=$("li"),u=$("a"),r=m("Primary button"),i=g(),k=$("li"),w=$("a"),E=m("Secondary button"),A=g(),z=$("li"),D=$("a"),_=m("Tertiary button"),j=g(),L=$("li"),S=$("a"),I=m("Ghost button"),P=g(),T=$("li"),G=$("a"),H=m("Danger button"),C=g(),R=$("li"),F=$("a"),U=m("Button with icon"),W=g(),O=$("li"),q=$("a"),K=m("Icon-only button"),M=g(),N=$("li"),V=$("a"),Y=m("Link button"),J=g(),Q=$("li"),X=$("a"),Z=m("Custom element"),nn=g(),sn=$("li"),an=$("a"),tn=m("Field button"),pn=g(),on=$("li"),en=$("a"),cn=m("Small button"),ln=g(),un=$("li"),rn=$("a"),kn=m("Disabled button"),$n=g(),mn=$("li"),gn=$("a"),dn=m("Skeleton"),this.h()},l(n){s=d(n,"DIV",{slot:!0});var $=f(s);a=d($,"UL",{class:!0});var m=f(a);t=d(m,"LI",{class:!0});var g=f(t);p=d(g,"A",{class:!0,href:!0});var v=f(p);o=b(v,"Usage"),v.forEach(h),e=y(g),c=d(g,"UL",{class:!0});var B=f(c);l=d(B,"LI",{class:!0});var x=f(l);u=d(x,"A",{class:!0,href:!0});var fn=f(u);r=b(fn,"Primary button"),fn.forEach(h),x.forEach(h),i=y(B),k=d(B,"LI",{class:!0});var bn=f(k);w=d(bn,"A",{class:!0,href:!0});var hn=f(w);E=b(hn,"Secondary button"),hn.forEach(h),bn.forEach(h),A=y(B),z=d(B,"LI",{class:!0});var yn=f(z);D=d(yn,"A",{class:!0,href:!0});var vn=f(D);_=b(vn,"Tertiary button"),vn.forEach(h),yn.forEach(h),j=y(B),L=d(B,"LI",{class:!0});var Bn=f(L);S=d(Bn,"A",{class:!0,href:!0});var xn=f(S);I=b(xn,"Ghost button"),xn.forEach(h),Bn.forEach(h),P=y(B),T=d(B,"LI",{class:!0});var wn=f(T);G=d(wn,"A",{class:!0,href:!0});var En=f(G);H=b(En,"Danger button"),En.forEach(h),wn.forEach(h),C=y(B),R=d(B,"LI",{class:!0});var An=f(R);F=d(An,"A",{class:!0,href:!0});var zn=f(F);U=b(zn,"Button with icon"),zn.forEach(h),An.forEach(h),W=y(B),O=d(B,"LI",{class:!0});var Dn=f(O);q=d(Dn,"A",{class:!0,href:!0});var _n=f(q);K=b(_n,"Icon-only button"),_n.forEach(h),Dn.forEach(h),M=y(B),N=d(B,"LI",{class:!0});var jn=f(N);V=d(jn,"A",{class:!0,href:!0});var Ln=f(V);Y=b(Ln,"Link button"),Ln.forEach(h),jn.forEach(h),J=y(B),Q=d(B,"LI",{class:!0});var Sn=f(Q);X=d(Sn,"A",{class:!0,href:!0});var In=f(X);Z=b(In,"Custom element"),In.forEach(h),Sn.forEach(h),nn=y(B),sn=d(B,"LI",{class:!0});var Pn=f(sn);an=d(Pn,"A",{class:!0,href:!0});var Tn=f(an);tn=b(Tn,"Field button"),Tn.forEach(h),Pn.forEach(h),pn=y(B),on=d(B,"LI",{class:!0});var Gn=f(on);en=d(Gn,"A",{class:!0,href:!0});var Hn=f(en);cn=b(Hn,"Small button"),Hn.forEach(h),Gn.forEach(h),ln=y(B),un=d(B,"LI",{class:!0});var Cn=f(un);rn=d(Cn,"A",{class:!0,href:!0});var Rn=f(rn);kn=b(Rn,"Disabled button"),Rn.forEach(h),Cn.forEach(h),$n=y(B),mn=d(B,"LI",{class:!0});var Fn=f(mn);gn=d(Fn,"A",{class:!0,href:!0});var Un=f(gn);dn=b(Un,"Skeleton"),Un.forEach(h),Fn.forEach(h),B.forEach(h),g.forEach(h),m.forEach(h),$.forEach(h),this.h()},h(){v(p,"class","bx--link"),v(p,"href","#usage"),v(u,"class","bx--link"),v(u,"href","#primary-button"),v(l,"class","bx--list__item"),v(w,"class","bx--link"),v(w,"href","#secondary-button"),v(k,"class","bx--list__item"),v(D,"class","bx--link"),v(D,"href","#tertiary-button"),v(z,"class","bx--list__item"),v(S,"class","bx--link"),v(S,"href","#ghost-button"),v(L,"class","bx--list__item"),v(G,"class","bx--link"),v(G,"href","#danger-button"),v(T,"class","bx--list__item"),v(F,"class","bx--link"),v(F,"href","#button-with-icon"),v(R,"class","bx--list__item"),v(q,"class","bx--link"),v(q,"href","#icon-only-button"),v(O,"class","bx--list__item"),v(V,"class","bx--link"),v(V,"href","#link-button"),v(N,"class","bx--list__item"),v(X,"class","bx--link"),v(X,"href","#custom-element"),v(Q,"class","bx--list__item"),v(an,"class","bx--link"),v(an,"href","#field-button"),v(sn,"class","bx--list__item"),v(en,"class","bx--link"),v(en,"href","#small-button"),v(on,"class","bx--list__item"),v(rn,"class","bx--link"),v(rn,"href","#disabled-button"),v(un,"class","bx--list__item"),v(gn,"class","bx--link"),v(gn,"href","#skeleton"),v(mn,"class","bx--list__item"),v(c,"class","bx--list--unordered bx--list--nested"),v(t,"class","bx--list__item"),v(a,"class","bx--list--unordered"),v(s,"slot","aside")},m(n,$){B(n,s,$),x(s,a),x(a,t),x(t,p),x(p,o),x(t,e),x(t,c),x(c,l),x(l,u),x(u,r),x(c,i),x(c,k),x(k,w),x(w,E),x(c,A),x(c,z),x(z,D),x(D,_),x(c,j),x(c,L),x(L,S),x(S,I),x(c,P),x(c,T),x(T,G),x(G,H),x(c,C),x(c,R),x(R,F),x(F,U),x(c,W),x(c,O),x(O,q),x(q,K),x(c,M),x(c,N),x(N,V),x(V,Y),x(c,J),x(c,Q),x(Q,X),x(X,Z),x(c,nn),x(c,sn),x(sn,an),x(an,tn),x(c,pn),x(c,on),x(on,en),x(en,cn),x(c,ln),x(c,un),x(un,rn),x(rn,kn),x(c,$n),x(c,mn),x(mn,gn),x(gn,dn)},d(n){n&&h(s)}}}function un(n){let s,a,t,p,l,k,w,E,A,z,_,j,S,P,G,C,F,O,K,N,V,Y,J,Q,Z,nn,sn,an,tn,on,ln,un,rn,kn,$n,mn,gn,dn,fn,bn,hn,yn,vn,Bn,xn,wn,En,An,zn,Dn,_n,jn,Ln,Sn,In,Pn,Tn,Gn,Hn,Cn,Rn,Fn,Un,Wn,On,qn;return p=new D({props:{codeRaw:'