deploy: 2a5f65fccc

2022-12-20 11:50:38 +00:00 · 2022-12-20 11:50:38 +00:00 · 4cb1072883
--- a/404.html
+++ b/404.html
@ -4,13 +4,13 @@
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.1.0">
 <title data-rh="true">Page Not Found | Griffel</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://griffel.js.org/404.html"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Page Not Found | Griffel"><link data-rh="true" rel="canonical" href="https://griffel.js.org/404.html"><link data-rh="true" rel="alternate" href="https://griffel.js.org/404.html" hreflang="en"><link data-rh="true" rel="alternate" href="https://griffel.js.org/404.html" hreflang="x-default"><link rel="stylesheet" href="/assets/css/styles.39598e47.css">
-<link rel="preload" href="/assets/js/runtime~main.7f68b3b8.js" as="script">
-<link rel="preload" href="/assets/js/main.b44f4ff6.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.11141435.js" as="script">
+<link rel="preload" href="/assets/js/main.702fc8a6.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"dark")}()</script><div id="__docusaurus">
 <div role="region" aria-label="theme.common.skipToMainContent"><a href="#" class="skipToContent_G6ar">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/griffel.png" alt="Griffel.js" class="themedImage_RWGG themedImage--light_riBm"><img src="/img/griffel.png" alt="Griffel.js" class="themedImage_RWGG themedImage--dark_Dsi0"></div></a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link" href="/react/install">For React.js</a><a class="navbar__item navbar__link" href="/try-it-out/">Try it out</a><a href="https://github.com/microsoft/griffel" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link navbar-github-link">Github <span aria-hidden="true"></a><div class="searchBox_xrOJ"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper mainWrapper_UyTV"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><div class="container margin-top--xl"><div class="footer__links text--center"><div class="footer__links"><a href="https://opensource.microsoft.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open source at Microsoft<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_awgD"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><span class="footer__link-separator">·</span><a href="http://aka.ms/privacy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Microsoft Privacy Statement<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_awgD"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></div></div></div></div>
-<script src="/assets/js/runtime~main.7f68b3b8.js"></script>
-<script src="/assets/js/main.b44f4ff6.js"></script>
+<script src="/assets/js/runtime~main.11141435.js"></script>
+<script src="/assets/js/main.702fc8a6.js"></script>
 </body>
 </html>
--- a/assets/js/1cbb749b.b701ba22.js
+++ b/assets/js/1cbb749b.b701ba22.js
@ -0,0 +1 @@
+"use strict";(self.webpackChunk_griffel_website=self.webpackChunk_griffel_website||[]).push([[187],{1705:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>d,default:()=>u,frontMatter:()=>c,metadata:()=>s,toc:()=>l});var i=r(7896),o=r(1461),n=(r(2784),r(876)),a=(r(465),["components"]),c={sidebar_position:7},d="TextDirectionProvider",s={unversionedId:"react/api/text-direction-provider",id:"react/api/text-direction-provider",title:"TextDirectionProvider",description:"TextDirectionProvider is used to determine the text direction for style computation. The default text direction is Left-To-Right (LTR). For more details, check RTL support.",source:"@site/docs/react/api/text-direction-provider.md",sourceDirName:"react/api",slug:"/react/api/text-direction-provider",permalink:"/react/api/text-direction-provider",draft:!1,editUrl:"https://github.com/microsoft/griffel/tree/main/apps/website/docs/react/api/text-direction-provider.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"reactSidebar",previous:{title:"createDOMRenderer",permalink:"/react/api/create-dom-renderer"},next:{title:"Atomic CSS",permalink:"/react/guides/atomic-css"}},p={},l=[],m={toc:l};function u(e){var t=e.components,r=(0,o.Z)(e,a);return(0,n.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"textdirectionprovider"},"TextDirectionProvider"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"TextDirectionProvider")," is used to determine the text direction for style computation. The default text direction is Left-To-Right (LTR). For more details, check ",(0,n.kt)("a",{parentName:"p",href:"/react/api/make-styles#rtl-support"},"RTL support"),"."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-jsx"},"import { TextDirectionProvider } from '@griffel/react';\n\nfunction App() {\n  return (\n    <>\n      <TextDirectionProvider>\n        {/* Inner components will have styles for LTR */}\n        {/* ... */}\n      </TextDirectionProvider>\n      <TextDirectionProvider dir=\"rtl\">\n        {/* Inner components will have styles for RTL */}\n        {/* ... */}\n      </TextDirectionProvider>\n    </>\n  );\n}\n")))}u.isMDXComponent=!0}}]);
--- a/assets/js/935f2afb.67ed62b5.js
+++ b/assets/js/935f2afb.67ed62b5.js
--- a/assets/js/935f2afb.c198a51b.js
+++ b/assets/js/935f2afb.c198a51b.js
--- a/assets/js/b918371a.ee0de224.js
+++ b/assets/js/b918371a.ee0de224.js
--- a/assets/js/b918371a.fa70e7a7.js
+++ b/assets/js/b918371a.fa70e7a7.js
--- a/assets/js/c810fd4b.17be2e02.js
+++ b/assets/js/c810fd4b.17be2e02.js
@ -0,0 +1 @@
+"use strict";(self.webpackChunk_griffel_website=self.webpackChunk_griffel_website||[]).push([[308],{6276:(e,r,t)=>{t.r(r),t.d(r,{assets:()=>l,contentTitle:()=>d,default:()=>u,frontMatter:()=>s,metadata:()=>c,toc:()=>p});var n=t(7896),a=t(1461),i=(t(2784),t(876)),o=(t(465),["components"]),s={sidebar_position:6},d="createDOMRenderer",c={unversionedId:"react/api/create-dom-renderer",id:"react/api/create-dom-renderer",title:"createDOMRenderer",description:"createDOMRenderer is paired with RendererProvider component and is useful for child window rendering and SSR scenarios. This is the default renderer for web, and will make sure that styles are injected to a document.",source:"@site/docs/react/api/create-dom-renderer.md",sourceDirName:"react/api",slug:"/react/api/create-dom-renderer",permalink:"/react/api/create-dom-renderer",draft:!1,editUrl:"https://github.com/microsoft/griffel/tree/main/apps/website/docs/react/api/create-dom-renderer.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"reactSidebar",previous:{title:"makeResetStyles",permalink:"/react/api/make-reset-styles"},next:{title:"TextDirectionProvider",permalink:"/react/api/text-direction-provider"}},l={},p=[{value:"styleElementAttributes",id:"styleelementattributes",level:3}],m={toc:p};function u(e){var r=e.components,t=(0,a.Z)(e,o);return(0,i.kt)("wrapper",(0,n.Z)({},m,t,{components:r,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"createdomrenderer"},"createDOMRenderer"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"createDOMRenderer")," is paired with ",(0,i.kt)("inlineCode",{parentName:"p"},"RendererProvider")," component and is useful for ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/child-window-rendering"},"child window rendering")," and ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/ssr-usage"},"SSR")," scenarios. This is the default renderer for web, and will make sure that styles are injected to a document."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import { createDOMRenderer, RendererProvider } from '@griffel/react';\n\nfunction App(props) {\n  const { targetDocument } = props;\n  const renderer = React.useMemo(() => createDOMRenderer(targetDocument), [targetDocument]);\n\n  return (\n    <RendererProvider renderer={renderer} targetDocument={targetDocument}>\n      {/* Children components */}\n      {/* ... */}\n    </RendererProvider>\n  );\n}\n")),(0,i.kt)("h3",{id:"styleelementattributes"},"styleElementAttributes"),(0,i.kt)("p",null,"A map of attributes that's passed to the generated style elements. For example, is useful to set ",(0,i.kt)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce"},'"nonce" attribute'),"."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js"},"import { createDOMRenderer } from '@griffel/react';\n\nconst renderer = createDOMRenderer(targetDocument, {\n  styleElementAttributes: {\n    nonce: 'random',\n  },\n});\n")))}u.isMDXComponent=!0}}]);
--- a/assets/js/c810fd4b.755cf2f3.js
+++ b/assets/js/c810fd4b.755cf2f3.js
@ -1 +0,0 @@
-"use strict";(self.webpackChunk_griffel_website=self.webpackChunk_griffel_website||[]).push([[308],{6276:(e,r,t)=>{t.r(r),t.d(r,{assets:()=>l,contentTitle:()=>d,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>p});var n=t(7896),a=t(1461),i=(t(2784),t(876)),s=(t(465),["components"]),o={sidebar_position:6},d="createDOMRenderer",c={unversionedId:"react/api/create-dom-renderer",id:"react/api/create-dom-renderer",title:"createDOMRenderer",description:"createDOMRenderer is paired with RendererProvider component and is useful for child window rendering and SSR scenarios. This is the default renderer for web, and will make sure that styles are injected to a document.",source:"@site/docs/react/api/create-dom-renderer.md",sourceDirName:"react/api",slug:"/react/api/create-dom-renderer",permalink:"/react/api/create-dom-renderer",draft:!1,editUrl:"https://github.com/microsoft/griffel/tree/main/apps/website/docs/react/api/create-dom-renderer.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"reactSidebar",previous:{title:"makeResetStyles",permalink:"/react/api/make-reset-styles"},next:{title:"Atomic CSS",permalink:"/react/guides/atomic-css"}},l={},p=[{value:"styleElementAttributes",id:"styleelementattributes",level:3}],m={toc:p};function u(e){var r=e.components,t=(0,a.Z)(e,s);return(0,i.kt)("wrapper",(0,n.Z)({},m,t,{components:r,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"createdomrenderer"},"createDOMRenderer"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"createDOMRenderer")," is paired with ",(0,i.kt)("inlineCode",{parentName:"p"},"RendererProvider")," component and is useful for ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/child-window-rendering"},"child window rendering")," and ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/ssr-usage"},"SSR")," scenarios. This is the default renderer for web, and will make sure that styles are injected to a document."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import { createDOMRenderer, RendererProvider } from '@griffel/react';\n\nfunction App(props) {\n  const { targetDocument } = props;\n  const renderer = React.useMemo(() => createDOMRenderer(targetDocument), [targetDocument]);\n\n  return (\n    <RendererProvider renderer={renderer} targetDocument={targetDocument}>\n      {/* Children components */}\n      {/* ... */}\n    </RendererProvider>\n  );\n}\n")),(0,i.kt)("h3",{id:"styleelementattributes"},"styleElementAttributes"),(0,i.kt)("p",null,"A map of attributes that's passed to the generated style elements. For example, is useful to set ",(0,i.kt)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce"},'"nonce" attribute'),"."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js"},"import { createDOMRenderer } from '@griffel/react';\n\nconst renderer = createDOMRenderer(targetDocument, {\n  styleElementAttributes: {\n    nonce: 'random',\n  },\n});\n")))}u.isMDXComponent=!0}}]);
--- a/assets/js/fdbc8de5.4fe24056.js
+++ b/assets/js/fdbc8de5.4fe24056.js
--- a/assets/js/fdbc8de5.af6b0b3d.js
+++ b/assets/js/fdbc8de5.af6b0b3d.js
--- a/assets/js/main.702fc8a6.js
+++ b/assets/js/main.702fc8a6.js
--- a/assets/js/main.702fc8a6.js.LICENSE.txt
+++ b/assets/js/main.702fc8a6.js.LICENSE.txt
--- a/assets/js/main.b44f4ff6.js
+++ b/assets/js/main.b44f4ff6.js
--- a/assets/js/runtime~main.11141435.js
+++ b/assets/js/runtime~main.11141435.js
@ -0,0 +1 @@
+(()=>{"use strict";var e,t,r,f,a,o={},d={};function n(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={id:e,loaded:!1,exports:{}};return o[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=o,n.c=d,e=[],n.O=(t,r,f,a)=>{if(!r){var o=1/0;for(i=0;i<e.length;i++){for(var[r,f,a]=e[i],d=!0,b=0;b<r.length;b++)(!1&a||o>=a)&&Object.keys(n.O).every((e=>n.O[e](r[b])))?r.splice(b--,1):(d=!1,a<o&&(o=a));if(d){e.splice(i--,1);var c=f();void 0!==c&&(t=c)}}return t}a=a||0;for(var i=e.length;i>0&&e[i-1][2]>a;i--)e[i]=e[i-1];e[i]=[r,f,a]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var a=Object.create(null);n.r(a);var o={};t=t||[null,r({}),r([]),r(r)];for(var d=2&f&&e;"object"==typeof d&&!~t.indexOf(d);d=r(d))Object.getOwnPropertyNames(d).forEach((t=>o[t]=()=>e[t]));return o.default=()=>e,n.d(a,o),a},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({53:"935f2afb",96:"fdbc8de5",135:"e9747b1d",187:"1cbb749b",218:"2a93742f",237:"1df93b7f",308:"c810fd4b",319:"f9c9fb94",428:"8fbfd0c8",452:"a9c37025",512:"db4d0d97",514:"1be78505",536:"df7e75dc",542:"61237def",572:"01f58f7c",592:"common",598:"7964488f",615:"6e1d3e98",652:"3659ab22",712:"1358346b",755:"c1cf42ab",760:"b918371a",766:"3b30420a",780:"76d43799",878:"4d98ba37",918:"17896441",998:"bc13ec7b"}[e]||e)+"."+{53:"67ed62b5",66:"7a624869",92:"1ab04761",96:"4fe24056",109:"e207f81f",135:"f1dfa0a5",187:"b701ba22",218:"5331677c",237:"757dd87e",308:"17be2e02",319:"9dbaf04c",428:"1c0fc498",452:"b24a4a93",512:"9b42022f",514:"7884efd4",536:"17baccea",542:"368daaee",545:"fc608b7f",572:"2ff438b0",592:"1326d17b",598:"8f10d388",615:"537455cd",652:"373e71d9",712:"29d26b0f",755:"b52a6169",760:"fa70e7a7",766:"4265b53d",780:"dcd8ea5a",878:"7aafce36",918:"d19a576e",998:"b24c5f68"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f={},a="@griffel/website:",n.l=(e,t,r,o)=>{if(f[e])f[e].push(t);else{var d,b;if(void 0!==r)for(var c=document.getElementsByTagName("script"),i=0;i<c.length;i++){var l=c[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==a+r){d=l;break}}d||(b=!0,(d=document.createElement("script")).charset="utf-8",d.timeout=120,n.nc&&d.setAttribute("nonce",n.nc),d.setAttribute("data-webpack",a+r),d.src=e),f[e]=[t];var u=(t,r)=>{d.onerror=d.onload=null,clearTimeout(s);var a=f[e];if(delete f[e],d.parentNode&&d.parentNode.removeChild(d),a&&a.forEach((e=>e(r))),t)return t(r)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),b&&document.head.appendChild(d)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),n.p="/",n.gca=function(e){return e={17896441:"918","935f2afb":"53",fdbc8de5:"96",e9747b1d:"135","1cbb749b":"187","2a93742f":"218","1df93b7f":"237",c810fd4b:"308",f9c9fb94:"319","8fbfd0c8":"428",a9c37025:"452",db4d0d97:"512","1be78505":"514",df7e75dc:"536","61237def":"542","01f58f7c":"572",common:"592","7964488f":"598","6e1d3e98":"615","3659ab22":"652","1358346b":"712",c1cf42ab:"755",b918371a:"760","3b30420a":"766","76d43799":"780","4d98ba37":"878",bc13ec7b:"998"}[e]||e,n.p+n.u(e)},(()=>{var e={303:0,532:0};n.f.j=(t,r)=>{var f=n.o(e,t)?e[t]:void 0;if(0!==f)if(f)r.push(f[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>f=e[t]=[r,a]));r.push(f[2]=a);var o=n.p+n.u(t),d=new Error;n.l(o,(r=>{if(n.o(e,t)&&(0!==(f=e[t])&&(e[t]=void 0),f)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",d.name="ChunkLoadError",d.type=a,d.request=o,f[1](d)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var f,a,[o,d,b]=r,c=0;if(o.some((t=>0!==e[t]))){for(f in d)n.o(d,f)&&(n.m[f]=d[f]);if(b)var i=b(n)}for(t&&t(r);c<o.length;c++)a=o[c],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(i)},r=self.webpackChunk_griffel_website=self.webpackChunk_griffel_website||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();
--- a/assets/js/runtime~main.7f68b3b8.js
+++ b/assets/js/runtime~main.7f68b3b8.js
@ -1 +0,0 @@
-(()=>{"use strict";var e,t,r,f,o,a={},d={};function n(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={id:e,loaded:!1,exports:{}};return a[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=a,n.c=d,e=[],n.O=(t,r,f,o)=>{if(!r){var a=1/0;for(i=0;i<e.length;i++){for(var[r,f,o]=e[i],d=!0,c=0;c<r.length;c++)(!1&o||a>=o)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(d=!1,o<a&&(a=o));if(d){e.splice(i--,1);var b=f();void 0!==b&&(t=b)}}return t}o=o||0;for(var i=e.length;i>0&&e[i-1][2]>o;i--)e[i]=e[i-1];e[i]=[r,f,o]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var o=Object.create(null);n.r(o);var a={};t=t||[null,r({}),r([]),r(r)];for(var d=2&f&&e;"object"==typeof d&&!~t.indexOf(d);d=r(d))Object.getOwnPropertyNames(d).forEach((t=>a[t]=()=>e[t]));return a.default=()=>e,n.d(o,a),o},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({53:"935f2afb",96:"fdbc8de5",135:"e9747b1d",218:"2a93742f",237:"1df93b7f",308:"c810fd4b",319:"f9c9fb94",428:"8fbfd0c8",452:"a9c37025",512:"db4d0d97",514:"1be78505",536:"df7e75dc",542:"61237def",572:"01f58f7c",592:"common",598:"7964488f",615:"6e1d3e98",652:"3659ab22",712:"1358346b",755:"c1cf42ab",760:"b918371a",766:"3b30420a",780:"76d43799",878:"4d98ba37",918:"17896441",998:"bc13ec7b"}[e]||e)+"."+{53:"c198a51b",66:"7a624869",92:"1ab04761",96:"af6b0b3d",109:"e207f81f",135:"f1dfa0a5",218:"5331677c",237:"757dd87e",308:"755cf2f3",319:"9dbaf04c",428:"1c0fc498",452:"b24a4a93",512:"9b42022f",514:"7884efd4",536:"17baccea",542:"368daaee",545:"fc608b7f",572:"2ff438b0",592:"1326d17b",598:"8f10d388",615:"537455cd",652:"373e71d9",712:"29d26b0f",755:"b52a6169",760:"ee0de224",766:"4265b53d",780:"dcd8ea5a",878:"7aafce36",918:"d19a576e",998:"b24c5f68"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f={},o="@griffel/website:",n.l=(e,t,r,a)=>{if(f[e])f[e].push(t);else{var d,c;if(void 0!==r)for(var b=document.getElementsByTagName("script"),i=0;i<b.length;i++){var l=b[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+r){d=l;break}}d||(c=!0,(d=document.createElement("script")).charset="utf-8",d.timeout=120,n.nc&&d.setAttribute("nonce",n.nc),d.setAttribute("data-webpack",o+r),d.src=e),f[e]=[t];var u=(t,r)=>{d.onerror=d.onload=null,clearTimeout(s);var o=f[e];if(delete f[e],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(r))),t)return t(r)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),c&&document.head.appendChild(d)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),n.p="/",n.gca=function(e){return e={17896441:"918","935f2afb":"53",fdbc8de5:"96",e9747b1d:"135","2a93742f":"218","1df93b7f":"237",c810fd4b:"308",f9c9fb94:"319","8fbfd0c8":"428",a9c37025:"452",db4d0d97:"512","1be78505":"514",df7e75dc:"536","61237def":"542","01f58f7c":"572",common:"592","7964488f":"598","6e1d3e98":"615","3659ab22":"652","1358346b":"712",c1cf42ab:"755",b918371a:"760","3b30420a":"766","76d43799":"780","4d98ba37":"878",bc13ec7b:"998"}[e]||e,n.p+n.u(e)},(()=>{var e={303:0,532:0};n.f.j=(t,r)=>{var f=n.o(e,t)?e[t]:void 0;if(0!==f)if(f)r.push(f[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>f=e[t]=[r,o]));r.push(f[2]=o);var a=n.p+n.u(t),d=new Error;n.l(a,(r=>{if(n.o(e,t)&&(0!==(f=e[t])&&(e[t]=void 0),f)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",d.name="ChunkLoadError",d.type=o,d.request=a,f[1](d)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var f,o,[a,d,c]=r,b=0;if(a.some((t=>0!==e[t]))){for(f in d)n.o(d,f)&&(n.m[f]=d[f]);if(c)var i=c(n)}for(t&&t(r);b<a.length;b++)o=a[b],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(i)},r=self.webpackChunk_griffel_website=self.webpackChunk_griffel_website||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();
--- a/index.html
+++ b/index.html
--- a/react/ahead-of-time-compilation/introduction/index.html
+++ b/react/ahead-of-time-compilation/introduction/index.html
--- a/react/ahead-of-time-compilation/technical-details/index.html
+++ b/react/ahead-of-time-compilation/technical-details/index.html
--- a/react/ahead-of-time-compilation/with-babel/index.html
+++ b/react/ahead-of-time-compilation/with-babel/index.html
--- a/react/ahead-of-time-compilation/with-webpack/index.html
+++ b/react/ahead-of-time-compilation/with-webpack/index.html
--- a/react/api/create-dom-renderer/index.html
+++ b/react/api/create-dom-renderer/index.html
--- a/react/api/make-reset-styles/index.html
+++ b/react/api/make-reset-styles/index.html
--- a/react/api/make-static-styles/index.html
+++ b/react/api/make-static-styles/index.html
--- a/react/api/make-styles/index.html
+++ b/react/api/make-styles/index.html
--- a/react/api/merge-classes/index.html
+++ b/react/api/merge-classes/index.html
--- a/react/api/shorthands/index.html
+++ b/react/api/shorthands/index.html
--- a/react/api/text-direction-provider/index.html
+++ b/react/api/text-direction-provider/index.html
--- a/react/css-extraction/introduction/index.html
+++ b/react/css-extraction/introduction/index.html
--- a/react/css-extraction/with-nextjs/index.html
+++ b/react/css-extraction/with-nextjs/index.html
--- a/react/css-extraction/with-webpack/index.html
+++ b/react/css-extraction/with-webpack/index.html
--- a/react/guides/atomic-css/index.html
+++ b/react/guides/atomic-css/index.html
--- a/react/guides/child-window-rendering/index.html
+++ b/react/guides/child-window-rendering/index.html
--- a/react/guides/limitations/index.html
+++ b/react/guides/limitations/index.html
--- a/react/guides/ssr-usage/index.html
+++ b/react/guides/ssr-usage/index.html
--- a/react/install/index.html
+++ b/react/install/index.html
--- a/sitemap.xml
+++ b/sitemap.xml
@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://griffel.js.org/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/introduction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/technical-details</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/with-babel</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/with-webpack</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/create-dom-renderer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-reset-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-static-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/merge-classes</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/shorthands</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/introduction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/with-nextjs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/with-webpack</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/atomic-css</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/child-window-rendering</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/limitations</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/ssr-usage</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/install</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/try-it-out/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset>
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://griffel.js.org/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/introduction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/technical-details</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/with-babel</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/ahead-of-time-compilation/with-webpack</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/create-dom-renderer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-reset-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-static-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/make-styles</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/merge-classes</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/shorthands</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/api/text-direction-provider</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/introduction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/with-nextjs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/css-extraction/with-webpack</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/atomic-css</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/child-window-rendering</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/limitations</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/guides/ssr-usage</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/react/install</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://griffel.js.org/try-it-out/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset>
--- a/try-it-out/index.html
+++ b/try-it-out/index.html
				`@ -0,0 +1 @@`
				"use strict";(self.webpackChunk_griffel_website=self.webpackChunk_griffel_website\|\|[]).push([[187],{1705:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>d,default:()=>u,frontMatter:()=>c,metadata:()=>s,toc:()=>l});var i=r(7896),o=r(1461),n=(r(2784),r(876)),a=(r(465),["components"]),c={sidebar_position:7},d="TextDirectionProvider",s={unversionedId:"react/api/text-direction-provider",id:"react/api/text-direction-provider",title:"TextDirectionProvider",description:"TextDirectionProvider is used to determine the text direction for style computation. The default text direction is Left-To-Right (LTR). For more details, check RTL support.",source:"@site/docs/react/api/text-direction-provider.md",sourceDirName:"react/api",slug:"/react/api/text-direction-provider",permalink:"/react/api/text-direction-provider",draft:!1,editUrl:"https://github.com/microsoft/griffel/tree/main/apps/website/docs/react/api/text-direction-provider.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"reactSidebar",previous:{title:"createDOMRenderer",permalink:"/react/api/create-dom-renderer"},next:{title:"Atomic CSS",permalink:"/react/guides/atomic-css"}},p={},l=[],m={toc:l};function u(e){var t=e.components,r=(0,o.Z)(e,a);return(0,n.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"textdirectionprovider"},"TextDirectionProvider"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"TextDirectionProvider")," is used to determine the text direction for style computation. The default text direction is Left-To-Right (LTR). For more details, check ",(0,n.kt)("a",{parentName:"p",href:"/react/api/make-styles#rtl-support"},"RTL support"),"."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-jsx"},"import { TextDirectionProvider } from '@griffel/react';\n\nfunction App() {\n return (\n <>\n <TextDirectionProvider>\n {/* Inner components will have styles for LTR /}\n {/ ... /}\n </TextDirectionProvider>\n <TextDirectionProvider dir=\"rtl\">\n {/ Inner components will have styles for RTL /}\n {/ ... */}\n </TextDirectionProvider>\n </>\n );\n}\n")))}u.isMDXComponent=!0}}]);
				`@ -1 +0,0 @@`
				"use strict";(self.webpackChunk_griffel_website=self.webpackChunk_griffel_website\|\|[]).push([[308],{6276:(e,r,t)=>{t.r(r),t.d(r,{assets:()=>l,contentTitle:()=>d,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>p});var n=t(7896),a=t(1461),i=(t(2784),t(876)),s=(t(465),["components"]),o={sidebar_position:6},d="createDOMRenderer",c={unversionedId:"react/api/create-dom-renderer",id:"react/api/create-dom-renderer",title:"createDOMRenderer",description:"createDOMRenderer is paired with RendererProvider component and is useful for child window rendering and SSR scenarios. This is the default renderer for web, and will make sure that styles are injected to a document.",source:"@site/docs/react/api/create-dom-renderer.md",sourceDirName:"react/api",slug:"/react/api/create-dom-renderer",permalink:"/react/api/create-dom-renderer",draft:!1,editUrl:"https://github.com/microsoft/griffel/tree/main/apps/website/docs/react/api/create-dom-renderer.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"reactSidebar",previous:{title:"makeResetStyles",permalink:"/react/api/make-reset-styles"},next:{title:"Atomic CSS",permalink:"/react/guides/atomic-css"}},l={},p=[{value:"styleElementAttributes",id:"styleelementattributes",level:3}],m={toc:p};function u(e){var r=e.components,t=(0,a.Z)(e,s);return(0,i.kt)("wrapper",(0,n.Z)({},m,t,{components:r,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"createdomrenderer"},"createDOMRenderer"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"createDOMRenderer")," is paired with ",(0,i.kt)("inlineCode",{parentName:"p"},"RendererProvider")," component and is useful for ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/child-window-rendering"},"child window rendering")," and ",(0,i.kt)("a",{parentName:"p",href:"/react/guides/ssr-usage"},"SSR")," scenarios. This is the default renderer for web, and will make sure that styles are injected to a document."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import { createDOMRenderer, RendererProvider } from '@griffel/react';\n\nfunction App(props) {\n const { targetDocument } = props;\n const renderer = React.useMemo(() => createDOMRenderer(targetDocument), [targetDocument]);\n\n return (\n <RendererProvider renderer={renderer} targetDocument={targetDocument}>\n {/* Children components /}\n {/ ... */}\n </RendererProvider>\n );\n}\n")),(0,i.kt)("h3",{id:"styleelementattributes"},"styleElementAttributes"),(0,i.kt)("p",null,"A map of attributes that's passed to the generated style elements. For example, is useful to set ",(0,i.kt)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce"},'"nonce" attribute'),"."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js"},"import { createDOMRenderer } from '@griffel/react';\n\nconst renderer = createDOMRenderer(targetDocument, {\n styleElementAttributes: {\n nonce: 'random',\n },\n});\n")))}u.isMDXComponent=!0}}]);
				`@ -0,0 +1 @@`
				(()=>{"use strict";var e,t,r,f,a,o={},d={};function n(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={id:e,loaded:!1,exports:{}};return o[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=o,n.c=d,e=[],n.O=(t,r,f,a)=>{if(!r){var o=1/0;for(i=0;i<e.length;i++){for(var[r,f,a]=e[i],d=!0,b=0;b<r.length;b++)(!1&a\|\|o>=a)&&Object.keys(n.O).every((e=>n.O[e](r[b])))?r.splice(b--,1):(d=!1,a<o&&(o=a));if(d){e.splice(i--,1);var c=f();void 0!==c&&(t=c)}}return t}a=a\|\|0;for(var i=e.length;i>0&&e[i-1][2]>a;i--)e[i]=e[i-1];e[i]=[r,f,a]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var a=Object.create(null);n.r(a);var o={};t=t\|\|[null,r({}),r([]),r(r)];for(var d=2&f&&e;"object"==typeof d&&!~t.indexOf(d);d=r(d))Object.getOwnPropertyNames(d).forEach((t=>o[t]=()=>e[t]));return o.default=()=>e,n.d(a,o),a},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({53:"935f2afb",96:"fdbc8de5",135:"e9747b1d",187:"1cbb749b",218:"2a93742f",237:"1df93b7f",308:"c810fd4b",319:"f9c9fb94",428:"8fbfd0c8",452:"a9c37025",512:"db4d0d97",514:"1be78505",536:"df7e75dc",542:"61237def",572:"01f58f7c",592:"common",598:"7964488f",615:"6e1d3e98",652:"3659ab22",712:"1358346b",755:"c1cf42ab",760:"b918371a",766:"3b30420a",780:"76d43799",878:"4d98ba37",918:"17896441",998:"bc13ec7b"}[e]\|\|e)+"."+{53:"67ed62b5",66:"7a624869",92:"1ab04761",96:"4fe24056",109:"e207f81f",135:"f1dfa0a5",187:"b701ba22",218:"5331677c",237:"757dd87e",308:"17be2e02",319:"9dbaf04c",428:"1c0fc498",452:"b24a4a93",512:"9b42022f",514:"7884efd4",536:"17baccea",542:"368daaee",545:"fc608b7f",572:"2ff438b0",592:"1326d17b",598:"8f10d388",615:"537455cd",652:"373e71d9",712:"29d26b0f",755:"b52a6169",760:"fa70e7a7",766:"4265b53d",780:"dcd8ea5a",878:"7aafce36",918:"d19a576e",998:"b24c5f68"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f={},a="@griffel/website:",n.l=(e,t,r,o)=>{if(f[e])f[e].push(t);else{var d,b;if(void 0!==r)for(var c=document.getElementsByTagName("script"),i=0;i<c.length;i++){var l=c[i];if(l.getAttribute("src")==e\|\|l.getAttribute("data-webpack")==a+r){d=l;break}}d\|\|(b=!0,(d=document.createElement("script")).charset="utf-8",d.timeout=120,n.nc&&d.setAttribute("nonce",n.nc),d.setAttribute("data-webpack",a+r),d.src=e),f[e]=[t];var u=(t,r)=>{d.onerror=d.onload=null,clearTimeout(s);var a=f[e];if(delete f[e],d.parentNode&&d.parentNode.removeChild(d),a&&a.forEach((e=>e(r))),t)return t(r)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),b&&document.head.appendChild(d)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=e=>(e.paths=[],e.children\|\|(e.children=[]),e),n.p="/",n.gca=function(e){return e={17896441:"918","935f2afb":"53",fdbc8de5:"96",e9747b1d:"135","1cbb749b":"187","2a93742f":"218","1df93b7f":"237",c810fd4b:"308",f9c9fb94:"319","8fbfd0c8":"428",a9c37025:"452",db4d0d97:"512","1be78505":"514",df7e75dc:"536","61237def":"542","01f58f7c":"572",common:"592","7964488f":"598","6e1d3e98":"615","3659ab22":"652","1358346b":"712",c1cf42ab:"755",b918371a:"760","3b30420a":"766","76d43799":"780","4d98ba37":"878",bc13ec7b:"998"}[e]\|\|e,n.p+n.u(e)},(()=>{var e={303:0,532:0};n.f.j=(t,r)=>{var f=n.o(e,t)?e[t]:void 0;if(0!==f)if(f)r.push(f[2]);else if(/^(303\|532)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>f=e[t]=[r,a]));r.push(f[2]=a);var o=n.p+n.u(t),d=new Error;n.l(o,(r=>{if(n.o(e,t)&&(0!==(f=e[t])&&(e[t]=void 0),f)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",d.name="ChunkLoadError",d.type=a,d.request=o,f[1](d)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var f,a,[o,d,b]=r,c=0;if(o.some((t=>0!==e[t]))){for(f in d)n.o(d,f)&&(n.m[f]=d[f]);if(b)var i=b(n)}for(t&&t(r);c<o.length;c++)a=o[c],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(i)},r=self.webpackChunk_griffel_website=self.webpackChunk_griffel_website\|\|[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();
				`@ -1 +0,0 @@`
				(()=>{"use strict";var e,t,r,f,o,a={},d={};function n(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={id:e,loaded:!1,exports:{}};return a[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=a,n.c=d,e=[],n.O=(t,r,f,o)=>{if(!r){var a=1/0;for(i=0;i<e.length;i++){for(var[r,f,o]=e[i],d=!0,c=0;c<r.length;c++)(!1&o\|\|a>=o)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(d=!1,o<a&&(a=o));if(d){e.splice(i--,1);var b=f();void 0!==b&&(t=b)}}return t}o=o\|\|0;for(var i=e.length;i>0&&e[i-1][2]>o;i--)e[i]=e[i-1];e[i]=[r,f,o]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var o=Object.create(null);n.r(o);var a={};t=t\|\|[null,r({}),r([]),r(r)];for(var d=2&f&&e;"object"==typeof d&&!~t.indexOf(d);d=r(d))Object.getOwnPropertyNames(d).forEach((t=>a[t]=()=>e[t]));return a.default=()=>e,n.d(o,a),o},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({53:"935f2afb",96:"fdbc8de5",135:"e9747b1d",218:"2a93742f",237:"1df93b7f",308:"c810fd4b",319:"f9c9fb94",428:"8fbfd0c8",452:"a9c37025",512:"db4d0d97",514:"1be78505",536:"df7e75dc",542:"61237def",572:"01f58f7c",592:"common",598:"7964488f",615:"6e1d3e98",652:"3659ab22",712:"1358346b",755:"c1cf42ab",760:"b918371a",766:"3b30420a",780:"76d43799",878:"4d98ba37",918:"17896441",998:"bc13ec7b"}[e]\|\|e)+"."+{53:"c198a51b",66:"7a624869",92:"1ab04761",96:"af6b0b3d",109:"e207f81f",135:"f1dfa0a5",218:"5331677c",237:"757dd87e",308:"755cf2f3",319:"9dbaf04c",428:"1c0fc498",452:"b24a4a93",512:"9b42022f",514:"7884efd4",536:"17baccea",542:"368daaee",545:"fc608b7f",572:"2ff438b0",592:"1326d17b",598:"8f10d388",615:"537455cd",652:"373e71d9",712:"29d26b0f",755:"b52a6169",760:"ee0de224",766:"4265b53d",780:"dcd8ea5a",878:"7aafce36",918:"d19a576e",998:"b24c5f68"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f={},o="@griffel/website:",n.l=(e,t,r,a)=>{if(f[e])f[e].push(t);else{var d,c;if(void 0!==r)for(var b=document.getElementsByTagName("script"),i=0;i<b.length;i++){var l=b[i];if(l.getAttribute("src")==e\|\|l.getAttribute("data-webpack")==o+r){d=l;break}}d\|\|(c=!0,(d=document.createElement("script")).charset="utf-8",d.timeout=120,n.nc&&d.setAttribute("nonce",n.nc),d.setAttribute("data-webpack",o+r),d.src=e),f[e]=[t];var u=(t,r)=>{d.onerror=d.onload=null,clearTimeout(s);var o=f[e];if(delete f[e],d.parentNode&&d.parentNode.removeChild(d),o&&o.forEach((e=>e(r))),t)return t(r)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=u.bind(null,d.onerror),d.onload=u.bind(null,d.onload),c&&document.head.appendChild(d)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=e=>(e.paths=[],e.children\|\|(e.children=[]),e),n.p="/",n.gca=function(e){return e={17896441:"918","935f2afb":"53",fdbc8de5:"96",e9747b1d:"135","2a93742f":"218","1df93b7f":"237",c810fd4b:"308",f9c9fb94:"319","8fbfd0c8":"428",a9c37025:"452",db4d0d97:"512","1be78505":"514",df7e75dc:"536","61237def":"542","01f58f7c":"572",common:"592","7964488f":"598","6e1d3e98":"615","3659ab22":"652","1358346b":"712",c1cf42ab:"755",b918371a:"760","3b30420a":"766","76d43799":"780","4d98ba37":"878",bc13ec7b:"998"}[e]\|\|e,n.p+n.u(e)},(()=>{var e={303:0,532:0};n.f.j=(t,r)=>{var f=n.o(e,t)?e[t]:void 0;if(0!==f)if(f)r.push(f[2]);else if(/^(303\|532)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>f=e[t]=[r,o]));r.push(f[2]=o);var a=n.p+n.u(t),d=new Error;n.l(a,(r=>{if(n.o(e,t)&&(0!==(f=e[t])&&(e[t]=void 0),f)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;d.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",d.name="ChunkLoadError",d.type=o,d.request=a,f[1](d)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var f,o,[a,d,c]=r,b=0;if(a.some((t=>0!==e[t]))){for(f in d)n.o(d,f)&&(n.m[f]=d[f]);if(c)var i=c(n)}for(t&&t(r);b<a.length;b++)o=a[b],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(i)},r=self.webpackChunk_griffel_website=self.webpackChunk_griffel_website\|\|[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();