@xyd-js/components 0.1.0-xyd.7 → 0.1.0-xyd.8

package/dist/index.css

@@ -1,216 +1,217 @@
-.hfzpnxu{display:flex;flex-direction:column;min-height:100vh;}
-.h1k4ds7x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
-.h1x4dha7{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
-.broqp2l{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
-@media (max-width: 1200px){.broqp2l{width:100%;padding:0 20px;}}
-@media (max-width: 768px){.broqp2l{width:100%;padding:0 10px;}}
-
-.h1vbgqbd{padding:20px;}
-.c1qluffv{display:flex;align-items:center;justify-content:center;gap:80px;}
-.h7zyorj{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
-.h10nnuqu{display:flex;align-items:center;justify-content:center;flex-direction:column;background:-webkit-linear-gradient(
-                120deg,
-                var(--headingEffect-color-tertiary) 20%,
-                var(--headingEffect-color-tertiary) 30%,
-                var(--headingEffect-color-secondary) 60%,
-                var(--headingEffect-color-primary) 75%,
-                var(--headingEffect-color-primary) 85%
-        );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wave-h10nnuqu 5s infinite;background-size:200% 200%;-webkit-background-position:50% 50%;background-position:50% 50%;}
-@keyframes wave-h10nnuqu{0%{-webkit-background-position:50% 50%;background-position:50% 50%;}50%{-webkit-background-position:0% 50%;background-position:0% 50%;}100%{-webkit-background-position:50% 50%;background-position:50% 50%;}}
-.h1xgyvqe{display:flex;align-items:center;justify-content:center;flex-direction:column;}
-.t1rx1fna{font-size:76px;font-weight:900;text-align:center;letter-spacing:3px;margin:0;}
-.s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center;}
-.hth6on8{display:flex;align-items:center;justify-content:center;gap:10px;}
-
-.h1vf00q{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
-.c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center;}
-.t1ahtzu3{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
-
-.hfe0p8m{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}@media (max-width: 1200px){.hfe0p8m{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 768px){.hfe0p8m{grid-template-columns:1fr;}}
-
-.hn2r3b2{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.hn2r3b2:hover{background:#e3e3e6;}.hgvnekf{color:#fff;background-color:rgb(112, 81, 212);}.hgvnekf:hover{background-color:rgb(95, 59, 211);}
-
-.hutvd2b{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
-.hg9oorb{color:#434e4e;background-color:#ffffe1;}
-.h6jev6x{color:#fff;background-color:#1971a8;}
-.h1uvewli{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
-.i1mcrm8o{position:relative;}
-
-.h1wifk81{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
-
-.hwmojve{border-top:1px solid #ececf1;}.hwmojve[open] summary svg[data-icon="true"]{transform:rotate(90deg);}.h1an07j0{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}.sbneplt{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.sbneplt:hover{color:#565869;}.s1d31n8s{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.s2p0kpw{padding:10px 24px;}.snk81qf{display:flex;align-items:center;margin-bottom:8px;}.syq3zec{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}.sq0a0s6{text-transform:none;}.sq0a0s6 code{background:white;}.l1ligx2c{flex:1 1 auto;}.l89yndk{padding:10px;}.iynkbu3{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}.c16kc3w3{padding:0 24px 20px;}.c15ahw9d code{background:white;}.cw7uaxe{background:white;padding-top:20px;}
-
-.h1w59zdn{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
-
-.h3kfd8c{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
-.l1et872q{padding-left:32px;position:relative;line-height:1.5;}
-.l1et872q::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
-
-.h1tn40xd{line-height:40px;font-weight:300;color:#202123;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.h1tn40xd:hover svg{opacity:1;}.hnf4kng{font-size:36px;}.hnf4kng code{font-size:30px;}.h1vdtsi8{font-size:30px;}.h1vdtsi8 code{font-size:24px;}.hz5xehg{font-size:26px;}.hz5xehg code{font-size:22px;}.hptgzam{font-size:22px;}.hptgzam code{font-size:18px;}.h11bbv2f{font-size:18px;}.h11bbv2f code{font-size:14px;}.hcoksa6{font-size:16px;}.hcoksa6 code{font-size:12px;}.l17d6dy1{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
-
-.hhnegou{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #ececf1;}
-._1ja9964{background-color:#f7f7f8;border-color:#ececf1;}
-.h1lyih3m{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:#6e6e80;font-size:20px;margin-top:2px;}
-.h1gzjc3x{color:#353740;text-align:left;flex:1 1 auto;}
-.boe1v8p{font-size:14px;line-height:20px;}
-
-.h161qd82{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
-.t15ayd0k{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid #ECECF1;border-radius:8px;font-size:0.875rem;line-height:1.25rem;margin-top:1rem;overflow:hidden;}
-.ttmbsix{background:#F7F7F8;}
-.t1pid2qp{text-align:left;font-weight:500;padding:0.5rem 1rem;color:#353740;vertical-align:middle;border-bottom:1px solid #ECECF1;white-space:nowrap;}
-.t1pid2qp:first-child{width:24rem;max-width:40%;border-right:1px solid #ECECF1;}
-@media (max-width: 768px){.t1pid2qp:first-child{width:auto;min-width:12rem;}}
-.t1pid2qp.numeric{text-align:right;font-weight:400;min-width:5rem;}
-@media (max-width: 768px){.t1pid2qp.numeric{min-width:4rem;}}
-.t1bzojtj:not(:last-child){border-bottom:1px solid #ECECF1;}
-.t1qcq3w1{padding:0.5rem 1rem;vertical-align:middle;border-top:1px solid #ECECF1;}
-.t1qcq3w1:first-child{border-right:1px solid #ECECF1;}
-.t1qcq3w1.numeric{text-align:right;}
-.t1qcq3w1.muted{color:#6E6E80;}
-@media (max-width: 768px){.t1qcq3w1{padding:0.5rem;}}
-.cz9thgl{display:flex;align-items:baseline;width:100%;gap:0.5rem;}
-.coblcjj{flex:1;text-align:right;}
-.mrvy6t5{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;color:#202123;}
-@media (max-width: 768px){.mrvy6t5{font-size:0.8125rem;}}
-
-
-.hilz89t{display:flex;position:relative;overflow:hidden;border:.5px solid #ececf1;background:linear-gradient(238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100%);border-radius:8px;padding:16px 20px 20px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.hilz89t:hover{background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);}.h1rnhmpa{padding:21px 25px 25px;}.lajci2p{width:100%;height:100%;}.iezrce7{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.iezrce7:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.i1vhi0b8{width:100%;height:100%;}.i1m2lps9{line-height:0px;font-size:24px;border-radius:8px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#353740;border:1px solid #ececf1;background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.r1new93p{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.t1u3d3ty{display:flex;color:#202123;font-weight:400;align-items:center;transition:color .15s;}.t4udf3g{font-size:16px;line-height:20px;}.t1icpluq{font-size:18px;}.badgd67{font-weight:400;font-size:14px;line-height:20px;color:#6e6e80;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.bcjznmh{font-size:16px;}.p13ekkiz{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.h15733ml{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:30px;}
-
-.hwgsk4h{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
-.i1b95bxl{shrink:0;width:0.875rem;}
-.i1a3fa93{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
-.i1dl7ywj{color:#000;font-weight:bold;}
-
-.h1ej4n95{border-color:rgb(229 229 229 / 0.7);}
-
-.h1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
-
-.h1bta36o{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
-.uxs4bf1{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
-.ifn7ecb{height:100%;}
-.ifn7ecb[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
-.i441kmn{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
-
-
-.h1xhrk1{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:#ececf1;}
-.l1elq7ab{display:flex;padding-top:1rem;padding-bottom:1rem;gap:0.25rem;align-items:center;font-size:1rem;line-height:1.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
-.i1mmatje{display:inline;height:1.25rem;flex-shrink:0;}
-
-.h14vj3ri{display:block;overflow-x:scroll;border-collapse:collapse;border-radius:3px;}
-.t1l6tz9b{padding:0.5rem 1rem;margin:0;font-weight:600;border-width:1px;border-color:#D1D5DB;background:rgba(234, 238, 242, 0.5);}
-.thzxr0l{padding:0;margin:0;border-top-width:1px;border-color:#D1D5DB;}
-.t1g1altt{padding:0.5rem 1rem;margin:0;border-width:1px;border-color:#D1D5DB;}
-
-.hh8vcxa{position:relative;max-width:100%;}
-.b2p5907{display:flex;align-items:center;}
-.coeb6fw{margin-top:16px;}
-.h196u2m6{padding:8px;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
-.i1hlflsk{width:16px;height:16px;}
-.hownbu8{overflow-x:auto;flex-grow:1;}
-.cuwerl2{display:inline-flex;gap:4px;border-radius:8px;background-color:#F3F4F6;padding:4px;margin-left:4px;}
-.hlivi01{padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;color:#6B7280;}
-.hlivi01:hover{color:#111827;}
-.hlivi01[data-state="active"]{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
-._5m9mpz{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
-
-:root {--xyd-navbar-height:46px;--xyd-global-page-gutter:8px;}
-.h8dr7e{width:100%;}
-.h1ezaz84{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:46px;}
-.h17wz13c{flex-direction:column;height:90px;transition:transform 200ms;}
-.h1bgh3rd{transform:translateY(calc(-46px + 3px));}
-.mxu2emt{position:fixed;top:calc(46px + 0px);bottom:8px;left:8px;right:8px;}
-.mslox5x{top:calc(90px + 0px);transition:top 200ms;}
-.s1i19hnd{flex-direction:column;position:absolute;top:0;left:0;bottom:0;right:0;z-index:101;width:210px;border:0;padding:12px 0 0;overflow:visible;background:none;border-radius:0;opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);}
-.h13sn67b{position:absolute;top:12px;right:0;bottom:0;z-index:201;background:#fff;overflow:hidden;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);left:210px;}
-.s1k9r3in{overflow:scroll;height:100%;}
-.c1t0msup{padding:0;width:100%;min-height:100%;max-width:100%;margin:0 auto;font-size:15px;line-height:24px;}
-.apqkghd{width:980px;padding:40px 56px;padding-top:20px;max-width:100%;margin:0 auto;}
-.a10qws06{width:1200px;}
-.h3zl32q{display:flex;gap:30px;width:100%;align-items:flex-start;}
-.c1cmkhbs{flex:1 1 0;overflow:hidden;}
-.n1rrfk2r{position:sticky;top:30px;width:180px;margin-top:0;margin-left:50px;padding-left:16px;flex:none;}
-
-:root {--xyd-navbar-height:46px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:300px;}
-.hbl2zih{width:100%;overflow-x:hidden;background:#fff;}
-.h115et6c{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:46px;z-index:20;background:#fff;}
-@media (max-width: 768px){.h115et6c{padding:0;}}
-.pqur9bs{display:flex;align-items:center;width:100%;}
-.h1ca28gw{flex-direction:column;height:90px;transition:transform 200ms;}
-.h1wej3bq{transform:translateY(calc(-46px + 3px));}
-.h10slvux{display:none;}
-@media (max-width: 768px){.h10slvux{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;}}
-.hs9zvag{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
-.hwo9ypt{width:100%;height:2px;background:#000;transition:transform 0.3s cubic-bezier(.65, 0, .35, 1);}
-.hx2yh06:first-child{transform:translateY(11px) rotate(45deg);}
-.hx2yh06:nth-child(2){opacity:0;}
-.hx2yh06:last-child{transform:translateY(-11px) rotate(-45deg);}
-.m1tsopzt{position:fixed;display:flex;top:calc(46px + 0px);bottom:8px;left:8px;right:8px;margin-top:8px;}
-.mrptvy0{top:calc(90px + 0px);transition:top 200ms;}
-.s15p97dz{flex:none;width:300px;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;}
-@media (max-width: 768px){.s15p97dz{display:none;}}
-.m1g98ss5{display:none;}
-@media (max-width: 768px){.m1g98ss5{display:flex;position:fixed;top:0;bottom:0;left:0;width:300px;background:#fff;flex-direction:column;overflow:hidden;z-index:50;transform:translateX(-100%);transition:transform .3s cubic-bezier(.65, 0, .35, 1);box-shadow:4px 0 8px rgba(0, 0, 0, 0.1);}}
-.m12tfx9{transform:translateX(0);}
-.s1l70vy0{flex:1;overflow-y:auto;}
-.c1xrwn4u{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
-.sx6vufc{width:100%;height:40px;padding:0 12px;border:1px solid #eaeaea;border-radius:6px;font-size:14px;outline:none;transition:border-color 0.2s;}
-.sx6vufc:focus{border-color:#666;}
-.c1k5z9a4{width:20px;height:20px;position:relative;}
-.c1k5z9a4::before,.c1k5z9a4::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#666;transform-origin:center;}
-.c1k5z9a4::before{transform:rotate(45deg);}
-.c1k5z9a4::after{transform:rotate(-45deg);}
-.o2vyfys{display:none;}
-@media (max-width: 768px){.o2vyfys{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.6);transition:opacity .3s;opacity:0;pointer-events:none;z-index:40;}}
-.o3fargz{opacity:1;pointer-events:auto;}
-.h178wvkm{position:relative;top:12px;flex:1;background:#fff;overflow:hidden;min-width:0;}
-.s56lisa{overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;padding:0 48px;}
-@media (max-width: 1024px){.s56lisa{padding:0 32px;}}
-@media (max-width: 768px){.s56lisa{padding:0 24px;}}
-.cr72phr{padding:40px 0;width:100%;max-width:965px;margin:0 auto;font-size:15px;line-height:24px;}
-@media (max-width: 768px){.cr72phr{padding:24px 0;}}
-.cjrmmxf{max-width:1200px;}
-.aqmdmmp{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;}
-.h1scre76{display:flex;gap:64px;width:100%;align-items:flex-start;box-sizing:border-box;}
-@media (max-width: 1024px){.h1scre76{gap:48px;}}
-@media (max-width: 768px){.h1scre76{flex-direction:column;gap:32px;}}
-.cw4g864{flex:1;min-width:0;max-width:100%;}
-.nj90fwq{position:sticky;top:24px;width:200px;min-width:200px;flex:none;padding-left:24px;}
-@media (max-width: 1024px){.nj90fwq{display:none;width:180px;min-width:180px;padding-left:16px;}}
-@media (max-width: 768px){.nj90fwq{display:block;position:static;width:100%;min-width:100%;padding-left:0;padding-top:24px;border-top:1px solid #eaeaea;}}
-
-.hmi9h9e{margin-top:-18px;font-size:18px;color:#6e6e80;font-weight:300;}
-
-.h1seqss5{display:flex;flex-direction:column;gap:24px;}
-
-.htyux6{color:#7051d4;}
-
-.h1dmvxug{overflow:hidden;min-width:0;border:1px solid rgb(236, 236, 241);border-radius:16px;}
-.p1pb9ov9{border:none!important;}
-.haeqccf{display:flex;flex:1 1 0%;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
-.hrmq4h0{height:0;}
-.lht44{display:flex;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}
-.b3qz0ka{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:rgb(53, 55, 64);}
-.b3qz0ka[data-state="active"]{color:rgb(112, 81, 212);border-bottom:1px solid rgb(112, 81, 212);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
-.b3qz0ka:hover{transition:ease-in 0.1s;background:#e3e3eb;}
-.djcdygz{display:flex;align-items:center;gap:4px;font-size:14px;color:rgb(53, 55, 64);margin-left:4px;margin-right:4px;}
-.dng3elc{display:flex;padding-left:16px;padding-right:16px;flex:1 1 0%;gap:16px;border-radius:4px;}
-.c1kyo2f4{display:flex;padding-left:8px;padding-right:8px;align-items:center;}
-.ccv4xf3{top:17px;position:relative;right:5px;}
-
-.hyawwu4{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}
-.l1i5ism5{flex:1 1 0%;}
-._1fnx2sm{border-color:#60A5FA;background-color:#EEF2FF;}
-.h83ezas{margin:0 12px 0px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.5;}
-.hwih9s3{max-height:400px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;margin:0;padding:8px 16px;border-top:1px solid rgb(236, 236, 241);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}
-.h1sbwmbs{max-height:100%;}
-
-.h1q2kcy0{display:inline-flex;align-items:center;justify-content:center;}
-.dse1ken{display:flex;gap:4px;}
-.d38bb27{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-d38bb27 1.4s infinite ease-in-out;opacity:0.6;}
-.d38bb27:nth-of-type(2){animation-delay:0.2s;}
-.d38bb27:nth-of-type(3){animation-delay:0.4s;}
-@keyframes pulse-d38bb27{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}
-._8rdt3l .d38bb27{width:6px;height:6px;}
-._1f7km1o .d38bb27{width:12px;height:12px;}
-
-.h1hvsyfb{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.h1hvsyfb:hover{transition:ease-in 0.1s;background:#e3e3eb;}
+.XydComponents-Component-brand-CTABanner__CTABannerHost{padding:20px;}
+.XydComponents-Component-brand-CTABanner__CTABannerContainer{display:flex;align-items:center;justify-content:center;gap:80px;}
+.XydComponents-Component-brand-CTABanner__CTABannerHero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
+.XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{display:flex;align-items:center;justify-content:center;flex-direction:column;background:-webkit-linear-gradient(
+            120deg,
+            var(--headingEffect-color-tertiary) 20%,
+            var(--headingEffect-color-tertiary) 30%,
+            var(--headingEffect-color-secondary) 60%,
+            var(--headingEffect-color-primary) 75%,
+            var(--headingEffect-color-primary) 85%
+    );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect 5s infinite;background-size:200% 200%;-webkit-background-position:50% 50%;background-position:50% 50%;}
+@keyframes wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{0%{-webkit-background-position:50% 50%;background-position:50% 50%;}50%{-webkit-background-position:0% 50%;background-position:0% 50%;}100%{-webkit-background-position:50% 50%;background-position:50% 50%;}}
+.XydComponents-Component-brand-CTABanner__CTABannerHeadingHost{display:flex;align-items:center;justify-content:center;flex-direction:column;}
+.XydComponents-Component-brand-CTABanner__CTABannerHeadingTitle{font-size:76px;font-weight:900;text-align:center;letter-spacing:3px;margin:0;}
+.XydComponents-Component-brand-CTABanner__CTABannerHeadingSubtitle{color:#3c3c43;font-size:46px;font-weight:600;text-align:center;}
+.XydComponents-Component-brand-CTABanner__CTABannerButtonGroupHost{display:flex;align-items:center;justify-content:center;gap:10px;}
+
+.XydComponents-Component-views-HomeView__HomeViewHost{display:flex;flex-direction:column;min-height:100vh;}
+.XydComponents-Component-views-HomeView__HomeViewBodyHost{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
+.XydComponents-Component-views-HomeView__HomeViewBodyHostSecondary{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
+.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
+@media (max-width: 1200px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 20px;}}
+@media (max-width: 768px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 10px;}}
+
+.XydComponents-Component-pages-HomePage__HomePageCardsHost{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}@media (max-width: 1200px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 768px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:1fr;}}
+
+.XydComponents-Component-brand-Footer__FooterHost{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
+.XydComponents-Component-brand-Footer__FooterContainer{margin:0 auto;max-width:1200px;text-align:center;}
+.XydComponents-Component-brand-Footer__FooterTextContainer{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
+
+.XydComponents-Component-brand-Button__ButtonHost{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.XydComponents-Component-brand-Button__ButtonHost:hover{background:#e3e3e6;}.XydComponents-Component-brand-Button__ButtonHostSecondary{color:#fff;background-color:rgb(112, 81, 212);}.XydComponents-Component-brand-Button__ButtonHostSecondary:hover{background-color:rgb(95, 59, 211);}
+
+.XydComponents-Component-writer-Badge__BadgeHost{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
+.XydComponents-Component-writer-Badge__BadgeHostWarning{color:#434e4e;background-color:#ffffe1;}
+.XydComponents-Component-writer-Badge__BadgeHostInfo{color:#fff;background-color:#1971a8;}
+.XydComponents-Component-writer-Badge__BadgeHostSm{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
+.XydComponents-Component-writer-Badge__BadgeItem{position:relative;}
+
+.XydComponents-Component-writer-Blockquote__BlockquoteHost{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
+
+
+.XydComponents-Component-writer-GuideCard__GuideHostSecondary{display:flex;position:relative;overflow:hidden;border:1px solid #ebebeb;background:#f8f8f8;border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.XydComponents-Component-writer-GuideCard__GuideHostSecondary:hover{background:#FFF;}.XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd{padding:21px 25px 25px;}.XydComponents-Component-writer-GuideCard__GuideLink{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideItem{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.XydComponents-Component-writer-GuideCard__GuideItem:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.XydComponents-Component-writer-GuideCard__GuideItemSecondary{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideIcon{line-height:0px;font-size:24px;height:32px;display:flex;justify-content:center;align-items:center;color:#000;transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.XydComponents-Component-writer-GuideCard__GuideRight{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.XydComponents-Component-writer-GuideCard__GuideTitle{display:flex;color:#000;font-weight:600;align-items:center;transition:color .15s;}.XydComponents-Component-writer-GuideCard__GuideTitleBody{font-size:16px;line-height:20px;}.XydComponents-Component-writer-GuideCard__GuideTitleBodyMd{font-size:18px;}.XydComponents-Component-writer-GuideCard__GuideBody{font-weight:400;font-size:14px;line-height:20px;color:#5C5C5C;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.XydComponents-Component-writer-GuideCard__GuideBodyMd{font-size:16px;}.XydComponents-Component-writer-GuideCard__GuidePointer{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.XydComponents-Component-writer-GuideCard__GuideListHost{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}
+
+.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsHost{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
+.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsIcon{shrink:0;width:0.875rem;}
+.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItem{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
+.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItemActive{color:#000;font-weight:bold;}
+
+.XydComponents-Component-writer-Callout__CalloutHost{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #ececf1;}
+.XydComponents-Component-writer-Callout__CalloutNeutral{background-color:#f7f7f8;border-color:#ececf1;}
+.XydComponents-Component-writer-Callout__CalloutIcon{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:#6e6e80;font-size:20px;margin-top:2px;}
+.XydComponents-Component-writer-Callout__CalloutMessage{color:#353740;text-align:left;flex:1 1 auto;}
+.XydComponents-Component-writer-Callout__CalloutMessageBody{font-size:14px;line-height:20px;}
+
+.XydComponents-Component-writer-Code__CodeHost{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
+
+.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksHost{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:#d7d7d7;}
+.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksLink{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.5;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
+.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksIcon{display:inline;height:1.25rem;flex-shrink:0;}
+
+.XydComponents-Component-writer-Pre__PreHost{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
+
+.XydComponents-Component-writer-Heading__HeadingHost{line-height:40px;font-weight:600;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.XydComponents-Component-writer-Heading__HeadingHost:hover svg{opacity:1;}.XydComponents-Component-writer-Heading__HeadingH1{font-size:36px;}.XydComponents-Component-writer-Heading__HeadingH1 code{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2 code{font-size:24px;}.XydComponents-Component-writer-Heading__HeadingH3{font-size:26px;}.XydComponents-Component-writer-Heading__HeadingH3 code{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4 code{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5 code{font-size:14px;}.XydComponents-Component-writer-Heading__HeadingH6{font-size:16px;}.XydComponents-Component-writer-Heading__HeadingH6 code{font-size:12px;}.XydComponents-Component-writer-Heading__HeadingLink{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
+
+.XydComponents-Component-writer-Details__DetailsHost{border-top:1px solid #ececf1;}.XydComponents-Component-writer-Details__DetailsHost[open] summary svg[data-icon="true"]{transform:rotate(90deg);}.XydComponents-Component-writer-Details__DetailsHostSecondary{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}.XydComponents-Component-writer-Details__DetailsSummary{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.XydComponents-Component-writer-Details__DetailsSummary:hover{color:#565869;}.XydComponents-Component-writer-Details__DetailsSummarySecondary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryTertiary{padding:10px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryDeep{display:flex;align-items:center;margin-bottom:8px;}.XydComponents-Component-writer-Details__DetailsSummaryDeepText{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary{text-transform:none;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary code{background:white;}.XydComponents-Component-writer-Details__DetailsLabel{flex:1 1 auto;}.XydComponents-Component-writer-Details__DetailsLabelTertiary{padding:10px;}.XydComponents-Component-writer-Details__DetailsIcon{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}.XydComponents-Component-writer-Details__DetailsContent{padding:0 24px 20px;}.XydComponents-Component-writer-Details__DetailsContentSecondary code{background:white;}.XydComponents-Component-writer-Details__DetailsContentTertiary{background:white;padding-top:20px;}
+
+.XydComponents-Component-writer-UnderlineNav__UnderlineNavHost{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
+.XydComponents-Component-writer-UnderlineNav__UnderlineNavUl{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
+.XydComponents-Component-writer-UnderlineNav__UnderlineNavItem{height:100%;}
+.XydComponents-Component-writer-UnderlineNav__UnderlineNavItem[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
+.XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
+
+
+.XydComponents-Component-writer-Table__TableHost{display:block;overflow-x:scroll;border-collapse:collapse;border-radius:3px;}
+.XydComponents-Component-writer-Table__TableTh{padding:0.5rem 1rem;margin:0;font-weight:600;border-width:1px;border-color:#D1D5DB;background:rgba(234, 238, 242, 0.5);}
+.XydComponents-Component-writer-Table__TableTr{padding:0;margin:0;border-top-width:1px;border-color:#D1D5DB;}
+.XydComponents-Component-writer-Table__TableTd{padding:0.5rem 1rem;margin:0;border-width:1px;border-color:#D1D5DB;}
+
+.XydComponents-Component-writer-Steps__StepsHost{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
+.XydComponents-Component-writer-Steps__StepsLi{padding-left:32px;position:relative;line-height:1.5;}
+.XydComponents-Component-writer-Steps__StepsLi::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
+
+.XydComponents-Component-writer-Hr__HrHost{border-color:rgb(229 229 229 / 0.7);}
+
+.XydComponents-Component-writer-Table__Host{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
+.XydComponents-Component-writer-Table__Table{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid #ECECF1;border-radius:8px;font-size:0.875rem;line-height:1.25rem;margin-top:1rem;overflow:hidden;}
+.XydComponents-Component-writer-Table__Thead{background:#F7F7F8;}
+.XydComponents-Component-writer-Table__Th{text-align:left;font-weight:500;padding:0.5rem 1rem;color:#353740;vertical-align:middle;border-bottom:1px solid #ECECF1;white-space:nowrap;}
+.XydComponents-Component-writer-Table__Th:first-child{width:24rem;max-width:40%;border-right:1px solid #ECECF1;}
+@media (max-width: 768px){.XydComponents-Component-writer-Table__Th:first-child{width:auto;min-width:12rem;}}
+.XydComponents-Component-writer-Table__Th.numeric{text-align:right;font-weight:400;min-width:5rem;}
+@media (max-width: 768px){.XydComponents-Component-writer-Table__Th.numeric{min-width:4rem;}}
+.XydComponents-Component-writer-Table__Tr:not(:last-child){border-bottom:1px solid #ECECF1;}
+.XydComponents-Component-writer-Table__Td{padding:0.5rem 1rem;vertical-align:middle;border-top:1px solid #ECECF1;}
+.XydComponents-Component-writer-Table__Td:first-child{border-right:1px solid #ECECF1;}
+.XydComponents-Component-writer-Table__Td.numeric{text-align:right;}
+.XydComponents-Component-writer-Table__Td.muted{color:#6E6E80;}
+@media (max-width: 768px){.XydComponents-Component-writer-Table__Td{padding:0.5rem;}}
+.XydComponents-Component-writer-Table__Cell{display:flex;align-items:baseline;width:100%;gap:0.5rem;}
+.XydComponents-Component-writer-Table__CellContent{flex:1;text-align:right;}
+.XydComponents-Component-writer-Table__ModelCell{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;color:#202123;}
+@media (max-width: 768px){.XydComponents-Component-writer-Table__ModelCell{font-size:0.8125rem;}}
+
+.XydComponents-Component-writer-Tabs__TabsSampleHost{position:relative;max-width:100%;}
+.XydComponents-Component-writer-Tabs__TabsSampleButtons{display:flex;align-items:center;}
+.XydComponents-Component-writer-Tabs__TabsSampleContent{margin-top:16px;}
+.XydComponents-Component-writer-Tabs__TabsArrowHost{padding:8px;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
+.XydComponents-Component-writer-Tabs__TabsArrowIcon{width:16px;height:16px;}
+.XydComponents-Component-writer-Tabs__TabsScrollerHost{overflow-x:auto;flex-grow:1;}
+.XydComponents-Component-writer-Tabs__TabsScrollerContainer{display:inline-flex;gap:4px;border-radius:8px;background-color:#F3F4F6;padding:4px;margin-left:4px;}
+.XydComponents-Component-writer-Tabs__TabsButtonHost{padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;color:#6B7280;}
+.XydComponents-Component-writer-Tabs__TabsButtonHost:hover{color:#111827;}
+.XydComponents-Component-writer-Tabs__TabsButtonHost[data-state="active"]{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
+.XydComponents-Component-writer-Tabs__TabsButtonActive{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
+
+:root {--xyd-navbar-height:40px;--xyd-global-page-gutter:8px;}
+.XydComponents-Component-layouts__LayoutHost{width:100%;}
+.XydComponents-Component-layouts__LayoutHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:40px;}
+.XydComponents-Component-layouts__LayoutHeaderSub{flex-direction:column;height:94px;transition:transform 200ms;}
+.XydComponents-Component-layouts__LayoutHeaderHideMain{transform:translateY(calc(-40px + 3px));}
+.XydComponents-Component-layouts__LayoutMain{position:fixed;top:calc(40px + 0px);bottom:8px;left:8px;right:8px;}
+.XydComponents-Component-layouts__LayoutMainSub{top:calc(94px + 0px);transition:top 200ms;}
+.XydComponents-Component-layouts__LayoutSidebar{flex-direction:column;position:absolute;top:0;left:0;bottom:0;right:0;z-index:101;width:210px;border:0;padding:12px 0 0;overflow:visible;background:none;border-radius:0;opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);}
+.XydComponents-Component-layouts__PageHost{position:absolute;top:12px;right:0;bottom:0;z-index:201;background:#fff;overflow:hidden;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);left:210px;}
+.XydComponents-Component-layouts__PageScroll{overflow:scroll;height:100%;}
+.XydComponents-Component-layouts__PageContainer{padding:0;width:100%;min-height:100%;max-width:100%;margin:0 auto;font-size:15px;line-height:24px;}
+.XydComponents-Component-layouts__PageArticleContainer{width:980px;padding:40px 56px;padding-top:20px;max-width:100%;margin:0 auto;}
+.XydComponents-Component-layouts__PageArticleContainerFullWidth{width:1200px;}
+.XydComponents-Component-layouts__ArticleHost{display:flex;gap:30px;width:100%;align-items:flex-start;}
+.XydComponents-Component-layouts__ArticleContent{flex:1 1 0;overflow:hidden;}
+.XydComponents-Component-layouts__ArticleNav{position:sticky;top:30px;width:180px;margin-top:0;margin-left:50px;padding-left:16px;flex:none;}
+
+:root {--xyd-navbar-height:50px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:250px;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost{width:100%;overflow-x:hidden;background:#fff;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:50px;z-index:20;background:#fff;}
+@media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{padding:0;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent{display:flex;align-items:center;width:100%;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub{flex-direction:column;height:94px;transition:transform 200ms;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain{transform:translateY(calc(-50px + 3px));}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{display:none;}
+@media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine{width:100%;height:2px;background:#000;transition:transform 0.3s cubic-bezier(.65, 0, .35, 1);}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:first-child{transform:translateY(11px) rotate(45deg);}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:nth-child(2){opacity:0;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:last-child{transform:translateY(-11px) rotate(-45deg);}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{position:fixed;display:flex;top:calc(50px + 0px);bottom:0;left:0;right:0;padding:8px;overflow:hidden;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{padding-top:calc(50px + 0px + 8px);}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{top:calc(94px + 0px);}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{padding-top:calc(94px + 0px + 8px);}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{flex:none;width:250px;background:#fff;display:flex;flex-direction:column;position:relative;height:100%;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{display:none;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{display:none;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:250px;background:#fff;flex-direction:column;z-index:50;transform:translateX(-100%);transition:transform .3s cubic-bezier(.65, 0, .35, 1);box-shadow:4px 0 8px rgba(0, 0, 0, 0.1);}}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen{transform:translateX(0);}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput{width:100%;height:40px;padding:0 12px;border:1px solid #eaeaea;border-radius:6px;font-size:14px;outline:none;transition:border-color 0.2s;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput:focus{border-color:#666;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon{width:20px;height:20px;position:relative;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::before,.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#666;transform-origin:center;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::before{transform:rotate(45deg);}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::after{transform:rotate(-45deg);}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{display:none;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.6);transition:opacity .3s;opacity:0;pointer-events:none;z-index:40;height:100vh;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible{opacity:1;pointer-events:auto;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost{position:relative;flex:1;background:#fff;overflow:hidden;min-width:0;height:100%;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;padding:0 48px;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 32px;}}
+@media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 24px;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer{max-width:1000px;margin:0 auto;padding:0 8px;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge{max-width:1200px;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{display:flex;gap:48px;padding:48px 0;min-height:100%;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{gap:32px;}}
+@media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{flex-direction:column;padding:24px 0;gap:24px;}}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost{flex:1;min-width:0;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent{width:100%;}
+.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{flex:none;width:256px;position:sticky;top:0;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:12px;}
+@media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:200px;padding-right:16px;}}
+@media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:100%;position:static;max-height:none;padding-right:0;}}
+
+.XydComponents-Component-coder-CodeTabs__CodeTabsHost{overflow:hidden;min-width:0;border:1px solid rgb(236, 236, 241);border-radius:16px;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsPreSingle{border:none!important;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHost{display:flex;flex:1 1 0%;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHostSingle{height:0;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesList{display:flex;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:rgb(53, 55, 64);}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton[data-state="active"]{color:rgb(112, 81, 212);border-bottom:1px solid rgb(112, 81, 212);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton:hover{transition:ease-in 0.1s;background:#e3e3eb;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescription{display:flex;align-items:center;gap:4px;font-size:14px;color:rgb(53, 55, 64);margin-left:4px;margin-right:4px;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescriptionItem{display:flex;padding-left:16px;padding-right:16px;flex:1 1 0%;gap:16px;border-radius:4px;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopy{display:flex;padding-left:8px;padding-right:8px;align-items:center;}
+.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopySingle{top:17px;position:relative;right:5px;}
+
+.XydComponents-Component-coder-Code__MarkHost{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}
+.XydComponents-Component-coder-Code__MarkLine{flex:1 1 0%;}
+.XydComponents-Component-coder-Code__MarkAnnotated{border-color:#60A5FA;background-color:#EEF2FF;}
+.XydComponents-Component-coder-Code__LineNumberHost{margin:0 12px 0px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.5;}
+.XydComponents-Component-coder-Code__CodeHost{max-height:400px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;margin:0;padding:8px 16px;border-top:1px solid rgb(236, 236, 241);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}
+.XydComponents-Component-coder-Code__CodeHostFull{max-height:100%;}
+
+.XydComponents-Component-content-Anchor__AnchorHost{color:#7051d4;}
+
+.XydComponents-Component-content-Content__ContentHost{display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.5;}
+
+.XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host{margin-top:-18px;font-size:18px;color:#6e6e80;font-weight:300;}
+
+.XydComponents-Component-ui-Loader__LoaderHost{display:inline-flex;align-items:center;justify-content:center;}
+.XydComponents-Component-ui-Loader__LoaderDots{display:flex;gap:4px;}
+.XydComponents-Component-ui-Loader__LoaderDot{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-XydComponents-Component-ui-Loader__LoaderDot 1.4s infinite ease-in-out;opacity:0.6;}
+.XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(2){animation-delay:0.2s;}
+.XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(3){animation-delay:0.4s;}
+@keyframes pulse-XydComponents-Component-ui-Loader__LoaderDot{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}
+.XydComponents-Component-ui-Loader__LoaderSmall .XydComponents-Component-ui-Loader__LoaderDot{width:6px;height:6px;}
+.XydComponents-Component-ui-Loader__LoaderLarge .XydComponents-Component-ui-Loader__LoaderDot{width:12px;height:12px;}
+
+.XydComponents-Component-coder-CodeCopy__CodeCopyHost{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.XydComponents-Component-coder-CodeCopy__CodeCopyHost:hover{transition:ease-in 0.1s;background:#e3e3eb;}

package/dist/layouts.d.ts

@@ -4,7 +4,7 @@ interface LayoutPrimaryProps {
     header: React.ReactNode;
     aside: React.ReactNode;
     content: React.ReactNode;
-    contentNav: React.ReactNode;
+    contentNav?: React.ReactNode;
     subheader?: React.ReactNode;
     layoutSize?: "large";
 }

package/dist/layouts.js

@@ -1,2 +1,2 @@
-import{a as e}from"./_rollupPluginBabelHelpers-DsEzE6Ab.js";import a,{useState as n,useEffect as t}from"react";var c="46px",r="hbl2zih",l="h115et6c",s="pqur9bs",o="h1ca28gw",m="h1wej3bq",i="h10slvux",d="hs9zvag",v="hwo9ypt",u="hx2yh06",E="m1tsopzt",h="mrptvy0",N="s15p97dz",f="m1g98ss5",p="m12tfx9",g="s1l70vy0",b="c1xrwn4u",q="c1k5z9a4",y="o2vyfys",L="o3fargz",x="h178wvkm",z="s56lisa",k="cr72phr",w="cjrmmxf",H="aqmdmmp",M="h1scre76",S="cw4g864",T="nj90fwq";function j(j){var C=n(!1),I=e(C,2),B=I[0],P=I[1],_=j.subheader?function(){var a=n(!1),r=e(a,2),l=r[0],s=r[1],o=n(0),m=e(o,2),i=m[0],d=m[1],v=n(0),u=e(v,2),E=u[0],h=u[1];function N(e){var a;if(e.target instanceof HTMLElement){var n=null===(a=e.target)||void 0===a?void 0:a.scrollTop;d(n)}}function f(e){var a;e.target instanceof HTMLElement&&h(null===(a=e.target)||void 0===a?void 0:a.scrollTop)}return t((function(){if(i!==E){var e=parseInt(c,10)/2,a=i-E,n=Math.abs(i-E);a>e?s(!0):n>e&&s(!1)}}),[i,E]),t((function(){var e,a;return null===(e=document.querySelector(".".concat(z)))||void 0===e||e.addEventListener("scroll",N),null===(a=document.querySelector(".".concat(z)))||void 0===a||a.addEventListener("scrollend",f),function(){var e,a;null===(e=document.querySelector(".".concat(z)))||void 0===e||e.removeEventListener("scroll",N),null===(a=document.querySelector(".".concat(z)))||void 0===a||a.removeEventListener("scrollend",f)}}),[]),{hideMainHeader:l}}():{hideMainHeader:!1},A=_.hideMainHeader;return a.createElement("div",{className:r},a.createElement("header",{className:" \n            ".concat(l,"\n            ").concat(j.subheader&&o,"\n            ").concat(A&&m,"\n        ")},a.createElement("div",{className:s},j.header,a.createElement("button",{className:i,onClick:function(){return P(!B)},"aria-label":"Toggle navigation menu"},a.createElement("div",{className:d},a.createElement("span",{className:"".concat(v," ").concat(B?u:"")}),a.createElement("span",{className:"".concat(v," ").concat(B?u:"")}),a.createElement("span",{className:"".concat(v," ").concat(B?u:"")})))),j.subheader),a.createElement("div",{className:"".concat(y," ").concat(B?L:""),onClick:function(){return P(!1)}}),a.createElement("aside",{className:"\n            ".concat(f,"\n            ").concat(B?p:"","\n        ")},a.createElement("div",{className:g},j.aside),a.createElement("button",{className:b,onClick:function(){return P(!1)},"aria-label":"Close navigation menu"},a.createElement("div",{className:q}))),a.createElement("main",{className:"\n            ".concat(E,"\n            ").concat(!A&&j.subheader&&h,"\n        ")},a.createElement("aside",{className:N},j.aside),a.createElement("div",{className:x},a.createElement("div",{className:z},a.createElement("div",{className:"\n                        ".concat(k,"\n                        ").concat("large"==j.layoutSize&&w,"\n                    ")},a.createElement("div",{className:"\n                            ".concat(H,"\n                        ")},a.createElement("article",{className:M},a.createElement("section",{className:S},j.content),j.contentNav&&a.createElement("nav",{className:"\n                                    ".concat(T,"\n                                ")},j.contentNav))))))))}var C="h8dr7e",I="h1ezaz84",B="h17wz13c",P="h1bgh3rd",_="mxu2emt",A="mslox5x",D="s1i19hnd",F="h13sn67b",G="s1k9r3in",J="c1t0msup",K="apqkghd",O="a10qws06",Q="h3zl32q",R="c1cmkhbs",U="n1rrfk2r";function V(c){var r=n(!1),l=e(r,2),s=l[0],o=l[1],m=n(0),i=e(m,2),d=i[0],v=i[1],u=n(0),E=e(u,2),h=E[0],N=E[1];function f(e){var a;if(e.target instanceof HTMLElement){var n=null===(a=e.target)||void 0===a?void 0:a.scrollTop;v(n)}}function p(e){var a;e.target instanceof HTMLElement&&N(null===(a=e.target)||void 0===a?void 0:a.scrollTop)}return t((function(){if(d!==h){var e=parseInt("46px",10)/2,a=d-h,n=Math.abs(d-h);a>e?o(!0):n>e&&o(!1)}}),[d,h]),t((function(){var e,a;if(c.subheader)return null===(e=document.querySelector(".".concat(G)))||void 0===e||e.addEventListener("scroll",f),null===(a=document.querySelector(".".concat(G)))||void 0===a||a.addEventListener("scrollend",p),function(){var e,a;null===(e=document.querySelector(".".concat(G)))||void 0===e||e.removeEventListener("scroll",f),null===(a=document.querySelector(".".concat(G)))||void 0===a||a.removeEventListener("scrollend",p)}}),[]),a.createElement("div",{className:C},a.createElement(V.Header,{className:"\n            ".concat(c.subheader&&B,"\n            ").concat(s&&P,"\n        ")},c.header),a.createElement("main",{className:"\n            ".concat(_,"\n            ").concat(!s&&c.subheader&&A,"\n        ")},a.createElement("aside",{className:D},c.aside),a.createElement("div",{className:F},a.createElement("div",{className:G},a.createElement("div",{className:J},a.createElement("div",{className:"\n                            ".concat(K,"\n                            ").concat("fullwidth"==c.kind&&O,"\n                        ")},a.createElement("article",{className:Q},a.createElement("section",{className:R},c.content),c.contentNav&&a.createElement("nav",{className:"\n                                    ".concat(U,"\n                                ")},c.contentNav))))))))}V.Header=function(e){var n=e.className,t=e.children;return a.createElement("header",{className:"\n            ".concat(I,"\n            ").concat(n,"\n        ")},t)};export{V as Layout,j as LayoutPrimary};
+import{a as e}from"./_rollupPluginBabelHelpers-CxmswfqM.js";import t,{useState as a,useEffect as n}from"react";var o="50px",r="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine",m="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen",l="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll";function c(c){var s=a(!1),y=e(s,2),i=y[0],u=y[1],d=c.subheader?function(){var t=a(!1),r=e(t,2),m=r[0],c=r[1],s=a(0),y=e(s,2),i=y[0],u=y[1],d=a(0),p=e(d,2),C=p[0],_=p[1];function L(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;u(a)}}function v(e){var t;e.target instanceof HTMLElement&&_(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(i!==C){var e=parseInt(o,10)/2,t=i-C,a=Math.abs(i-C);t>e?c(!0):a>e&&c(!1)}}),[i,C]),n((function(){var e,t;return null===(e=document.querySelector(".".concat(l)))||void 0===e||e.addEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.addEventListener("scrollend",v),function(){var e,t;null===(e=document.querySelector(".".concat(l)))||void 0===e||e.removeEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.removeEventListener("scrollend",v)}}),[]),{hideMainHeader:m}}():{hideMainHeader:!1},p=d.hideMainHeader;return t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost"},t.createElement("header",{className:" \n            ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader","\n            ").concat(c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub","\n            ").concat(p&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain","\n        ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent"},c.header,t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton",onClick:function(){return u(!i)},"aria-label":"Toggle navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon"},t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")})))),c.subheader),t.createElement("div",{className:"".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay"," ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible":""),onClick:function(){return u(!1)}}),t.createElement("aside",{className:"\n            ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar","\n            ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen":"","\n        ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent"},c.aside),t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton",onClick:function(){return u(!1)},"aria-label":"Close navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon"}))),t.createElement("main",{className:"\n            ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain","\n            ").concat(!p&&c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub","\n        ")},t.createElement("aside",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar"},c.aside),t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost"},t.createElement("div",{className:l},t.createElement("div",{className:"\n                        ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer","\n                        ").concat("large"==c.layoutSize&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge","\n                    ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer"},t.createElement("article",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent"},c.content)),c.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav"},c.contentNav)))))))}var s="XydComponents-Component-layouts__PageScroll";function y(o){var r=a(!1),m=e(r,2),l=m[0],c=m[1],i=a(0),u=e(i,2),d=u[0],p=u[1],C=a(0),_=e(C,2),L=_[0],v=_[1];function P(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;p(a)}}function E(e){var t;e.target instanceof HTMLElement&&v(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(d!==L){var e=parseInt("40px",10)/2,t=d-L,a=Math.abs(d-L);t>e?c(!0):a>e&&c(!1)}}),[d,L]),n((function(){var e,t;if(o.subheader)return null===(e=document.querySelector(".".concat(s)))||void 0===e||e.addEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.addEventListener("scrollend",E),function(){var e,t;null===(e=document.querySelector(".".concat(s)))||void 0===e||e.removeEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.removeEventListener("scrollend",E)}}),[]),t.createElement("div",{className:"XydComponents-Component-layouts__LayoutHost"},t.createElement(y.Header,{className:"\n            ".concat(o.subheader&&"XydComponents-Component-layouts__LayoutHeaderSub","\n            ").concat(l&&"XydComponents-Component-layouts__LayoutHeaderHideMain","\n        ")},o.header),t.createElement("main",{className:"\n            ".concat("XydComponents-Component-layouts__LayoutMain","\n            ").concat(!l&&o.subheader&&"XydComponents-Component-layouts__LayoutMainSub","\n        ")},t.createElement("aside",{className:"XydComponents-Component-layouts__LayoutSidebar"},o.aside),t.createElement("div",{className:"XydComponents-Component-layouts__PageHost"},t.createElement("div",{className:s},t.createElement("div",{className:"XydComponents-Component-layouts__PageContainer"},t.createElement("div",{className:"\n                            ".concat("XydComponents-Component-layouts__PageArticleContainer","\n                            ").concat("fullwidth"==o.kind&&"XydComponents-Component-layouts__PageArticleContainerFullWidth","\n                        ")},t.createElement("article",{className:"XydComponents-Component-layouts__ArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts__ArticleContent"},o.content),o.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts__ArticleNav"},o.contentNav))))))))}y.Header=function(e){var a=e.className,n=e.children;return t.createElement("header",{className:"\n            ".concat("XydComponents-Component-layouts__LayoutHeader","\n            ").concat(a,"\n        ")},n)};export{y as Layout,c as LayoutPrimary};
 //# sourceMappingURL=layouts.js.map