@xyd-js/storybook 0.0.1-xyd.1 → 0.0.1-xyd.3

package/storybook-static/index.html

@@ -143,7 +143,7 @@
         
       
         
-          window['STORYBOOK_FRAMEWORK'] = "/Users/zdunecki/Code/livesession/xyd/node_modules/.pnpm/@storybook+react-vite@8.6.8_@storybook+test@8.6.8_storybook@8.6.8_prettier@2.8.8___react-dom@_hitmg4vxewbr2s2lq2kqonl7u4/node_modules/@storybook/react-vite";
+          window['STORYBOOK_FRAMEWORK'] = "/Users/zdunecki/Code/livesession/xyd/node_modules/.pnpm/@storybook+react-vite@8.6.8_@storybook+test@8.6.8_storybook@8.6.8_prettier@2.8.8___react-dom@_m7xkkxrtye3aj2ylqn4qum7ssm/node_modules/@storybook/react-vite";
         
       
     </script>

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1742741449930,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{},"hasRouterPackage":false,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"9.10.0","agent":"pnpm"},"features":{"experimentalRSC":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.8","storybookVersionSpecifier":"^8.3.5","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"1.9.0"},"@storybook/addon-essentials":{"version":"8.6.8"},"@storybook/addon-interactions":{"version":"8.6.8"},"@storybook/addon-links":{"version":"8.6.8"},"@storybook/addon-onboarding":{"version":"8.6.8"},"@storybook/blocks":{"version":"8.6.8"},"@storybook/react":{"version":"8.6.8"},"@storybook/react-vite":{"version":"8.6.8"},"@storybook/test":{"version":"8.6.8"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.6.8"}},"addons":{"$SNIP/node_modules/.pnpm/@storybook+addon-onboarding@8.6.8_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-onboarding":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-links@8.6.8_react@19.0.0_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-essentials@8.6.8_@types+react@19.0.12_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/.pnpm/@chromatic-com+storybook@1.9.0_react@19.0.0/node_modules/@chromatic-com/storybook":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-interactions@8.6.8_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-interactions":{"version":null},"@storybook/addon-docs":{"version":"8.6.8"}}}
+{"generatedAt":1742839400922,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{},"hasRouterPackage":false,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"9.10.0","agent":"pnpm"},"features":{"experimentalRSC":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.8","storybookVersionSpecifier":"^8.3.5","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"1.9.0"},"@storybook/addon-essentials":{"version":"8.6.8"},"@storybook/addon-interactions":{"version":"8.6.8"},"@storybook/addon-links":{"version":"8.6.8"},"@storybook/addon-onboarding":{"version":"8.6.8"},"@storybook/blocks":{"version":"8.6.8"},"@storybook/react":{"version":"8.6.8"},"@storybook/react-vite":{"version":"8.6.8"},"@storybook/test":{"version":"8.6.8"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.6.8"}},"addons":{"$SNIP/node_modules/.pnpm/@storybook+addon-onboarding@8.6.8_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-onboarding":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-links@8.6.8_react@19.0.0_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-essentials@8.6.8_@types+react@19.0.12_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/.pnpm/@chromatic-com+storybook@1.9.0_react@19.0.0/node_modules/@chromatic-com/storybook":{"version":null},"$SNIP/node_modules/.pnpm/@storybook+addon-interactions@8.6.8_storybook@8.6.8_prettier@2.8.8_/node_modules/@storybook/addon-interactions":{"version":null},"@storybook/addon-docs":{"version":"8.6.8"}}}

package/storybook-static/assets/chunk-GNGMS2XR-BcRZYG7M.js

@@ -1,12 +0,0 @@
-import{r as s}from"./index-B7gF9TUu.js";var G={};Object.defineProperty(G,"__esModule",{value:!0});G.parse=Ie;G.serialize=Te;const be=/^[\u0021-\u003A\u003C\u003E-\u007E]+$/,Pe=/^[\u0021-\u003A\u003C-\u007E]*$/,Se=/^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i,Le=/^[\u0020-\u003A\u003D-\u007E]*$/,ke=Object.prototype.toString,$e=(()=>{const e=function(){};return e.prototype=Object.create(null),e})();function Ie(e,n){const t=new $e,i=e.length;if(i<2)return t;const r=(n==null?void 0:n.decode)||Me;let a=0;do{const o=e.indexOf("=",a);if(o===-1)break;const c=e.indexOf(";",a),l=c===-1?i:c;if(o>l){a=e.lastIndexOf(";",o-1)+1;continue}const u=re(e,a,o),f=ae(e,o,u),h=e.slice(u,f);if(t[h]===void 0){let p=re(e,o+1,l),d=ae(e,l,p);const m=r(e.slice(p,d));t[h]=m}a=l+1}while(a<i);return t}function re(e,n,t){do{const i=e.charCodeAt(n);if(i!==32&&i!==9)return n}while(++n<t);return t}function ae(e,n,t){for(;n>t;){const i=e.charCodeAt(--n);if(i!==32&&i!==9)return n+1}return t}function Te(e,n,t){const i=(t==null?void 0:t.encode)||encodeURIComponent;if(!be.test(e))throw new TypeError(`argument name is invalid: ${e}`);const r=i(n);if(!Pe.test(r))throw new TypeError(`argument val is invalid: ${n}`);let a=e+"="+r;if(!t)return a;if(t.maxAge!==void 0){if(!Number.isInteger(t.maxAge))throw new TypeError(`option maxAge is invalid: ${t.maxAge}`);a+="; Max-Age="+t.maxAge}if(t.domain){if(!Se.test(t.domain))throw new TypeError(`option domain is invalid: ${t.domain}`);a+="; Domain="+t.domain}if(t.path){if(!Le.test(t.path))throw new TypeError(`option path is invalid: ${t.path}`);a+="; Path="+t.path}if(t.expires){if(!Fe(t.expires)||!Number.isFinite(t.expires.valueOf()))throw new TypeError(`option expires is invalid: ${t.expires}`);a+="; Expires="+t.expires.toUTCString()}if(t.httpOnly&&(a+="; HttpOnly"),t.secure&&(a+="; Secure"),t.partitioned&&(a+="; Partitioned"),t.priority)switch(typeof t.priority=="string"?t.priority.toLowerCase():void 0){case"low":a+="; Priority=Low";break;case"medium":a+="; Priority=Medium";break;case"high":a+="; Priority=High";break;default:throw new TypeError(`option priority is invalid: ${t.priority}`)}if(t.sameSite)switch(typeof t.sameSite=="string"?t.sameSite.toLowerCase():t.sameSite){case!0:case"strict":a+="; SameSite=Strict";break;case"lax":a+="; SameSite=Lax";break;case"none":a+="; SameSite=None";break;default:throw new TypeError(`option sameSite is invalid: ${t.sameSite}`)}return a}function Me(e){if(e.indexOf("%")===-1)return e;try{return decodeURIComponent(e)}catch{return e}}function Fe(e){return ke.call(e)==="[object Date]"}/**
- * react-router v7.4.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */function Ne(e={}){let{initialEntries:n=["/"],initialIndex:t,v5Compat:i=!1}=e,r;r=n.map((d,m)=>f(d,typeof d=="string"?null:d.state,m===0?"default":void 0));let a=l(t??r.length-1),o="POP",c=null;function l(d){return Math.min(Math.max(d,0),r.length-1)}function u(){return r[a]}function f(d,m=null,y){let x=De(r?u().pathname:"/",d,m,y);return R(x.pathname.charAt(0)==="/",`relative pathnames are not supported in memory history: ${JSON.stringify(d)}`),x}function h(d){return typeof d=="string"?d:z(d)}return{get index(){return a},get action(){return o},get location(){return u()},createHref:h,createURL(d){return new URL(h(d),"http://localhost")},encodeLocation(d){let m=typeof d=="string"?M(d):d;return{pathname:m.pathname||"",search:m.search||"",hash:m.hash||""}},push(d,m){o="PUSH";let y=f(d,m);a+=1,r.splice(a,r.length,y),i&&c&&c({action:o,location:y,delta:1})},replace(d,m){o="REPLACE";let y=f(d,m);r[a]=y,i&&c&&c({action:o,location:y,delta:0})},go(d){o="POP";let m=l(a+d),y=r[m];a=m,c&&c({action:o,location:y,delta:d})},listen(d){return c=d,()=>{c=null}}}}function C(e,n){if(e===!1||e===null||typeof e>"u")throw new Error(n)}function R(e,n){if(!e){typeof console<"u"&&console.warn(n);try{throw new Error(n)}catch{}}}function Ae(){return Math.random().toString(36).substring(2,10)}function De(e,n,t=null,i){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof n=="string"?M(n):n,state:t,key:n&&n.key||i||Ae()}}function z({pathname:e="/",search:n="",hash:t=""}){return n&&n!=="?"&&(e+=n.charAt(0)==="?"?n:"?"+n),t&&t!=="#"&&(e+=t.charAt(0)==="#"?t:"#"+t),e}function M(e){let n={};if(e){let t=e.indexOf("#");t>=0&&(n.hash=e.substring(t),e=e.substring(0,t));let i=e.indexOf("?");i>=0&&(n.search=e.substring(i),e=e.substring(0,i)),e&&(n.pathname=e)}return n}function ue(e,n,t="/"){return Oe(e,n,t,!1)}function Oe(e,n,t,i){let r=typeof n=="string"?M(n):n,a=L(r.pathname||"/",t);if(a==null)return null;let o=se(e);Ue(o);let c=null;for(let l=0;c==null&&l<o.length;++l){let u=qe(a);c=Ke(o[l],u,i)}return c}function se(e,n=[],t=[],i=""){let r=(a,o,c)=>{let l={relativePath:c===void 0?a.path||"":c,caseSensitive:a.caseSensitive===!0,childrenIndex:o,route:a};l.relativePath.startsWith("/")&&(C(l.relativePath.startsWith(i),`Absolute route path "${l.relativePath}" nested under path "${i}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),l.relativePath=l.relativePath.slice(i.length));let u=S([i,l.relativePath]),f=t.concat(l);a.children&&a.children.length>0&&(C(a.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${u}".`),se(a.children,n,f,u)),!(a.path==null&&!a.index)&&n.push({path:u,score:je(u,a.index),routesMeta:f})};return e.forEach((a,o)=>{var c;if(a.path===""||!((c=a.path)!=null&&c.includes("?")))r(a,o);else for(let l of ce(a.path))r(a,o,l)}),n}function ce(e){let n=e.split("/");if(n.length===0)return[];let[t,...i]=n,r=t.endsWith("?"),a=t.replace(/\?$/,"");if(i.length===0)return r?[a,""]:[a];let o=ce(i.join("/")),c=[];return c.push(...o.map(l=>l===""?a:[a,l].join("/"))),r&&c.push(...o),c.map(l=>e.startsWith("/")&&l===""?"/":l)}function Ue(e){e.sort((n,t)=>n.score!==t.score?t.score-n.score:Je(n.routesMeta.map(i=>i.childrenIndex),t.routesMeta.map(i=>i.childrenIndex)))}var Be=/^:[\w-]+$/,We=3,He=2,_e=1,ze=10,Ve=-2,ie=e=>e==="*";function je(e,n){let t=e.split("/"),i=t.length;return t.some(ie)&&(i+=Ve),n&&(i+=He),t.filter(r=>!ie(r)).reduce((r,a)=>r+(Be.test(a)?We:a===""?_e:ze),i)}function Je(e,n){return e.length===n.length&&e.slice(0,-1).every((i,r)=>i===n[r])?e[e.length-1]-n[n.length-1]:0}function Ke(e,n,t=!1){let{routesMeta:i}=e,r={},a="/",o=[];for(let c=0;c<i.length;++c){let l=i[c],u=c===i.length-1,f=a==="/"?n:n.slice(a.length)||"/",h=V({path:l.relativePath,caseSensitive:l.caseSensitive,end:u},f),p=l.route;if(!h&&u&&t&&!i[i.length-1].route.index&&(h=V({path:l.relativePath,caseSensitive:l.caseSensitive,end:!1},f)),!h)return null;Object.assign(r,h.params),o.push({params:r,pathname:S([a,h.pathname]),pathnameBase:Ze(S([a,h.pathnameBase])),route:p}),h.pathnameBase!=="/"&&(a=S([a,h.pathnameBase]))}return o}function V(e,n){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[t,i]=Ye(e.path,e.caseSensitive,e.end),r=n.match(t);if(!r)return null;let a=r[0],o=a.replace(/(.)\/+$/,"$1"),c=r.slice(1);return{params:i.reduce((u,{paramName:f,isOptional:h},p)=>{if(f==="*"){let m=c[p]||"";o=a.slice(0,a.length-m.length).replace(/(.)\/+$/,"$1")}const d=c[p];return h&&!d?u[f]=void 0:u[f]=(d||"").replace(/%2F/g,"/"),u},{}),pathname:a,pathnameBase:o,pattern:e}}function Ye(e,n=!1,t=!0){R(e==="*"||!e.endsWith("*")||e.endsWith("/*"),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,"/*")}".`);let i=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(o,c,l)=>(i.push({paramName:c,isOptional:l!=null}),l?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(i.push({paramName:"*"}),r+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):t?r+="\\/*$":e!==""&&e!=="/"&&(r+="(?:(?=\\/|$))"),[new RegExp(r,n?void 0:"i"),i]}function qe(e){try{return e.split("/").map(n=>decodeURIComponent(n).replace(/\//g,"%2F")).join("/")}catch(n){return R(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`),e}}function L(e,n){if(n==="/")return e;if(!e.toLowerCase().startsWith(n.toLowerCase()))return null;let t=n.endsWith("/")?n.length-1:n.length,i=e.charAt(t);return i&&i!=="/"?null:e.slice(t)||"/"}function Ge(e,n="/"){let{pathname:t,search:i="",hash:r=""}=typeof e=="string"?M(e):e;return{pathname:t?t.startsWith("/")?t:Xe(t,n):n,search:et(i),hash:tt(r)}}function Xe(e,n){let t=n.replace(/\/+$/,"").split("/");return e.split("/").forEach(r=>{r===".."?t.length>1&&t.pop():r!=="."&&t.push(r)}),t.length>1?t.join("/"):"/"}function Y(e,n,t,i){return`Cannot include a '${e}' character in a manually specified \`to.${n}\` field [${JSON.stringify(i)}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`}function Qe(e){return e.filter((n,t)=>t===0||n.route.path&&n.route.path.length>0)}function fe(e){let n=Qe(e);return n.map((t,i)=>i===n.length-1?t.pathname:t.pathnameBase)}function de(e,n,t,i=!1){let r;typeof e=="string"?r=M(e):(r={...e},C(!r.pathname||!r.pathname.includes("?"),Y("?","pathname","search",r)),C(!r.pathname||!r.pathname.includes("#"),Y("#","pathname","hash",r)),C(!r.search||!r.search.includes("#"),Y("#","search","hash",r)));let a=e===""||r.pathname==="",o=a?"/":r.pathname,c;if(o==null)c=t;else{let h=n.length-1;if(!i&&o.startsWith("..")){let p=o.split("/");for(;p[0]==="..";)p.shift(),h-=1;r.pathname=p.join("/")}c=h>=0?n[h]:"/"}let l=Ge(r,c),u=o&&o!=="/"&&o.endsWith("/"),f=(a||o===".")&&t.endsWith("/");return!l.pathname.endsWith("/")&&(u||f)&&(l.pathname+="/"),l}var S=e=>e.join("/").replace(/\/\/+/g,"/"),Ze=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),et=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,tt=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function nt(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}var he=["POST","PUT","PATCH","DELETE"];new Set(he);var rt=["GET",...he];new Set(rt);var F=s.createContext(null);F.displayName="DataRouter";var j=s.createContext(null);j.displayName="DataRouterState";var me=s.createContext({isTransitioning:!1});me.displayName="ViewTransition";var at=s.createContext(new Map);at.displayName="Fetchers";var it=s.createContext(null);it.displayName="Await";var P=s.createContext(null);P.displayName="Navigation";var J=s.createContext(null);J.displayName="Location";var k=s.createContext({outlet:null,matches:[],isDataRoute:!1});k.displayName="Route";var X=s.createContext(null);X.displayName="RouteError";function lt(e,{relative:n}={}){C(D(),"useHref() may be used only in the context of a <Router> component.");let{basename:t,navigator:i}=s.useContext(P),{hash:r,pathname:a,search:o}=O(e,{relative:n}),c=a;return t!=="/"&&(c=a==="/"?t:S([t,a])),i.createHref({pathname:c,search:o,hash:r})}function D(){return s.useContext(J)!=null}function I(){return C(D(),"useLocation() may be used only in the context of a <Router> component."),s.useContext(J).location}var pe="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function ge(e){s.useContext(P).static||s.useLayoutEffect(e)}function ot(){let{isDataRoute:e}=s.useContext(k);return e?wt():ut()}function ut(){C(D(),"useNavigate() may be used only in the context of a <Router> component.");let e=s.useContext(F),{basename:n,navigator:t}=s.useContext(P),{matches:i}=s.useContext(k),{pathname:r}=I(),a=JSON.stringify(fe(i)),o=s.useRef(!1);return ge(()=>{o.current=!0}),s.useCallback((l,u={})=>{if(R(o.current,pe),!o.current)return;if(typeof l=="number"){t.go(l);return}let f=de(l,JSON.parse(a),r,u.relative==="path");e==null&&n!=="/"&&(f.pathname=f.pathname==="/"?n:S([n,f.pathname])),(u.replace?t.replace:t.push)(f,u.state,u)},[n,t,a,r,e])}s.createContext(null);function O(e,{relative:n}={}){let{matches:t}=s.useContext(k),{pathname:i}=I(),r=JSON.stringify(fe(t));return s.useMemo(()=>de(e,JSON.parse(r),i,n==="path"),[e,r,i,n])}function st(e,n,t,i){C(D(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:r,static:a}=s.useContext(P),{matches:o}=s.useContext(k),c=o[o.length-1],l=c?c.params:{},u=c?c.pathname:"/",f=c?c.pathnameBase:"/",h=c&&c.route;{let v=h&&h.path||"";ye(u,!h||v.endsWith("*")||v.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${u}" (under <Route path="${v}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${v}"> to <Route path="${v==="/"?"*":`${v}/*`}">.`)}let p=I(),d;d=p;let m=d.pathname||"/",y=m;if(f!=="/"){let v=f.replace(/^\//,"").split("/");y="/"+m.replace(/^\//,"").split("/").slice(v.length).join("/")}let x=!a&&t&&t.matches&&t.matches.length>0?t.matches:ue(e,{pathname:y});return R(h||x!=null,`No routes matched location "${d.pathname}${d.search}${d.hash}" `),R(x==null||x[x.length-1].route.element!==void 0||x[x.length-1].route.Component!==void 0||x[x.length-1].route.lazy!==void 0,`Matched leaf route at location "${d.pathname}${d.search}${d.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`),mt(x&&x.map(v=>Object.assign({},v,{params:Object.assign({},l,v.params),pathname:S([f,r.encodeLocation?r.encodeLocation(v.pathname).pathname:v.pathname]),pathnameBase:v.pathnameBase==="/"?f:S([f,r.encodeLocation?r.encodeLocation(v.pathnameBase).pathname:v.pathnameBase])})),o,t,i)}function ct(){let e=xt(),n=nt(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),t=e instanceof Error?e.stack:null,i="rgba(200,200,200, 0.5)",r={padding:"0.5rem",backgroundColor:i},a={padding:"2px 4px",backgroundColor:i},o=null;return console.error("Error handled by React Router default ErrorBoundary:",e),o=s.createElement(s.Fragment,null,s.createElement("p",null,"💿 Hey developer 👋"),s.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",s.createElement("code",{style:a},"ErrorBoundary")," or"," ",s.createElement("code",{style:a},"errorElement")," prop on your route.")),s.createElement(s.Fragment,null,s.createElement("h2",null,"Unexpected Application Error!"),s.createElement("h3",{style:{fontStyle:"italic"}},n),t?s.createElement("pre",{style:r},t):null,o)}var ft=s.createElement(ct,null),dt=class extends s.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,n){return n.location!==e.location||n.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:n.error,location:n.location,revalidation:e.revalidation||n.revalidation}}componentDidCatch(e,n){console.error("React Router caught the following error during render",e,n)}render(){return this.state.error!==void 0?s.createElement(k.Provider,{value:this.props.routeContext},s.createElement(X.Provider,{value:this.state.error,children:this.props.component})):this.props.children}};function ht({routeContext:e,match:n,children:t}){let i=s.useContext(F);return i&&i.static&&i.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(i.staticContext._deepestRenderedBoundaryId=n.route.id),s.createElement(k.Provider,{value:e},t)}function mt(e,n=[],t=null,i=null){if(e==null){if(!t)return null;if(t.errors)e=t.matches;else if(n.length===0&&!t.initialized&&t.matches.length>0)e=t.matches;else return null}let r=e,a=t==null?void 0:t.errors;if(a!=null){let l=r.findIndex(u=>u.route.id&&(a==null?void 0:a[u.route.id])!==void 0);C(l>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(",")}`),r=r.slice(0,Math.min(r.length,l+1))}let o=!1,c=-1;if(t)for(let l=0;l<r.length;l++){let u=r[l];if((u.route.HydrateFallback||u.route.hydrateFallbackElement)&&(c=l),u.route.id){let{loaderData:f,errors:h}=t,p=u.route.loader&&!f.hasOwnProperty(u.route.id)&&(!h||h[u.route.id]===void 0);if(u.route.lazy||p){o=!0,c>=0?r=r.slice(0,c+1):r=[r[0]];break}}}return r.reduceRight((l,u,f)=>{let h,p=!1,d=null,m=null;t&&(h=a&&u.route.id?a[u.route.id]:void 0,d=u.route.errorElement||ft,o&&(c<0&&f===0?(ye("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),p=!0,m=null):c===f&&(p=!0,m=u.route.hydrateFallbackElement||null)));let y=n.concat(r.slice(0,f+1)),x=()=>{let g;return h?g=d:p?g=m:u.route.Component?g=s.createElement(u.route.Component,null):u.route.element?g=u.route.element:g=l,s.createElement(ht,{match:u,routeContext:{outlet:l,matches:y,isDataRoute:t!=null},children:g})};return t&&(u.route.ErrorBoundary||u.route.errorElement||f===0)?s.createElement(dt,{location:t.location,revalidation:t.revalidation,component:d,error:h,children:x(),routeContext:{outlet:null,matches:y,isDataRoute:!0}}):x()},null)}function Q(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function pt(e){let n=s.useContext(F);return C(n,Q(e)),n}function gt(e){let n=s.useContext(j);return C(n,Q(e)),n}function yt(e){let n=s.useContext(k);return C(n,Q(e)),n}function Z(e){let n=yt(e),t=n.matches[n.matches.length-1];return C(t.route.id,`${e} can only be used on routes that contain a unique "id"`),t.route.id}function vt(){return Z("useRouteId")}function xt(){var i;let e=s.useContext(X),n=gt("useRouteError"),t=Z("useRouteError");return e!==void 0?e:(i=n.errors)==null?void 0:i[t]}function wt(){let{router:e}=pt("useNavigate"),n=Z("useNavigate"),t=s.useRef(!1);return ge(()=>{t.current=!0}),s.useCallback(async(r,a={})=>{R(t.current,pe),t.current&&(typeof r=="number"?e.navigate(r):await e.navigate(r,{fromRouteId:n,...a}))},[e,n])}var le={};function ye(e,n,t){!n&&!le[e]&&(le[e]=!0,R(!1,t))}s.memo(Ct);function Ct({routes:e,future:n,state:t}){return st(e,void 0,t,n)}function tn({basename:e,children:n,initialEntries:t,initialIndex:i}){let r=s.useRef();r.current==null&&(r.current=Ne({initialEntries:t,initialIndex:i,v5Compat:!0}));let a=r.current,[o,c]=s.useState({action:a.action,location:a.location}),l=s.useCallback(u=>{s.startTransition(()=>c(u))},[c]);return s.useLayoutEffect(()=>a.listen(l),[a,l]),s.createElement(Et,{basename:e,children:n,location:o.location,navigationType:o.action,navigator:a})}function Et({basename:e="/",children:n=null,location:t,navigationType:i="POP",navigator:r,static:a=!1}){C(!D(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let o=e.replace(/^\/*/,"/"),c=s.useMemo(()=>({basename:o,navigator:r,static:a,future:{}}),[o,r,a]);typeof t=="string"&&(t=M(t));let{pathname:l="/",search:u="",hash:f="",state:h=null,key:p="default"}=t,d=s.useMemo(()=>{let m=L(l,o);return m==null?null:{location:{pathname:m,search:u,hash:f,state:h,key:p},navigationType:i}},[o,l,u,f,h,p,i]);return R(d!=null,`<Router basename="${o}"> is not able to match the URL "${l}${u}${f}" because it does not start with the basename, so the <Router> won't render anything.`),d==null?null:s.createElement(P.Provider,{value:c},s.createElement(J.Provider,{children:n,value:d}))}var H="get",_="application/x-www-form-urlencoded";function K(e){return e!=null&&typeof e.tagName=="string"}function Rt(e){return K(e)&&e.tagName.toLowerCase()==="button"}function bt(e){return K(e)&&e.tagName.toLowerCase()==="form"}function Pt(e){return K(e)&&e.tagName.toLowerCase()==="input"}function St(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Lt(e,n){return e.button===0&&(!n||n==="_self")&&!St(e)}var W=null;function kt(){if(W===null)try{new FormData(document.createElement("form"),0),W=!1}catch{W=!0}return W}var $t=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function q(e){return e!=null&&!$t.has(e)?(R(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${_}"`),null):e}function It(e,n){let t,i,r,a,o;if(bt(e)){let c=e.getAttribute("action");i=c?L(c,n):null,t=e.getAttribute("method")||H,r=q(e.getAttribute("enctype"))||_,a=new FormData(e)}else if(Rt(e)||Pt(e)&&(e.type==="submit"||e.type==="image")){let c=e.form;if(c==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let l=e.getAttribute("formaction")||c.getAttribute("action");if(i=l?L(l,n):null,t=e.getAttribute("formmethod")||c.getAttribute("method")||H,r=q(e.getAttribute("formenctype"))||q(c.getAttribute("enctype"))||_,a=new FormData(c,e),!kt()){let{name:u,type:f,value:h}=e;if(f==="image"){let p=u?`${u}.`:"";a.append(`${p}x`,"0"),a.append(`${p}y`,"0")}else u&&a.append(u,h)}}else{if(K(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');t=H,i=null,r=_,o=e}return a&&r==="text/plain"&&(o=a,a=void 0),{action:i,method:t.toLowerCase(),encType:r,formData:a,body:o}}function ee(e,n){if(e===!1||e===null||typeof e>"u")throw new Error(n)}async function Tt(e,n){if(e.id in n)return n[e.id];try{let t=await import(e.module);return n[e.id]=t,t}catch(t){return console.error(`Error loading route module \`${e.module}\`, reloading page...`),console.error(t),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function Mt(e){return e==null?!1:e.href==null?e.rel==="preload"&&typeof e.imageSrcSet=="string"&&typeof e.imageSizes=="string":typeof e.rel=="string"&&typeof e.href=="string"}async function Ft(e,n,t){let i=await Promise.all(e.map(async r=>{let a=n.routes[r.route.id];if(a){let o=await Tt(a,t);return o.links?o.links():[]}return[]}));return Ot(i.flat(1).filter(Mt).filter(r=>r.rel==="stylesheet"||r.rel==="preload").map(r=>r.rel==="stylesheet"?{...r,rel:"prefetch",as:"style"}:{...r,rel:"prefetch"}))}function oe(e,n,t,i,r,a){let o=(l,u)=>t[u]?l.route.id!==t[u].route.id:!0,c=(l,u)=>{var f;return t[u].pathname!==l.pathname||((f=t[u].route.path)==null?void 0:f.endsWith("*"))&&t[u].params["*"]!==l.params["*"]};return a==="assets"?n.filter((l,u)=>o(l,u)||c(l,u)):a==="data"?n.filter((l,u)=>{var h;let f=i.routes[l.route.id];if(!f||!f.hasLoader)return!1;if(o(l,u)||c(l,u))return!0;if(l.route.shouldRevalidate){let p=l.route.shouldRevalidate({currentUrl:new URL(r.pathname+r.search+r.hash,window.origin),currentParams:((h=t[0])==null?void 0:h.params)||{},nextUrl:new URL(e,window.origin),nextParams:l.params,defaultShouldRevalidate:!0});if(typeof p=="boolean")return p}return!0}):[]}function Nt(e,n,{includeHydrateFallback:t}={}){return At(e.map(i=>{let r=n.routes[i.route.id];if(!r)return[];let a=[r.module];return r.clientActionModule&&(a=a.concat(r.clientActionModule)),r.clientLoaderModule&&(a=a.concat(r.clientLoaderModule)),t&&r.hydrateFallbackModule&&(a=a.concat(r.hydrateFallbackModule)),r.imports&&(a=a.concat(r.imports)),a}).flat(1))}function At(e){return[...new Set(e)]}function Dt(e){let n={},t=Object.keys(e).sort();for(let i of t)n[i]=e[i];return n}function Ot(e,n){let t=new Set;return new Set(n),e.reduce((i,r)=>{let a=JSON.stringify(Dt(r));return t.has(a)||(t.add(a),i.push({key:a,link:r})),i},[])}function Ut(e,n){let t=typeof e=="string"?new URL(e,typeof window>"u"?"server://singlefetch/":window.location.origin):e;return t.pathname==="/"?t.pathname="_root.data":n&&L(t.pathname,n)==="/"?t.pathname=`${n.replace(/\/$/,"")}/_root.data`:t.pathname=`${t.pathname.replace(/\/$/,"")}.data`,t}function ve(){let e=s.useContext(F);return ee(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function Bt(){let e=s.useContext(j);return ee(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}var te=s.createContext(void 0);te.displayName="FrameworkContext";function xe(){let e=s.useContext(te);return ee(e,"You must render this element inside a <HydratedRouter> element"),e}function Wt(e,n){let t=s.useContext(te),[i,r]=s.useState(!1),[a,o]=s.useState(!1),{onFocus:c,onBlur:l,onMouseEnter:u,onMouseLeave:f,onTouchStart:h}=n,p=s.useRef(null);s.useEffect(()=>{if(e==="render"&&o(!0),e==="viewport"){let y=g=>{g.forEach(v=>{o(v.isIntersecting)})},x=new IntersectionObserver(y,{threshold:.5});return p.current&&x.observe(p.current),()=>{x.disconnect()}}},[e]),s.useEffect(()=>{if(i){let y=setTimeout(()=>{o(!0)},100);return()=>{clearTimeout(y)}}},[i]);let d=()=>{r(!0)},m=()=>{r(!1),o(!1)};return t?e!=="intent"?[a,p,{}]:[a,p,{onFocus:A(c,d),onBlur:A(l,m),onMouseEnter:A(u,d),onMouseLeave:A(f,m),onTouchStart:A(h,d)}]:[!1,p,{}]}function A(e,n){return t=>{e&&e(t),t.defaultPrevented||n(t)}}function Ht({page:e,...n}){let{router:t}=ve(),i=s.useMemo(()=>ue(t.routes,e,t.basename),[t.routes,e,t.basename]);return i?s.createElement(zt,{page:e,matches:i,...n}):null}function _t(e){let{manifest:n,routeModules:t}=xe(),[i,r]=s.useState([]);return s.useEffect(()=>{let a=!1;return Ft(e,n,t).then(o=>{a||r(o)}),()=>{a=!0}},[e,n,t]),i}function zt({page:e,matches:n,...t}){let i=I(),{manifest:r,routeModules:a}=xe(),{basename:o}=ve(),{loaderData:c,matches:l}=Bt(),u=s.useMemo(()=>oe(e,n,l,r,i,"data"),[e,n,l,r,i]),f=s.useMemo(()=>oe(e,n,l,r,i,"assets"),[e,n,l,r,i]),h=s.useMemo(()=>{if(e===i.pathname+i.search+i.hash)return[];let m=new Set,y=!1;if(n.forEach(g=>{var w;let v=r.routes[g.route.id];!v||!v.hasLoader||(!u.some(b=>b.route.id===g.route.id)&&g.route.id in c&&((w=a[g.route.id])!=null&&w.shouldRevalidate)||v.hasClientLoader?y=!0:m.add(g.route.id))}),m.size===0)return[];let x=Ut(e,o);return y&&m.size>0&&x.searchParams.set("_routes",n.filter(g=>m.has(g.route.id)).map(g=>g.route.id).join(",")),[x.pathname+x.search]},[o,c,i,r,u,n,e,a]),p=s.useMemo(()=>Nt(f,r),[f,r]),d=_t(f);return s.createElement(s.Fragment,null,h.map(m=>s.createElement("link",{key:m,rel:"prefetch",as:"fetch",href:m,...t})),p.map(m=>s.createElement("link",{key:m,rel:"modulepreload",href:m,...t})),d.map(({key:m,link:y})=>s.createElement("link",{key:m,...y})))}function Vt(...e){return n=>{e.forEach(t=>{typeof t=="function"?t(n):t!=null&&(t.current=n)})}}var we=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{we&&(window.__reactRouterVersion="7.4.0")}catch{}var Ce=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Ee=s.forwardRef(function({onClick:n,discover:t="render",prefetch:i="none",relative:r,reloadDocument:a,replace:o,state:c,target:l,to:u,preventScrollReset:f,viewTransition:h,...p},d){let{basename:m}=s.useContext(P),y=typeof u=="string"&&Ce.test(u),x,g=!1;if(typeof u=="string"&&y&&(x=u,we))try{let E=new URL(window.location.href),T=u.startsWith("//")?new URL(E.protocol+u):new URL(u),ne=L(T.pathname,m);T.origin===E.origin&&ne!=null?u=ne+T.search+T.hash:g=!0}catch{R(!1,`<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}let v=lt(u,{relative:r}),[w,b,$]=Wt(i,p),U=Yt(u,{replace:o,state:c,target:l,preventScrollReset:f,relative:r,viewTransition:h});function N(E){n&&n(E),E.defaultPrevented||U(E)}let B=s.createElement("a",{...p,...$,href:x||v,onClick:g||a?n:N,ref:Vt(d,b),target:l,"data-discover":!y&&t==="render"?"true":void 0});return w&&!y?s.createElement(s.Fragment,null,B,s.createElement(Ht,{page:v})):B});Ee.displayName="Link";var jt=s.forwardRef(function({"aria-current":n="page",caseSensitive:t=!1,className:i="",end:r=!1,style:a,to:o,viewTransition:c,children:l,...u},f){let h=O(o,{relative:u.relative}),p=I(),d=s.useContext(j),{navigator:m,basename:y}=s.useContext(P),x=d!=null&&Zt(h)&&c===!0,g=m.encodeLocation?m.encodeLocation(h).pathname:h.pathname,v=p.pathname,w=d&&d.navigation&&d.navigation.location?d.navigation.location.pathname:null;t||(v=v.toLowerCase(),w=w?w.toLowerCase():null,g=g.toLowerCase()),w&&y&&(w=L(w,y)||w);const b=g!=="/"&&g.endsWith("/")?g.length-1:g.length;let $=v===g||!r&&v.startsWith(g)&&v.charAt(b)==="/",U=w!=null&&(w===g||!r&&w.startsWith(g)&&w.charAt(g.length)==="/"),N={isActive:$,isPending:U,isTransitioning:x},B=$?n:void 0,E;typeof i=="function"?E=i(N):E=[i,$?"active":null,U?"pending":null,x?"transitioning":null].filter(Boolean).join(" ");let T=typeof a=="function"?a(N):a;return s.createElement(Ee,{...u,"aria-current":B,className:E,ref:f,style:T,to:o,viewTransition:c},typeof l=="function"?l(N):l)});jt.displayName="NavLink";var Jt=s.forwardRef(({discover:e="render",fetcherKey:n,navigate:t,reloadDocument:i,replace:r,state:a,method:o=H,action:c,onSubmit:l,relative:u,preventScrollReset:f,viewTransition:h,...p},d)=>{let m=Xt(),y=Qt(c,{relative:u}),x=o.toLowerCase()==="get"?"get":"post",g=typeof c=="string"&&Ce.test(c),v=w=>{if(l&&l(w),w.defaultPrevented)return;w.preventDefault();let b=w.nativeEvent.submitter,$=(b==null?void 0:b.getAttribute("formmethod"))||o;m(b||w.currentTarget,{fetcherKey:n,method:$,navigate:t,replace:r,state:a,relative:u,preventScrollReset:f,viewTransition:h})};return s.createElement("form",{ref:d,method:x,action:y,onSubmit:i?l:v,...p,"data-discover":!g&&e==="render"?"true":void 0})});Jt.displayName="Form";function Kt(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Re(e){let n=s.useContext(F);return C(n,Kt(e)),n}function Yt(e,{target:n,replace:t,state:i,preventScrollReset:r,relative:a,viewTransition:o}={}){let c=ot(),l=I(),u=O(e,{relative:a});return s.useCallback(f=>{if(Lt(f,n)){f.preventDefault();let h=t!==void 0?t:z(l)===z(u);c(e,{replace:h,state:i,preventScrollReset:r,relative:a,viewTransition:o})}},[l,c,u,t,i,n,e,r,a,o])}var qt=0,Gt=()=>`__${String(++qt)}__`;function Xt(){let{router:e}=Re("useSubmit"),{basename:n}=s.useContext(P),t=vt();return s.useCallback(async(i,r={})=>{let{action:a,method:o,encType:c,formData:l,body:u}=It(i,n);if(r.navigate===!1){let f=r.fetcherKey||Gt();await e.fetch(f,t,r.action||a,{preventScrollReset:r.preventScrollReset,formData:l,body:u,formMethod:r.method||o,formEncType:r.encType||c,flushSync:r.flushSync})}else await e.navigate(r.action||a,{preventScrollReset:r.preventScrollReset,formData:l,body:u,formMethod:r.method||o,formEncType:r.encType||c,replace:r.replace,state:r.state,fromRouteId:t,flushSync:r.flushSync,viewTransition:r.viewTransition})},[e,n,t])}function Qt(e,{relative:n}={}){let{basename:t}=s.useContext(P),i=s.useContext(k);C(i,"useFormAction must be used inside a RouteContext");let[r]=i.matches.slice(-1),a={...O(e||".",{relative:n})},o=I();if(e==null){a.search=o.search;let c=new URLSearchParams(a.search),l=c.getAll("index");if(l.some(f=>f==="")){c.delete("index"),l.filter(h=>h).forEach(h=>c.append("index",h));let f=c.toString();a.search=f?`?${f}`:""}}return(!e||e===".")&&r.route.index&&(a.search=a.search?a.search.replace(/^\?/,"?index&"):"?index"),t!=="/"&&(a.pathname=a.pathname==="/"?t:S([t,a.pathname])),z(a)}function Zt(e,n={}){let t=s.useContext(me);C(t!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:i}=Re("useViewTransitionState"),r=O(e,{relative:n.relative});if(!t.isTransitioning)return!1;let a=L(t.currentLocation.pathname,i)||t.currentLocation.pathname,o=L(t.nextLocation.pathname,i)||t.nextLocation.pathname;return V(r.pathname,o)!=null||V(r.pathname,a)!=null}new TextEncoder;export{tn as M};

package/storybook-static/assets/preview-B3IBgtzx.css

@@ -1 +0,0 @@
-.h9tkkeg{font-size:30px;font-weight:400}.c1q2rf33{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);padding:8px;border:1px solid var(--atlas-comp-apiref-item-border-color);border-radius:8px;font-size:13px}.lhk53ap{color:var(--atlas-comp-apiref-item-navbar-color);margin-right:4px}.h1t46rpg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:25px}.gq5m3p7{display:-ms-grid;display:grid;-ms-grid-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:100px}.i1lmmgv6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:25px;margin-bottom:25px}.hpmrvhc{font-size:15px;font-weight:600}.l8q9wny{-webkit-text-decoration:none;text-decoration:none}.h1b8wz9m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none}.h1ayic9k{margin:0;padding:0}.h1ayic9k:first-child{padding-top:0}.h1ayic9k:last-child{padding-bottom:0}.hkisad5{font-size:14px;line-height:22px;color:var(--atlas-comp-apiref-properties-description-color)}.h159tzrk{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:8px 0}.h159tzrk dd{-webkit-margin-start:0px;margin-inline-start:0px}.ht6ukcw{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;font-weight:600;font-size:13px;color:var(--atlas-comp-apiref-properties-prop__name-color)}.h1hhb1ak{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;border-radius:4px;font-size:10px;color:var(--atlas-comp-apiref-properties-prop__type-color)}.l1ud1m37{color:var(--atlas-comp-apiref-properties-color--active);-webkit-text-decoration:underline;text-decoration:underline}.l1ud1m37:hover{-webkit-text-decoration:none;text-decoration:none}.h1fjyrqx{padding:8px;border-style:none;display:none}.h12sxrry{display:unset}.u1ofrsp8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none;border-left:1px solid var(--atlas-comp-apiref-properties-border-color)}.lmjvvs5{padding:0 16px}.h9u79h5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin-top:16px;background:none;outline:inherit;border:none;cursor:pointer;color:inherit;font-size:13px}.h9u79h5 svg{font-size:13px}.h9u79h5:hover svg{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--atlas-comp-apiref-properties-color--active)}.l16o3qrr{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:4px}.l16o3qrr:hover{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--atlas-comp-apiref-properties-color--active)}.h47igvr{all:unset;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6px;padding:6px}.h47igvr:hover{-webkit-transition:ease-in .1s;transition:ease-in .1s;background:var(--atlas-comp-code-copy-background--active)}.h1ur68ey{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;overflow:hidden;min-width:0;max-width:512px;border:1px solid var(--atlas-comp-code-sample-border-color);border-radius:16px}.hp2fg9q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;padding:8px 0;background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0}.l1u5q09{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end;gap:8px;padding:0 10px}.b1g5l43{all:unset;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:var(--atlas-comp-code-sample-color)}.b1g5l43[data-state=active]{color:var(--atlas-comp-code-sample-color--active);border-bottom:1px solid var(--atlas-comp-code-sample-color--active);border-bottom-left-radius:0;border-bottom-right-radius:0}.b1g5l43:hover{-webkit-transition:ease-in .1s;transition:ease-in .1s;background:var(--atlas-comp-code-sample-background)}.d1x4vxzj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;color:var(--atlas-comp-code-sample-color);margin-left:4px;margin-right:4px}.d1n1kybx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:16px;padding-right:16px;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;gap:16px;border-radius:4px}.c1qxxuld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h1gfddng{max-height:400px;background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;margin:0;padding:8px 16px;border-top:1px solid var(--atlas-comp-code-sample-border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:14px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll}.h1h0n8u6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-left-width:4px;border-color:transparent;margin:4px 0}.l12klvp{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}._4uqa3m{border-color:var(--atlas-comp-code-sample-mark-border--active);background-color:var(--atlas-comp-code-sample-mark-background--active)}.h18n51vi{margin:0 4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.h1de1isv{position:relative;max-width:100%}.c174knag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:#f3f4f6}.hdr58em{padding:8px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.izmf263{width:16px;height:16px}.h1olbpn1{overflow-x:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.c1dubejs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:4px;margin-left:4px}.he063xp{padding:.5rem 1rem;border-radius:.375rem;font-size:.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(.4,0,.2,1);transition-duration:.3s;color:#6b7280}.he063xp:hover{color:#111827}._lt697q{color:#111827;background-color:#fff;box-shadow:0 1px 2px #0000000d}.hskauww{position:-webkit-sticky;position:sticky;top:6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.hskauww:first-child{margin-top:0}.hskauww:last-child{margin-bottom:0}.h1nkbfqz{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.h5edgc7{width:100%}.h12vpet9{padding:16px 0}._18e99ku{padding:4px 0}.h1vu90xp{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.s1i2i14o{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.n1oemxra{align-items:center;display:flex;gap:8px;height:var(--xyd-navbar-height);justify-content:flex-end;padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px);width:100%}.ny6xn1c{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.hj2rxb1{gap:8px}.hcz0c13,.hj2rxb1{align-items:center;display:flex;justify-content:center}.hcz0c13{color:#4b5563;font-size:14px;padding:6px 16px;position:relative;white-space:nowrap}.hcz0c13:hover{color:#1f2937}.hcz0c13[data-state=active]{background:#f9f9f9;border-radius:8px;font-weight:700}.t1lsj05a{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center}.t138ur9z{font-weight:500;visibility:hidden}.hso30gp{align-items:center;display:flex;margin-right:auto}.hptag3l{background:#f9f9f9;border-radius:.5rem;display:flex;flex-direction:column;height:100%}.uead4fo{height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem}.h1hrlfak{border-top:1px solid #ededed;box-shadow:0 -2px 10px #ededed1a;padding:1rem}.i1btwdcv{color:#6e6e80;padding:2px}.i1801o7t,.i1btwdcv{display:flex;width:100%}.i1801o7t{align-items:center;font-size:14px;gap:7px;padding:4px 8px}.i1801o7t:hover{background:#ececf1;border-radius:4px;color:#111827}.i1801o7t:hover svg{fill:#111827}.i1801o7t svg{fill:#6e6e80;font-size:18px;height:18px;width:18px}.hs1gieu{color:#6e6e80;font-size:14px}.l1s9ffav{display:flex;font-weight:500;padding:2px;width:100%}.l1041tva{background:#fff;border-radius:4px;color:#7051d4}.l1hsy03l{background:unset;color:#111827;font-weight:500}.lz6cy9y{display:flex;padding:4px 8px;width:100%}.lz6cy9y:hover{background:#ececf1;border-radius:4px;color:#111827}.hnhdi2c{margin-left:8px}.hj0z21i{color:#111827;font-size:12px;font-weight:600;letter-spacing:1px;line-height:16px;margin-bottom:6px;margin-top:16px;padding-left:10px}.c12fwmxc{overflow:hidden;transform:translateZ(0);transition:all .3s ease-in-out}.bfe0v98{opacity:0;transition:opacity .5s ease-in-out}.oza7km2{opacity:1}.h4ah3ok{align-items:center;background-color:#f6f6f7;border-radius:.5rem;display:flex;flex-direction:row;height:44px;margin-top:3px;padding:0 .25rem;width:100%}.p1ncaln9{color:#44474a;font-size:12px;font-weight:600;padding-left:.5rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.p1ncaln9:after{background:#d2d5d8;border-radius:1px;content:" ";height:.75rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2px}.u3wpqhn{flex-direction:row}.lc3ej8u,.u3wpqhn{display:flex;height:100%}.lc3ej8u{align-items:center;position:relative}.lc3ej8u[data-state=active]{font-weight:500}.lc3ej8u[data-state=active] a{color:#202223}.lc3ej8u[data-state=active] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.l1taqsnk{color:#4b5563;display:block;height:100%;line-height:2.75rem;padding:0 .5rem}.l1taqsnk:hover{color:#202223}.h19g75q2{padding-left:16px;position:relative}.ueg7kxf{list-style:none;margin:0;padding:0}.lagigsw{line-height:1.5;margin:0 0 10px;padding:0;position:relative}.lylqcp3{text-wrap:pretty;color:#6e6e80;display:inline-block;font-size:14px;line-height:1.4;transition:color .15s ease}.l16swvpi{color:#353740;font-weight:500}.ht0m6aa{background-color:#ececf1;bottom:0}.ht0m6aa,.sfp1vxs{left:0;position:absolute;top:0;width:2px}.sfp1vxs{background-color:#353740;height:var(--active-track-height);transform:translateY(var(--active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}.h1vf00q{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center}.t1ahtzu3{color:#3c3c43c7;font-size:14px;font-weight:500;line-height:24px}.h1vbgqbd{padding:20px}.c1qluffv{align-items:center;display:flex;gap:80px;justify-content:center}.h7zyorj{gap:40px}.h10nnuqu,.h7zyorj{align-items:center;display:flex;flex-direction:column;justify-content:center}.h10nnuqu{-webkit-text-fill-color:transparent;animation:wave-h10nnuqu 5s infinite;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-background-position:50% 50%;background-position:50% 50%;background-size:200% 200%}@keyframes wave-h10nnuqu{0%{-webkit-background-position:50% 50%;background-position:50% 50%}50%{-webkit-background-position:0 50%;background-position:0 50%}to{-webkit-background-position:50% 50%;background-position:50% 50%}}.h1xgyvqe{align-items:center;display:flex;flex-direction:column;justify-content:center}.t1rx1fna{font-size:76px;font-weight:900;letter-spacing:3px;margin:0;text-align:center}.s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center}.hth6on8{align-items:center;display:flex;gap:10px}.hfe0p8m,.hth6on8{justify-content:center}.hfe0p8m{display:grid;gap:30px;grid-template-columns:repeat(2,500px)}@media (max-width:1200px){.hfe0p8m{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hfe0p8m{grid-template-columns:1fr}}.hn2r3b2{background-color:#f7f7f8;border:1px solid transparent;border-radius:20px;color:#3c3c43;display:inline-block;font-size:14px;font-weight:600;line-height:38px;padding:0 20px;text-align:center;transition:color .25s,border-color .25s,background-color .25s;white-space:nowrap}.hn2r3b2:hover{background:#e3e3e6}.hgvnekf{background-color:#7051d4;color:#fff}.hgvnekf:hover{background-color:#5f3bd3}.hfzpnxu{display:flex;flex-direction:column;min-height:100vh}.h1k4ds7x{-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background:radial-gradient(circle,hsla(0,0%,9%,.3) 1px,transparent 0);background-size:30px 30px;flex:1;padding:60px}.h1x4dha7{background:repeating-linear-gradient(90deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px),repeating-linear-gradient(180deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px)}.broqp2l{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.broqp2l{padding:0 20px;width:100%}}@media (max-width:768px){.broqp2l{padding:0 10px;width:100%}}.hwgsk4h{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin-top:.375rem;overflow:hidden}.i1b95bxl{shrink:0;width:.875rem}.i1a3fa93{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.i1dl7ywj{color:#000;font-weight:700}.h1tn40xd{scroll-snap-margin-top:30px;color:#202123;cursor:pointer;display:inline-block;font-weight:300;line-height:40px;margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.h1tn40xd:hover svg{opacity:1}.hnf4kng{font-size:36px}.h1vdtsi8,.hnf4kng code{font-size:30px}.h1vdtsi8 code{font-size:24px}.hz5xehg{font-size:26px}.hptgzam,.hz5xehg code{font-size:22px}.h11bbv2f,.hptgzam code{font-size:18px}.h11bbv2f code{font-size:14px}.hcoksa6{font-size:16px}.hcoksa6 code{font-size:12px}.l17d6dy1{color:#7051d4;margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.h1vb39qj{background-color:#f6f8fa;border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.h1wifk81{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.h1xhrk1{border-top-width:1px;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.h1xhrk1,.l1elq7ab{align-items:center;display:flex}.l1elq7ab{font-size:1rem;font-weight:500;gap:.25rem;line-height:1.5rem;max-width:50%;padding-bottom:1rem;padding-top:1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.i1mmatje{display:inline;flex-shrink:0;height:1.25rem}.hhnegou{align-items:center;border:1px solid #ececf1;border-radius:8px;display:inline-flex;min-width:275px;padding:8px 12px;position:relative;text-align:center;width:100%}._1ja9964{background-color:#f7f7f8;border-color:#ececf1}.h1lyih3m{align-self:flex-start;color:#6e6e80;display:inline-flex;flex:0 0 auto;font-size:20px;margin-right:14px;margin-top:2px}.h1gzjc3x{color:#353740;flex:1 1 auto;text-align:left}.boe1v8p{font-size:14px;line-height:20px}.h1w59zdn{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:.5px solid #ececf1;border-radius:6px;display:inline-block;font-size:14px;font-weight:500;line-height:1.6em;margin:0 3px;padding:0 .3em}.hh8vcxa{max-width:100%;position:relative}.b2p5907{align-items:center;display:flex}.coeb6fw{margin-top:16px}.h196u2m6{background-color:#fff;box-shadow:0 1px 2px #0000000d;padding:8px}.i1hlflsk{height:16px;width:16px}.hownbu8{flex-grow:1;overflow-x:auto}.cuwerl2{background-color:#f3f4f6;border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.hlivi01{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.hlivi01:hover{color:#111827}._5m9mpz,.hlivi01[data-state=active]{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#111827}.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{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:18px;font-variant-numeric:tabular-nums;font-weight:500;justify-content:flex-start;line-height:1.4;list-style:none;padding:16px 14px 16px 0;transition:color .3s}.sbneplt:hover{color:#565869}.s1d31n8s{cursor:pointer;justify-content:space-between;padding:20px 24px}.s1d31n8s,.s2p0kpw{align-items:center;display:flex}.s2p0kpw{margin-bottom:8px}.snk81qf{color:#6e6e80;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin-left:8px;text-transform:uppercase}.lyq3zec{flex:1 1 auto}.iq0a0s6{align-items:center;display:flex;flex:0 0 auto;font-size:16px;justify-content:center;padding-right:6px}.c1ligx2c{padding:0 24px 20px}.c89yndk code{background:#fff}.h1ej4n95{border-color:#e6e6e6b3}.hilz89t{background:linear-gradient(238deg,#f7f7f880,#f7f7f8);border:.5px solid #ececf1;border-radius:8px;display:flex;overflow:hidden;padding:16px 20px 20px;position:relative;transition:box-shadow .2s ease-in-out,background-image .2s ease;z-index:0}.hilz89t:hover{background:linear-gradient(238deg,#ffffff80,#fafafa)}.h1rnhmpa{padding:21px 25px 25px}.lajci2p{height:100%;width:100%}.iezrce7{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.iezrce7:hover [data-pointer=true]{opacity:1;transform:translate(0)}.i1vhi0b8{height:100%;width:100%}.i1m2lps9{align-items:center;background:linear-gradient(238deg,#ffffff80,#fafafa);border:1px solid #ececf1;border-radius:8px;box-sizing:border-box;color:#353740;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;line-height:0px;transition:background .2s ease;width:48px}.r1new93p{display:flex;flex-direction:column;gap:4px;padding-left:16px}.t1u3d3ty{align-items:center;color:#202123;display:flex;font-weight:400;transition:color .15s}.t4udf3g{font-size:16px;line-height:20px}.t1icpluq{font-size:18px}.badgd67{color:#6e6e80;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.bcjznmh{font-size:16px}.p13ekkiz{display:flex;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.h15733ml,.p13ekkiz{justify-content:center}.h15733ml{display:grid;gap:30px;grid-template-columns:1fr 1fr}.hutvd2b{align-items:center;display:inline-flex;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1rem;text-transform:none;white-space:nowrap}.hg9oorb{background-color:#f8d047;color:#000}.h6jev6x{background-color:#1fa6f2;color:#fff}.h1uvewli{border-radius:6px;font-size:12px;gap:3px;height:18px;padding:0 6px}.i1mcrm8o{position:relative}.h3kfd8c{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.l1et872q{line-height:1.5;padding-left:32px;position:relative}.l1et872q:after{background:#ececf1;border-radius:12px;color:#353740;content:counter(ordered-listitem);counter-increment:ordered-listitem;font-size:12px;font-weight:500;height:24px;left:0;line-height:24px;position:absolute;text-align:center;top:0;width:24px}.h14vj3ri{border-collapse:collapse;border-radius:3px;display:block;overflow-x:scroll}.t1l6tz9b{background:#eaeef280;border-color:#d1d5db;border-width:1px;font-weight:600;margin:0;padding:.5rem 1rem}.thzxr0l{border-color:#d1d5db;border-top-width:1px;margin:0;padding:0}.t1g1altt{border-color:#d1d5db;border-width:1px;margin:0;padding:.5rem 1rem}.h1bta36o{align-items:center;background-color:#fff;border-bottom:1px solid hsl(212,15%,84%);display:flex;height:42px;z-index:99}.uxs4bf1{color:#68798d;display:flex;gap:10px;list-style:none;padding:0;white-space:nowrap}.ifn7ecb,.uxs4bf1{height:100%}.ifn7ecb[data-state=active] a{border-bottom-color:#7051d4}.i441kmn{border-bottom:3px solid transparent;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none}:root{--xyd-navbar-height:46px;--xyd-global-page-gutter:8px}.h8dr7e{width:100%}.h1ezaz84{align-items:center;display:flex;height:46px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0}.h17wz13c{flex-direction:column;height:90px;transition:transform .2s}.h1bgh3rd{transform:translateY(-43px)}.mxu2emt{bottom:8px;left:8px;position:fixed;right:8px;top:46px}.mslox5x{top:90px;transition:top .2s}.s1i19hnd{background:none;border:0;border-radius:0;flex-direction:column;left:0;opacity:1;overflow:visible;padding:12px 0 0;top:0;visibility:visible;width:210px;z-index:101}.h13sn67b,.s1i19hnd{bottom:0;position:absolute;right:0;transition:opacity .3s cubic-bezier(.65,0,.35,1)}.h13sn67b{background:#fff;left:210px;overflow:hidden;top:12px;z-index:201}.s1k9r3in{height:100%;overflow:scroll}.c1t0msup{font-size:15px;line-height:24px;min-height:100%;padding:0;width:100%}.apqkghd,.c1t0msup{margin:0 auto;max-width:100%}.apqkghd{padding:20px 56px 40px;width:980px}.a10qws06{width:1200px}.h3zl32q{align-items:flex-start;display:flex;gap:30px;width:100%}.c1cmkhbs{flex:1 1 0;overflow:hidden}.n1rrfk2r{flex:none;margin-left:50px;margin-top:0;padding-left:16px;position:sticky;top:30px;width:180px}.h1dmvxug{border:1px solid #ececf1;border-radius:16px;min-width:0;overflow:hidden}.h1pb9ov9{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0}.laeqccf{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.brmq4h0{all:unset;align-items:center;border-radius:6px;color:#353740;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.brmq4h0[data-state=active]{border-bottom:1px solid #7051d4;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#7051d4}.brmq4h0:hover{background:#e3e3eb;transition:.1s ease-in}.dht44{align-items:center;color:#353740;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d3qz0ka{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.cjcdygz{align-items:center;display:flex;padding-left:8px;padding-right:8px}.htyux6{color:#7051d4}.hyawwu4{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l1i5ism5{flex:1 1 0%}._1fnx2sm{background-color:#eef2ff;border-color:#60a5fa}.h83ezas{margin:0 12px 0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwih9s3{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ececf1;font-size:12px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1sbwmbs{max-height:100%}.hmi9h9e{color:#7051d4;font-size:18px;font-weight:300;margin-top:-18px}.h1seqss5{display:flex;flex-direction:column;gap:24px}.h1hvsyfb{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h1hvsyfb:hover{background:#e3e3eb;transition:.1s ease-in}:root{--atlas-ref-palette-white100:#fff;--atlas-ref-palette-dark100:#000;--atlas-ref-palette-dark60:#201d1d;--atlas-ref-palette-grey60:#6e6e80;--atlas-ref-palette-grey40:#ececf1;--atlas-ref-palette-purple60:#7051d4;--atlas-ref-palette-blue60:#60a5fa;--atlas-ref-palette-blue20:#eef2ff;--atlas-sys-color-primary-text:var(--atlas-ref-palette-dark60);--atlas-sys-color-secondary-text:var(--atlas-ref-palette-grey60);--atlas-sys-color-tertiary-text:var(--atlas-ref-palette-purple60);--atlas-sys-color-primary-border:var(--atlas-ref-palette-grey40);--atlas-sys-color-primary-background:var(--atlas-ref-palette-grey40);--atlas-comp-apiref-item-border-color:var(--atlas-sys-color-primary-border);--atlas-comp-apiref-item-navbar-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-border-color:var(--atlas-sys-color-primary-border);--atlas-comp-apiref-properties-description-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-prop__name-color:var(--atlas-ref-palette-dark100);--atlas-comp-apiref-properties-prop__type-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-color--active:var(--atlas-sys-color-tertiary-text);--atlas-comp-code-sample__buttons-color:var(--atlas-sys-color-secondary-text);--atlas-comp-code-sample__buttons-container-background:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample__buttons-color--active:var(--atlas-sys-color-primary-text);--atlas-comp-code-sample__buttons-background--active:var(--atlas-ref-palette-white100);--atlas-comp-code-copy-background--active:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-background:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-color:var(--atlas-sys-color-primary-text);--atlas-comp-code-sample-border-color:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-color--active:var(--atlas-sys-color-tertiary-text);--atlas-comp-code-sample-mark-border--active:var(--atlas-ref-palette-blue60);--atlas-comp-code-sample-mark-background--active:var(--atlas-ref-palette-blue20)}@font-face{font-family:Fustat;font-style:normal;font-weight:400;src:url(../../public/fonts/fustat-regular.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:500;src:url(../../public/fonts/fustat-ext-500.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:600;src:url(../../public/fonts/fustat-ext-600.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:700;src:url(../../public/fonts/fustat-ext-700.woff2) format("woff2")}body{font-family:Fustat,sans-serif}menu,ol,ul{list-style:none;margin:0;padding:0}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}a{color:inherit;text-decoration:inherit}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}p{margin:0;padding:0}:root{--headingEffect-color-tertiary: rgba(23, 119, 184, .5);--headingEffect-color-secondary: rgb(121, 85, 241);--headingEffect-color-primary: rgb(255, 105, 180)}