diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 00000000000..e69de29bb2d diff --git a/404.html b/404.html new file mode 100644 index 00000000000..865b8208f1b --- /dev/null +++ b/404.html @@ -0,0 +1,10 @@ +404 | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

404

+

Nothing found. If some of the Mantine documentation pages are lining to +this page, please let us know by opening an issue. +Otherwise, get back to the home page.

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/404/index.html b/404/index.html new file mode 100644 index 00000000000..865b8208f1b --- /dev/null +++ b/404/index.html @@ -0,0 +1,10 @@ +404 | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

404

+

Nothing found. If some of the Mantine documentation pages are lining to +this page, please let us know by opening an issue. +Otherwise, get back to the home page.

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 00000000000..cc601b01feb --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +mantine.dev diff --git a/_next/static/chunks/1300-337e037e7692ceac.js b/_next/static/chunks/1300-337e037e7692ceac.js new file mode 100644 index 00000000000..59be408b143 --- /dev/null +++ b/_next/static/chunks/1300-337e037e7692ceac.js @@ -0,0 +1,21 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1300],{29374:function(e,r,t){t.d(r,{l:function(){return W}});var l=t(67294),o=t(8586),a=t(72622),n=t(48468),i=t(3154),s=t(30370),c=t(86109),u=t(13035),d=t(12917),f=t(86610),p=t(81110),m=t(53768),b=t(71062),v=t(60213);function y({dir:e,orientation:r,direction:t}){return"previous"===t?"horizontal"===r?90*("ltr"===e?1:-1):-180:"horizontal"===r?90*("ltr"===e?-1:1):0}var g=t(45763);let[O,h]=(0,g.R)("Carousel component was not found in tree");var w={root:"m-17884d0f",viewport:"m-a2dae653",container:"m-fcd81474",controls:"m-39bc3463",control:"m-64f58e10",indicators:"m-71ea3ab1",indicator:"m-eae68602",slide:"m-d98df724"},S=Object.defineProperty,E=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,j=(e,r,t)=>r in e?S(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,C=(e,r)=>{for(var t in r||(r={}))P.call(r,t)&&j(e,t,r[t]);if(E)for(var t of E(r))x.call(r,t)&&j(e,t,r[t]);return e},k=(e,r)=>{var t={};for(var l in e)P.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&E)for(var l of E(e))0>r.indexOf(l)&&x.call(e,l)&&(t[l]=e[l]);return t};let N={},I=(0,i.d)((e,r)=>{let t=(0,s.w)("CarouselSlide",N,e),{classNames:o,className:a,style:n,styles:i,vars:c}=t,u=k(t,["classNames","className","style","styles","vars"]),d=h();return l.createElement(p.x,C(C({ref:r,mod:{orientation:d.orientation}},d.getStyles("slide",{className:a,style:n,classNames:o,styles:i})),u))});I.classes=w,I.displayName="@mantine/core/CarouselSlide";var z=t(43440),A=t(45016),L=t(92925),G=t(88313),R=t(57197),D=t(43602);function Z({slideGap:e,slideSize:r,selector:t}){var o;let a=(0,z.rZ)(),i=(0,A.L)({"--carousel-slide-gap":(0,n.bG)((0,L.v)(e)),"--carousel-slide-size":null==(o=(0,L.v)(r))?void 0:o.toString()}),s=(0,G.X)(a.breakpoints).reduce((t,l)=>(t[l]||(t[l]={}),"object"==typeof e&&void 0!==e[l]&&(t[l]["--carousel-slide-gap"]=(0,n.bG)(e[l])),"object"==typeof r&&void 0!==r[l]&&(t[l]["--carousel-slide-size"]=(0,n.bG)(r[l])),t),{}),c=(0,R.I)((0,G.X)(s),a).filter(e=>(0,G.X)(s[e.value]).length>0),u=c.map(e=>({query:`(min-width: ${a.breakpoints[e.value]})`,styles:s[e.value]}));return l.createElement(D.f,{styles:i,media:u,selector:t})}var $=Object.defineProperty,_=Object.defineProperties,T=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,Q=(e,r,t)=>r in e?$(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,X=(e,r)=>{for(var t in r||(r={}))K.call(r,t)&&Q(e,t,r[t]);if(F)for(var t of F(r))M.call(r,t)&&Q(e,t,r[t]);return e},H=(e,r)=>_(e,T(r)),V=(e,r)=>{var t={};for(var l in e)K.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&F)for(var l of F(e))0>r.indexOf(l)&&M.call(e,l)&&(t[l]=e[l]);return t};let q={controlSize:26,controlsOffset:"sm",slideSize:"100%",slideGap:0,orientation:"horizontal",align:"center",slidesToScroll:1,includeGapInSize:!0,draggable:!0,dragFree:!1,loop:!1,speed:10,initialSlide:0,inViewThreshold:0,withControls:!0,withIndicators:!1,skipSnaps:!1,containScroll:"",withKeyboardEvents:!0},B=(0,o.Z)((e,{height:r,controlSize:t,controlsOffset:l})=>({root:{"--carousel-height":(0,a.h)(r),"--carousel-control-size":(0,a.h)(t),"--carousel-controls-offset":(0,n.bG)(l)}})),W=(0,i.d)((e,r)=>{let t=(0,s.w)("Carousel",q,e),{classNames:o,className:a,style:n,styles:i,unstyled:g,vars:h,children:S,getEmblaApi:E,onNextSlide:P,onPreviousSlide:x,onSlideChange:j,nextControlProps:C,previousControlProps:k,controlSize:N,controlsOffset:I,slideSize:z,slideGap:A,orientation:L,height:G,align:R,slidesToScroll:D,includeGapInSize:$,draggable:_,dragFree:T,loop:F,speed:K,initialSlide:M,inViewThreshold:Q,withControls:W,withIndicators:J,plugins:U,nextControlIcon:Y,previousControlIcon:ee,skipSnaps:er,containScroll:et,withKeyboardEvents:el}=t,eo=V(t,["classNames","className","style","styles","unstyled","vars","children","getEmblaApi","onNextSlide","onPreviousSlide","onSlideChange","nextControlProps","previousControlProps","controlSize","controlsOffset","slideSize","slideGap","orientation","height","align","slidesToScroll","includeGapInSize","draggable","dragFree","loop","speed","initialSlide","inViewThreshold","withControls","withIndicators","plugins","nextControlIcon","previousControlIcon","skipSnaps","containScroll","withKeyboardEvents"]),ea=(0,c.y)({name:"Carousel",classes:w,props:t,className:a,style:n,classNames:o,styles:i,unstyled:g,vars:h,varsResolver:B}),en=(0,u.m)(),{dir:ei}=(0,d.gm)(),[es,ec]=(0,v.Z)({axis:"horizontal"===L?"x":"y",direction:"horizontal"===L?ei:void 0,startIndex:M,loop:F,align:R,slidesToScroll:D,draggable:_,dragFree:T,speed:K,inViewThreshold:Q,skipSnaps:er,containScroll:et},U),[eu,ed]=(0,l.useState)(0),[ef,ep]=(0,l.useState)(0),em=(0,l.useCallback)(e=>ec&&ec.scrollTo(e),[ec]),eb=(0,l.useCallback)(()=>{if(!ec)return;let e=ec.selectedScrollSnap();ed(e),null==j||j(e)},[ec,ed]),ev=(0,l.useCallback)(()=>{null==ec||ec.scrollPrev(),null==x||x()},[ec]),ey=(0,l.useCallback)(()=>{null==ec||ec.scrollNext(),null==P||P()},[ec]),eg=(0,l.useCallback)(e=>{el&&("ArrowRight"===e.key&&(e.preventDefault(),ey()),"ArrowLeft"===e.key&&(e.preventDefault(),ev()))},[ec]);(0,l.useEffect)(()=>{if(ec)return null==E||E(ec),eb(),ep(ec.scrollSnapList().length),ec.on("select",eb),()=>{ec.off("select",eb)}},[ec,D]),(0,l.useEffect)(()=>{ec&&(ec.reInit(),ep(ec.scrollSnapList().length),ed(e=>(0,b.u)(e,0,l.Children.toArray(S).length-1)))},[l.Children.toArray(S).length,D]);let eO=(null==ec?void 0:ec.canScrollPrev())||!1,eh=(null==ec?void 0:ec.canScrollNext())||!1,ew=Array(ef).fill(0).map((e,r)=>l.createElement(f.k,H(X({},ea("indicator")),{key:r,"data-active":r===eu||void 0,"aria-hidden":!0,tabIndex:-1,onClick:()=>em(r)})));return l.createElement(O,{value:{getStyles:ea,orientation:L}},l.createElement(Z,H(X({},t),{selector:`.${en}`})),l.createElement(p.x,H(X(X({ref:r},ea("root",{className:en})),eo),{mod:{orientation:L,"include-gap-in-size":$},onKeyDownCapture:eg}),l.createElement("div",H(X({},ea("viewport")),{ref:es}),l.createElement("div",H(X({},ea("container")),{"data-orientation":L}),S)),J&&l.createElement("div",X({},ea("indicators")),ew),W&&l.createElement("div",X({},ea("controls")),l.createElement(f.k,H(X(X({},k),ea("control")),{onClick:ev,"data-inactive":!eO||void 0,tabIndex:eO?0:-1}),void 0!==ee?ee:l.createElement(m.Q,{style:{transform:`rotate(${y({dir:ei,orientation:L,direction:"previous"})}deg)`}})),l.createElement(f.k,H(X(X({onClick:ey},ea("control")),C),{"data-inactive":!eh||void 0,tabIndex:eh?0:-1}),void 0!==Y?Y:l.createElement(m.Q,{style:{transform:`rotate(${y({dir:ei,orientation:L,direction:"next"})}deg)`}})))))});W.classes=w,W.displayName="@mantine/core/Carousel",W.Slide=I},53768:function(e,r,t){t.d(r,{Q:function(){return b}});var l=t(67294),o=t(72622),a=Object.defineProperty,n=Object.defineProperties,i=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,d=(e,r,t)=>r in e?a(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))c.call(r,t)&&d(e,t,r[t]);if(s)for(var t of s(r))u.call(r,t)&&d(e,t,r[t]);return e},p=(e,r)=>n(e,i(r)),m=(e,r)=>{var t={};for(var l in e)c.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&s)for(var l of s(e))0>r.indexOf(l)&&u.call(e,l)&&(t[l]=e[l]);return t};function b(e){var{style:r,size:t=16}=e,a=m(e,["style","size"]);return l.createElement("svg",f({viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:p(f({},r),{width:(0,o.h)(t),height:(0,o.h)(t),display:"block"})},a),l.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}b.displayName="@mantine/core/AccordionChevron"},40720:function(e,r,t){t.d(r,{E:function(){return E}});var l=t(67294),o={root:"m-9e117634"},a=t(70405),n=t(30370),i=t(86109),s=t(81110),c=t(8586),u=t(48468),d=Object.defineProperty,f=Object.defineProperties,p=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,y=(e,r,t)=>r in e?d(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))b.call(r,t)&&y(e,t,r[t]);if(m)for(var t of m(r))v.call(r,t)&&y(e,t,r[t]);return e},O=(e,r)=>f(e,p(r)),h=(e,r)=>{var t={};for(var l in e)b.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&m)for(var l of m(e))0>r.indexOf(l)&&v.call(e,l)&&(t[l]=e[l]);return t};let w={},S=(0,c.Z)((e,{radius:r,fit:t})=>({root:{"--image-radius":void 0===r?void 0:(0,u.H5)(r),"--image-object-fit":t}})),E=(0,a.b)((e,r)=>{let t=(0,n.w)("Image",w,e),{classNames:a,className:c,style:u,styles:d,unstyled:f,vars:p,onError:m,src:b,radius:v,fit:y,fallbackSrc:E}=t,P=h(t,["classNames","className","style","styles","unstyled","vars","onError","src","radius","fit","fallbackSrc"]),[x,j]=(0,l.useState)(!b);(0,l.useEffect)(()=>j(!b),[b]);let C=(0,i.y)({name:"Image",classes:o,props:t,className:c,style:u,classNames:a,styles:d,unstyled:f,vars:p,varsResolver:S});return x&&E?l.createElement(s.x,g(O(g({component:"img",src:E},C("root")),{onError:m,mod:"fallback"}),P)):l.createElement(s.x,g(O(g({component:"img",ref:r},C("root")),{src:b,onError:e=>{null==m||m(e),j(!0)}}),P))});E.classes=o,E.displayName="@mantine/core/Image"},47081:function(e,r,t){t.d(r,{E:function(){return et}});var l=t(67294),o=t(45763);let[a,n]=(0,o.R)("Progress.Root component was not found in tree");var i={root:"m-db6d6462",section:"m-2242eb65","stripes-animation":"m-81a374bd",label:"m-91e40b74"},s=t(3154),c=t(30370),u=t(86109),d=t(81110),f=t(8586),p=t(48468),m=Object.defineProperty,b=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,g=(e,r,t)=>r in e?m(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,O=(e,r)=>{for(var t in r||(r={}))v.call(r,t)&&g(e,t,r[t]);if(b)for(var t of b(r))y.call(r,t)&&g(e,t,r[t]);return e},h=(e,r)=>{var t={};for(var l in e)v.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&b)for(var l of b(e))0>r.indexOf(l)&&y.call(e,l)&&(t[l]=e[l]);return t};let w={},S=(0,f.Z)((e,{size:r,radius:t})=>({root:{"--progress-size":(0,p.ap)(r,"progress-size"),"--progress-radius":void 0===t?void 0:(0,p.H5)(t)}})),E=(0,s.d)((e,r)=>{let t=(0,c.w)("ProgressRoot",w,e),{classNames:o,className:n,style:s,styles:f,unstyled:p,vars:m}=t,b=h(t,["classNames","className","style","styles","unstyled","vars"]),v=(0,u.y)({name:"Progress",classes:i,props:t,className:n,style:s,classNames:o,styles:f,unstyled:p,vars:m,varsResolver:S});return l.createElement(a,{value:{getStyles:v}},l.createElement(d.x,O(O({ref:r},v("root")),b)))});E.classes=i,E.displayName="@mantine/core/ProgressRoot";var P=t(43440),x=t(40184),j=Object.defineProperty,C=Object.defineProperties,k=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,A=(e,r,t)=>r in e?j(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,L=(e,r)=>{for(var t in r||(r={}))I.call(r,t)&&A(e,t,r[t]);if(N)for(var t of N(r))z.call(r,t)&&A(e,t,r[t]);return e},G=(e,r)=>C(e,k(r)),R=(e,r)=>{var t={};for(var l in e)I.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&N)for(var l of N(e))0>r.indexOf(l)&&z.call(e,l)&&(t[l]=e[l]);return t};let D={withAria:!0},Z=(0,s.d)((e,r)=>{let t=(0,c.w)("ProgressSection",D,e),{classNames:o,className:a,style:i,styles:s,vars:u,value:f,withAria:p,color:m,striped:b,animated:v}=t,y=R(t,["classNames","className","style","styles","vars","value","withAria","color","striped","animated"]),g=n(),O=(0,P.rZ)(),h=p?{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":f,"aria-valuetext":`${f}%`}:{};return l.createElement(d.x,G(L(L(L({ref:r},g.getStyles("section",{className:a,classNames:o,styles:s,style:i})),y),h),{mod:{striped:b||v,animated:v},__vars:{"--progress-section-width":`${f}%`,"--progress-section-color":(0,x.p)(m,O)}}))});Z.classes=i,Z.displayName="@mantine/core/ProgressSection";var $=Object.defineProperty,_=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,K=(e,r,t)=>r in e?$(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,M=(e,r)=>{for(var t in r||(r={}))T.call(r,t)&&K(e,t,r[t]);if(_)for(var t of _(r))F.call(r,t)&&K(e,t,r[t]);return e},Q=(e,r)=>{var t={};for(var l in e)T.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&_)for(var l of _(e))0>r.indexOf(l)&&F.call(e,l)&&(t[l]=e[l]);return t};let X={},H=(0,s.d)((e,r)=>{let t=(0,c.w)("ProgressLabel",X,e),{classNames:o,className:a,style:i,styles:s,vars:u}=t,f=Q(t,["classNames","className","style","styles","vars"]),p=n();return l.createElement(d.x,M(M({ref:r},p.getStyles("label",{className:a,style:i,classNames:o,styles:s})),f))});H.classes=i,H.displayName="@mantine/core/ProgressLabel";var V=t(28816),q=Object.defineProperty,B=Object.getOwnPropertySymbols,W=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,U=(e,r,t)=>r in e?q(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Y=(e,r)=>{for(var t in r||(r={}))W.call(r,t)&&U(e,t,r[t]);if(B)for(var t of B(r))J.call(r,t)&&U(e,t,r[t]);return e},ee=(e,r)=>{var t={};for(var l in e)W.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&B)for(var l of B(e))0>r.indexOf(l)&&J.call(e,l)&&(t[l]=e[l]);return t};let er={},et=(0,s.d)((e,r)=>{let t=(0,c.w)("Progress",er,e),{value:o,classNames:a,styles:n,vars:i,color:s,striped:u,animated:d,"aria-label":f}=t,p=ee(t,["value","classNames","styles","vars","color","striped","animated","aria-label"]),{resolvedClassNames:m,resolvedStyles:b}=(0,V.h)({classNames:a,styles:n,props:t});return l.createElement(E,Y({ref:r,classNames:m,styles:b,vars:i},p),l.createElement(Z,{value:o,color:s,striped:u,animated:d,"aria-label":f}))});et.classes=i,et.displayName="@mantine/core/Progress",et.Section=Z,et.Root=E,et.Label=H},92925:function(e,r,t){t.d(r,{v:function(){return l}});function l(e){return"object"==typeof e&&null!==e?"base"in e?e.base:void 0:e}},30514:function(e,r,t){t.d(r,{o:function(){return o}});var l=t(91624);function o(e,r){return e in r.breakpoints?(0,l.px)(r.breakpoints[e]):(0,l.px)(e)}},57197:function(e,r,t){t.d(r,{I:function(){return o}});var l=t(30514);function o(e,r){let t=e.map(e=>({value:e,px:(0,l.o)(e,r)}));return t.sort((e,r)=>e.px-r.px),t}},87952:function(e,r,t){t.d(r,{A:function(){return i}});var l=t(67294),o=t(29374),a=t(57084);let n=` +import { Carousel } from '@mantine/carousel'; + +function Demo() { + return ( + + 1 + 2 + 3 + {/* ...other slides */} + + ); +} +`,i={type:"code",component:function(){return l.createElement(o.l,{withIndicators:!0,height:200,slideSize:{base:"100%",sm:"50%",md:"33.333333%"},slideGap:{base:0,sm:"md"},loop:!0,align:"start"},l.createElement(a.M,{count:6}))},code:n}},57084:function(e,r,t){t.d(r,{M:function(){return s}});var l=t(67294),o=t(81110),a=t(72622),n=t(29374);function i({children:e}){return l.createElement(o.x,{style:{backgroundColor:"var(--mantine-color-blue-filled)",color:"var(--mantine-color-white)",height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontSize:(0,a.h)(50),fontWeight:"bold"}},e)}function s({count:e}){let r=Array(e).fill(0).map((e,r)=>l.createElement(n.l.Slide,{key:r},l.createElement(i,null,r+1)));return l.createElement(l.Fragment,null,r)}}}]); \ No newline at end of file diff --git a/_next/static/chunks/1333-769c51c7075e50db.js b/_next/static/chunks/1333-769c51c7075e50db.js new file mode 100644 index 00000000000..dbb50fbb471 --- /dev/null +++ b/_next/static/chunks/1333-769c51c7075e50db.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1333],{88198:function(r,t,e){"use strict";e.d(t,{Z:function(){return n}});var n=(0,e(30853).Z)("check","IconCheck",[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]])},93625:function(r,t,e){"use strict";e.d(t,{Z:function(){return n}});var n=(0,e(30853).Z)("copy","IconCopy",[["path",{d:"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z",key:"svg-0"}],["path",{d:"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2",key:"svg-1"}]])},28670:function(r){r.exports=function(){"use strict";for(var r=function(r,t,e){return void 0===t&&(t=0),void 0===e&&(e=1),re?e:r},t={},e=0,n=["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"];e255)&&(t._clipped=!0),t[e]=r(t[e],0,255)):3===e&&(t[e]=r(t[e],0,1));return t},limit:r,type:f,unpack:function(r,t){return(void 0===t&&(t=null),r.length>=3)?Array.prototype.slice.call(r):"object"==f(r[0])&&t?t.split("").filter(function(t){return void 0!==r[0][t]}).map(function(t){return r[0][t]}):r[0]},last:function(r){if(r.length<2)return null;var t=r.length-1;return"string"==f(r[t])?r[t].toLowerCase():null},PI:o,TWOPI:2*o,PITHIRD:o/3,DEG2RAD:o/180,RAD2DEG:180/o},c={format:{},autodetect:[]},i=u.last,l=u.clip_rgb,h=u.type,s=c,d=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=this;if("object"===h(r[0])&&r[0].constructor&&r[0].constructor===this.constructor)return r[0];var n=i(r),a=!1;if(!n){a=!0,s.sorted||(s.autodetect=s.autodetect.sort(function(r,t){return t.p-r.p}),s.sorted=!0);for(var f=0,o=s.autodetect;f4?r[4]:1;return 1===f?[0,0,0,o]:[e>=1?0:255*(1-e)*(1-f),n>=1?0:255*(1-n)*(1-f),a>=1?0:255*(1-a)*(1-f),o]},k.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===M(r=w(r,"cmyk"))&&4===r.length)return"cmyk"}});var N=u.unpack,x=u.last,A=function(r){return Math.round(100*r)/100},E=u.unpack,F=function(){for(var r,t,e=[],n=arguments.length;n--;)e[n]=arguments[n];var a=(e=E(e,"rgba"))[0],f=e[1],o=e[2],u=Math.min(a/=255,f/=255,o/=255),c=Math.max(a,f,o),i=(c+u)/2;return(c===u?(r=0,t=Number.NaN):r=i<.5?(c-u)/(c+u):(c-u)/(2-c-u),a==c?t=(f-o)/(c-u):f==c?t=2+(o-a)/(c-u):o==c&&(t=4+(a-f)/(c-u)),(t*=60)<0&&(t+=360),e.length>3&&void 0!==e[3])?[t,r,i,e[3]]:[t,r,i]},P=u.unpack,O=u.last,G=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=N(r,"hsla"),n=x(r)||"lsa";return e[0]=A(e[0]||0),e[1]=A(100*e[1])+"%",e[2]=A(100*e[2])+"%","hsla"===n||e.length>3&&e[3]<1?(e[3]=e.length>3?e[3]:1,n="hsla"):e.length=3,n+"("+e.join(",")+")"},R=Math.round,j=u.unpack,q=Math.round,L=function(){for(var r,t,e,n,a=[],f=arguments.length;f--;)a[f]=arguments[f];var o=(a=j(a,"hsl"))[0],u=a[1],c=a[2];if(0===u)t=e=n=255*c;else{var i=[0,0,0],l=[0,0,0],h=c<.5?c*(1+u):c+u-c*u,s=2*c-h,d=o/360;i[0]=d+1/3,i[1]=d,i[2]=d-1/3;for(var b=0;b<3;b++)i[b]<0&&(i[b]+=1),i[b]>1&&(i[b]-=1),6*i[b]<1?l[b]=s+(h-s)*6*i[b]:2*i[b]<1?l[b]=h:3*i[b]<2?l[b]=s+(h-s)*(2/3-i[b])*6:l[b]=s;t=(r=[q(255*l[0]),q(255*l[1]),q(255*l[2])])[0],e=r[1],n=r[2]}return a.length>3?[t,e,n,a[3]]:[t,e,n,1]},C=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,I=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,B=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,D=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,Y=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,S=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,$=Math.round,z=function(r){if(r=r.toLowerCase().trim(),c.format.named)try{return c.format.named(r)}catch(r){}if(t=r.match(C)){for(var t,e=t.slice(1,4),n=0;n<3;n++)e[n]=+e[n];return e[3]=1,e}if(t=r.match(I)){for(var a=t.slice(1,5),f=0;f<4;f++)a[f]=+a[f];return a}if(t=r.match(B)){for(var o=t.slice(1,4),u=0;u<3;u++)o[u]=$(2.55*o[u]);return o[3]=1,o}if(t=r.match(D)){for(var i=t.slice(1,5),l=0;l<3;l++)i[l]=$(2.55*i[l]);return i[3]=+i[3],i}if(t=r.match(Y)){var h=t.slice(1,4);h[1]*=.01,h[2]*=.01;var s=L(h);return s[3]=1,s}if(t=r.match(S)){var d=t.slice(1,4);d[1]*=.01,d[2]*=.01;var b=L(d);return b[3]=+t[4],b}};z.test=function(r){return C.test(r)||I.test(r)||B.test(r)||D.test(r)||Y.test(r)||S.test(r)};var T=b,X=d,Z=c,U=u.type,V=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=P(r,"rgba"),n=O(r)||"rgb";return"hsl"==n.substr(0,3)?G(F(e),n):(e[0]=R(e[0]),e[1]=R(e[1]),e[2]=R(e[2]),("rgba"===n||e.length>3&&e[3]<1)&&(e[3]=e.length>3?e[3]:1,n="rgba"),n+"("+e.slice(0,"rgb"===n?3:4).join(",")+")")};X.prototype.css=function(r){return V(this._rgb,r)},T.css=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(X,[null].concat(r,["css"])))},Z.format.css=z,Z.autodetect.push({p:5,test:function(r){for(var t=[],e=arguments.length-1;e-- >0;)t[e]=arguments[e+1];if(!t.length&&"string"===U(r)&&z.test(r))return"css"}});var W=d,K=b,H=c,J=u.unpack;H.format.gl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=J(r,"rgba");return e[0]*=255,e[1]*=255,e[2]*=255,e},K.gl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(W,[null].concat(r,["gl"])))},W.prototype.gl=function(){var r=this._rgb;return[r[0]/255,r[1]/255,r[2]/255,r[3]]};var Q=u.unpack,rr=u.unpack,rt=Math.floor,re=u.unpack,rn=u.type,ra=b,rf=d,ro=c,ru=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];var n=Q(t,"rgb"),a=n[0],f=n[1],o=n[2],u=Math.min(a,f,o),c=Math.max(a,f,o),i=c-u;return 0===i?r=Number.NaN:(a===c&&(r=(f-o)/i),f===c&&(r=2+(o-a)/i),o===c&&(r=4+(a-f)/i),(r*=60)<0&&(r+=360)),[r,100*i/255,u/(255-i)*100]};rf.prototype.hcg=function(){return ru(this._rgb)},ra.hcg=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rf,[null].concat(r,["hcg"])))},ro.format.hcg=function(){for(var r,t,e,n,a,f,o,u,c,i=[],l=arguments.length;l--;)i[l]=arguments[l];var h=(i=rr(i,"hcg"))[0],s=i[1],d=i[2];d*=255;var b=255*s;if(0===s)o=u=c=d;else{360===h&&(h=0),h>360&&(h-=360),h<0&&(h+=360);var p=rt(h/=60),g=h-p,v=d*(1-s),m=v+b*(1-g),y=v+b*g,k=v+b;switch(p){case 0:o=(r=[k,y,v])[0],u=r[1],c=r[2];break;case 1:o=(t=[m,k,v])[0],u=t[1],c=t[2];break;case 2:o=(e=[v,k,y])[0],u=e[1],c=e[2];break;case 3:o=(n=[v,m,k])[0],u=n[1],c=n[2];break;case 4:o=(a=[y,v,k])[0],u=a[1],c=a[2];break;case 5:o=(f=[k,v,m])[0],u=f[1],c=f[2]}}return[o,u,c,i.length>3?i[3]:1]},ro.autodetect.push({p:1,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rn(r=re(r,"hcg"))&&3===r.length)return"hcg"}});var rc=u.unpack,ri=u.last,rl=Math.round,rh=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=rc(r,"rgba"),n=e[0],a=e[1],f=e[2],o=e[3],u=ri(r)||"auto";void 0===o&&(o=1),"auto"===u&&(u=o<1?"rgba":"rgb");var c="000000"+((n=rl(n))<<16|(a=rl(a))<<8|(f=rl(f))).toString(16);c=c.substr(c.length-6);var i="0"+rl(255*o).toString(16);switch(i=i.substr(i.length-2),u.toLowerCase()){case"rgba":return"#"+c+i;case"argb":return"#"+i+c;default:return"#"+c}},rs=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,rd=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,rb=function(r){if(r.match(rs)){(4===r.length||7===r.length)&&(r=r.substr(1)),3===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]);var t=parseInt(r,16);return[t>>16,t>>8&255,255&t,1]}if(r.match(rd)){(5===r.length||9===r.length)&&(r=r.substr(1)),4===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]);var e=parseInt(r,16);return[e>>24&255,e>>16&255,e>>8&255,Math.round((255&e)/255*100)/100]}throw Error("unknown hex color: "+r)},rp=b,rg=d,rv=u.type,rm=c;rg.prototype.hex=function(r){return rh(this._rgb,r)},rp.hex=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rg,[null].concat(r,["hex"])))},rm.format.hex=rb,rm.autodetect.push({p:4,test:function(r){for(var t=[],e=arguments.length-1;e-- >0;)t[e]=arguments[e+1];if(!t.length&&"string"===rv(r)&&[3,4,5,6,7,8,9].indexOf(r.length)>=0)return"hex"}});var ry=u.unpack,rk=u.TWOPI,rw=Math.min,rM=Math.sqrt,r_=Math.acos,rN=u.unpack,rx=u.limit,rA=u.TWOPI,rE=u.PITHIRD,rF=Math.cos,rP=u.unpack,rO=u.type,rG=b,rR=d,rj=c,rq=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];var n=ry(t,"rgb"),a=n[0],f=n[1],o=n[2],u=rw(a/=255,f/=255,o/=255),c=(a+f+o)/3,i=c>0?1-u/c:0;return 0===i?r=NaN:(r=r_(r=(a-f+(a-o))/2/rM((a-f)*(a-f)+(a-o)*(f-o))),o>f&&(r=rk-r),r/=rk),[360*r,i,c]};rR.prototype.hsi=function(){return rq(this._rgb)},rG.hsi=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rR,[null].concat(r,["hsi"])))},rj.format.hsi=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=(n=rN(n,"hsi"))[0],o=n[1],u=n[2];return isNaN(f)&&(f=0),isNaN(o)&&(o=0),f>360&&(f-=360),f<0&&(f+=360),(f/=360)<1/3?t=1-((e=(1-o)/3)+(r=(1+o*rF(rA*f)/rF(rE-rA*f))/3)):f<2/3?(f-=1/3,e=1-((r=(1-o)/3)+(t=(1+o*rF(rA*f)/rF(rE-rA*f))/3))):(f-=2/3,r=1-((t=(1-o)/3)+(e=(1+o*rF(rA*f)/rF(rE-rA*f))/3))),[255*(r=rx(u*r*3)),255*(t=rx(u*t*3)),255*(e=rx(u*e*3)),n.length>3?n[3]:1]},rj.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rO(r=rP(r,"hsi"))&&3===r.length)return"hsi"}});var rL=u.unpack,rC=u.type,rI=b,rB=d,rD=c;rB.prototype.hsl=function(){return F(this._rgb)},rI.hsl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rB,[null].concat(r,["hsl"])))},rD.format.hsl=L,rD.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rC(r=rL(r,"hsl"))&&3===r.length)return"hsl"}});var rY=u.unpack,rS=Math.min,r$=Math.max,rz=u.unpack,rT=Math.floor,rX=u.unpack,rZ=u.type,rU=b,rV=d,rW=c,rK=function(){for(var r,t,e=[],n=arguments.length;n--;)e[n]=arguments[n];var a=(e=rY(e,"rgb"))[0],f=e[1],o=e[2],u=rS(a,f,o),c=r$(a,f,o),i=c-u;return 0===c?(r=Number.NaN,t=0):(t=i/c,a===c&&(r=(f-o)/i),f===c&&(r=2+(o-a)/i),o===c&&(r=4+(a-f)/i),(r*=60)<0&&(r+=360)),[r,t,c/255]};rV.prototype.hsv=function(){return rK(this._rgb)},rU.hsv=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rV,[null].concat(r,["hsv"])))},rW.format.hsv=function(){for(var r,t,e,n,a,f,o,u,c,i=[],l=arguments.length;l--;)i[l]=arguments[l];var h=(i=rz(i,"hsv"))[0],s=i[1],d=i[2];if(d*=255,0===s)o=u=c=d;else{360===h&&(h=0),h>360&&(h-=360),h<0&&(h+=360);var b=rT(h/=60),p=h-b,g=d*(1-s),v=d*(1-s*p),m=d*(1-s*(1-p));switch(b){case 0:o=(r=[d,m,g])[0],u=r[1],c=r[2];break;case 1:o=(t=[v,d,g])[0],u=t[1],c=t[2];break;case 2:o=(e=[g,d,m])[0],u=e[1],c=e[2];break;case 3:o=(n=[g,v,d])[0],u=n[1],c=n[2];break;case 4:o=(a=[m,g,d])[0],u=a[1],c=a[2];break;case 5:o=(f=[d,g,v])[0],u=f[1],c=f[2]}}return[o,u,c,i.length>3?i[3]:1]},rW.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rZ(r=rX(r,"hsv"))&&3===r.length)return"hsv"}});var rH={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452},rJ=u.unpack,rQ=Math.pow,r0=function(r){return(r/=255)<=.04045?r/12.92:rQ((r+.055)/1.055,2.4)},r1=function(r){return r>rH.t3?rQ(r,1/3):r/rH.t2+rH.t0},r2=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=rJ(n,"rgb"),o=(r=f[0],t=f[1],e=f[2],[r1((.4124564*(r=r0(r))+.3575761*(t=r0(t))+.1804375*(e=r0(e)))/rH.Xn),r1((.2126729*r+.7151522*t+.072175*e)/rH.Yn),r1((.0193339*r+.119192*t+.9503041*e)/rH.Zn)]),u=o[0],c=o[1],i=o[2],l=116*c-16;return[l<0?0:l,500*(u-c),200*(c-i)]},r5=u.unpack,r3=Math.pow,r6=function(r){return 255*(r<=.00304?12.92*r:1.055*r3(r,1/2.4)-.055)},r4=function(r){return r>rH.t1?r*r*r:rH.t2*(r-rH.t0)},r8=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=(n=r5(n,"lab"))[0],o=n[1],u=n[2];return t=(f+16)/116,r=isNaN(o)?t:t+o/500,e=isNaN(u)?t:t-u/200,t=rH.Yn*r4(t),r=rH.Xn*r4(r),e=rH.Zn*r4(e),[r6(3.2404542*r-1.5371385*t-.4985314*e),r6(-.969266*r+1.8760108*t+.041556*e),r6(.0556434*r-.2040259*t+1.0572252*e),n.length>3?n[3]:1]},r9=u.unpack,r7=u.type,tr=b,tt=d,te=c;tt.prototype.lab=function(){return r2(this._rgb)},tr.lab=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tt,[null].concat(r,["lab"])))},te.format.lab=r8,te.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===r7(r=r9(r,"lab"))&&3===r.length)return"lab"}});var tn=u.unpack,ta=u.RAD2DEG,tf=Math.sqrt,to=Math.atan2,tu=Math.round,tc=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tn(r,"lab"),n=e[0],a=e[1],f=e[2],o=tf(a*a+f*f),u=(to(f,a)*ta+360)%360;return 0===tu(1e4*o)&&(u=Number.NaN),[n,o,u]},ti=u.unpack,tl=u.unpack,th=u.DEG2RAD,ts=Math.sin,td=Math.cos,tb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tl(r,"lch"),n=e[0],a=e[1],f=e[2];return isNaN(f)&&(f=0),[n,td(f*=th)*a,ts(f)*a]},tp=u.unpack,tg=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tb((r=tp(r,"lch"))[0],r[1],r[2]),n=r8(e[0],e[1],e[2]);return[n[0],n[1],n[2],r.length>3?r[3]:1]},tv=u.unpack,tm=u.unpack,ty=u.type,tk=b,tw=d,tM=c,t_=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=ti(r,"rgb"),n=r2(e[0],e[1],e[2]);return tc(n[0],n[1],n[2])};tw.prototype.lch=function(){return t_(this._rgb)},tw.prototype.hcl=function(){return t_(this._rgb).reverse()},tk.lch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tw,[null].concat(r,["lch"])))},tk.hcl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tw,[null].concat(r,["hcl"])))},tM.format.lch=tg,tM.format.hcl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tv(r,"hcl").reverse();return tg.apply(void 0,e)},["lch","hcl"].forEach(function(r){return tM.autodetect.push({p:2,test:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];if("array"===ty(t=tm(t,r))&&3===t.length)return r}})});var tN={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflower:"#6495ed",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",maroon2:"#7f0000",maroon3:"#b03060",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",purple2:"#7f007f",purple3:"#a020f0",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},tx=d,tA=c,tE=u.type;tx.prototype.name=function(){for(var r=rh(this._rgb,"rgb"),t=0,e=Object.keys(tN);t0;)t[e]=arguments[e+1];if(!t.length&&"string"===tE(r)&&tN[r.toLowerCase()])return"named"}});var tF=u.unpack,tP=u.type,tO=b,tG=d,tR=c,tj=u.type,tq=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tF(r,"rgb");return(e[0]<<16)+(e[1]<<8)+e[2]};tG.prototype.num=function(){return tq(this._rgb)},tO.num=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tG,[null].concat(r,["num"])))},tR.format.num=function(r){if("number"==tP(r)&&r>=0&&r<=16777215)return[r>>16,r>>8&255,255&r,1];throw Error("unknown num color: "+r)},tR.autodetect.push({p:5,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if(1===r.length&&"number"===tj(r[0])&&r[0]>=0&&r[0]<=16777215)return"num"}});var tL=b,tC=d,tI=c,tB=u.unpack,tD=u.type,tY=Math.round;tC.prototype.rgb=function(r){return(void 0===r&&(r=!0),!1===r)?this._rgb.slice(0,3):this._rgb.slice(0,3).map(tY)},tC.prototype.rgba=function(r){return void 0===r&&(r=!0),this._rgb.slice(0,4).map(function(t,e){return e<3?!1===r?t:tY(t):t})},tL.rgb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tC,[null].concat(r,["rgb"])))},tI.format.rgb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tB(r,"rgba");return void 0===e[3]&&(e[3]=1),e},tI.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===tD(r=tB(r,"rgba"))&&(3===r.length||4===r.length&&"number"==tD(r[3])&&r[3]>=0&&r[3]<=1))return"rgb"}});var tS=Math.log,t$=function(r){var t,e,n,a=r/100;return a<66?(t=255,e=a<6?0:-155.25485562709179-.44596950469579133*(e=a-2)+104.49216199393888*tS(e),n=a<20?0:-254.76935184120902+.8274096064007395*(n=a-10)+115.67994401066147*tS(n)):(t=351.97690566805693+.114206453784165*(t=a-55)-40.25366309332127*tS(t),e=325.4494125711974+.07943456536662342*(e=a-50)-28.0852963507957*tS(e),n=255),[t,e,n,1]},tz=u.unpack,tT=Math.round,tX=b,tZ=d,tU=c,tV=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];for(var n=tz(t,"rgb"),a=n[0],f=n[2],o=1e3,u=4e4;u-o>.4;){var c=t$(r=(u+o)*.5);c[2]/c[0]>=f/a?u=r:o=r}return tT(r)};tZ.prototype.temp=tZ.prototype.kelvin=tZ.prototype.temperature=function(){return tV(this._rgb)},tX.temp=tX.kelvin=tX.temperature=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tZ,[null].concat(r,["temp"])))},tU.format.temp=tU.format.kelvin=tU.format.temperature=t$;var tW=u.unpack,tK=Math.cbrt,tH=Math.pow,tJ=Math.sign,tQ=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tW(r,"rgb"),n=e[0],a=e[1],f=e[2],o=[t0(n/255),t0(a/255),t0(f/255)],u=o[0],c=o[1],i=o[2],l=tK(.4122214708*u+.5363325363*c+.0514459929*i),h=tK(.2119034982*u+.6806995451*c+.1073969566*i),s=tK(.0883024619*u+.2817188376*c+.6299787005*i);return[.2104542553*l+.793617785*h-.0040720468*s,1.9779984951*l-2.428592205*h+.4505937099*s,.0259040371*l+.7827717662*h-.808675766*s]};function t0(r){var t=Math.abs(r);return t<.04045?r/12.92:(tJ(r)||1)*tH((t+.055)/1.055,2.4)}var t1=u.unpack,t2=Math.pow,t5=Math.sign,t3=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=(r=t1(r,"lab"))[0],n=r[1],a=r[2],f=t2(e+.3963377774*n+.2158037573*a,3),o=t2(e-.1055613458*n-.0638541728*a,3),u=t2(e-.0894841775*n-1.291485548*a,3);return[255*t6(4.0767416621*f-3.3077115913*o+.2309699292*u),255*t6(-1.2684380046*f+2.6097574011*o-.3413193965*u),255*t6(-.0041960863*f-.7034186147*o+1.707614701*u),r.length>3?r[3]:1]};function t6(r){var t=Math.abs(r);return t>.0031308?(t5(r)||1)*(1.055*t2(t,1/2.4)-.055):12.92*r}var t4=u.unpack,t8=u.type,t9=b,t7=d,er=c;t7.prototype.oklab=function(){return tQ(this._rgb)},t9.oklab=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(t7,[null].concat(r,["oklab"])))},er.format.oklab=t3,er.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===t8(r=t4(r,"oklab"))&&3===r.length)return"oklab"}});var et=u.unpack,ee=u.unpack,en=u.unpack,ea=u.type,ef=b,eo=d,eu=c,ec=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=et(r,"rgb"),n=tQ(e[0],e[1],e[2]);return tc(n[0],n[1],n[2])};eo.prototype.oklch=function(){return ec(this._rgb)},ef.oklch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(eo,[null].concat(r,["oklch"])))},eu.format.oklch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tb((r=ee(r,"lch"))[0],r[1],r[2]),n=t3(e[0],e[1],e[2]);return[n[0],n[1],n[2],r.length>3?r[3]:1]},eu.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===ea(r=en(r,"oklch"))&&3===r.length)return"oklch"}});var ei=d,el=u.type;ei.prototype.alpha=function(r,t){return(void 0===t&&(t=!1),void 0!==r&&"number"===el(r))?t?(this._rgb[3]=r,this):new ei([this._rgb[0],this._rgb[1],this._rgb[2],r],"rgb"):this._rgb[3]},d.prototype.clipped=function(){return this._rgb._clipped||!1};var eh=d;eh.prototype.darken=function(r){void 0===r&&(r=1);var t=this.lab();return t[0]-=rH.Kn*r,new eh(t,"lab").alpha(this.alpha(),!0)},eh.prototype.brighten=function(r){return void 0===r&&(r=1),this.darken(-r)},eh.prototype.darker=eh.prototype.darken,eh.prototype.brighter=eh.prototype.brighten,d.prototype.get=function(r){var t=r.split("."),e=t[0],n=t[1],a=this[e]();if(!n)return a;var f=e.indexOf(n)-("ok"===e.substr(0,2)?2:0);if(f>-1)return a[f];throw Error("unknown channel "+n+" in mode "+e)};var es=d,ed=u.type,eb=Math.pow;es.prototype.luminance=function(r){if(void 0!==r&&"number"===ed(r)){if(0===r)return new es([0,0,0,this._rgb[3]],"rgb");if(1===r)return new es([255,255,255,this._rgb[3]],"rgb");var t=this.luminance(),e=20,n=function(t,a){var f=t.interpolate(a,.5,"rgb"),o=f.luminance();return!(1e-7>Math.abs(r-o))&&e--?o>r?n(t,f):n(f,a):f},a=(t>r?n(new es([0,0,0]),this):n(this,new es([255,255,255]))).rgb();return new es(a.concat([this._rgb[3]]))}return ep.apply(void 0,this._rgb.slice(0,3))};var ep=function(r,t,e){return .2126*(r=eg(r))+.7152*(t=eg(t))+.0722*(e=eg(e))},eg=function(r){return(r/=255)<=.03928?r/12.92:eb((r+.055)/1.055,2.4)},ev={},em=u.type,ey=function(r,t,e){void 0===e&&(e=.5);for(var n=[],a=arguments.length-3;a-- >0;)n[a]=arguments[a+3];var f=n[0]||"lrgb";if(ev[f]||n.length||(f=Object.keys(ev)[0]),!ev[f])throw Error("interpolation mode "+f+" is not defined");return"object"!==em(r)&&(r=new d(r)),"object"!==em(t)&&(t=new d(t)),ev[f](r,t,e).alpha(r.alpha()+e*(t.alpha()-r.alpha()))},ek=d;ek.prototype.mix=ek.prototype.interpolate=function(r,t){void 0===t&&(t=.5);for(var e=[],n=arguments.length-2;n-- >0;)e[n]=arguments[n+2];return ey.apply(void 0,[this,r,t].concat(e))};var ew=d;ew.prototype.premultiply=function(r){void 0===r&&(r=!1);var t=this._rgb,e=t[3];return r?(this._rgb=[t[0]*e,t[1]*e,t[2]*e,e],this):new ew([t[0]*e,t[1]*e,t[2]*e,e],"rgb")};var eM=d;eM.prototype.saturate=function(r){void 0===r&&(r=1);var t=this.lch();return t[1]+=rH.Kn*r,t[1]<0&&(t[1]=0),new eM(t,"lch").alpha(this.alpha(),!0)},eM.prototype.desaturate=function(r){return void 0===r&&(r=1),this.saturate(-r)};var e_=d,eN=u.type;e_.prototype.set=function(r,t,e){void 0===e&&(e=!1);var n=r.split("."),a=n[0],f=n[1],o=this[a]();if(!f)return o;var u=a.indexOf(f)-("ok"===a.substr(0,2)?2:0);if(u>-1){if("string"==eN(t))switch(t.charAt(0)){case"+":case"-":o[u]+=+t;break;case"*":o[u]*=+t.substr(1);break;case"/":o[u]/=+t.substr(1);break;default:o[u]=+t}else if("number"===eN(t))o[u]=t;else throw Error("unsupported value for Color.set");var c=new e_(o,a);return e?(this._rgb=c._rgb,this):c}throw Error("unknown channel "+f+" in mode "+a)},ev.rgb=function(r,t,e){var n=r._rgb,a=t._rgb;return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"rgb")};var ex=Math.sqrt,eA=Math.pow;ev.lrgb=function(r,t,e){var n=r._rgb,a=n[0],f=n[1],o=n[2],u=t._rgb,c=u[0],i=u[1],l=u[2];return new d(ex(eA(a,2)*(1-e)+eA(c,2)*e),ex(eA(f,2)*(1-e)+eA(i,2)*e),ex(eA(o,2)*(1-e)+eA(l,2)*e),"rgb")},ev.lab=function(r,t,e){var n=r.lab(),a=t.lab();return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"lab")};var eE=function(r,t,e,n){var a,f,o,u,c,i,l,h,s,b,p,g,v,m;return"hsl"===n?(o=r.hsl(),u=t.hsl()):"hsv"===n?(o=r.hsv(),u=t.hsv()):"hcg"===n?(o=r.hcg(),u=t.hcg()):"hsi"===n?(o=r.hsi(),u=t.hsi()):"lch"===n||"hcl"===n?(n="hcl",o=r.hcl(),u=t.hcl()):"oklch"===n&&(o=r.oklch().reverse(),u=t.oklch().reverse()),("h"===n.substr(0,1)||"oklch"===n)&&(c=(a=o)[0],l=a[1],s=a[2],i=(f=u)[0],h=f[1],b=f[2]),isNaN(c)||isNaN(i)?isNaN(c)?isNaN(i)?g=Number.NaN:(g=i,(1==s||0==s)&&"hsv"!=n&&(p=h)):(g=c,(1==b||0==b)&&"hsv"!=n&&(p=l)):(m=i>c&&i-c>180?i-(c+360):i180?i+360-c:i-c,g=c+e*m),void 0===p&&(p=l+e*(h-l)),v=s+e*(b-s),"oklch"===n?new d([v,p,g],n):new d([g,p,v],n)},eF=function(r,t,e){return eE(r,t,e,"lch")};ev.lch=eF,ev.hcl=eF,ev.num=function(r,t,e){var n=r.num(),a=t.num();return new d(n+e*(a-n),"num")},ev.hcg=function(r,t,e){return eE(r,t,e,"hcg")},ev.hsi=function(r,t,e){return eE(r,t,e,"hsi")},ev.hsl=function(r,t,e){return eE(r,t,e,"hsl")},ev.hsv=function(r,t,e){return eE(r,t,e,"hsv")},ev.oklab=function(r,t,e){var n=r.oklab(),a=t.oklab();return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"oklab")},ev.oklch=function(r,t,e){return eE(r,t,e,"oklch")};var eP=u.clip_rgb,eO=Math.pow,eG=Math.sqrt,eR=Math.PI,ej=Math.cos,eq=Math.sin,eL=Math.atan2,eC=function(r,t){for(var e=r.length,n=[0,0,0,0],a=0;a.9999999&&(n[3]=1),new d(eP(n))},eI=u.type,eB=Math.pow,eD=function(r){var t="rgb",e=b("#ccc"),n=0,a=[0,1],f=[],o=[0,0],u=!1,c=[],i=!1,l=0,h=1,s=!1,d={},p=!0,g=1,v=function(r){if("string"===eI(r=r||["#fff","#000"])&&b.brewer&&b.brewer[r.toLowerCase()]&&(r=b.brewer[r.toLowerCase()]),"array"===eI(r)){1===r.length&&(r=[r[0],r[0]]),r=r.slice(0);for(var t=0;t=u[e];)e++;return e-1}return 0},y=function(r){return r},k=function(r){return r},w=function(r,n){if(null==n&&(n=!1),isNaN(r)||null===r)return e;if(n)i=r;else if(u&&u.length>2){var a,i;i=m(r)/(u.length-2)}else i=h!==l?(r-l)/(h-l):1;i=k(i),n||(i=y(i)),1!==g&&(i=eB(i,g));var s=Math.floor(1e4*(i=Math.min(1,Math.max(0,i=o[0]+i*(1-o[0]-o[1])))));if(p&&d[s])a=d[s];else{if("array"===eI(c))for(var v=0;v=w&&v===f.length-1){a=c[v];break}if(i>w&&i2){var i=r.map(function(t,e){return e/(r.length-1)}),s=r.map(function(r){return(r-l)/(h-l)});s.every(function(r,t){return i[t]===r})||(k=function(r){if(r<=0||r>=1)return r;for(var t=0;r>=s[t+1];)t++;var e=(r-s[t])/(s[t+1]-s[t]);return i[t]+e*(i[t+1]-i[t])})}}return a=[l,h],_},_.mode=function(r){return arguments.length?(t=r,M(),_):t},_.range=function(r,t){return v(r),_},_.out=function(r){return i=r,_},_.spread=function(r){return arguments.length?(n=r,_):n},_.correctLightness=function(r){return null==r&&(r=!0),s=r,M(),y=s?function(r){for(var t=w(0,!0).lab()[0],e=w(1,!0).lab()[0],n=t>e,a=w(r,!0).lab()[0],f=t+(e-t)*r,o=a-f,u=0,c=1,i=20;Math.abs(o)>.01&&i-- >0;)n&&(o*=-1),o<0?(u=r,r+=(c-r)*.5):(c=r,r+=(u-r)*.5),o=(a=w(r,!0).lab()[0])-f;return r}:function(r){return r},_},_.padding=function(r){return null!=r?("number"===eI(r)&&(r=[r,r]),o=r,_):o},_.colors=function(t,e){arguments.length<2&&(e="hex");var n=[];if(0==arguments.length)n=c.slice(0);else if(1===t)n=[_(.5)];else if(t>1){var f=a[0],o=a[1]-f;n=(function(r,t,e){for(var n=[],a=rf;a?o++:o--)n.push(o);return n})(0,t,!1).map(function(r){return _(f+r/(t-1)*o)})}else{r=[];var i=[];if(u&&u.length>2)for(var l=1,h=u.length,s=1<=h;s?lh;s?l++:l--)i.push((u[l-1]+u[l])*.5);else i=a;n=i.map(function(r){return _(r)})}return b[e]&&(n=n.map(function(r){return r[e]()})),n},_.cache=function(r){return null!=r?(p=r,_):p},_.gamma=function(r){return null!=r?(g=r,_):g},_.nodata=function(r){return null!=r?(e=b(r),_):e},_},eY=function(r){for(var t=[1,1],e=1;e=5)i=r.map(function(r){return r.lab()}),l=eY(h=r.length-1),a=function(r){var t=1-r,e=[0,1,2].map(function(e){return i.reduce(function(n,a,f){return n+l[f]*Math.pow(t,h-f)*Math.pow(r,f)*a[e]},0)});return new d(e,"lab")};else throw RangeError("No point in running bezier with only one color.");return a},e$=function(r,t,e){if(!e$[e])throw Error("unknown blend mode "+e);return e$[e](r,t)},ez=function(r){return function(t,e){var n=b(e).rgb(),a=b(t).rgb();return b.rgb(r(n,a))}},eT=function(r){return function(t,e){var n=[];return n[0]=r(t[0],e[0]),n[1]=r(t[1],e[1]),n[2]=r(t[2],e[2]),n}};e$.normal=ez(eT(function(r){return r})),e$.multiply=ez(eT(function(r,t){return r*t/255})),e$.screen=ez(eT(function(r,t){return 255*(1-(1-r/255)*(1-t/255))})),e$.overlay=ez(eT(function(r,t){return t<128?2*r*t/255:255*(1-2*(1-r/255)*(1-t/255))})),e$.darken=ez(eT(function(r,t){return r>t?t:r})),e$.lighten=ez(eT(function(r,t){return r>t?r:t})),e$.dodge=ez(eT(function(r,t){return 255===r?255:(r=255*(t/255)/(1-r/255))>255?255:r})),e$.burn=ez(eT(function(r,t){return 255*(1-(1-t/255)/(r/255))}));for(var eX=u.type,eZ=u.clip_rgb,eU=u.TWOPI,eV=Math.pow,eW=Math.sin,eK=Math.cos,eH=Math.floor,eJ=Math.random,eQ=Math.log,e0=Math.pow,e1=Math.floor,e2=Math.abs,e5=function(r,t){void 0===t&&(t=null);var e={min:Number.MAX_VALUE,max:-1*Number.MAX_VALUE,sum:0,values:[],count:0};return"object"===f(r)&&(r=Object.values(r)),r.forEach(function(r){t&&"object"===f(r)&&(r=r[t]),null==r||isNaN(r)||(e.values.push(r),e.sum+=r,re.max&&(e.max=r),e.count+=1)}),e.domain=[e.min,e.max],e.limits=function(r,t){return e3(e,r,t)},e},e3=function(r,t,e){void 0===t&&(t="equal"),void 0===e&&(e=7),"array"==f(r)&&(r=e5(r));var n=r.min,a=r.max,o=r.values.sort(function(r,t){return r-t});if(1===e)return[n,a];var u=[];if("c"===t.substr(0,1)&&(u.push(n),u.push(a)),"e"===t.substr(0,1)){u.push(n);for(var c=1;c 0");var i=Math.LOG10E*eQ(n),l=Math.LOG10E*eQ(a);u.push(n);for(var h=1;h200&&(k=!1)}for(var C={},I=0;I=360;)p-=360;o[b]=p}else o[b]=o[b]/u[b];return s/=n,new d(o,t).alpha(s>.99999?1:s,!0)},nl.bezier=function(r){var t=eS(r);return t.scale=function(){return eD(t)},t},nl.blend=e$,nl.cubehelix=function(r,t,e,n,a){void 0===r&&(r=300),void 0===t&&(t=-1.5),void 0===e&&(e=1),void 0===n&&(n=1),void 0===a&&(a=[0,1]);var f,o=0;"array"===eX(a)?f=a[1]-a[0]:(f=0,a=[a,a]);var u=function(u){var c=eU*((r+120)/360+t*u),i=eV(a[0]+f*u,n),l=(0!==o?e[0]+u*o:e)*i*(1-i)/2,h=eK(c),s=eW(c);return b(eZ([255*(i+l*(-.14861*h+1.78277*s)),255*(i+l*(-.29227*h-.90649*s)),255*(i+l*(1.97294*h)),1]))};return u.start=function(t){return null==t?r:(r=t,u)},u.rotations=function(r){return null==r?t:(t=r,u)},u.gamma=function(r){return null==r?n:(n=r,u)},u.hue=function(r){return null==r?e:("array"===eX(e=r)?0==(o=e[1]-e[0])&&(e=e[1]):o=0,u)},u.lightness=function(r){return null==r?a:("array"===eX(r)?(a=r,f=r[1]-r[0]):(a=[r,r],f=0),u)},u.scale=function(){return b.scale(u)},u.hue(e),u},nl.mix=nl.interpolate=ey,nl.random=function(){for(var r="#",t=0;t<6;t++)r+="0123456789abcdef".charAt(eH(16*eJ()));return new d(r,"hex")},nl.scale=eD,nl.analyze=e6.analyze,nl.contrast=function(r,t){r=new d(r),t=new d(t);var e=r.luminance(),n=t.luminance();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},nl.deltaE=function(r,t,e,n,a){void 0===e&&(e=1),void 0===n&&(n=1),void 0===a&&(a=1);var f=function(r){return 360*r/(2*nf)},o=function(r){return 2*nf*r/360};r=new d(r),t=new d(t);var u=Array.from(r.lab()),c=u[0],i=u[1],l=u[2],h=Array.from(t.lab()),s=h[0],b=h[1],p=h[2],g=(c+s)/2,v=(e4(e8(i,2)+e8(l,2))+e4(e8(b,2)+e8(p,2)))/2,m=.5*(1-e4(e8(v,7)/(e8(v,7)+e8(25,7)))),y=i*(1+m),k=b*(1+m),w=e4(e8(y,2)+e8(l,2)),M=e4(e8(k,2)+e8(p,2)),_=(w+M)/2,N=f(nr(l,y)),x=f(nr(p,k)),A=N>=0?N:N+360,E=x>=0?x:x+360,F=nt(A-E)>180?(A+E+360)/2:(A+E)/2,P=1-.17*ne(o(F-30))+.24*ne(o(2*F))+.32*ne(o(3*F+6))-.2*ne(o(4*F-63)),O=E-A;O=180>=nt(O)?O:E<=A?O+360:O-360,O=2*e4(w*M)*nn(o(O)/2);var G=M-w,R=1+.015*e8(g-50,2)/e4(20+e8(g-50,2)),j=1+.045*_,q=1+.015*_*P,L=30*na(-e8((F-275)/25,2)),C=-(2*e4(e8(_,7)/(e8(_,7)+e8(25,7))))*nn(2*o(L));return e7(0,e9(100,e4(e8((s-c)/(e*R),2)+e8(G/(n*j),2)+e8(O/(a*q),2)+C*(G/(n*j))*(O/(a*q)))))},nl.distance=function(r,t,e){void 0===e&&(e="lab"),r=new d(r),t=new d(t);var n=r.get(e),a=t.get(e),f=0;for(var o in n){var u=(n[o]||0)-(a[o]||0);f+=u*u}return Math.sqrt(f)},nl.limits=e6.limits,nl.valid=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];try{return new(Function.prototype.bind.apply(d,[null].concat(r))),!0}catch(r){return!1}},nl.scales={cool:function(){return eD([b.hsl(180,1,.9),b.hsl(250,.7,.4)])},hot:function(){return eD(["#000","#f00","#ff0","#fff"]).mode("rgb")}},nl.colors=tN,nl.brewer=no,nl}()},8298:function(r){r.exports=function(){"use strict";for(var r=function(r,t,e){return void 0===t&&(t=0),void 0===e&&(e=1),re?e:r},t={},e=0,n=["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"];e255)&&(t._clipped=!0),t[e]=r(t[e],0,255)):3===e&&(t[e]=r(t[e],0,1));return t},limit:r,type:f,unpack:function(r,t){return(void 0===t&&(t=null),r.length>=3)?Array.prototype.slice.call(r):"object"==f(r[0])&&t?t.split("").filter(function(t){return void 0!==r[0][t]}).map(function(t){return r[0][t]}):r[0]},last:function(r){if(r.length<2)return null;var t=r.length-1;return"string"==f(r[t])?r[t].toLowerCase():null},PI:o,TWOPI:2*o,PITHIRD:o/3,DEG2RAD:o/180,RAD2DEG:180/o},c={format:{},autodetect:[]},i=u.last,l=u.clip_rgb,h=u.type,s=c,d=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=this;if("object"===h(r[0])&&r[0].constructor&&r[0].constructor===this.constructor)return r[0];var n=i(r),a=!1;if(!n){a=!0,s.sorted||(s.autodetect=s.autodetect.sort(function(r,t){return t.p-r.p}),s.sorted=!0);for(var f=0,o=s.autodetect;f4?r[4]:1;return 1===f?[0,0,0,o]:[e>=1?0:255*(1-e)*(1-f),n>=1?0:255*(1-n)*(1-f),a>=1?0:255*(1-a)*(1-f),o]},k.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===M(r=w(r,"cmyk"))&&4===r.length)return"cmyk"}});var N=u.unpack,x=u.last,A=function(r){return Math.round(100*r)/100},E=u.unpack,F=function(){for(var r,t,e=[],n=arguments.length;n--;)e[n]=arguments[n];var a=(e=E(e,"rgba"))[0],f=e[1],o=e[2],u=Math.min(a/=255,f/=255,o/=255),c=Math.max(a,f,o),i=(c+u)/2;return(c===u?(r=0,t=Number.NaN):r=i<.5?(c-u)/(c+u):(c-u)/(2-c-u),a==c?t=(f-o)/(c-u):f==c?t=2+(o-a)/(c-u):o==c&&(t=4+(a-f)/(c-u)),(t*=60)<0&&(t+=360),e.length>3&&void 0!==e[3])?[t,r,i,e[3]]:[t,r,i]},P=u.unpack,O=u.last,G=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=N(r,"hsla"),n=x(r)||"lsa";return e[0]=A(e[0]||0),e[1]=A(100*e[1])+"%",e[2]=A(100*e[2])+"%","hsla"===n||e.length>3&&e[3]<1?(e[3]=e.length>3?e[3]:1,n="hsla"):e.length=3,n+"("+e.join(",")+")"},R=Math.round,j=u.unpack,q=Math.round,L=function(){for(var r,t,e,n,a=[],f=arguments.length;f--;)a[f]=arguments[f];var o=(a=j(a,"hsl"))[0],u=a[1],c=a[2];if(0===u)t=e=n=255*c;else{var i=[0,0,0],l=[0,0,0],h=c<.5?c*(1+u):c+u-c*u,s=2*c-h,d=o/360;i[0]=d+1/3,i[1]=d,i[2]=d-1/3;for(var b=0;b<3;b++)i[b]<0&&(i[b]+=1),i[b]>1&&(i[b]-=1),6*i[b]<1?l[b]=s+(h-s)*6*i[b]:2*i[b]<1?l[b]=h:3*i[b]<2?l[b]=s+(h-s)*(2/3-i[b])*6:l[b]=s;t=(r=[q(255*l[0]),q(255*l[1]),q(255*l[2])])[0],e=r[1],n=r[2]}return a.length>3?[t,e,n,a[3]]:[t,e,n,1]},C=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,I=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,B=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,D=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,Y=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,S=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,$=Math.round,z=function(r){if(r=r.toLowerCase().trim(),c.format.named)try{return c.format.named(r)}catch(r){}if(t=r.match(C)){for(var t,e=t.slice(1,4),n=0;n<3;n++)e[n]=+e[n];return e[3]=1,e}if(t=r.match(I)){for(var a=t.slice(1,5),f=0;f<4;f++)a[f]=+a[f];return a}if(t=r.match(B)){for(var o=t.slice(1,4),u=0;u<3;u++)o[u]=$(2.55*o[u]);return o[3]=1,o}if(t=r.match(D)){for(var i=t.slice(1,5),l=0;l<3;l++)i[l]=$(2.55*i[l]);return i[3]=+i[3],i}if(t=r.match(Y)){var h=t.slice(1,4);h[1]*=.01,h[2]*=.01;var s=L(h);return s[3]=1,s}if(t=r.match(S)){var d=t.slice(1,4);d[1]*=.01,d[2]*=.01;var b=L(d);return b[3]=+t[4],b}};z.test=function(r){return C.test(r)||I.test(r)||B.test(r)||D.test(r)||Y.test(r)||S.test(r)};var T=b,X=d,Z=c,U=u.type,V=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=P(r,"rgba"),n=O(r)||"rgb";return"hsl"==n.substr(0,3)?G(F(e),n):(e[0]=R(e[0]),e[1]=R(e[1]),e[2]=R(e[2]),("rgba"===n||e.length>3&&e[3]<1)&&(e[3]=e.length>3?e[3]:1,n="rgba"),n+"("+e.slice(0,"rgb"===n?3:4).join(",")+")")};X.prototype.css=function(r){return V(this._rgb,r)},T.css=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(X,[null].concat(r,["css"])))},Z.format.css=z,Z.autodetect.push({p:5,test:function(r){for(var t=[],e=arguments.length-1;e-- >0;)t[e]=arguments[e+1];if(!t.length&&"string"===U(r)&&z.test(r))return"css"}});var W=d,K=b,H=c,J=u.unpack;H.format.gl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=J(r,"rgba");return e[0]*=255,e[1]*=255,e[2]*=255,e},K.gl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(W,[null].concat(r,["gl"])))},W.prototype.gl=function(){var r=this._rgb;return[r[0]/255,r[1]/255,r[2]/255,r[3]]};var Q=u.unpack,rr=u.unpack,rt=Math.floor,re=u.unpack,rn=u.type,ra=b,rf=d,ro=c,ru=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];var n=Q(t,"rgb"),a=n[0],f=n[1],o=n[2],u=Math.min(a,f,o),c=Math.max(a,f,o),i=c-u;return 0===i?r=Number.NaN:(a===c&&(r=(f-o)/i),f===c&&(r=2+(o-a)/i),o===c&&(r=4+(a-f)/i),(r*=60)<0&&(r+=360)),[r,100*i/255,u/(255-i)*100]};rf.prototype.hcg=function(){return ru(this._rgb)},ra.hcg=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rf,[null].concat(r,["hcg"])))},ro.format.hcg=function(){for(var r,t,e,n,a,f,o,u,c,i=[],l=arguments.length;l--;)i[l]=arguments[l];var h=(i=rr(i,"hcg"))[0],s=i[1],d=i[2];d*=255;var b=255*s;if(0===s)o=u=c=d;else{360===h&&(h=0),h>360&&(h-=360),h<0&&(h+=360);var p=rt(h/=60),g=h-p,v=d*(1-s),m=v+b*(1-g),y=v+b*g,k=v+b;switch(p){case 0:o=(r=[k,y,v])[0],u=r[1],c=r[2];break;case 1:o=(t=[m,k,v])[0],u=t[1],c=t[2];break;case 2:o=(e=[v,k,y])[0],u=e[1],c=e[2];break;case 3:o=(n=[v,m,k])[0],u=n[1],c=n[2];break;case 4:o=(a=[y,v,k])[0],u=a[1],c=a[2];break;case 5:o=(f=[k,v,m])[0],u=f[1],c=f[2]}}return[o,u,c,i.length>3?i[3]:1]},ro.autodetect.push({p:1,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rn(r=re(r,"hcg"))&&3===r.length)return"hcg"}});var rc=u.unpack,ri=u.last,rl=Math.round,rh=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=rc(r,"rgba"),n=e[0],a=e[1],f=e[2],o=e[3],u=ri(r)||"auto";void 0===o&&(o=1),"auto"===u&&(u=o<1?"rgba":"rgb");var c="000000"+((n=rl(n))<<16|(a=rl(a))<<8|(f=rl(f))).toString(16);c=c.substr(c.length-6);var i="0"+rl(255*o).toString(16);switch(i=i.substr(i.length-2),u.toLowerCase()){case"rgba":return"#"+c+i;case"argb":return"#"+i+c;default:return"#"+c}},rs=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,rd=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,rb=function(r){if(r.match(rs)){(4===r.length||7===r.length)&&(r=r.substr(1)),3===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]);var t=parseInt(r,16);return[t>>16,t>>8&255,255&t,1]}if(r.match(rd)){(5===r.length||9===r.length)&&(r=r.substr(1)),4===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]);var e=parseInt(r,16);return[e>>24&255,e>>16&255,e>>8&255,Math.round((255&e)/255*100)/100]}throw Error("unknown hex color: "+r)},rp=b,rg=d,rv=u.type,rm=c;rg.prototype.hex=function(r){return rh(this._rgb,r)},rp.hex=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rg,[null].concat(r,["hex"])))},rm.format.hex=rb,rm.autodetect.push({p:4,test:function(r){for(var t=[],e=arguments.length-1;e-- >0;)t[e]=arguments[e+1];if(!t.length&&"string"===rv(r)&&[3,4,5,6,7,8,9].indexOf(r.length)>=0)return"hex"}});var ry=u.unpack,rk=u.TWOPI,rw=Math.min,rM=Math.sqrt,r_=Math.acos,rN=u.unpack,rx=u.limit,rA=u.TWOPI,rE=u.PITHIRD,rF=Math.cos,rP=u.unpack,rO=u.type,rG=b,rR=d,rj=c,rq=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];var n=ry(t,"rgb"),a=n[0],f=n[1],o=n[2],u=rw(a/=255,f/=255,o/=255),c=(a+f+o)/3,i=c>0?1-u/c:0;return 0===i?r=NaN:(r=r_(r=(a-f+(a-o))/2/rM((a-f)*(a-f)+(a-o)*(f-o))),o>f&&(r=rk-r),r/=rk),[360*r,i,c]};rR.prototype.hsi=function(){return rq(this._rgb)},rG.hsi=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rR,[null].concat(r,["hsi"])))},rj.format.hsi=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=(n=rN(n,"hsi"))[0],o=n[1],u=n[2];return isNaN(f)&&(f=0),isNaN(o)&&(o=0),f>360&&(f-=360),f<0&&(f+=360),(f/=360)<1/3?t=1-((e=(1-o)/3)+(r=(1+o*rF(rA*f)/rF(rE-rA*f))/3)):f<2/3?(f-=1/3,e=1-((r=(1-o)/3)+(t=(1+o*rF(rA*f)/rF(rE-rA*f))/3))):(f-=2/3,r=1-((t=(1-o)/3)+(e=(1+o*rF(rA*f)/rF(rE-rA*f))/3))),[255*(r=rx(u*r*3)),255*(t=rx(u*t*3)),255*(e=rx(u*e*3)),n.length>3?n[3]:1]},rj.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rO(r=rP(r,"hsi"))&&3===r.length)return"hsi"}});var rL=u.unpack,rC=u.type,rI=b,rB=d,rD=c;rB.prototype.hsl=function(){return F(this._rgb)},rI.hsl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rB,[null].concat(r,["hsl"])))},rD.format.hsl=L,rD.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rC(r=rL(r,"hsl"))&&3===r.length)return"hsl"}});var rY=u.unpack,rS=Math.min,r$=Math.max,rz=u.unpack,rT=Math.floor,rX=u.unpack,rZ=u.type,rU=b,rV=d,rW=c,rK=function(){for(var r,t,e=[],n=arguments.length;n--;)e[n]=arguments[n];var a=(e=rY(e,"rgb"))[0],f=e[1],o=e[2],u=rS(a,f,o),c=r$(a,f,o),i=c-u;return 0===c?(r=Number.NaN,t=0):(t=i/c,a===c&&(r=(f-o)/i),f===c&&(r=2+(o-a)/i),o===c&&(r=4+(a-f)/i),(r*=60)<0&&(r+=360)),[r,t,c/255]};rV.prototype.hsv=function(){return rK(this._rgb)},rU.hsv=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(rV,[null].concat(r,["hsv"])))},rW.format.hsv=function(){for(var r,t,e,n,a,f,o,u,c,i=[],l=arguments.length;l--;)i[l]=arguments[l];var h=(i=rz(i,"hsv"))[0],s=i[1],d=i[2];if(d*=255,0===s)o=u=c=d;else{360===h&&(h=0),h>360&&(h-=360),h<0&&(h+=360);var b=rT(h/=60),p=h-b,g=d*(1-s),v=d*(1-s*p),m=d*(1-s*(1-p));switch(b){case 0:o=(r=[d,m,g])[0],u=r[1],c=r[2];break;case 1:o=(t=[v,d,g])[0],u=t[1],c=t[2];break;case 2:o=(e=[g,d,m])[0],u=e[1],c=e[2];break;case 3:o=(n=[g,v,d])[0],u=n[1],c=n[2];break;case 4:o=(a=[m,g,d])[0],u=a[1],c=a[2];break;case 5:o=(f=[d,g,v])[0],u=f[1],c=f[2]}}return[o,u,c,i.length>3?i[3]:1]},rW.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===rZ(r=rX(r,"hsv"))&&3===r.length)return"hsv"}});var rH={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452},rJ=u.unpack,rQ=Math.pow,r0=function(r){return(r/=255)<=.04045?r/12.92:rQ((r+.055)/1.055,2.4)},r1=function(r){return r>rH.t3?rQ(r,1/3):r/rH.t2+rH.t0},r2=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=rJ(n,"rgb"),o=(r=f[0],t=f[1],e=f[2],[r1((.4124564*(r=r0(r))+.3575761*(t=r0(t))+.1804375*(e=r0(e)))/rH.Xn),r1((.2126729*r+.7151522*t+.072175*e)/rH.Yn),r1((.0193339*r+.119192*t+.9503041*e)/rH.Zn)]),u=o[0],c=o[1],i=o[2],l=116*c-16;return[l<0?0:l,500*(u-c),200*(c-i)]},r5=u.unpack,r3=Math.pow,r6=function(r){return 255*(r<=.00304?12.92*r:1.055*r3(r,1/2.4)-.055)},r4=function(r){return r>rH.t1?r*r*r:rH.t2*(r-rH.t0)},r8=function(){for(var r,t,e,n=[],a=arguments.length;a--;)n[a]=arguments[a];var f=(n=r5(n,"lab"))[0],o=n[1],u=n[2];return t=(f+16)/116,r=isNaN(o)?t:t+o/500,e=isNaN(u)?t:t-u/200,t=rH.Yn*r4(t),r=rH.Xn*r4(r),e=rH.Zn*r4(e),[r6(3.2404542*r-1.5371385*t-.4985314*e),r6(-.969266*r+1.8760108*t+.041556*e),r6(.0556434*r-.2040259*t+1.0572252*e),n.length>3?n[3]:1]},r9=u.unpack,r7=u.type,tr=b,tt=d,te=c;tt.prototype.lab=function(){return r2(this._rgb)},tr.lab=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tt,[null].concat(r,["lab"])))},te.format.lab=r8,te.autodetect.push({p:2,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===r7(r=r9(r,"lab"))&&3===r.length)return"lab"}});var tn=u.unpack,ta=u.RAD2DEG,tf=Math.sqrt,to=Math.atan2,tu=Math.round,tc=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tn(r,"lab"),n=e[0],a=e[1],f=e[2],o=tf(a*a+f*f),u=(to(f,a)*ta+360)%360;return 0===tu(1e4*o)&&(u=Number.NaN),[n,o,u]},ti=u.unpack,tl=u.unpack,th=u.DEG2RAD,ts=Math.sin,td=Math.cos,tb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tl(r,"lch"),n=e[0],a=e[1],f=e[2];return isNaN(f)&&(f=0),[n,td(f*=th)*a,ts(f)*a]},tp=u.unpack,tg=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tb((r=tp(r,"lch"))[0],r[1],r[2]),n=r8(e[0],e[1],e[2]);return[n[0],n[1],n[2],r.length>3?r[3]:1]},tv=u.unpack,tm=u.unpack,ty=u.type,tk=b,tw=d,tM=c,t_=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=ti(r,"rgb"),n=r2(e[0],e[1],e[2]);return tc(n[0],n[1],n[2])};tw.prototype.lch=function(){return t_(this._rgb)},tw.prototype.hcl=function(){return t_(this._rgb).reverse()},tk.lch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tw,[null].concat(r,["lch"])))},tk.hcl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tw,[null].concat(r,["hcl"])))},tM.format.lch=tg,tM.format.hcl=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tv(r,"hcl").reverse();return tg.apply(void 0,e)},["lch","hcl"].forEach(function(r){return tM.autodetect.push({p:2,test:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];if("array"===ty(t=tm(t,r))&&3===t.length)return r}})});var tN={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflower:"#6495ed",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",maroon2:"#7f0000",maroon3:"#b03060",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",purple2:"#7f007f",purple3:"#a020f0",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},tx=d,tA=c,tE=u.type;tx.prototype.name=function(){for(var r=rh(this._rgb,"rgb"),t=0,e=Object.keys(tN);t0;)t[e]=arguments[e+1];if(!t.length&&"string"===tE(r)&&tN[r.toLowerCase()])return"named"}});var tF=u.unpack,tP=u.type,tO=b,tG=d,tR=c,tj=u.type,tq=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tF(r,"rgb");return(e[0]<<16)+(e[1]<<8)+e[2]};tG.prototype.num=function(){return tq(this._rgb)},tO.num=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tG,[null].concat(r,["num"])))},tR.format.num=function(r){if("number"==tP(r)&&r>=0&&r<=16777215)return[r>>16,r>>8&255,255&r,1];throw Error("unknown num color: "+r)},tR.autodetect.push({p:5,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if(1===r.length&&"number"===tj(r[0])&&r[0]>=0&&r[0]<=16777215)return"num"}});var tL=b,tC=d,tI=c,tB=u.unpack,tD=u.type,tY=Math.round;tC.prototype.rgb=function(r){return(void 0===r&&(r=!0),!1===r)?this._rgb.slice(0,3):this._rgb.slice(0,3).map(tY)},tC.prototype.rgba=function(r){return void 0===r&&(r=!0),this._rgb.slice(0,4).map(function(t,e){return e<3?!1===r?t:tY(t):t})},tL.rgb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tC,[null].concat(r,["rgb"])))},tI.format.rgb=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tB(r,"rgba");return void 0===e[3]&&(e[3]=1),e},tI.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===tD(r=tB(r,"rgba"))&&(3===r.length||4===r.length&&"number"==tD(r[3])&&r[3]>=0&&r[3]<=1))return"rgb"}});var tS=Math.log,t$=function(r){var t,e,n,a=r/100;return a<66?(t=255,e=a<6?0:-155.25485562709179-.44596950469579133*(e=a-2)+104.49216199393888*tS(e),n=a<20?0:-254.76935184120902+.8274096064007395*(n=a-10)+115.67994401066147*tS(n)):(t=351.97690566805693+.114206453784165*(t=a-55)-40.25366309332127*tS(t),e=325.4494125711974+.07943456536662342*(e=a-50)-28.0852963507957*tS(e),n=255),[t,e,n,1]},tz=u.unpack,tT=Math.round,tX=b,tZ=d,tU=c,tV=function(){for(var r,t=[],e=arguments.length;e--;)t[e]=arguments[e];for(var n=tz(t,"rgb"),a=n[0],f=n[2],o=1e3,u=4e4;u-o>.4;){var c=t$(r=(u+o)*.5);c[2]/c[0]>=f/a?u=r:o=r}return tT(r)};tZ.prototype.temp=tZ.prototype.kelvin=tZ.prototype.temperature=function(){return tV(this._rgb)},tX.temp=tX.kelvin=tX.temperature=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(tZ,[null].concat(r,["temp"])))},tU.format.temp=tU.format.kelvin=tU.format.temperature=t$;var tW=u.unpack,tK=Math.cbrt,tH=Math.pow,tJ=Math.sign,tQ=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tW(r,"rgb"),n=e[0],a=e[1],f=e[2],o=[t0(n/255),t0(a/255),t0(f/255)],u=o[0],c=o[1],i=o[2],l=tK(.4122214708*u+.5363325363*c+.0514459929*i),h=tK(.2119034982*u+.6806995451*c+.1073969566*i),s=tK(.0883024619*u+.2817188376*c+.6299787005*i);return[.2104542553*l+.793617785*h-.0040720468*s,1.9779984951*l-2.428592205*h+.4505937099*s,.0259040371*l+.7827717662*h-.808675766*s]};function t0(r){var t=Math.abs(r);return t<.04045?r/12.92:(tJ(r)||1)*tH((t+.055)/1.055,2.4)}var t1=u.unpack,t2=Math.pow,t5=Math.sign,t3=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=(r=t1(r,"lab"))[0],n=r[1],a=r[2],f=t2(e+.3963377774*n+.2158037573*a,3),o=t2(e-.1055613458*n-.0638541728*a,3),u=t2(e-.0894841775*n-1.291485548*a,3);return[255*t6(4.0767416621*f-3.3077115913*o+.2309699292*u),255*t6(-1.2684380046*f+2.6097574011*o-.3413193965*u),255*t6(-.0041960863*f-.7034186147*o+1.707614701*u),r.length>3?r[3]:1]};function t6(r){var t=Math.abs(r);return t>.0031308?(t5(r)||1)*(1.055*t2(t,1/2.4)-.055):12.92*r}var t4=u.unpack,t8=u.type,t9=b,t7=d,er=c;t7.prototype.oklab=function(){return tQ(this._rgb)},t9.oklab=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(t7,[null].concat(r,["oklab"])))},er.format.oklab=t3,er.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===t8(r=t4(r,"oklab"))&&3===r.length)return"oklab"}});var et=u.unpack,ee=u.unpack,en=u.unpack,ea=u.type,ef=b,eo=d,eu=c,ec=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=et(r,"rgb"),n=tQ(e[0],e[1],e[2]);return tc(n[0],n[1],n[2])};eo.prototype.oklch=function(){return ec(this._rgb)},ef.oklch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];return new(Function.prototype.bind.apply(eo,[null].concat(r,["oklch"])))},eu.format.oklch=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];var e=tb((r=ee(r,"lch"))[0],r[1],r[2]),n=t3(e[0],e[1],e[2]);return[n[0],n[1],n[2],r.length>3?r[3]:1]},eu.autodetect.push({p:3,test:function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];if("array"===ea(r=en(r,"oklch"))&&3===r.length)return"oklch"}});var ei=d,el=u.type;ei.prototype.alpha=function(r,t){return(void 0===t&&(t=!1),void 0!==r&&"number"===el(r))?t?(this._rgb[3]=r,this):new ei([this._rgb[0],this._rgb[1],this._rgb[2],r],"rgb"):this._rgb[3]},d.prototype.clipped=function(){return this._rgb._clipped||!1};var eh=d;eh.prototype.darken=function(r){void 0===r&&(r=1);var t=this.lab();return t[0]-=rH.Kn*r,new eh(t,"lab").alpha(this.alpha(),!0)},eh.prototype.brighten=function(r){return void 0===r&&(r=1),this.darken(-r)},eh.prototype.darker=eh.prototype.darken,eh.prototype.brighter=eh.prototype.brighten,d.prototype.get=function(r){var t=r.split("."),e=t[0],n=t[1],a=this[e]();if(!n)return a;var f=e.indexOf(n)-("ok"===e.substr(0,2)?2:0);if(f>-1)return a[f];throw Error("unknown channel "+n+" in mode "+e)};var es=d,ed=u.type,eb=Math.pow;es.prototype.luminance=function(r){if(void 0!==r&&"number"===ed(r)){if(0===r)return new es([0,0,0,this._rgb[3]],"rgb");if(1===r)return new es([255,255,255,this._rgb[3]],"rgb");var t=this.luminance(),e=20,n=function(t,a){var f=t.interpolate(a,.5,"rgb"),o=f.luminance();return!(1e-7>Math.abs(r-o))&&e--?o>r?n(t,f):n(f,a):f},a=(t>r?n(new es([0,0,0]),this):n(this,new es([255,255,255]))).rgb();return new es(a.concat([this._rgb[3]]))}return ep.apply(void 0,this._rgb.slice(0,3))};var ep=function(r,t,e){return .2126*(r=eg(r))+.7152*(t=eg(t))+.0722*(e=eg(e))},eg=function(r){return(r/=255)<=.03928?r/12.92:eb((r+.055)/1.055,2.4)},ev={},em=u.type,ey=function(r,t,e){void 0===e&&(e=.5);for(var n=[],a=arguments.length-3;a-- >0;)n[a]=arguments[a+3];var f=n[0]||"lrgb";if(ev[f]||n.length||(f=Object.keys(ev)[0]),!ev[f])throw Error("interpolation mode "+f+" is not defined");return"object"!==em(r)&&(r=new d(r)),"object"!==em(t)&&(t=new d(t)),ev[f](r,t,e).alpha(r.alpha()+e*(t.alpha()-r.alpha()))},ek=d;ek.prototype.mix=ek.prototype.interpolate=function(r,t){void 0===t&&(t=.5);for(var e=[],n=arguments.length-2;n-- >0;)e[n]=arguments[n+2];return ey.apply(void 0,[this,r,t].concat(e))};var ew=d;ew.prototype.premultiply=function(r){void 0===r&&(r=!1);var t=this._rgb,e=t[3];return r?(this._rgb=[t[0]*e,t[1]*e,t[2]*e,e],this):new ew([t[0]*e,t[1]*e,t[2]*e,e],"rgb")};var eM=d;eM.prototype.saturate=function(r){void 0===r&&(r=1);var t=this.lch();return t[1]+=rH.Kn*r,t[1]<0&&(t[1]=0),new eM(t,"lch").alpha(this.alpha(),!0)},eM.prototype.desaturate=function(r){return void 0===r&&(r=1),this.saturate(-r)};var e_=d,eN=u.type;e_.prototype.set=function(r,t,e){void 0===e&&(e=!1);var n=r.split("."),a=n[0],f=n[1],o=this[a]();if(!f)return o;var u=a.indexOf(f)-("ok"===a.substr(0,2)?2:0);if(u>-1){if("string"==eN(t))switch(t.charAt(0)){case"+":case"-":o[u]+=+t;break;case"*":o[u]*=+t.substr(1);break;case"/":o[u]/=+t.substr(1);break;default:o[u]=+t}else if("number"===eN(t))o[u]=t;else throw Error("unsupported value for Color.set");var c=new e_(o,a);return e?(this._rgb=c._rgb,this):c}throw Error("unknown channel "+f+" in mode "+a)},ev.rgb=function(r,t,e){var n=r._rgb,a=t._rgb;return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"rgb")};var ex=Math.sqrt,eA=Math.pow;ev.lrgb=function(r,t,e){var n=r._rgb,a=n[0],f=n[1],o=n[2],u=t._rgb,c=u[0],i=u[1],l=u[2];return new d(ex(eA(a,2)*(1-e)+eA(c,2)*e),ex(eA(f,2)*(1-e)+eA(i,2)*e),ex(eA(o,2)*(1-e)+eA(l,2)*e),"rgb")},ev.lab=function(r,t,e){var n=r.lab(),a=t.lab();return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"lab")};var eE=function(r,t,e,n){var a,f,o,u,c,i,l,h,s,b,p,g,v,m;return"hsl"===n?(o=r.hsl(),u=t.hsl()):"hsv"===n?(o=r.hsv(),u=t.hsv()):"hcg"===n?(o=r.hcg(),u=t.hcg()):"hsi"===n?(o=r.hsi(),u=t.hsi()):"lch"===n||"hcl"===n?(n="hcl",o=r.hcl(),u=t.hcl()):"oklch"===n&&(o=r.oklch().reverse(),u=t.oklch().reverse()),("h"===n.substr(0,1)||"oklch"===n)&&(c=(a=o)[0],l=a[1],s=a[2],i=(f=u)[0],h=f[1],b=f[2]),isNaN(c)||isNaN(i)?isNaN(c)?isNaN(i)?g=Number.NaN:(g=i,(1==s||0==s)&&"hsv"!=n&&(p=h)):(g=c,(1==b||0==b)&&"hsv"!=n&&(p=l)):(m=i>c&&i-c>180?i-(c+360):i180?i+360-c:i-c,g=c+e*m),void 0===p&&(p=l+e*(h-l)),v=s+e*(b-s),"oklch"===n?new d([v,p,g],n):new d([g,p,v],n)},eF=function(r,t,e){return eE(r,t,e,"lch")};ev.lch=eF,ev.hcl=eF,ev.num=function(r,t,e){var n=r.num(),a=t.num();return new d(n+e*(a-n),"num")},ev.hcg=function(r,t,e){return eE(r,t,e,"hcg")},ev.hsi=function(r,t,e){return eE(r,t,e,"hsi")},ev.hsl=function(r,t,e){return eE(r,t,e,"hsl")},ev.hsv=function(r,t,e){return eE(r,t,e,"hsv")},ev.oklab=function(r,t,e){var n=r.oklab(),a=t.oklab();return new d(n[0]+e*(a[0]-n[0]),n[1]+e*(a[1]-n[1]),n[2]+e*(a[2]-n[2]),"oklab")},ev.oklch=function(r,t,e){return eE(r,t,e,"oklch")};var eP=u.clip_rgb,eO=Math.pow,eG=Math.sqrt,eR=Math.PI,ej=Math.cos,eq=Math.sin,eL=Math.atan2,eC=function(r,t){for(var e=r.length,n=[0,0,0,0],a=0;a.9999999&&(n[3]=1),new d(eP(n))},eI=u.type,eB=Math.pow,eD=function(r){var t="rgb",e=b("#ccc"),n=0,a=[0,1],f=[],o=[0,0],u=!1,c=[],i=!1,l=0,h=1,s=!1,d={},p=!0,g=1,v=function(r){if("string"===eI(r=r||["#fff","#000"])&&b.brewer&&b.brewer[r.toLowerCase()]&&(r=b.brewer[r.toLowerCase()]),"array"===eI(r)){1===r.length&&(r=[r[0],r[0]]),r=r.slice(0);for(var t=0;t=u[e];)e++;return e-1}return 0},y=function(r){return r},k=function(r){return r},w=function(r,n){if(null==n&&(n=!1),isNaN(r)||null===r)return e;if(n)i=r;else if(u&&u.length>2){var a,i;i=m(r)/(u.length-2)}else i=h!==l?(r-l)/(h-l):1;i=k(i),n||(i=y(i)),1!==g&&(i=eB(i,g));var s=Math.floor(1e4*(i=Math.min(1,Math.max(0,i=o[0]+i*(1-o[0]-o[1])))));if(p&&d[s])a=d[s];else{if("array"===eI(c))for(var v=0;v=w&&v===f.length-1){a=c[v];break}if(i>w&&i2){var i=r.map(function(t,e){return e/(r.length-1)}),s=r.map(function(r){return(r-l)/(h-l)});s.every(function(r,t){return i[t]===r})||(k=function(r){if(r<=0||r>=1)return r;for(var t=0;r>=s[t+1];)t++;var e=(r-s[t])/(s[t+1]-s[t]);return i[t]+e*(i[t+1]-i[t])})}}return a=[l,h],_},_.mode=function(r){return arguments.length?(t=r,M(),_):t},_.range=function(r,t){return v(r),_},_.out=function(r){return i=r,_},_.spread=function(r){return arguments.length?(n=r,_):n},_.correctLightness=function(r){return null==r&&(r=!0),s=r,M(),y=s?function(r){for(var t=w(0,!0).lab()[0],e=w(1,!0).lab()[0],n=t>e,a=w(r,!0).lab()[0],f=t+(e-t)*r,o=a-f,u=0,c=1,i=20;Math.abs(o)>.01&&i-- >0;)n&&(o*=-1),o<0?(u=r,r+=(c-r)*.5):(c=r,r+=(u-r)*.5),o=(a=w(r,!0).lab()[0])-f;return r}:function(r){return r},_},_.padding=function(r){return null!=r?("number"===eI(r)&&(r=[r,r]),o=r,_):o},_.colors=function(t,e){arguments.length<2&&(e="hex");var n=[];if(0==arguments.length)n=c.slice(0);else if(1===t)n=[_(.5)];else if(t>1){var f=a[0],o=a[1]-f;n=(function(r,t,e){for(var n=[],a=rf;a?o++:o--)n.push(o);return n})(0,t,!1).map(function(r){return _(f+r/(t-1)*o)})}else{r=[];var i=[];if(u&&u.length>2)for(var l=1,h=u.length,s=1<=h;s?lh;s?l++:l--)i.push((u[l-1]+u[l])*.5);else i=a;n=i.map(function(r){return _(r)})}return b[e]&&(n=n.map(function(r){return r[e]()})),n},_.cache=function(r){return null!=r?(p=r,_):p},_.gamma=function(r){return null!=r?(g=r,_):g},_.nodata=function(r){return null!=r?(e=b(r),_):e},_},eY=function(r){for(var t=[1,1],e=1;e=5)i=r.map(function(r){return r.lab()}),l=eY(h=r.length-1),a=function(r){var t=1-r,e=[0,1,2].map(function(e){return i.reduce(function(n,a,f){return n+l[f]*Math.pow(t,h-f)*Math.pow(r,f)*a[e]},0)});return new d(e,"lab")};else throw RangeError("No point in running bezier with only one color.");return a},e$=function(r,t,e){if(!e$[e])throw Error("unknown blend mode "+e);return e$[e](r,t)},ez=function(r){return function(t,e){var n=b(e).rgb(),a=b(t).rgb();return b.rgb(r(n,a))}},eT=function(r){return function(t,e){var n=[];return n[0]=r(t[0],e[0]),n[1]=r(t[1],e[1]),n[2]=r(t[2],e[2]),n}};e$.normal=ez(eT(function(r){return r})),e$.multiply=ez(eT(function(r,t){return r*t/255})),e$.screen=ez(eT(function(r,t){return 255*(1-(1-r/255)*(1-t/255))})),e$.overlay=ez(eT(function(r,t){return t<128?2*r*t/255:255*(1-2*(1-r/255)*(1-t/255))})),e$.darken=ez(eT(function(r,t){return r>t?t:r})),e$.lighten=ez(eT(function(r,t){return r>t?r:t})),e$.dodge=ez(eT(function(r,t){return 255===r?255:(r=255*(t/255)/(1-r/255))>255?255:r})),e$.burn=ez(eT(function(r,t){return 255*(1-(1-t/255)/(r/255))}));for(var eX=u.type,eZ=u.clip_rgb,eU=u.TWOPI,eV=Math.pow,eW=Math.sin,eK=Math.cos,eH=Math.floor,eJ=Math.random,eQ=Math.log,e0=Math.pow,e1=Math.floor,e2=Math.abs,e5=function(r,t){void 0===t&&(t=null);var e={min:Number.MAX_VALUE,max:-1*Number.MAX_VALUE,sum:0,values:[],count:0};return"object"===f(r)&&(r=Object.values(r)),r.forEach(function(r){t&&"object"===f(r)&&(r=r[t]),null==r||isNaN(r)||(e.values.push(r),e.sum+=r,re.max&&(e.max=r),e.count+=1)}),e.domain=[e.min,e.max],e.limits=function(r,t){return e3(e,r,t)},e},e3=function(r,t,e){void 0===t&&(t="equal"),void 0===e&&(e=7),"array"==f(r)&&(r=e5(r));var n=r.min,a=r.max,o=r.values.sort(function(r,t){return r-t});if(1===e)return[n,a];var u=[];if("c"===t.substr(0,1)&&(u.push(n),u.push(a)),"e"===t.substr(0,1)){u.push(n);for(var c=1;c 0");var i=Math.LOG10E*eQ(n),l=Math.LOG10E*eQ(a);u.push(n);for(var h=1;h200&&(k=!1)}for(var C={},I=0;I=360;)p-=360;o[b]=p}else o[b]=o[b]/u[b];return s/=n,new d(o,t).alpha(s>.99999?1:s,!0)},nl.bezier=function(r){var t=eS(r);return t.scale=function(){return eD(t)},t},nl.blend=e$,nl.cubehelix=function(r,t,e,n,a){void 0===r&&(r=300),void 0===t&&(t=-1.5),void 0===e&&(e=1),void 0===n&&(n=1),void 0===a&&(a=[0,1]);var f,o=0;"array"===eX(a)?f=a[1]-a[0]:(f=0,a=[a,a]);var u=function(u){var c=eU*((r+120)/360+t*u),i=eV(a[0]+f*u,n),l=(0!==o?e[0]+u*o:e)*i*(1-i)/2,h=eK(c),s=eW(c);return b(eZ([255*(i+l*(-.14861*h+1.78277*s)),255*(i+l*(-.29227*h-.90649*s)),255*(i+l*(1.97294*h)),1]))};return u.start=function(t){return null==t?r:(r=t,u)},u.rotations=function(r){return null==r?t:(t=r,u)},u.gamma=function(r){return null==r?n:(n=r,u)},u.hue=function(r){return null==r?e:("array"===eX(e=r)?0==(o=e[1]-e[0])&&(e=e[1]):o=0,u)},u.lightness=function(r){return null==r?a:("array"===eX(r)?(a=r,f=r[1]-r[0]):(a=[r,r],f=0),u)},u.scale=function(){return b.scale(u)},u.hue(e),u},nl.mix=nl.interpolate=ey,nl.random=function(){for(var r="#",t=0;t<6;t++)r+="0123456789abcdef".charAt(eH(16*eJ()));return new d(r,"hex")},nl.scale=eD,nl.analyze=e6.analyze,nl.contrast=function(r,t){r=new d(r),t=new d(t);var e=r.luminance(),n=t.luminance();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},nl.deltaE=function(r,t,e,n,a){void 0===e&&(e=1),void 0===n&&(n=1),void 0===a&&(a=1);var f=function(r){return 360*r/(2*nf)},o=function(r){return 2*nf*r/360};r=new d(r),t=new d(t);var u=Array.from(r.lab()),c=u[0],i=u[1],l=u[2],h=Array.from(t.lab()),s=h[0],b=h[1],p=h[2],g=(c+s)/2,v=(e4(e8(i,2)+e8(l,2))+e4(e8(b,2)+e8(p,2)))/2,m=.5*(1-e4(e8(v,7)/(e8(v,7)+e8(25,7)))),y=i*(1+m),k=b*(1+m),w=e4(e8(y,2)+e8(l,2)),M=e4(e8(k,2)+e8(p,2)),_=(w+M)/2,N=f(nr(l,y)),x=f(nr(p,k)),A=N>=0?N:N+360,E=x>=0?x:x+360,F=nt(A-E)>180?(A+E+360)/2:(A+E)/2,P=1-.17*ne(o(F-30))+.24*ne(o(2*F))+.32*ne(o(3*F+6))-.2*ne(o(4*F-63)),O=E-A;O=180>=nt(O)?O:E<=A?O+360:O-360,O=2*e4(w*M)*nn(o(O)/2);var G=M-w,R=1+.015*e8(g-50,2)/e4(20+e8(g-50,2)),j=1+.045*_,q=1+.015*_*P,L=30*na(-e8((F-275)/25,2)),C=-(2*e4(e8(_,7)/(e8(_,7)+e8(25,7))))*nn(2*o(L));return e7(0,e9(100,e4(e8((s-c)/(e*R),2)+e8(G/(n*j),2)+e8(O/(a*q),2)+C*(G/(n*j))*(O/(a*q)))))},nl.distance=function(r,t,e){void 0===e&&(e="lab"),r=new d(r),t=new d(t);var n=r.get(e),a=t.get(e),f=0;for(var o in n){var u=(n[o]||0)-(a[o]||0);f+=u*u}return Math.sqrt(f)},nl.limits=e6.limits,nl.valid=function(){for(var r=[],t=arguments.length;t--;)r[t]=arguments[t];try{return new(Function.prototype.bind.apply(d,[null].concat(r))),!0}catch(r){return!1}},nl.scales={cool:function(){return eD([b.hsl(180,1,.9),b.hsl(250,.7,.4)])},hot:function(){return eD(["#000","#f00","#ff0","#fff"]).mode("rgb")}},nl.colors=tN,nl.brewer=no,nl}()}}]); \ No newline at end of file diff --git a/_next/static/chunks/1531-11d35445c5475ac1.js b/_next/static/chunks/1531-11d35445c5475ac1.js new file mode 100644 index 00000000000..b447649c5d4 --- /dev/null +++ b/_next/static/chunks/1531-11d35445c5475ac1.js @@ -0,0 +1,36 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1531],{33507:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},41428:function(t,e,r){r.d(e,{Z:function(){return n}});var n=(0,r(54764).Z)("grip-vertical","IconGripVertical",[["path",{d:"M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-3"}],["path",{d:"M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-4"}],["path",{d:"M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-5"}]])},72212:function(t,e,r){r.d(e,{Oq:function(){return s},dO:function(){return c},jn:function(){return o},iz:function(){return p},Dz:function(){return n},cv:function(){return a},oc:function(){return l}});var n=function(t){var e=t.top,r=t.right,n=t.bottom,o=t.left;return{top:e,right:r,bottom:n,left:o,width:r-o,height:n-e,x:o,y:e,center:{x:(r+o)/2,y:(n+e)/2}}},o=function(t,e){return{top:t.top-e.top,left:t.left-e.left,bottom:t.bottom+e.bottom,right:t.right+e.right}},u=function(t,e){return{top:t.top+e.top,left:t.left+e.left,bottom:t.bottom-e.bottom,right:t.right-e.right}},i={top:0,right:0,bottom:0,left:0},c=function(t){var e=t.borderBox,r=t.margin,c=void 0===r?i:r,f=t.border,a=void 0===f?i:f,l=t.padding,s=void 0===l?i:l,p=n(o(e,c)),d=n(u(e,a)),y=n(u(d,s));return{marginBox:p,borderBox:n(e),paddingBox:d,contentBox:y,margin:c,border:a,padding:s}},f=function(t){var e=t.slice(0,-2);if("px"!==t.slice(-2))return 0;var r=Number(e);return isNaN(r)&&function(t,e){if(!t)throw Error("Invariant failed")}(!1),r},a=function(t,e){var r=t.borderBox,n=t.border,o=t.margin,u=t.padding;return c({borderBox:{top:r.top+e.y,left:r.left+e.x,bottom:r.bottom+e.y,right:r.right+e.x},border:n,margin:o,padding:u})},l=function(t,e){return void 0===e&&(e={x:window.pageXOffset,y:window.pageYOffset}),a(t,e)},s=function(t,e){return c({borderBox:t,margin:{top:f(e.marginTop),right:f(e.marginRight),bottom:f(e.marginBottom),left:f(e.marginLeft)},padding:{top:f(e.paddingTop),right:f(e.paddingRight),bottom:f(e.paddingBottom),left:f(e.paddingLeft)},border:{top:f(e.borderTopWidth),right:f(e.borderRightWidth),bottom:f(e.borderBottomWidth),left:f(e.borderLeftWidth)}})},p=function(t){return s(t.getBoundingClientRect(),window.getComputedStyle(t))}},66471:function(t){t.exports=function t(e,r){if(e===r)return!0;if(e&&r&&"object"==typeof e&&"object"==typeof r){if(e.constructor!==r.constructor)return!1;if(Array.isArray(e)){if((n=e.length)!=r.length)return!1;for(o=n;0!=o--;)if(!t(e[o],r[o]))return!1;return!0}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();if((n=(u=Object.keys(e)).length)!==Object.keys(r).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,u[o]))return!1;for(o=n;0!=o--;){var n,o,u,i=u[o];if(!t(e[i],r[i]))return!1}return!0}return e!=e&&r!=r}},55839:function(t,e,r){var n=r(19185),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},u={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};function f(t){return n.isMemo(t)?i:c[t.$$typeof]||o}c[n.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},c[n.Memo]=i;var a=Object.defineProperty,l=Object.getOwnPropertyNames,s=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,d=Object.getPrototypeOf,y=Object.prototype;t.exports=function t(e,r,n){if("string"!=typeof r){if(y){var o=d(r);o&&o!==y&&t(e,o,n)}var i=l(r);s&&(i=i.concat(s(r)));for(var c=f(e),b=f(r),v=0;vi;var f=r(67294);let a=Symbol.for("react-redux-context"),l="undefined"!=typeof globalThis?globalThis:{},s=function(){var t;if(!f.createContext)return{};let e=null!=(t=l[a])?t:l[a]=new Map,r=e.get(f.createContext);return r||(r=f.createContext(null),e.set(f.createContext,r)),r}();function p(){return(p=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(o[r]=t[r]);return o}var y=r(55839),b=r.n(y),v=r(69272);let g=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function h(t){return function(e){let r=t(e);function n(){return r}return n.dependsOnOwnProps=!1,n}}function m(t){return t.dependsOnOwnProps?Boolean(t.dependsOnOwnProps):1!==t.length}function S(t,e){return function(e,{displayName:r}){let n=function(t,e){return n.dependsOnOwnProps?n.mapToProps(t,e):n.mapToProps(t,void 0)};return n.dependsOnOwnProps=!0,n.mapToProps=function(e,r){n.mapToProps=t,n.dependsOnOwnProps=m(t);let o=n(e,r);return"function"==typeof o&&(n.mapToProps=o,n.dependsOnOwnProps=m(o),o=n(e,r)),o},n}}function O(t,e){return(r,n)=>{throw Error(`Invalid value of type ${typeof t} for ${e} argument when connecting component ${n.wrappedComponentName}.`)}}function w(t,e,r){return p({},r,t,e)}let j={notify(){},get:()=>[]};function x(t,e){let r;let n=j;function o(){i.onStateChange&&i.onStateChange()}function u(){r||(r=e?e.addNestedSub(o):t.subscribe(o),n=function(){let t=c(),e=null,r=null;return{clear(){e=null,r=null},notify(){t(()=>{let t=e;for(;t;)t.callback(),t=t.next})},get(){let t=[],r=e;for(;r;)t.push(r),r=r.next;return t},subscribe(t){let n=!0,o=r={callback:t,next:null,prev:r};return o.prev?o.prev.next=o:e=o,function(){n&&null!==e&&(n=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:e=o.next)}}}}())}let i={addNestedSub:function(t){return u(),n.subscribe(t)},notifyNestedSubs:function(){n.notify()},handleChangeWrapper:o,isSubscribed:function(){return Boolean(r)},trySubscribe:u,tryUnsubscribe:function(){r&&(r(),r=void 0,n.clear(),n=j)},getListeners:()=>n};return i}let P=!!("undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement),M=P?f.useLayoutEffect:f.useEffect;function E(t,e){return t===e?0!==t||0!==e||1/t==1/e:t!=t&&e!=e}function k(t,e){if(E(t,e))return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;let r=Object.keys(t),n=Object.keys(e);if(r.length!==n.length)return!1;for(let n=0;n{throw Error("uSES not initialized!")},$=["reactReduxForwardedRef"],N=C,R=[null,null];function T(t,e){return t===e}var _=function(t,e,r,{pure:n,areStatesEqual:o=T,areOwnPropsEqual:u=k,areStatePropsEqual:i=k,areMergedPropsEqual:c=k,forwardRef:a=!1,context:l=s}={}){let y=t?"function"==typeof t?S(t,"mapStateToProps"):O(t,"mapStateToProps"):h(()=>({})),m=e&&"object"==typeof e?h(t=>(function(t,e){let r={};for(let n in t){let o=t[n];"function"==typeof o&&(r[n]=(...t)=>e(o(...t)))}return r})(e,t)):e?"function"==typeof e?S(e,"mapDispatchToProps"):O(e,"mapDispatchToProps"):h(t=>({dispatch:t})),j=r?"function"==typeof r?function(t,{displayName:e,areMergedPropsEqual:n}){let o,u=!1;return function(t,e,i){let c=r(t,e,i);return u?n(c,o)||(o=c):(u=!0,o=c),o}}:O(r,"mergeProps"):()=>w,P=Boolean(t),E=t=>{let e=t.displayName||t.name||"Component",r=`Connect(${e})`,n={shouldHandleStateChanges:P,displayName:r,wrappedComponentName:e,WrappedComponent:t,initMapStateToProps:y,initMapDispatchToProps:m,initMergeProps:j,areStatesEqual:o,areStatePropsEqual:i,areOwnPropsEqual:u,areMergedPropsEqual:c};function s(e){var r;let o;let[u,i,c]=f.useMemo(()=>{let{reactReduxForwardedRef:t}=e,r=d(e,$);return[e.context,t,r]},[e]),a=f.useMemo(()=>u&&u.Consumer&&(0,v.isContextConsumer)(f.createElement(u.Consumer,null))?u:l,[u,l]),s=f.useContext(a),y=Boolean(e.store)&&Boolean(e.store.getState)&&Boolean(e.store.dispatch),b=Boolean(s)&&Boolean(s.store),h=y?e.store:s.store,m=b?s.getServerState:h.getState,S=f.useMemo(()=>(function(t,e){let{initMapStateToProps:r,initMapDispatchToProps:n,initMergeProps:o}=e,u=d(e,g),i=r(t,u),c=n(t,u),f=o(t,u);return function(t,e,r,n,{areStatesEqual:o,areOwnPropsEqual:u,areStatePropsEqual:i}){let c,f,a,l,s,p=!1;return function(d,y){return p?function(p,d){let y=!u(d,f),b=!o(p,c,d,f);return(c=p,f=d,y&&b)?(a=t(c,f),e.dependsOnOwnProps&&(l=e(n,f)),s=r(a,l,f)):y?(t.dependsOnOwnProps&&(a=t(c,f)),e.dependsOnOwnProps&&(l=e(n,f)),s=r(a,l,f)):b?function(){let e=t(c,f),n=!i(e,a);return a=e,n&&(s=r(a,l,f)),s}():s}(d,y):(s=r(a=t(c=d,f=y),l=e(n,f),f),p=!0,s)}}(i,c,f,t,u)})(h.dispatch,n),[h]),[O,w]=f.useMemo(()=>{if(!P)return R;let t=x(h,y?void 0:s.subscription),e=t.notifyNestedSubs.bind(t);return[t,e]},[h,y,s]),j=f.useMemo(()=>y?s:p({},s,{subscription:O}),[y,s,O]),E=f.useRef(),k=f.useRef(c),C=f.useRef(),T=f.useRef(!1);f.useRef(!1);let _=f.useRef(!1),B=f.useRef();M(()=>(_.current=!0,()=>{_.current=!1}),[]);let A=f.useMemo(()=>{let t=()=>C.current&&c===k.current?C.current:S(h.getState(),c);return t},[h,c]),D=f.useMemo(()=>{let t=t=>O?function(t,e,r,n,o,u,i,c,f,a,l){if(!t)return()=>{};let s=!1,p=null,d=()=>{let t,r;if(s||!c.current)return;let d=e.getState();try{t=n(d,o.current)}catch(t){r=t,p=t}r||(p=null),t===u.current?i.current||a():(u.current=t,f.current=t,i.current=!0,l())};r.onStateChange=d,r.trySubscribe(),d();let y=()=>{if(s=!0,r.tryUnsubscribe(),r.onStateChange=null,p)throw p};return y}(P,h,O,S,k,E,T,_,C,w,t):()=>{};return t},[O]);r=[k,E,T,c,C,w],M(()=>(function(t,e,r,n,o,u){t.current=n,r.current=!1,o.current&&(o.current=null,u())})(...r),void 0);try{o=N(D,A,m?()=>S(m(),c):A)}catch(t){throw B.current&&(t.message+=` +The error may be correlated with this previous error: +${B.current.stack} + +`),t}M(()=>{B.current=void 0,C.current=void 0,E.current=o});let I=f.useMemo(()=>f.createElement(t,p({},o,{ref:i})),[i,t,o]),Z=f.useMemo(()=>P?f.createElement(a.Provider,{value:j},I):I,[a,I,j]);return Z}let h=f.memo(s),S=h;if(S.WrappedComponent=t,S.displayName=s.displayName=r,a){let e=f.forwardRef(function(t,e){return f.createElement(S,p({},t,{reactReduxForwardedRef:e}))}),n=e;return n.displayName=r,n.WrappedComponent=t,b()(n,t)}return b()(S,t)};return E},B=function({store:t,context:e,children:r,serverState:n,stabilityCheck:o="once",noopCheck:u="once"}){let i=f.useMemo(()=>{let e=x(t);return{store:t,subscription:e,getServerState:n?()=>n:void 0,stabilityCheck:o,noopCheck:u}},[t,n,o,u]),c=f.useMemo(()=>t.getState(),[t]);return M(()=>{let{subscription:e}=i;return e.onStateChange=e.notifyNestedSubs,e.trySubscribe(),c!==t.getState()&&e.notifyNestedSubs(),()=>{e.tryUnsubscribe(),e.onStateChange=void 0}},[i,c]),f.createElement((e||s).Provider,{value:i},r)};o.useSyncExternalStoreWithSelector,N=n.useSyncExternalStore,i=u.unstable_batchedUpdates},57978:function(t,e){/** + * @license React + * react-is.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),f=Symbol.for("react.context"),a=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),y=Symbol.for("react.lazy");Symbol.for("react.offscreen"),Symbol.for("react.module.reference"),e.isContextConsumer=function(t){return function(t){if("object"==typeof t&&null!==t){var e=t.$$typeof;switch(e){case r:switch(t=t.type){case o:case i:case u:case s:case p:return t;default:switch(t=t&&t.$$typeof){case a:case f:case l:case y:case d:case c:return t;default:return e}}case n:return e}}}(t)===f}},69272:function(t,e,r){t.exports=r(57978)},75894:function(t,e,r){function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function o(t){for(var e=1;e$1")},fz:"sm",...a})}},19905:function(e,t,a){"use strict";a.d(t,{A:function(){return ep}});var n=a(85893),o=a(67294),l=a(81110),r=a(44907),i=a(72039),d=a(72622),s=a(805),u=a(14237),c=a(62640),p=a(8427),m=a(30471),f=a(38767),h=a(41664),y=a.n(h),b=a(67585),v=a(90512),g=a(46919),w=a.n(g);function q(e){let{label:t,children:a,className:o}=e;return(0,n.jsxs)("div",{className:(0,v.Z)(w().item,o),children:[(0,n.jsx)(i.x,{className:w().label,fz:"sm",children:t}),a]})}var V=a(42943),C=a.n(V);function S(e){let{label:t,icon:a,children:o,link:l}=e;return(0,n.jsx)(q,{label:t,children:(0,n.jsx)("div",{className:C().wrapper,children:(0,n.jsxs)(b.e,{component:l.startsWith("/")?y():"a",className:C().link,href:l,fz:"sm",children:[(0,n.jsx)("div",{className:C().icon,children:a}),o]})})})}var P=a(4542),D=a.n(P),x=a(46842),R=a(86610),k=a(32976),N=a(921),I=a(3921),z=a(56726),O=a.n(z);function M(e){let{code:t}=e,a=(0,N.V)(),o=(0,I.a)("(max-width: ".concat((0,d.em)(500),")"));return(0,n.jsx)(q,{label:"Import",className:O().wrapper,children:(0,n.jsx)(x.u,{label:a.copied?"Copied":"Copy code",position:"right",offset:10,disabled:o,children:(0,n.jsx)(R.k,{className:O().copy,type:"button",onClick:()=>a.copy(t),children:(0,n.jsx)(k._,{className:O().code,language:"tsx",styles:{code:{padding:0,margin:0}},code:t})})})})}let A="https://github.com/rtivital/mantine/blob/master",L="".concat(A,"/docs/pages"),T="".concat(A,"/src");function E(e){let{meta:t}=e,a=Array.isArray(t.props),o=!!(t.import||t.source),h=!!t.title;return!t.hideHeader&&(o||a||t.release||h)?(0,n.jsx)("div",{className:D().wrapper,children:(0,n.jsxs)(l.x,{className:D().header,mod:{"with-tabs":a},children:[(0,n.jsx)(r.D,{className:D().title,children:t.title}),(0,n.jsx)(i.x,{className:D().description,children:t.description}),t.import&&(0,n.jsx)(M,{code:t.import}),t.polymorphic&&(0,n.jsx)(S,{label:"Polymorphic",icon:(0,n.jsx)(c.Z,{style:{width:(0,d.h)(14),height:(0,d.h)(14)},stroke:1.5}),link:"/guides/polymorphic",children:"Polymorphic component"}),t.source&&(0,n.jsx)(S,{label:"Source",icon:(0,n.jsx)(s.E,{size:14}),link:"".concat(T,"/").concat(t.source),children:"View source code"}),t.date&&t.release&&(0,n.jsx)(S,{label:"Release date",icon:(0,n.jsx)(p.Z,{style:{width:(0,d.h)(14),height:(0,d.h)(14)},stroke:1.5}),link:t.release,children:t.date}),t.release&&(0,n.jsx)(S,{label:"Source code",icon:(0,n.jsx)(s.E,{size:14}),link:t.release,children:"Release on GitHub"}),t.docs&&(0,n.jsx)(S,{label:"Docs",icon:(0,n.jsx)(m.Z,{style:{width:(0,d.h)(14),height:(0,d.h)(14)},stroke:1.5}),link:"".concat(L,"/").concat(t.docs),children:"Edit this page"}),t.package&&(0,n.jsx)(S,{label:"Package",icon:(0,n.jsx)(u._,{size:14}),link:"https://www.npmjs.com/package/".concat(t.package),children:t.package}),t.license&&(0,n.jsx)(S,{label:"License",icon:(0,n.jsx)(f.Z,{style:{width:(0,d.h)(14),height:(0,d.h)(14)},stroke:1.5}),link:"https://github.com/mantinedev/mantine/blob/master/LICENSE",children:"MIT"})]})}):null}var F=a(40844),j=a(11163),W=a(18094),Y=a(94342),U=a(21641),B=a.n(U);function H(e){if(0===e.length)return -1;let t=e.reduce((e,t,a)=>Math.abs(e.position)e.depth>1),f=()=>{r(H(c.current.map(e=>e.getNode().getBoundingClientRect())))};if((0,o.useEffect)(()=>{let e=function(){let e=document.getElementById("mdx");return e?function(e){let t=[];for(let a=0;adocument.getElementById(n.id)})}return t}(Array.from(e.querySelectorAll("[data-heading]"))):[]}();return c.current=e,u(e),r(H(e.map(e=>e.getNode().getBoundingClientRect()))),window.addEventListener("scroll",f),()=>window.removeEventListener("scroll",f)},[]),0===m.length)return null;let h=m.map((e,t)=>(0,n.jsx)(i.x,{component:"a",fz:"sm",className:B().link,mod:{active:a===t},href:"#".concat(e.id),__vars:{"--toc-link-offset":"".concat(e.depth-1)},onClick:t=>{t.preventDefault(),p.replace("".concat(p.pathname,"#").concat(e.id))},children:e.content},e.id));return(0,n.jsx)(l.x,{component:"nav",mod:{"with-tabs":t},className:B().wrapper,children:(0,n.jsx)("div",{className:B().inner,children:(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:B().header,children:[(0,n.jsx)(Y.Z,{style:{width:(0,d.h)(20),height:(0,d.h)(20)},stroke:1.5}),(0,n.jsx)(i.x,{className:B().title,children:"Table of contents"})]}),(0,n.jsx)(W.x.Autosize,{mah:"calc(100vh - ".concat((0,d.h)(140),")"),type:"never",offsetScrollbars:!0,children:(0,n.jsx)("div",{className:B().items,children:h})})]})})})}var _=a(31144),G=a(33507),X=a(12162),J=a(33583),Z=a(9904),Q=a(56213),$=a.n(Q);function ee(e){let{meta:t}=e,{next:a,prev:o}=function(e){let t=Z.xd.findIndex(t=>t.slug===e),a=Z.xd[t-1],n=Z.xd[t+1];return{prev:a,next:n}}(t.slug);return t.hideSiblings?null:(0,n.jsxs)("div",{className:$().root,children:[o&&(0,n.jsxs)(y(),{href:o.slug,className:(0,v.Z)($().link,J.C.auto),children:[(0,n.jsx)(G.Z,{stroke:1.5,className:$().icon}),(0,n.jsxs)(l.x,{mod:"prev",className:$().body,children:[(0,n.jsx)(i.x,{className:$().title,children:"Previous"}),(0,n.jsx)(i.x,{c:"dimmed",className:$().description,children:o.title})]})]}),a&&(0,n.jsxs)(y(),{href:a.slug,className:(0,v.Z)($().link,J.C.auto),children:[(0,n.jsxs)(l.x,{mod:"next",className:$().body,children:[(0,n.jsx)(i.x,{className:$().title,children:"Next"}),(0,n.jsx)(i.x,{c:"dimmed",className:$().description,children:a.title})]}),(0,n.jsx)(X.Z,{stroke:1.5,className:$().icon})]})]})}var et=a(9473),ea=a(64514),en=a(42257),eo=a.n(en);function el(e){let{children:t,meta:a}=e,l=(0,j.useRouter)(),[r,i]=(0,o.useState)("docs"),s=Array.isArray(a.props),u=Array.isArray(a.styles);return((0,o.useEffect)(()=>{i(window.location.search.replace("?t=","")||"docs")},[]),s||u)?(0,n.jsx)(_._,{children:(0,n.jsxs)(F.m,{variant:"outline",value:r,classNames:{list:eo().tabsList,tab:eo().tab},keepMounted:!1,onChange:e=>{l.replace("docs"===e?l.pathname:"".concat(l.pathname,"?t=").concat(e)),i(e)},children:[(0,n.jsx)("div",{className:eo().tabsWrapper,children:(0,n.jsxs)(F.m.List,{children:[(0,n.jsx)(F.m.Tab,{value:"docs",children:"Documentation"}),s&&(0,n.jsx)(F.m.Tab,{value:"props",children:"Props"}),u&&(0,n.jsx)(F.m.Tab,{value:"styles-api",children:"Styles API"})]})}),(0,n.jsx)(F.m.Panel,{value:"docs",children:(0,n.jsxs)("div",{className:eo().tabContent,style:{display:"flex",position:"relative",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{className:eo().main,children:[t,(0,n.jsx)(ee,{meta:a})]}),(0,n.jsx)("div",{className:eo().tableOfContents,children:(0,n.jsx)(K,{withTabs:!0})})]})}),(0,n.jsx)(F.m.Panel,{value:"props",children:(0,n.jsx)("div",{style:{maxWidth:(0,d.h)(1178),marginLeft:"auto",marginRight:"auto",marginTop:(0,d.h)(24)},className:eo().tabContent,children:(0,n.jsx)(et.ek,{components:a.props,componentPrefix:a.componentPrefix})})}),(0,n.jsx)(F.m.Panel,{value:"styles-api",children:(0,n.jsx)("div",{style:{maxWidth:(0,d.h)(1178),marginLeft:"auto",marginRight:"auto",marginTop:(0,d.h)(24)},className:eo().tabContent,children:(0,n.jsx)(ea.D5,{components:a.styles,componentPrefix:a.componentPrefix})})})]})}):null}var er=a(18235),ei=a.n(er);function ed(e){let{children:t,meta:a}=e;return(0,n.jsx)(_._,{children:(0,n.jsxs)("div",{className:ei().wrapper,children:[(0,n.jsxs)("div",{className:ei().container,children:[t,(0,n.jsx)(ee,{meta:a})]}),(0,n.jsx)("div",{className:ei().tableOfContents,children:(0,n.jsx)(K,{withTabs:!1})})]})})}function es(e){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(E,{...e}),Array.isArray(e.meta.props)?(0,n.jsx)(el,{...e}):(0,n.jsx)(ed,{...e})]})}var eu=a(10953);function ec(e){let{meta:t,children:a}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(eu.y,{title:t.title,description:t.description}),(0,n.jsx)(es,{meta:t,children:a})]})}function ep(e){return t=>{let{children:a}=t;return(0,n.jsx)(ec,{meta:e,children:a})}}},31144:function(e,t,a){"use strict";a.d(t,{_:function(){return i}});var n=a(85893);a(67294);var o=a(61172),l=a(21616),r=a.n(l);function i(e){let{children:t}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:r().content,children:t}),(0,n.jsx)(o.$,{withNavbar:!0})]})}},10953:function(e,t,a){"use strict";a.d(t,{y:function(){return r}});var n=a(85893);a(67294);var o=a(9008),l=a.n(o);function r(e){let{title:t,description:a}=e,o=t?"".concat(t," | Mantine"):"Mantine",r=a||"React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience";return(0,n.jsxs)(l(),{children:[(0,n.jsx)("title",{children:o}),(0,n.jsx)("meta",{name:"description",content:r}),(0,n.jsx)("meta",{name:"og:title",content:o}),(0,n.jsx)("meta",{name:"og:description",content:r}),(0,n.jsx)("meta",{name:"twitter:title",content:o}),(0,n.jsx)("meta",{name:"twitter:description",content:r})]})}},9473:function(e,t,a){"use strict";a.d(t,{ek:function(){return q},iY:function(){return v}});var n=a(85893),o=a(67294),l=a(10573),r=a(62401),i=a(72039),d=a(72622),s=a(20493),u=a(33246),c=a(30747),p=a(10266),m=JSON.parse('{"Accordion":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","displayName":"@mantine/core/Accordion","props":{"chevron":{"defaultValue":null,"description":"Custom chevron icon that will be used in all items","name":"chevron","required":false,"type":{"name":"React.ReactNode"}},"chevronPosition":{"defaultValue":null,"description":"Position of the chevron relative to the item label, right by default","name":"chevronPosition","required":false,"type":{"name":"AccordionChevronPosition","raw":"AccordionChevronPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"chevronSize":{"defaultValue":null,"description":"Size of the chevron icon container, 24 by default","name":"chevronSize","required":false,"type":{"name":"string | number"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string | string[] | null"}},"disableChevronRotation":{"defaultValue":null,"description":"Determines whether chevron rotation should be disabled, false by default","name":"disableChevronRotation","required":false,"type":{"name":"boolean"}},"loop":{"defaultValue":null,"description":"Determines whether arrow key presses should loop though items (first to last and last to first), true by default","name":"loop","required":false,"type":{"name":"boolean"}},"multiple":{"defaultValue":null,"description":"Determines whether multiple items can be opened at a time, false by default","name":"multiple","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: AccordionValue) => void)"}},"order":{"defaultValue":null,"description":"Heading order, has no effect on visuals","name":"order","required":false,"type":{"name":"AccordionHeadingOrder","raw":"AccordionHeadingOrder | undefined","value":[{"value":"undefined"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. theme.defaultRadius by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"transitionDuration":{"defaultValue":null,"description":"Transition duration in ms, 200 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"string | string[] | null"}}}},"Accordion.extend":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","displayName":"Accordion.extend","props":{"defaultProps":{"defaultValue":null,"description":"","name":"defaultProps","required":false,"type":{"name":"(Partial> & DataAttributes)"}}}},"Accordion.Item":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","displayName":"Accordion.Item","props":{"value":{"defaultValue":null,"description":"Value that is used to manage accordion state","name":"value","required":true,"type":{"name":"string"}}}},"Accordion.Panel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","description":"","displayName":"Accordion.Panel","props":{}},"Accordion.Control":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","displayName":"Accordion.Control","props":{"chevron":{"defaultValue":null,"description":"Custom chevron icon","name":"chevron","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Control label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Disables control button","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon displayed next to the label","name":"icon","required":false,"type":{"name":"React.ReactNode"}}}},"Accordion.Chevron":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/Accordion.tsx","displayName":"Accordion.Chevron","props":{"size":{"defaultValue":{"value":"16"},"description":"Controls width and height of the icon, 16 by default","name":"size","required":false,"type":{"name":"string | number"}}}},"ActionIcon":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ActionIcon/ActionIcon.tsx","displayName":"@mantine/core/ActionIcon","props":{"children":{"defaultValue":null,"description":"Icon displayed inside the button","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color. Default value is theme.primaryColor.","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Sets disabled and data-disabled attributes on the button element","name":"disabled","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":null,"description":"Gradient data used when variant=\\"gradient\\", default value is theme.defaultGradient","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"loaderProps":{"defaultValue":null,"description":"Props added to the Loader component (only visible when loading prop is set)","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":null,"description":"Determines whether Loader component should be displayed instead of the children, false by default","name":"loading","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. theme.defaultRadius by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls width and height of the button. Numbers are converted to rem. \'md\' by default.","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"Affix":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Affix/Affix.tsx","displayName":"@mantine/core/Affix","props":{"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Affix position on screen, defaults value is { bottom: 0, right: 0 }","name":"position","required":false,"type":{"name":"{ top?: string | number; left?: string | number | undefined; bottom?: string | number | undefined; right?: string | number | undefined; } | undefined"}},"withinPortal":{"defaultValue":null,"description":"Determines whether component should be rendered within portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Root element z-index property, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Alert":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Alert/Alert.tsx","displayName":"@mantine/core/Alert","props":{"closeButtonLabel":{"defaultValue":null,"description":"Close button aria-label","name":"closeButtonLabel","required":false,"type":{"name":"string"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, default value is theme.primaryColor","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Icon displayed next to the title","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"onClose":{"defaultValue":null,"description":"Called when the close button is clicked","name":"onClose","required":false,"type":{"name":"(() => void)"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Alert title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"withCloseButton":{"defaultValue":null,"description":"Determines whether close button should be displayed, false by default","name":"withCloseButton","required":false,"type":{"name":"boolean"}}}},"Anchor":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Anchor/Anchor.tsx","displayName":"@mantine/core/Anchor","props":{"color":{"defaultValue":null,"description":"@deprecated Use c prop instead","name":"color","required":false,"type":{"name":"MantineColor"}},"gradient":{"defaultValue":null,"description":"Gradient configuration, ignored when variant is not gradient, theme.defaultGradient by default","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"inherit":{"defaultValue":null,"description":"Determines whether font properties should be inherited from the parent, false by default","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":null,"description":"Sets line-height to 1 for centering, false by default","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":null,"description":"Controls font-size and line-height, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if true, text in truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}},"underline":{"defaultValue":null,"description":"Determines in which cases link should have text-decoration: underline styles, hover by default","name":"underline","required":false,"type":{"name":"\\"always\\" | \\"hover\\" | \\"never\\"","raw":"\\"always\\" | \\"hover\\" | \\"never\\" | undefined","value":[{"value":"undefined"},{"value":"\\"always\\""},{"value":"\\"hover\\""},{"value":"\\"never\\""}]}}}},"AppShell":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShell.tsx","displayName":"@mantine/core/AppShell","props":{"aside":{"defaultValue":null,"description":"Aside configuration","name":"aside","required":false,"type":{"name":"{ width: AppShellResponsiveSize | AppShellSize; breakpoint: number | MantineSize | (string & {}); collapsed?: { desktop?: boolean; mobile?: boolean | undefined; } | undefined; } | undefined"}},"disabled":{"defaultValue":null,"description":"If set, Navbar, Aside, Header and Footer components will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"footer":{"defaultValue":null,"description":"Footer configuration","name":"footer","required":false,"type":{"name":"{ height: AppShellResponsiveSize | AppShellSize; collapsed?: boolean; offset?: boolean | undefined; } | undefined"}},"header":{"defaultValue":null,"description":"Header configuration","name":"header","required":false,"type":{"name":"{ height: AppShellResponsiveSize | AppShellSize; collapsed?: boolean; offset?: boolean | undefined; } | undefined"}},"layout":{"defaultValue":null,"description":"Determines how Navbar/Aside are arranged relative to Header/Footer, default by default","name":"layout","required":false,"type":{"name":"\\"default\\" | \\"alt\\"","raw":"\\"default\\" | \\"alt\\" | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"alt\\""}]}},"navbar":{"defaultValue":null,"description":"Navbar configuration","name":"navbar","required":false,"type":{"name":"{ width: AppShellResponsiveSize | AppShellSize; breakpoint: number | MantineSize | (string & {}); collapsed?: { desktop?: boolean; mobile?: boolean | undefined; } | undefined; } | undefined"}},"padding":{"defaultValue":null,"description":"Main content section padding, 0 by default","name":"padding","required":false,"type":{"name":"MantineSpacing | AppShellResponsiveSize"}},"transitionDuration":{"defaultValue":null,"description":"Duration of all transitions in ms, 200 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":null,"description":"Timing function of all transitions, ease by default","name":"transitionTimingFunction","required":false,"type":{"name":"TransitionTimingFunction"}},"withBorder":{"defaultValue":null,"description":"Determines whether associated components should have a border, true by default","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"z-index of all associated elements, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AspectRatio":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AspectRatio/AspectRatio.tsx","displayName":"@mantine/core/AspectRatio","props":{"ratio":{"defaultValue":null,"description":"Aspect ratio, e.g. 16 / 9, 4 / 3, 1920 / 1080, 1 by default","name":"ratio","required":false,"type":{"name":"number"}}}},"Autocomplete":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Autocomplete/Autocomplete.tsx","displayName":"@mantine/core/Autocomplete","props":{"comboboxProps":{"defaultValue":null,"description":"Props passed down to Combobox component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options","name":"data","required":false,"type":{"name":"ComboboxData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, Infinity by default","name":"limit","required":false,"type":{"name":"number"}},"maxDropdownHeight":{"defaultValue":null,"description":"max-height of the dropdown, only applicable when withScrollArea prop is true, 250 by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"(() => void)"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"(() => void)"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or Enter key","name":"onOptionSubmit","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"Determines whether the first option should be selected when value changes, false by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with ScrollArea.AutoSize, true by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Avatar":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Avatar/Avatar.tsx","displayName":"@mantine/core/Avatar","props":{"alt":{"defaultValue":null,"description":"Image alt attribute, also used as title attribute for placeholder","name":"alt","required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Avatar placeholder, displayed when src={null} or when the image cannot be loaded","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, default value is theme.primaryColor","name":"color","required":false,"type":{"name":"MantineColor"}},"gradient":{"defaultValue":null,"description":"Gradient configuration used when variant=\\"gradient\\", default value is theme.defaultGradient","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"imageProps":{"defaultValue":null,"description":"img tag attributes","name":"imageProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"img\\">"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, \'100%\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Width and height of the avatar, numbers are converted to rem, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"src":{"defaultValue":null,"description":"Image url, if the image cannot be loaded or src={null}, then placeholder is displayed instead","name":"src","required":false,"type":{"name":"string | null"}}}},"BackgroundImage":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/BackgroundImage/BackgroundImage.tsx","displayName":"@mantine/core/BackgroundImage","props":{"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, 0 by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"src":{"defaultValue":null,"description":"Image url","name":"src","required":true,"type":{"name":"string"}}}},"Badge":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Badge/Badge.tsx","displayName":"@mantine/core/Badge","props":{"children":{"defaultValue":null,"description":"Main badge content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"fullWidth":{"defaultValue":null,"description":"Determines whether Badge should take 100% of its parent width, false by default","name":"fullWidth","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":null,"description":"Gradient configuration used when variant=\\"gradient\\", default value is theme.defaultGradient","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"leftSection":{"defaultValue":null,"description":"Content displayed on the left side of the badge label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rightSection":{"defaultValue":null,"description":"Content displayed on the right side of the badge label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"Controls font-size, height and horizontal padding, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"Blockquote":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Blockquote/Blockquote.tsx","displayName":"@mantine/core/Blockquote","props":{"cite":{"defaultValue":null,"description":"Reference to a cited quote","name":"cite","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Blockquote icon, displayed on the top left","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"iconSize":{"defaultValue":null,"description":"Controls icon width and height, numbers are converted to rem, 40 by default","name":"iconSize","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}}},"Breadcrumbs":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Breadcrumbs/Breadcrumbs.tsx","displayName":"@mantine/core/Breadcrumbs","props":{"children":{"defaultValue":null,"description":"React nodes that should be separated with separator","name":"children","required":true,"type":{"name":"React.ReactNode"}},"separator":{"defaultValue":null,"description":"Separator between children, \'/\' by default","name":"separator","required":false,"type":{"name":"React.ReactNode"}},"separatorMargin":{"defaultValue":null,"description":"Controls spacing between separator and breadcrumb, \'xs\' by default","name":"separatorMargin","required":false,"type":{"name":"MantineSpacing"}}}},"Burger":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Burger/Burger.tsx","displayName":"@mantine/core/Burger","props":{"color":{"defaultValue":null,"description":"Key of theme.colors of any valid CSS value, by default theme.white in dark color scheme and theme.black in light","name":"color","required":false,"type":{"name":"MantineColor"}},"opened":{"defaultValue":null,"description":"State of the burger, when true burger is transformed into X, false by default","name":"opened","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls burger width and height, numbers are converted to rem, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"transitionDuration":{"defaultValue":null,"description":"transition-duration property value in ms, 300 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":null,"description":"transition-timing-function property value, \'ease\' by default","name":"transitionTimingFunction","required":false,"type":{"name":"string"}}}},"Button":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Button/Button.tsx","displayName":"@mantine/core/Button","props":{"children":{"defaultValue":null,"description":"Button content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Indicates disabled state","name":"disabled","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":null,"description":"Determines whether button should take 100% width of its parent container, false by default","name":"fullWidth","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":null,"description":"Gradient configuration used when variant=\\"gradient\\", default value is theme.defaultGradient","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"justify":{"defaultValue":null,"description":"Sets justify-content of inner element, can be used to change distribution of sections and label, \'center\' by default","name":"justify","required":false,"type":{"name":"JustifyContent"}},"leftSection":{"defaultValue":null,"description":"Content displayed on the left side of the button label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"loaderProps":{"defaultValue":null,"description":"Props added to the Loader component (only visible when loading prop is set)","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"loading":{"defaultValue":null,"description":"Determines whether the Loader component should be displayed over the button","name":"loading","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rightSection":{"defaultValue":null,"description":"Content displayed on the right side of the button label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"Controls button height, font-size and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {}) | \\"compact-xs\\" | \\"compact-sm\\" | \\"compact-md\\" | \\"compact-lg\\" | \\"compact-xl\\""}}}},"Card":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Card/Card.tsx","displayName":"@mantine/core/Card","props":{"children":{"defaultValue":null,"description":"Card content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"padding":{"defaultValue":null,"description":"Controls padding, key of theme.spacing or any valid CSS value, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS value to set box-shadow, none by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"withBorder":{"defaultValue":null,"description":"Determines whether the card should have border, border color depends on color scheme, false by default","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"Center":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Center/Center.tsx","displayName":"@mantine/core/Center","props":{"children":{"defaultValue":null,"description":"Content that should be centered vertically and horizontally","name":"children","required":false,"type":{"name":"React.ReactNode"}},"inline":{"defaultValue":null,"description":"Determines whether inline-flex should be used instead of flex, false by default","name":"inline","required":false,"type":{"name":"boolean"}}}},"Checkbox":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Checkbox/Checkbox.tsx","displayName":"@mantine/core/Checkbox","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set input color in checked state, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error displayed below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon rendered when checkbox has checked or indeterminate state","name":"icon","required":false,"type":{"name":"FC<{ indeterminate: boolean; className: string; }> | undefined"}},"id":{"defaultValue":null,"description":"Id used to bind input and label, if not passed, unique id will be generated instead","name":"id","required":false,"type":{"name":"string"}},"indeterminate":{"defaultValue":null,"description":"Indeterminate state of checkbox, if set, checked prop is ignored","name":"indeterminate","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Checkbox label","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":null,"description":"Position of the label relative to the input, \'right\' by default","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element, can be used with Tooltip and other similar components","name":"rootRef","required":false,"type":{"name":"ForwardedRef"}},"size":{"defaultValue":null,"description":"Controls size of all elements","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Chip":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Chip/Chip.tsx","displayName":"@mantine/core/Chip","props":{"checked":{"defaultValue":null,"description":"Checked state for controlled component","name":"checked","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Chip label","name":"children","required":true,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, theme.primaryColor","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultChecked":{"defaultValue":null,"description":"Default checked state for uncontrolled component","name":"defaultChecked","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Replaces default icon","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Static id to bind input with label","name":"id","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Calls when checked state changes","name":"onChange","required":false,"type":{"name":"((checked: boolean) => void)"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element, can be used with Tooltip and other similar components","name":"rootRef","required":false,"type":{"name":"ForwardedRef"}},"size":{"defaultValue":null,"description":"Controls various properties, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Chip input type","name":"type","required":false,"type":{"name":"\\"checkbox\\" | \\"radio\\"","raw":"\\"checkbox\\" | \\"radio\\" | undefined","value":[{"value":"undefined"},{"value":"\\"checkbox\\""},{"value":"\\"radio\\""}]}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the wrapper element","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"CloseButton":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/CloseButton/CloseButton.tsx","displayName":"@mantine/core/CloseButton","props":{"children":{"defaultValue":null,"description":"Content rendered inside the button, for example VisuallyHidden with label for screen readers","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Sets disabled and data-disabled attributes on the button element","name":"disabled","required":false,"type":{"name":"boolean"}},"iconSize":{"defaultValue":null,"description":"X icon width and height, 80% by default","name":"iconSize","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. theme.defaultRadius by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls width and height of the button. Numbers are converted to rem. \'md\' by default.","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"Code":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Code/Code.tsx","displayName":"@mantine/core/Code","props":{"block":{"defaultValue":null,"description":"If set code will be rendered inside pre, false by default","name":"block","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls background-color of the code, by default value is calculated based on color scheme","name":"color","required":false,"type":{"name":"MantineColor"}}}},"Collapse":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Collapse/Collapse.tsx","displayName":"@mantine/core/Collapse","props":{"animateOpacity":{"defaultValue":null,"description":"Determines whether opacity should be animated, true by default","name":"animateOpacity","required":false,"type":{"name":"boolean"}},"in":{"defaultValue":null,"description":"Opened state","name":"in","required":true,"type":{"name":"boolean"}},"onTransitionEnd":{"defaultValue":null,"description":"Called each time transition ends","name":"onTransitionEnd","required":false,"type":{"name":"(() => void)"}},"transitionDuration":{"defaultValue":null,"description":"Transition duration in ms, 200 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":null,"description":"Transition timing function, default value is ease","name":"transitionTimingFunction","required":false,"type":{"name":"string"}}}},"ColorInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ColorInput/ColorInput.tsx","displayName":"@mantine/core/ColorInput","props":{"closeOnColorSwatchClick":{"defaultValue":null,"description":"Determines whether the dropdown should be closed when one of the color swatches is clicked, false by default","name":"closeOnColorSwatchClick","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"disallowInput":{"defaultValue":null,"description":"If input is not allowed, the user can only pick value with color picker and swatches, false by default","name":"disallowInput","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"eyeDropperButtonProps":{"defaultValue":null,"description":"Props passed down to the eye dropper button","name":"eyeDropperButtonProps","required":false,"type":{"name":"Record"}},"eyeDropperIcon":{"defaultValue":null,"description":"An icon that will replace the default eye dropper icon","name":"eyeDropperIcon","required":false,"type":{"name":"React.ReactNode"}},"fixOnBlur":{"defaultValue":null,"description":"Determines whether the input value should be reset to the last known valid value when the input loses focus, true by default","name":"fixOnBlur","required":false,"type":{"name":"boolean"}},"format":{"defaultValue":null,"description":"Color format, \'hex\' by default","name":"format","required":false,"type":{"name":"ColorFormat","raw":"ColorFormat | undefined","value":[{"value":"undefined"},{"value":"\\"hex\\""},{"value":"\\"hexa\\""},{"value":"\\"rgba\\""},{"value":"\\"rgb\\""},{"value":"\\"hsl\\""},{"value":"\\"hsla\\""}]}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"onChange":{"defaultValue":null,"description":"Called when color changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging or changes value with arrow keys","name":"onChangeEnd","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to the Popover component","name":"popoverProps","required":false,"type":{"name":"PopoverProps"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"swatches":{"defaultValue":null,"description":"Color swatches","name":"swatches","required":false,"type":{"name":"string[]"}},"swatchesPerRow":{"defaultValue":null,"description":"Number of swatches displayed in one row, 7 by default","name":"swatchesPerRow","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withEyeDropper":{"defaultValue":null,"description":"Determines whether eye dropper button should be displayed in the right section, true by default","name":"withEyeDropper","required":false,"type":{"name":"boolean"}},"withPicker":{"defaultValue":null,"description":"Determines whether color picker should be displayed, true by default","name":"withPicker","required":false,"type":{"name":"boolean"}},"withPreview":{"defaultValue":null,"description":"Determines whether the preview color swatch should be displayed in the left section of the input, true by default","name":"withPreview","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"ColorPicker":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ColorPicker/ColorPicker.tsx","displayName":"@mantine/core/ColorPicker","props":{"alphaLabel":{"defaultValue":null,"description":"Alpha slider aria-label","name":"alphaLabel","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"focusable":{"defaultValue":null,"description":"Determines whether interactive elements should be focusable, true by default","name":"focusable","required":false,"type":{"name":"boolean"}},"format":{"defaultValue":null,"description":"Color format, \'hex\' by default","name":"format","required":false,"type":{"name":"ColorFormat","raw":"ColorFormat | undefined","value":[{"value":"undefined"},{"value":"\\"hex\\""},{"value":"\\"hexa\\""},{"value":"\\"rgba\\""},{"value":"\\"rgb\\""},{"value":"\\"hsl\\""},{"value":"\\"hsla\\""}]}},"fullWidth":{"defaultValue":null,"description":"Determines whether component should take 100% width of its container, false by default","name":"fullWidth","required":false,"type":{"name":"boolean"}},"hueLabel":{"defaultValue":null,"description":"Hue slider aria-label","name":"hueLabel","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when color changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging or changes value with arrow keys","name":"onChangeEnd","required":false,"type":{"name":"((value: string) => void)"}},"onColorSwatchClick":{"defaultValue":null,"description":"Called when one of the color swatches is clicked","name":"onColorSwatchClick","required":false,"type":{"name":"((color: string) => void)"}},"saturationLabel":{"defaultValue":null,"description":"Saturation slider aria-label","name":"saturationLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Controls size of hue, alpha and saturation sliders, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"swatches":{"defaultValue":null,"description":"Color swatches","name":"swatches","required":false,"type":{"name":"string[]"}},"swatchesPerRow":{"defaultValue":null,"description":"Number of swatches displayed in one row, 7 by default","name":"swatchesPerRow","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withPicker":{"defaultValue":null,"description":"Determines whether color picker should be displayed, true by default","name":"withPicker","required":false,"type":{"name":"boolean"}}}},"ColorSwatch":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ColorSwatch/ColorSwatch.tsx","displayName":"@mantine/core/ColorSwatch","props":{"children":{"defaultValue":null,"description":"Content rendered inside the swatch","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Color to display, not related to theme.colors – supports only CSS color values","name":"color","required":true,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls width and height of the swatch, any valid CSS value, numbers are converted to rem","name":"size","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"withShadow":{"defaultValue":null,"description":"Determines whether the swatch should have inner box-shadow, true by default","name":"withShadow","required":false,"type":{"name":"boolean"}}}},"Combobox":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"@mantine/core/Combobox","props":{"arrowOffset":{"defaultValue":null,"description":"Arrow offset in px, 5 by default","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"ArrowPosition","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""}]}},"arrowRadius":{"defaultValue":null,"description":"Arrow border-radius in px, 0 by default","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":null,"description":"Arrow size in px, 7 by default","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Combobox content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownPadding":{"defaultValue":null,"description":"Controls padding of the dropdown, 4 by default","name":"dropdownPadding","required":false,"type":{"name":"Padding"}},"keepMounted":{"defaultValue":null,"description":"If set dropdown will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"middlewares":{"defaultValue":null,"description":"Floating ui middlewares to configure position handling, { flip: true, shift: true, inline: false } by default","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":null,"description":"Offset of the dropdown element, 8 by default","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onClose","required":false,"type":{"name":"(() => void)"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onOpen","required":false,"type":{"name":"(() => void)"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when item is selected with Enter key or by clicking it","name":"onOptionSubmit","required":false,"type":{"name":"((value: string, optionProps: ComboboxOptionProps) => void)"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"((position: FloatingPosition) => void)"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Dropdown position relative to the target element, \'bottom\' by default","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"positionDependencies":{"defaultValue":null,"description":"useEffect dependencies to force update dropdown position, [] by default","name":"positionDependencies","required":false,"type":{"name":"any[]"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether Combobox value can be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"resetSelectionOnOptionHover":{"defaultValue":null,"description":"Determines whether selection should be reset when option is hovered, false by default","name":"resetSelectionOnOptionHover","required":false,"type":{"name":"boolean"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be automatically returned to control when dropdown closes, false by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any other valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":null,"description":"Controls items font-size and padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"store":{"defaultValue":null,"description":"Combobox store, can be used to control combobox state","name":"store","required":false,"type":{"name":"ComboboxStore"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component that used to animate dropdown presence, use to configure duration and animation type, { duration: 150, transition: \'fade\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"width":{"defaultValue":null,"description":"Dropdown width, or \'target\' to make dropdown width the same as target element, \'max-content\' by default","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":null,"description":"Determines whether component should have an arrow, false by default","name":"withArrow","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether dropdown should be rendered within the Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Dropdown z-index, 300 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Combobox.extend":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.extend","props":{"defaultProps":{"defaultValue":null,"description":"","name":"defaultProps","required":false,"type":{"name":"(Partial & DataAttributes)"}}}},"Combobox.Target":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Target","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":null,"description":"Determines which events should be handled by the target element.\\nbutton target type handles Space and Enter keys to toggle dropdown opened state.\\ninput by default.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":null,"description":"Determines whether the target should have aria- attributes, true by default","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":null,"description":"Determines whether the target should have aria-expanded attribute, false by default","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":null,"description":"Determines whether component should respond to keyboard events, true by default","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"Combobox.Dropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Dropdown","props":{"hidden":{"defaultValue":null,"description":"Determines whether the dropdown should be hidden, for example, when there are no options to display","name":"hidden","required":false,"type":{"name":"boolean"}}}},"Combobox.Options":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Options","props":{"labelledBy":{"defaultValue":null,"description":"Id of the element that should label the options list","name":"labelledBy","required":false,"type":{"name":"string"}}}},"Combobox.Option":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Option","props":{"active":{"defaultValue":null,"description":"Determines whether the option is selected","name":"active","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Determines whether the option can be selected","name":"disabled","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Determines whether item is selected, useful for virtualized comboboxes","name":"selected","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Option value","name":"value","required":true,"type":{"name":"string"}}}},"Combobox.Search":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Search","props":{"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and aria-invalid attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Sets required attribute on the input element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAriaAttributes":{"defaultValue":null,"description":"Determines whether the search input should have aria- attribute, true by default","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":null,"description":"Determines whether the search input should handle keyboard navigation, true by default","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Combobox.Empty":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","description":"","displayName":"Combobox.Empty","props":{}},"Combobox.Chevron":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Chevron","props":{"error":{"defaultValue":null,"description":"","name":"error","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"Combobox.Footer":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","description":"","displayName":"Combobox.Footer","props":{}},"Combobox.Header":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","description":"","displayName":"Combobox.Header","props":{}},"Combobox.EventsTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.EventsTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":null,"description":"Determines which events should be handled by the target element.\\nbutton target type handles Space and Enter keys to toggle dropdown opened state.\\ninput by default.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":null,"description":"Determines whether the target should have aria- attributes, true by default","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":null,"description":"Determines whether the target should have aria-expanded attribute, false by default","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":null,"description":"Determines whether component should respond to keyboard events, true by default","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"Combobox.DropdownTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.DropdownTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"Combobox.Group":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/Combobox.tsx","displayName":"Combobox.Group","props":{"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"React.ReactNode"}}}},"Container":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Container/Container.tsx","displayName":"@mantine/core/Container","props":{"fluid":{"defaultValue":null,"description":"Determines whether the container should take 100% of its parent width. If set, size prop is ignored. false by default.","name":"fluid","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Sets max-width of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when fluid prop is set. \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"CopyButton":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/CopyButton/CopyButton.tsx","displayName":"@mantine/core/CopyButton","props":{"children":{"defaultValue":null,"description":"Children callback, provides current status and copy function as an argument","name":"children","required":true,"type":{"name":"(payload: { copied: boolean; copy(): void; }) => ReactNode"}},"timeout":{"defaultValue":null,"description":"Copied status timeout in ms, 1000 by default","name":"timeout","required":false,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Value that will be copied to the clipboard when the button is clicked","name":"value","required":true,"type":{"name":"string"}}}},"Dialog":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Dialog/Dialog.tsx","displayName":"@mantine/core/Dialog","props":{"children":{"defaultValue":null,"description":"Dialog content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"keepMounted":{"defaultValue":null,"description":"If set dialog will not be unmounted from the DOM when it is hidden, display: none styles will be added instead","name":"keepMounted","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when the close button is clicked","name":"onClose","required":false,"type":{"name":"(() => void)"}},"opened":{"defaultValue":null,"description":"Opened state","name":"opened","required":true,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Affix position on screen, defaults value is { bottom: 0, right: 0 }","name":"position","required":false,"type":{"name":"{ top?: string | number; left?: string | number | undefined; bottom?: string | number | undefined; right?: string | number | undefined; } | undefined"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS value to set box-shadow, none by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":null,"description":"Controls width of the dialog, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"transitionProps":{"defaultValue":null,"description":"Overrides default transition, { transition: \'pop-top-right\', duration: 200 } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"withBorder":{"defaultValue":null,"description":"Determines whether the paper should have border, border color depends on color scheme, false by default","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":null,"description":"Determines whether the close button should be displayed, true by default","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether component should be rendered within portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Root element z-index property, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Divider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Divider/Divider.tsx","displayName":"@mantine/core/Divider","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color value, by default value depends on color scheme","name":"color","required":false,"type":{"name":"MantineColor"}},"label":{"defaultValue":null,"description":"Divider label, visible only when orientation is horizontal","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":null,"description":"Controls label position, \'left\' by default","name":"labelPosition","required":false,"type":{"name":"\\"center\\" | \\"left\\" | \\"right\\"","raw":"\\"center\\" | \\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"orientation":{"defaultValue":null,"description":"Controls orientation, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"size":{"defaultValue":null,"description":"Controls width/height (depends on orientation), \'xs\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"Drawer":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Drawer/Drawer.tsx","displayName":"@mantine/core/Drawer","props":{"children":{"defaultValue":null,"description":"Drawer content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"ModalBaseCloseButtonProps"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether onClose should be called when user presses the escape key, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"lockScroll":{"defaultValue":null,"description":"Determines whether scroll should be locked when opened={true}, true by default","name":"lockScroll","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Determines whether modal/drawer is opened","name":"opened","required":true,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the Overlay component, can be used to configure opacity, background-color, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set content, header and footer padding, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Side of the screen on which drawer will be opened, \'left\' by default","name":"position","required":false,"type":{"name":"DrawerPosition","raw":"DrawerPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""}]}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be returned to the last active element when onClose is called, true by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":null,"description":"Scroll area component, native div element by default","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS box-shadow value, \'xl\' by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":null,"description":"Controls width of the content area, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"title":{"defaultValue":null,"description":"Drawer title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: \'pop\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped, true by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":null,"description":"Determines whether the close button should be rendered, true by default","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":null,"description":"Determines whether the overlay should be rendered, true by default","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether the component should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"z-index CSS property of the root element, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Fieldset":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Fieldset/Fieldset.tsx","displayName":"@mantine/core/Fieldset","props":{"legend":{"defaultValue":null,"description":"Fieldset legend","name":"legend","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}}}},"FileButton":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/FileButton/FileButton.tsx","displayName":"@mantine/core/FileButton","props":{"accept":{"defaultValue":null,"description":"File input accept attribute, for example, \\"image/png,image/jpeg\\"","name":"accept","required":false,"type":{"name":"string"}},"capture":{"defaultValue":null,"description":"Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.","name":"capture","required":false,"type":{"name":"boolean | \\"user\\" | \\"environment\\""}},"children":{"defaultValue":null,"description":"Function that receives button props and returns react node that should be rendered","name":"children","required":true,"type":{"name":"(props: { onClick(): void; }) => ReactNode"}},"disabled":{"defaultValue":null,"description":"Disables file picker","name":"disabled","required":false,"type":{"name":"boolean"}},"form":{"defaultValue":null,"description":"Input form attribute","name":"form","required":false,"type":{"name":"string"}},"inputProps":{"defaultValue":null,"description":"Passes down props to the input element used to capture files","name":"inputProps","required":false,"type":{"name":"Omit, HTMLInputElement>, \\"ref\\">"}},"multiple":{"defaultValue":null,"description":"Determines whether user can pick more than one file","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Input name attribute","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when files are picked","name":"onChange","required":true,"type":{"name":"(payload: Multiple extends true ? File[] : File | null) => void"}},"resetRef":{"defaultValue":null,"description":"Reference of the function that should be called when value changes to null or empty array","name":"resetRef","required":false,"type":{"name":"ForwardedRef<() => void>"}}}},"FileInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/FileInput/FileInput.tsx","displayName":"@mantine/core/FileInput","props":{"accept":{"defaultValue":null,"description":"File input accept attribute, for example, \\"image/png,image/jpeg\\"","name":"accept","required":false,"type":{"name":"string"}},"capture":{"defaultValue":null,"description":"Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.","name":"capture","required":false,"type":{"name":"boolean | \\"user\\" | \\"environment\\""}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether clear button should be displayed in the right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"File | File[] | null"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"fileInputProps":{"defaultValue":null,"description":"Props passed down to the hidden input element which is used to capture files","name":"fileInputProps","required":false,"type":{"name":"Omit, HTMLInputElement>, \\"ref\\">"}},"form":{"defaultValue":null,"description":"Input form attribute","name":"form","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"multiple":{"defaultValue":null,"description":"Determines whether user can pick more than one file, false by default","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Input name attribute","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((payload: Multiple extends true ? File[] : File | null) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Read only inputs value cannot be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"File | File[] | null"}},"valueComponent":{"defaultValue":null,"description":"Value renderer, by default file name is rendered","name":"valueComponent","required":false,"type":{"name":"FC<{ value: File | File[] | null; }>"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Flex":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Flex/Flex.tsx","displayName":"@mantine/core/Flex","props":{"align":{"defaultValue":null,"description":"align-items CSS property","name":"align","required":false,"type":{"name":"StyleProp"}},"columnGap":{"defaultValue":null,"description":"column-gap CSS property","name":"columnGap","required":false,"type":{"name":"StyleProp"}},"direction":{"defaultValue":null,"description":"flex-direction CSS property","name":"direction","required":false,"type":{"name":"StyleProp"}},"gap":{"defaultValue":null,"description":"gap CSS property","name":"gap","required":false,"type":{"name":"StyleProp"}},"justify":{"defaultValue":null,"description":"justify-content CSS property","name":"justify","required":false,"type":{"name":"StyleProp"}},"rowGap":{"defaultValue":null,"description":"row-gap CSS property","name":"rowGap","required":false,"type":{"name":"StyleProp"}},"wrap":{"defaultValue":null,"description":"flex-wrap CSS property","name":"wrap","required":false,"type":{"name":"StyleProp"}}}},"FocusTrap":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/FocusTrap/FocusTrap.tsx","displayName":"@mantine/core/FocusTrap","props":{"active":{"defaultValue":{"value":"true"},"description":"Determines whether focus should be trapped within child element","name":"active","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Element at which focus should be trapped, should support ref prop","name":"children","required":true,"type":{"name":"any"}},"refProp":{"defaultValue":{"value":"ref"},"description":"Prop that should be used to access component ref","name":"refProp","required":false,"type":{"name":"string"}}}},"Grid":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Grid/Grid.tsx","displayName":"@mantine/core/Grid","props":{"align":{"defaultValue":null,"description":"Sets align-items, stretch by default","name":"align","required":false,"type":{"name":"AlignItems"}},"columns":{"defaultValue":null,"description":"Number of columns in each row, 12 by default","name":"columns","required":false,"type":{"name":"number"}},"grow":{"defaultValue":null,"description":"Determines whether columns in the last row should expand to fill all available space, false by default","name":"grow","required":false,"type":{"name":"boolean"}},"gutter":{"defaultValue":null,"description":"Gutter between columns, key of theme.spacing or any valid CSS value, \'md\' by default","name":"gutter","required":false,"type":{"name":"StyleProp"}},"justify":{"defaultValue":null,"description":"Sets justify-content, flex-start by default","name":"justify","required":false,"type":{"name":"JustifyContent"}}}},"Group":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Group/Group.tsx","displayName":"@mantine/core/Group","props":{"align":{"defaultValue":null,"description":"Controls align-items CSS property, \'center\' by default","name":"align","required":false,"type":{"name":"AlignItems"}},"gap":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value for gap, numbers are converted to rem, \'md\' by default","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"grow":{"defaultValue":null,"description":"Determines whether each child element should have flex-grow: 1 style, false by default","name":"grow","required":false,"type":{"name":"boolean"}},"justify":{"defaultValue":null,"description":"Controls justify-content CSS property, \'flex-start\' by default","name":"justify","required":false,"type":{"name":"JustifyContent"}},"preventGrowOverflow":{"defaultValue":null,"description":"Determines whether children should take only dedicated amount of space (max-width style is set based on the number of children), true by default","name":"preventGrowOverflow","required":false,"type":{"name":"boolean"}},"wrap":{"defaultValue":null,"description":"Controls flex-wrap CSS property, \'wrap\' by default","name":"wrap","required":false,"type":{"name":"FlexWrap","raw":"FlexWrap | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"wrap\\""},{"value":"\\"nowrap\\""},{"value":"\\"wrap-reverse\\""}]}}}},"Highlight":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Highlight/Highlight.tsx","displayName":"@mantine/core/Highlight","props":{"children":{"defaultValue":null,"description":"String parts of which must be highlighted","name":"children","required":true,"type":{"name":"string"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, passed to Mark component color prop, yellow by default","name":"color","required":false,"type":{"name":"string | (string & {})"}},"gradient":{"defaultValue":null,"description":"Gradient configuration, ignored when variant is not gradient, theme.defaultGradient by default","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"highlight":{"defaultValue":null,"description":"Substring or an array of substrings to highlight in children","name":"highlight","required":true,"type":{"name":"string | string[]"}},"highlightStyles":{"defaultValue":null,"description":"Styles applied to mark elements","name":"highlightStyles","required":false,"type":{"name":"CSSProperties | ((theme: MantineTheme) => CSSProperties)"}},"inherit":{"defaultValue":null,"description":"Determines whether font properties should be inherited from the parent, false by default","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":null,"description":"Sets line-height to 1 for centering, false by default","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":null,"description":"Controls font-size and line-height, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"span":{"defaultValue":null,"description":"Shorthand for component=\\"span\\", false by default, default root element is p","name":"span","required":false,"type":{"name":"boolean"}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if true, text in truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}}}},"HoverCard":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/HoverCard/HoverCard.tsx","displayName":"@mantine/core/HoverCard","props":{"arrowOffset":{"defaultValue":null,"description":"Arrow offset in px, 5 by default","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"ArrowPosition","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""}]}},"arrowRadius":{"defaultValue":null,"description":"Arrow border-radius in px, 0 by default","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":null,"description":"Arrow size in px, 7 by default","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Popover.Target and Popover.Dropdown components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":null,"description":"Events that trigger outside clicks","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms","name":"closeDelay","required":false,"type":{"name":"number"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether dropdown should be closed on outside clicks, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether dropdown should be closed when Escape key is pressed, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Initial opened state for uncontrolled component","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"initiallyOpened":{"defaultValue":null,"description":"Initial opened state","name":"initiallyOpened","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set dropdown will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"middlewares":{"defaultValue":null,"description":"Floating ui middlewares to configure position handling, { flip: true, shift: true, inline: false } by default","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":null,"description":"Offset of the dropdown element, 8 by default","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onChange":{"defaultValue":null,"description":"Called with current state when dropdown opens or closes","name":"onChange","required":false,"type":{"name":"((opened: boolean) => void)"}},"onClose":{"defaultValue":null,"description":"Called when dropdown is closed","name":"onClose","required":false,"type":{"name":"(() => void)"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown is opened","name":"onOpen","required":false,"type":{"name":"(() => void)"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"((position: FloatingPosition) => void)"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"opened","required":false,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Dropdown position relative to the target element, \'bottom\' by default","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"positionDependencies":{"defaultValue":null,"description":"useEffect dependencies to force update dropdown position, [] by default","name":"positionDependencies","required":false,"type":{"name":"any[]"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be automatically returned to control when dropdown closes, false by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any other valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component that used to animate dropdown presence, use to configure duration and animation type, { duration: 150, transition: \'fade\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped within dropdown, false by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":null,"description":"Dropdown width, or \'target\' to make dropdown width the same as target element, \'max-content\' by default","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":null,"description":"Determines whether component should have an arrow, false by default","name":"withArrow","required":false,"type":{"name":"boolean"}},"withRoles":{"defaultValue":null,"description":"Determines whether dropdown and target elements should have accessible roles, true by default","name":"withRoles","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether dropdown should be rendered within the Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Dropdown z-index, 300 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"HoverCard.Dropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/HoverCard/HoverCard.tsx","displayName":"HoverCard.Dropdown","props":{"children":{"defaultValue":null,"description":"Dropdown content","name":"children","required":false,"type":{"name":"React.ReactNode"}}}},"Image":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Image/Image.tsx","displayName":"@mantine/core/Image","props":{"fallbackSrc":{"defaultValue":null,"description":"Image url that will be used as a fallback in case src prop is not set or image cannot be loaded","name":"fallbackSrc","required":false,"type":{"name":"string"}},"fit":{"defaultValue":null,"description":"Controls object-fit style, \'cover\' by default","name":"fit","required":false,"type":{"name":"ObjectFit","raw":"ObjectFit | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"contain\\""},{"value":"\\"cover\\""},{"value":"\\"fill\\""},{"value":"\\"scale-down\\""}]}},"onError":{"defaultValue":null,"description":"Called when image fails to load","name":"onError","required":false,"type":{"name":"((event: SyntheticEvent) => void)"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, 0 by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"src":{"defaultValue":null,"description":"Image url","name":"src","required":false,"type":{"name":"any"}}}},"Indicator":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Indicator/Indicator.tsx","displayName":"@mantine/core/Indicator","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color value, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"When Indicator is disabled it renders children only","name":"disabled","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":null,"description":"Determines whether the indicator container should be an inline element, false by default","name":"inline","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Label rendered inside the indicator, for example, notification count","name":"label","required":false,"type":{"name":"React.ReactNode"}},"offset":{"defaultValue":null,"description":"Indicator offset relative to the target element, usually used for elements with border-radius, equals to size by default","name":"offset","required":false,"type":{"name":"number"}},"position":{"defaultValue":null,"description":"Indicator position relative to the target element, \'top-end\' by default","name":"position","required":false,"type":{"name":"\\"bottom-end\\" | \\"bottom-start\\" | \\"top-end\\" | \\"top-start\\" | \\"bottom-center\\" | \\"top-center\\" | \\"middle-center\\" | \\"middle-end\\" | \\"middle-start\\"","raw":"\\"bottom-end\\" | \\"bottom-start\\" | \\"top-end\\" | \\"top-start\\" | \\"bottom-center\\" | \\"top-center\\" | \\"middle-center\\" | \\"middle-end\\" | \\"middle-start\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""},{"value":"\\"bottom-center\\""},{"value":"\\"top-center\\""},{"value":"\\"middle-center\\""},{"value":"\\"middle-end\\""},{"value":"\\"middle-start\\""}]}},"processing":{"defaultValue":null,"description":"Determines whether the indicator should have processing animation, false by default","name":"processing","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, 100 by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Indicator width and height, 10 by default","name":"size","required":false,"type":{"name":"string | number"}},"withBorder":{"defaultValue":null,"description":"Determines whether the indicator should have a border (color of the border is the same as the body element), false by default","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Indicator z-index, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"InlineInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/InlineInput/InlineInput.tsx","displayName":"@mantine/core/InlineInput","props":{"description":{"defaultValue":null,"description":"","name":"description","required":true,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","required":true,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"","name":"error","required":true,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"","name":"id","required":true,"type":{"name":"string"}},"label":{"defaultValue":null,"description":"","name":"label","required":true,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":{"value":"left"},"description":"","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"size":{"defaultValue":null,"description":"","name":"size","required":true,"type":{"name":"MantineSize | (string & {})"}}}},"Input":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Input/Input.tsx","displayName":"@mantine/core/Input","props":{"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and aria-invalid attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Sets required attribute on the input element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"InputBase":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/InputBase/InputBase.tsx","displayName":"@mantine/core/InputBase","props":{"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"InputsGroupFieldset":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/InputsGroupFieldset/InputsGroupFieldset.tsx","displayName":"InputsGroupFieldset","props":{"role":{"defaultValue":null,"description":"","name":"role","required":true,"type":{"name":"\\"group\\" | \\"radiogroup\\"","raw":"\\"group\\" | \\"radiogroup\\"","value":[{"value":"\\"group\\""},{"value":"\\"radiogroup\\""}]}}}},"JsonInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/JsonInput/JsonInput.tsx","displayName":"@mantine/core/JsonInput","props":{"autosize":{"defaultValue":null,"description":"Determines whether the textarea height should grow with its content, false by default","name":"autosize","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"deserialize":{"defaultValue":null,"description":"Function to deserialize string value, used for value formatting and input JSON validation, must throw error if string cannot be processed, JSON.parse by default","name":"deserialize","required":false,"type":{"name":"((text: string, reviver?: ((this: any, key: string, value: any) => any)) => any) | undefined"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"formatOnBlur":{"defaultValue":null,"description":"Determines whether the value should be formatted on blur, false by default","name":"formatOnBlur","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"maxRows":{"defaultValue":null,"description":"Maximum rows for autosize textarea to grow, ignored if autosize prop is not set","name":"maxRows","required":false,"type":{"name":"number"}},"minRows":{"defaultValue":null,"description":"Minimum rows of autosize textarea, ignored if autosize prop is not set","name":"minRows","required":false,"type":{"name":"number"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"serialize":{"defaultValue":null,"description":"Function to serialize value into a string, used for value formatting, JSON.stringify by default","name":"serialize","required":false,"type":{"name":"{ (value: any, replacer?: ((this: any, key: string, value: any) => any), space?: string | number | undefined): string; (value: any, replacer?: (string | number)[] | null | undefined, space?: string | ... 1 more ... | undefined): string; } | undefined"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"validationError":{"defaultValue":null,"description":"Error message displayed when value is not valid JSON","name":"validationError","required":false,"type":{"name":"React.ReactNode"}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"string"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Kbd":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Kbd/Kbd.tsx","displayName":"@mantine/core/Kbd","props":{"size":{"defaultValue":null,"description":"Controls font-size and padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"List":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/List/List.tsx","displayName":"@mantine/core/List","props":{"center":{"defaultValue":null,"description":"Determines whether items must be centered with their icon, false by default","name":"center","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"List.Item components only","name":"children","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon that replaces list item dot","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"listStyleType":{"defaultValue":null,"description":"Controls list-style-type, by default inferred from type","name":"listStyleType","required":false,"type":{"name":"ListStyleType"}},"size":{"defaultValue":null,"description":"Controls font-size and line-height, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"spacing":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set spacing between items, 0 by default","name":"spacing","required":false,"type":{"name":"MantineSpacing"}},"type":{"defaultValue":null,"description":"List type: ol or ul, \'unordered\' by default","name":"type","required":false,"type":{"name":"\\"ordered\\" | \\"unordered\\"","raw":"\\"ordered\\" | \\"unordered\\" | undefined","value":[{"value":"undefined"},{"value":"\\"ordered\\""},{"value":"\\"unordered\\""}]}},"withPadding":{"defaultValue":null,"description":"Determines whether list items should be offset with padding, false by default","name":"withPadding","required":false,"type":{"name":"boolean"}}}},"Loader":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Loader/Loader.tsx","displayName":"@mantine/core/Loader","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, default value is theme.primaryColor","name":"color","required":false,"type":{"name":"MantineColor"}},"loaders":{"defaultValue":null,"description":"Object of loaders components, can be customized via default props or inline. Default value contains bars, oval and dots","name":"loaders","required":false,"type":{"name":"Partial>"}},"size":{"defaultValue":null,"description":"Controls width and height of the loader. Loader has predefined xs-xl values. Numbers are converted to rem. Default value is \'md\'","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"type":{"defaultValue":null,"description":"Loader type, key of loaders prop, default value is \'oval\'","name":"type","required":false,"type":{"name":"(string & {}) | \\"bars\\" | \\"dots\\" | \\"oval\\""}}}},"LoadingOverlay":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/LoadingOverlay/LoadingOverlay.tsx","displayName":"@mantine/core/LoadingOverlay","props":{"loaderProps":{"defaultValue":null,"description":"Props passed down to Loader component","name":"loaderProps","required":false,"type":{"name":"LoaderProps"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to Overlay component","name":"overlayProps","required":false,"type":{"name":"OverlayProps"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to Transition component, { transition: \'fade\', duration: 0 } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"visible":{"defaultValue":null,"description":"Determines whether the overlay should be visible, false by default","name":"visible","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Controls overlay z-index, 400 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Mark":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Mark/Mark.tsx","displayName":"@mantine/core/Mark","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, yellow by default","name":"color","required":false,"type":{"name":"MantineColor"}}}},"Menu":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/Menu.tsx","displayName":"@mantine/core/Menu","props":{"arrowOffset":{"defaultValue":null,"description":"Arrow offset in px, 5 by default","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"ArrowPosition","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""}]}},"arrowRadius":{"defaultValue":null,"description":"Arrow border-radius in px, 0 by default","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":null,"description":"Arrow size in px, 7 by default","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Menu content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":null,"description":"Events that trigger outside clicks","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms, applicable only to trigger=\\"hover\\" variant","name":"closeDelay","required":false,"type":{"name":"number"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether dropdown should be closed on outside clicks, default to true","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether dropdown should be closed when Escape key is pressed, defaults to true","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"closeOnItemClick":{"defaultValue":null,"description":"Determines whether Menu should be closed when item is clicked","name":"closeOnItemClick","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Uncontrolled menu initial opened state","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set dropdown will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"loop":{"defaultValue":null,"description":"Determines whether arrow key presses should loop though items (first to last and last to first)","name":"loop","required":false,"type":{"name":"boolean"}},"middlewares":{"defaultValue":null,"description":"Floating ui middlewares to configure position handling, { flip: true, shift: true, inline: false } by default","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":null,"description":"Offset of the dropdown element, 8 by default","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onChange":{"defaultValue":null,"description":"Called when menu opened state changes","name":"onChange","required":false,"type":{"name":"((opened: boolean) => void)"}},"onClose":{"defaultValue":null,"description":"Called when Menu is closed","name":"onClose","required":false,"type":{"name":"(() => void)"}},"onOpen":{"defaultValue":null,"description":"Called when Menu is opened","name":"onOpen","required":false,"type":{"name":"(() => void)"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"((position: FloatingPosition) => void)"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms, applicable only to trigger=\\"hover\\" variant","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled menu opened state","name":"opened","required":false,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Dropdown position relative to the target element, \'bottom\' by default","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"positionDependencies":{"defaultValue":null,"description":"useEffect dependencies to force update dropdown position, [] by default","name":"positionDependencies","required":false,"type":{"name":"any[]"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be automatically returned to control when dropdown closes, false by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any other valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component that used to animate dropdown presence, use to configure duration and animation type, { duration: 150, transition: \'fade\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trigger":{"defaultValue":null,"description":"Event which should open menu","name":"trigger","required":false,"type":{"name":"\\"hover\\" | \\"click\\"","raw":"\\"hover\\" | \\"click\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hover\\""},{"value":"\\"click\\""}]}},"width":{"defaultValue":null,"description":"Dropdown width, or \'target\' to make dropdown width the same as target element, \'max-content\' by default","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":null,"description":"Determines whether component should have an arrow, false by default","name":"withArrow","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether dropdown should be rendered within the Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Dropdown z-index, 300 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Menu.Item":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/Menu.tsx","displayName":"Menu.Item","props":{"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"Determines whether the menu should be closed when the item is clicked, overrides closeOnItemClick prop on the Menu component","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Disables item","name":"disabled","required":false,"type":{"name":"boolean"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"Menu.Label":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/Menu.tsx","description":"","displayName":"Menu.Label","props":{}},"Menu.Dropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/Menu.tsx","description":"","displayName":"Menu.Dropdown","props":{}},"Menu.Divider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/Menu.tsx","description":"","displayName":"Menu.Divider","props":{}},"Modal":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Modal/Modal.tsx","displayName":"@mantine/core/Modal","props":{"centered":{"defaultValue":null,"description":"Determines whether the modal should be centered vertically, false by default","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"ModalBaseCloseButtonProps"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether onClose should be called when user presses the escape key, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":null,"description":"Determines whether the modal should take the entire screen, false by default","name":"fullScreen","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"lockScroll":{"defaultValue":null,"description":"Determines whether scroll should be locked when opened={true}, true by default","name":"lockScroll","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Determines whether modal/drawer is opened","name":"opened","required":true,"type":{"name":"boolean"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the Overlay component, use to configure opacity, background-color, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set content, header and footer padding, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be returned to the last active element when onClose is called, true by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":null,"description":"Scroll area component, native div element by default","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS box-shadow value, \'xl\' by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":null,"description":"Controls width of the content area, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: \'pop\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped, true by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":null,"description":"Determines whether the close button should be rendered, true by default","name":"withCloseButton","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":null,"description":"Determines whether the overlay should be rendered, true by default","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether the component should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":null,"description":"Left/right modal offset, 5vw by default","name":"xOffset","required":false,"type":{"name":"MarginLeft"}},"yOffset":{"defaultValue":null,"description":"Top/bottom modal offset, 5dvh by default","name":"yOffset","required":false,"type":{"name":"MarginTop"}},"zIndex":{"defaultValue":null,"description":"z-index CSS property of the root element, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"ModalBase":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ModalBase/ModalBase.tsx","displayName":"ModalBase","props":{"children":{"defaultValue":null,"description":"Modal/drawer content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether onClose should be called when user presses the escape key, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"lockScroll":{"defaultValue":null,"description":"Determines whether scroll should be locked when opened={true}, true by default","name":"lockScroll","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when modal/drawer is closed","name":"onClose","required":true,"type":{"name":"() => void"}},"opened":{"defaultValue":null,"description":"Determines whether modal/drawer is opened","name":"opened","required":true,"type":{"name":"boolean"}},"padding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set content, header and footer padding, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be returned to the last active element when onClose is called, true by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS box-shadow value, \'xl\' by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"size":{"defaultValue":null,"description":"Controls width of the content area, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"transitionProps":{"defaultValue":null,"description":"Props added to the Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: \'pop\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped, true by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether the component should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"z-index CSS property of the root element, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"MultiSelect":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/MultiSelect/MultiSelect.tsx","displayName":"@mantine/core/MultiSelect","props":{"checkIconPosition":{"defaultValue":null,"description":"Position of the check icon relative to the option label, \'left\' by default","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"(__CloseButtonProps & ElementProps<\\"button\\">)"}},"clearable":{"defaultValue":null,"description":"Determines whether the clear button should be displayed in the right section when the component has value, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to Combobox component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options","name":"data","required":false,"type":{"name":"ComboboxData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter"}},"hidePickedOptions":{"defaultValue":null,"description":"Determines whether picked options should be removed from the options list, false by default","name":"hidePickedOptions","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, Infinity by default","name":"limit","required":false,"type":{"name":"number"}},"maxDropdownHeight":{"defaultValue":null,"description":"max-height of the dropdown, only applicable when withScrollArea prop is true, 250 by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"maxValues":{"defaultValue":null,"description":"Maximum number of values, Infinity by default","name":"maxValues","required":false,"type":{"name":"number"}},"nothingFoundMessage":{"defaultValue":null,"description":"Message displayed when no option matched current search query, only applicable when searchable prop is set","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}},"onChange":{"defaultValue":null,"description":"Called whe value changes","name":"onChange","required":false,"type":{"name":"((value: string[]) => void)"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"(() => void)"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"(() => void)"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or Enter key","name":"onOptionSubmit","required":false,"type":{"name":"((value: string) => void)"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":null,"description":"Determines whether the select should be searchable, false by default","name":"searchable","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"Determines whether the first option should be selected when value changes, false by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":null,"description":"Determines whether check icon should be displayed near the selected option label, true by default","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with ScrollArea.AutoSize, true by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"NativeSelect":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/NativeSelect/NativeSelect.tsx","displayName":"@mantine/core/NativeSelect","props":{"data":{"defaultValue":null,"description":"Data used to render options, can be replaced with children","name":"data","required":false,"type":{"name":"ComboboxData"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"NavLink":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/NavLink/NavLink.tsx","displayName":"@mantine/core/NavLink","props":{"active":{"defaultValue":null,"description":"Determines whether the link should have active styles, false by default","name":"active","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Child NavLink components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"childrenOffset":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set collapsed links padding-left, \'lg\' by default","name":"childrenOffset","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"color":{"defaultValue":null,"description":"Key of theme.colors of any valid CSS color to control active styles, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultOpened":{"defaultValue":null,"description":"Uncontrolled nested items collapse initial state","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Link description","name":"description","required":false,"type":{"name":"React.ReactNode"}},"disableRightSectionRotation":{"defaultValue":null,"description":"If set, right section will not be rotated when collapse is opened, false by default","name":"disableRightSectionRotation","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, disabled styles will be added to the root element, false by default","name":"disabled","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Link content","name":"label","required":false,"type":{"name":"React.ReactNode"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"noWrap":{"defaultValue":null,"description":"If set, label and description will not wrap to the next line, false by default","name":"noWrap","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when open state changes","name":"onChange","required":false,"type":{"name":"((opened: boolean) => void)"}},"onClick":{"defaultValue":null,"description":"Called when the link is clicked","name":"onClick","required":false,"type":{"name":"((event: MouseEvent) => void)"}},"opened":{"defaultValue":null,"description":"Controlled nested items collapse state","name":"opened","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"Notification":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Notification/Notification.tsx","displayName":"@mantine/core/Notification","props":{"children":{"defaultValue":null,"description":"Notification body, place main text here","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeButtonProps":{"defaultValue":null,"description":"Props passed down to the close button","name":"closeButtonProps","required":false,"type":{"name":"Record"}},"color":{"defaultValue":null,"description":"Controls notification line or icon color, key of theme.colors or any valid CSS color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"icon":{"defaultValue":null,"description":"Notification icon, replaces color line","name":"icon","required":false,"type":{"name":"React.ReactNode"}},"loading":{"defaultValue":null,"description":"Replaces colored line or icon with Loader component","name":"loading","required":false,"type":{"name":"boolean"}},"onClose":{"defaultValue":null,"description":"Called when close button is clicked","name":"onClose","required":false,"type":{"name":"(() => void)"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Notification title, displayed before body","name":"title","required":false,"type":{"name":"React.ReactNode"}},"withBorder":{"defaultValue":null,"description":"Determines whether notification should have a border, false by default","name":"withBorder","required":false,"type":{"name":"boolean"}},"withCloseButton":{"defaultValue":null,"description":"Determines whether close button should be visible, true by default","name":"withCloseButton","required":false,"type":{"name":"boolean"}}}},"NumberInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/NumberInput/NumberInput.tsx","displayName":"@mantine/core/NumberInput","props":{"allowDecimal":{"defaultValue":null,"description":"Determines whether decimal values are allowed, true by default","name":"allowDecimal","required":false,"type":{"name":"boolean"}},"allowLeadingZeros":{"defaultValue":null,"description":"Determines whether leading zeros are allowed. If not set, leading zeros are removed when the input is blurred. false by default","name":"allowLeadingZeros","required":false,"type":{"name":"boolean"}},"allowNegative":{"defaultValue":null,"description":"Determines whether negative values are allowed, true by default","name":"allowNegative","required":false,"type":{"name":"boolean"}},"allowedDecimalSeparators":{"defaultValue":null,"description":"Characters which when pressed result in a decimal separator, [\'.\'] by default","name":"allowedDecimalSeparators","required":false,"type":{"name":"string[]"}},"clampBehavior":{"defaultValue":null,"description":"Controls how value is clamped, strict – user is not allowed to enter values that are not in [min, max] range, blur – user is allowed to enter any values, but the value is clamped when the input loses focus (default behavior), none – lifts all restrictions, [min, max] range is applied only for controls and up/down keys","name":"clampBehavior","required":false,"type":{"name":"\\"none\\" | \\"blur\\" | \\"strict\\"","raw":"\\"none\\" | \\"blur\\" | \\"strict\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"blur\\""},{"value":"\\"strict\\""}]}},"decimalScale":{"defaultValue":null,"description":"Limits the number of digits that can be entered after the decimal point","name":"decimalScale","required":false,"type":{"name":"number"}},"decimalSeparator":{"defaultValue":null,"description":"Character used as a decimal separator, \'.\' by default","name":"decimalSeparator","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | number"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"fixedDecimalScale":{"defaultValue":null,"description":"If set, 0s are added after decimalSeparator to match given decimalScale. false by default","name":"fixedDecimalScale","required":false,"type":{"name":"boolean"}},"handlersRef":{"defaultValue":null,"description":"Increment/decrement handlers","name":"handlersRef","required":false,"type":{"name":"ForwardedRef | undefined"}},"hideControls":{"defaultValue":null,"description":"Determines whether the up/down controls should be hidden, false by default","name":"hideControls","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"isAllowed":{"defaultValue":null,"description":"A function to validate the input value. If this function returns false, the onChange will not be called and the input value will not change.","name":"isAllowed","required":false,"type":{"name":"((values: NumberFormatValues) => boolean)"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"max":{"defaultValue":null,"description":"Maximum possible value","name":"max","required":false,"type":{"name":"number"}},"min":{"defaultValue":null,"description":"Minimum possible value","name":"min","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string | number) => void)"}},"onValueChange":{"defaultValue":null,"description":"Called when value changes with react-number-format payload","name":"onValueChange","required":false,"type":{"name":"OnValueChange"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"prefix":{"defaultValue":null,"description":"Prefix added before the input value","name":"prefix","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"startValue":{"defaultValue":null,"description":"Value set to the input when increment/decrement buttons are clicked or up/down arrows pressed if the input is empty, 0 by default","name":"startValue","required":false,"type":{"name":"number"}},"step":{"defaultValue":null,"description":"Number by which value will be incremented/decremented with up/down controls and keyboard arrows, 1 by default","name":"step","required":false,"type":{"name":"number"}},"suffix":{"defaultValue":null,"description":"Suffix added after the input value","name":"suffix","required":false,"type":{"name":"string"}},"thousandSeparator":{"defaultValue":null,"description":"A character used to separate thousands","name":"thousandSeparator","required":false,"type":{"name":"string | boolean"}},"thousandsGroupStyle":{"defaultValue":null,"description":"Defines the thousand grouping style.","name":"thousandsGroupStyle","required":false,"type":{"name":"\\"none\\" | \\"thousand\\" | \\"lakh\\" | \\"wan\\"","raw":"\\"none\\" | \\"thousand\\" | \\"lakh\\" | \\"wan\\" | undefined","value":[{"value":"undefined"},{"value":"\\"none\\""},{"value":"\\"thousand\\""},{"value":"\\"lakh\\""},{"value":"\\"wan\\""}]}},"type":{"defaultValue":null,"description":"Controls input type attribute, \'text\' by default","name":"type","required":false,"type":{"name":"\\"text\\" | \\"tel\\" | \\"password\\"","raw":"\\"text\\" | \\"tel\\" | \\"password\\" | undefined","value":[{"value":"undefined"},{"value":"\\"text\\""},{"value":"\\"tel\\""},{"value":"\\"password\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | number"}},"valueIsNumericString":{"defaultValue":null,"description":"If value is passed as string representation of numbers (unformatted) and number is used in any format props like in prefix or suffix in numeric format and format prop in pattern format then this should be passed as true. false by default.","name":"valueIsNumericString","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Overlay":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Overlay/Overlay.tsx","displayName":"@mantine/core/Overlay","props":{"backgroundOpacity":{"defaultValue":null,"description":"Controls overlay background-color opacity 0–1, disregarded when gradient prop is set, 0.6 by default","name":"backgroundOpacity","required":false,"type":{"name":"number"}},"blur":{"defaultValue":null,"description":"Overlay background blur, 0 by default","name":"blur","required":false,"type":{"name":"string | number"}},"center":{"defaultValue":null,"description":"Determines whether content inside overlay should be vertically and horizontally centered, false by default","name":"center","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Content inside overlay","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Overlay background-color, #000 by default","name":"color","required":false,"type":{"name":"BackgroundColor"}},"fixed":{"defaultValue":null,"description":"Determines whether overlay should have fixed position instead of absolute, false by default","name":"fixed","required":false,"type":{"name":"boolean"}},"gradient":{"defaultValue":null,"description":"Changes overlay to gradient. If set, color prop is ignored","name":"gradient","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, 0 by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"zIndex":{"defaultValue":null,"description":"Overlay z-index, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Pagination":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Pagination/Pagination.tsx","displayName":"@mantine/core/Pagination","props":{"boundaries":{"defaultValue":null,"description":"Number of elements visible on the left/right edges, 1 by default","name":"boundaries","required":false,"type":{"name":"number"}},"color":{"defaultValue":null,"description":"Key of theme.colors, active item color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Active page for uncontrolled component, must be an integer in [0, total] interval","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Determines whether all controls should be disabled, false by default","name":"disabled","required":false,"type":{"name":"boolean"}},"dotsIcon":{"defaultValue":null,"description":"Dots icon component","name":"dotsIcon","required":false,"type":{"name":"PaginationIcon"}},"firstIcon":{"defaultValue":null,"description":"First control icon component","name":"firstIcon","required":false,"type":{"name":"PaginationIcon"}},"gap":{"defaultValue":null,"description":"Key of theme.spacing, gap between controls, 8 by default","name":"gap","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"getControlProps":{"defaultValue":null,"description":"Adds props to next/previous/first/last controls","name":"getControlProps","required":false,"type":{"name":"((control: \\"next\\" | \\"previous\\" | \\"first\\" | \\"last\\") => Record)"}},"getItemProps":{"defaultValue":null,"description":"Additional props passed down to controls","name":"getItemProps","required":false,"type":{"name":"((page: number) => Record)"}},"lastIcon":{"defaultValue":null,"description":"Last control icon component","name":"lastIcon","required":false,"type":{"name":"PaginationIcon"}},"nextIcon":{"defaultValue":null,"description":"Next control icon component","name":"nextIcon","required":false,"type":{"name":"PaginationIcon"}},"onChange":{"defaultValue":null,"description":"Called when page changes","name":"onChange","required":false,"type":{"name":"((value: number) => void)"}},"onFirstPage":{"defaultValue":null,"description":"Called when first page control is clicked","name":"onFirstPage","required":false,"type":{"name":"(() => void)"}},"onLastPage":{"defaultValue":null,"description":"Called when last page control is clicked","name":"onLastPage","required":false,"type":{"name":"(() => void)"}},"onNextPage":{"defaultValue":null,"description":"Called when next page control is clicked","name":"onNextPage","required":false,"type":{"name":"(() => void)"}},"onPreviousPage":{"defaultValue":null,"description":"Called when previous page control is clicked","name":"onPreviousPage","required":false,"type":{"name":"(() => void)"}},"previousIcon":{"defaultValue":null,"description":"Previous control icon component","name":"previousIcon","required":false,"type":{"name":"PaginationIcon"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"siblings":{"defaultValue":null,"description":"Number of siblings displayed on the left/right side of the selected page, 1 by default","name":"siblings","required":false,"type":{"name":"number"}},"size":{"defaultValue":null,"description":"height and min-width of controls, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"total":{"defaultValue":null,"description":"Total number of pages, must be an integer","name":"total","required":true,"type":{"name":"number"}},"value":{"defaultValue":null,"description":"Active page for controlled component, must be an integer in [0, total] interval","name":"value","required":false,"type":{"name":"number"}},"withControls":{"defaultValue":null,"description":"Determines whether next/previous controls should be rendered, true by default","name":"withControls","required":false,"type":{"name":"boolean"}},"withEdges":{"defaultValue":null,"description":"Determines whether first/last controls should be rendered, false by default","name":"withEdges","required":false,"type":{"name":"boolean"}}}},"Paper":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Paper/Paper.tsx","displayName":"@mantine/core/Paper","props":{"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS value to set box-shadow, none by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"withBorder":{"defaultValue":null,"description":"Determines whether the paper should have border, border color depends on color scheme, false by default","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"PasswordInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/PasswordInput/PasswordInput.tsx","displayName":"@mantine/core/PasswordInput","props":{"defaultVisible":{"defaultValue":null,"description":"Determines whether input content should be visible (uncontrolled)","name":"defaultVisible","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"onVisibilityChange":{"defaultValue":null,"description":"Called when visibility changes","name":"onVisibilityChange","required":false,"type":{"name":"((visible: boolean) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"visibilityToggleButtonProps":{"defaultValue":null,"description":"Props passed down to the visibility toggle button","name":"visibilityToggleButtonProps","required":false,"type":{"name":"Record"}},"visibilityToggleIcon":{"defaultValue":null,"description":"Custom visibility toggle icon","name":"visibilityToggleIcon","required":false,"type":{"name":"FC<{ reveal: boolean; }>"}},"visible":{"defaultValue":null,"description":"Determines whether input content should be visible (controlled)","name":"visible","required":false,"type":{"name":"boolean"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Pill":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Pill/Pill.tsx","displayName":"@mantine/core/Pill","props":{"disabled":{"defaultValue":null,"description":"If pill is disabled it has higher contrast to be visible on the disabled input background and the remove button is hidden","name":"disabled","required":false,"type":{"name":"boolean"}},"onRemove":{"defaultValue":null,"description":"Called when the remove button is clicked","name":"onRemove","required":false,"type":{"name":"(() => void)"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. \'xl\' by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"removeButtonProps":{"defaultValue":null,"description":"Props passed down to the remove button","name":"removeButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"size":{"defaultValue":null,"description":"Controls pill font-size and padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withRemoveButton":{"defaultValue":null,"description":"Determines whether the remove button should be displayed, false by default","name":"withRemoveButton","required":false,"type":{"name":"boolean"}}}},"PillsInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/PillsInput/PillsInput.tsx","displayName":"@mantine/core/PillsInput","props":{"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"PinInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/PinInput/PinInput.tsx","displayName":"@mantine/core/PinInput","props":{"ariaLabel":{"defaultValue":null,"description":"aria-label for the inputs","name":"ariaLabel","required":false,"type":{"name":"string"}},"autoFocus":{"defaultValue":null,"description":"If set, the first input is focused when component is mounted, false by default","name":"autoFocus","required":false,"type":{"name":"boolean"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"disabled":{"defaultValue":null,"description":"Disables all inputs","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Adds error styles to all inputs","name":"error","required":false,"type":{"name":"boolean"}},"form":{"defaultValue":null,"description":"Hidden input form attribute","name":"form","required":false,"type":{"name":"string"}},"gap":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value for gap, numbers are converted to rem, \'md\' by default","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"id":{"defaultValue":null,"description":"Base id used for all inputs, generated randomly by default","name":"id","required":false,"type":{"name":"string"}},"inputMode":{"defaultValue":null,"description":"inputmode attribute, inferred from the type prop if not specified","name":"inputMode","required":false,"type":{"name":"\\"search\\" | \\"text\\" | \\"none\\" | \\"tel\\" | \\"url\\" | \\"email\\" | \\"numeric\\" | \\"decimal\\"","raw":"\\"search\\" | \\"text\\" | \\"none\\" | \\"tel\\" | \\"url\\" | \\"email\\" | \\"numeric\\" | \\"decimal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"search\\""},{"value":"\\"text\\""},{"value":"\\"none\\""},{"value":"\\"tel\\""},{"value":"\\"url\\""},{"value":"\\"email\\""},{"value":"\\"numeric\\""},{"value":"\\"decimal\\""}]}},"inputType":{"defaultValue":null,"description":"Inputs type attribute, inferred from the type prop if not specified","name":"inputType","required":false,"type":{"name":"HTMLInputTypeAttribute"}},"length":{"defaultValue":null,"description":"Number of input boxes, 4 by default","name":"length","required":false,"type":{"name":"number"}},"manageFocus":{"defaultValue":null,"description":"Determines whether focus should be moved automatically to the next input once filled, true by default","name":"manageFocus","required":false,"type":{"name":"boolean"}},"mask":{"defaultValue":null,"description":"Changes input type to \\"password\\", false by default","name":"mask","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Hidden input name attribute","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"onComplete":{"defaultValue":null,"description":"Called when all inputs have value","name":"onComplete","required":false,"type":{"name":"((value: string) => void)"}},"oneTimeCode":{"defaultValue":null,"description":"Determines whether autocomplete=\\"one-time-code\\" attribute should be set on all inputs, true by default","name":"oneTimeCode","required":false,"type":{"name":"boolean"}},"placeholder":{"defaultValue":null,"description":"Inputs placeholder, \'○\' by default","name":"placeholder","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether input content can be edited","name":"readOnly","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls inputs width and height, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Allowed values, \'alphanumeric\' by default","name":"type","required":false,"type":{"name":"\\"number\\" | RegExp | \\"alphanumeric\\""}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}}}},"Popover":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Popover/Popover.tsx","displayName":"@mantine/core/Popover","props":{"arrowOffset":{"defaultValue":null,"description":"Arrow offset in px, 5 by default","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position","name":"arrowPosition","required":false,"type":{"name":"ArrowPosition","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""}]}},"arrowRadius":{"defaultValue":null,"description":"Arrow border-radius in px, 0 by default","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":null,"description":"Arrow size in px, 7 by default","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Popover.Target and Popover.Dropdown components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clickOutsideEvents":{"defaultValue":null,"description":"Events that trigger outside clicks","name":"clickOutsideEvents","required":false,"type":{"name":"string[]"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether dropdown should be closed on outside clicks, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether dropdown should be closed when Escape key is pressed, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"defaultOpened":{"defaultValue":null,"description":"Initial opened state for uncontrolled component","name":"defaultOpened","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, popover dropdown will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"id base to create accessibility connections","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set dropdown will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"middlewares":{"defaultValue":null,"description":"Floating ui middlewares to configure position handling, { flip: true, shift: true, inline: false } by default","name":"middlewares","required":false,"type":{"name":"PopoverMiddlewares"}},"offset":{"defaultValue":null,"description":"Offset of the dropdown element, 8 by default","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onChange":{"defaultValue":null,"description":"Called with current state when dropdown opens or closes","name":"onChange","required":false,"type":{"name":"((opened: boolean) => void)"}},"onClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onClose","required":false,"type":{"name":"(() => void)"}},"onOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onOpen","required":false,"type":{"name":"(() => void)"}},"onPositionChange":{"defaultValue":null,"description":"Called when dropdown position changes","name":"onPositionChange","required":false,"type":{"name":"((position: FloatingPosition) => void)"}},"opened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"opened","required":false,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Dropdown position relative to the target element, \'bottom\' by default","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"positionDependencies":{"defaultValue":null,"description":"useEffect dependencies to force update dropdown position, [] by default","name":"positionDependencies","required":false,"type":{"name":"any[]"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be automatically returned to control when dropdown closes, false by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any other valid CSS box-shadow value","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component that used to animate dropdown presence, use to configure duration and animation type, { duration: 150, transition: \'fade\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped within dropdown, false by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":null,"description":"Dropdown width, or \'target\' to make dropdown width the same as target element, \'max-content\' by default","name":"width","required":false,"type":{"name":"PopoverWidth"}},"withArrow":{"defaultValue":null,"description":"Determines whether component should have an arrow, false by default","name":"withArrow","required":false,"type":{"name":"boolean"}},"withRoles":{"defaultValue":null,"description":"Determines whether dropdown and target elements should have accessible roles, true by default","name":"withRoles","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether dropdown should be rendered within the Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Dropdown z-index, 300 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Popover.Target":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Popover/Popover.tsx","displayName":"Popover.Target","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"popupType":{"defaultValue":null,"description":"Popup accessible type, \'dialog\' by default","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"Popover.Dropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Popover/Popover.tsx","description":"","displayName":"Popover.Dropdown","props":{}},"Portal":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Portal/Portal.tsx","displayName":"@mantine/core/Portal","props":{"children":{"defaultValue":null,"description":"Portal children, for example, custom modal or popover","name":"children","required":true,"type":{"name":"React.ReactNode"}},"target":{"defaultValue":null,"description":"Element inside which portal should be created, by default a new div element is created and appended to the document.body","name":"target","required":false,"type":{"name":"string | HTMLElement"}}}},"Progress":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Progress/Progress.tsx","displayName":"@mantine/core/Progress","props":{"animated":{"defaultValue":null,"description":"Determines whether the sections stripes should be animated, if set, striped prop is ignored, false by default","name":"animated","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS value, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls track height, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"striped":{"defaultValue":null,"description":"Determines whether the section should have stipes, false by default","name":"striped","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Value of the progress","name":"value","required":true,"type":{"name":"number"}}}},"Radio":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Radio/Radio.tsx","displayName":"@mantine/core/Radio","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set input color in checked state, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error displayed below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Custom checked icon component, by default a circle is displayed in checked state","name":"icon","required":false,"type":{"name":"FC"}},"label":{"defaultValue":null,"description":"Radio label","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":null,"description":"Position of the label relative to the input, \'right\' by default","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, \\"xl\\" by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element, can be used with Tooltip and other similar components","name":"rootRef","required":false,"type":{"name":"ForwardedRef"}},"size":{"defaultValue":null,"description":"Controls size of all elements, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Rating":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Rating/Rating.tsx","displayName":"@mantine/core/Rating","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any CSS color value, yellow by default","name":"color","required":false,"type":{"name":"MantineColor"}},"count":{"defaultValue":null,"description":"Number of controls that should be rendered","name":"count","required":false,"type":{"name":"number"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"number"}},"emptySymbol":{"defaultValue":null,"description":"The icon that is displayed when symbol is empty","name":"emptySymbol","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"fractions":{"defaultValue":null,"description":"Number of fractions each item can be divided into, 1 by default","name":"fractions","required":false,"type":{"name":"number"}},"fullSymbol":{"defaultValue":null,"description":"This icon that is displayed when symbol is full","name":"fullSymbol","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"getSymbolLabel":{"defaultValue":null,"description":"Function should return labelText for the symbols","name":"getSymbolLabel","required":false,"type":{"name":"((value: number) => string)"}},"highlightSelectedOnly":{"defaultValue":null,"description":"If true, only the selected symbol will change to full symbol","name":"highlightSelectedOnly","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of rating, should be unique within the page","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: number) => void)"}},"onHover":{"defaultValue":null,"description":"Called when item is hovered","name":"onHover","required":false,"type":{"name":"((value: number) => void)"}},"readOnly":{"defaultValue":null,"description":"If true, you won\'t be able to interact","name":"readOnly","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"number"}}}},"RingProgress":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/RingProgress/RingProgress.tsx","displayName":"@mantine/core/RingProgress","props":{"label":{"defaultValue":null,"description":"Label displayed in the center of the ring","name":"label","required":false,"type":{"name":"React.ReactNode"}},"rootColor":{"defaultValue":null,"description":"Color of the root section, key of theme.colors or CSS color value","name":"rootColor","required":false,"type":{"name":"MantineColor"}},"roundCaps":{"defaultValue":null,"description":"Sets whether the edges of the progress circle are rounded","name":"roundCaps","required":false,"type":{"name":"boolean"}},"sections":{"defaultValue":null,"description":"Ring sections","name":"sections","required":true,"type":{"name":"RingProgressSection[]"}},"size":{"defaultValue":null,"description":"Width and height of the progress ring","name":"size","required":false,"type":{"name":"number"}},"thickness":{"defaultValue":null,"description":"Ring thickness","name":"thickness","required":false,"type":{"name":"number"}}}},"ScrollArea":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ScrollArea/ScrollArea.tsx","displayName":"@mantine/core/ScrollArea","props":{"offsetScrollbars":{"defaultValue":null,"description":"Determines whether scrollbars should be offset with padding on given axis, false by default","name":"offsetScrollbars","required":false,"type":{"name":"boolean | \\"x\\" | \\"y\\""}},"onScrollPositionChange":{"defaultValue":null,"description":"Called with current position (x and y coordinates) when viewport is scrolled","name":"onScrollPositionChange","required":false,"type":{"name":"((position: { x: number; y: number; }) => void)"}},"scrollHideDelay":{"defaultValue":null,"description":"Scroll hide delay in ms, applicable only when type is set to hover or scroll, 1000 by default","name":"scrollHideDelay","required":false,"type":{"name":"number"}},"scrollbarSize":{"defaultValue":null,"description":"Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 0.75rem","name":"scrollbarSize","required":false,"type":{"name":"string | number"}},"type":{"defaultValue":null,"description":"Defines scrollbars behavior, hover by default\\n- hover – scrollbars are visible when mouse is over the scroll area\\n- scroll – scrollbars are visible when the scroll area is scrolled\\n- always – scrollbars are always visible\\n- never – scrollbars are always hidden\\n- auto – similar to overflow: auto – scrollbars are always visible when the content is overflowing","name":"type","required":false,"type":{"name":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\"","raw":"\\"auto\\" | \\"scroll\\" | \\"always\\" | \\"hover\\" | \\"never\\" | undefined","value":[{"value":"undefined"},{"value":"\\"auto\\""},{"value":"\\"scroll\\""},{"value":"\\"always\\""},{"value":"\\"hover\\""},{"value":"\\"never\\""}]}},"viewportProps":{"defaultValue":null,"description":"Props passed down to the viewport element","name":"viewportProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"viewportRef":{"defaultValue":null,"description":"Assigns viewport element (scrollable container) ref","name":"viewportRef","required":false,"type":{"name":"ForwardedRef"}}}},"SegmentedControl":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/SegmentedControl/SegmentedControl.tsx","displayName":"@mantine/core/SegmentedControl","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, changes color of indicator, by default color is based on current color scheme","name":"color","required":false,"type":{"name":"MantineColor"}},"data":{"defaultValue":null,"description":"Data based on which controls are rendered","name":"data","required":true,"type":{"name":"(string | SegmentedControlItem)[]"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string"}},"disabled":{"defaultValue":null,"description":"Determines whether the component is disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"fullWidth":{"defaultValue":null,"description":"Determines whether the component should take 100% width of its parent, false by default","name":"fullWidth","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of the radio group, by default random name is generated","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"orientation":{"defaultValue":null,"description":"Determines in which orientation component id displayed, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the value can be changed","name":"readOnly","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls font-size, padding and height properties, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"transitionDuration":{"defaultValue":null,"description":"Indicator transition-duration in ms, set 0 to turn off transitions, 200 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"transitionTimingFunction":{"defaultValue":null,"description":"Indicator transition-timing-function property, ease by default","name":"transitionTimingFunction","required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}}}},"Select":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Select/Select.tsx","displayName":"@mantine/core/Select","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether it should be possible to deselect value by clicking on the selected option, true by default","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"checkIconPosition":{"defaultValue":null,"description":"Position of the check icon relative to the option label, \'left\' by default","name":"checkIconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"(__CloseButtonProps & ElementProps<\\"button\\">)"}},"clearable":{"defaultValue":null,"description":"Determines whether the clear button should be displayed in the right section when the component has value, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to Combobox component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options","name":"data","required":false,"type":{"name":"ComboboxData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"string | null"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, Infinity by default","name":"limit","required":false,"type":{"name":"number"}},"maxDropdownHeight":{"defaultValue":null,"description":"max-height of the dropdown, only applicable when withScrollArea prop is true, 250 by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"nothingFoundMessage":{"defaultValue":null,"description":"Message displayed when no option matched current search query, only applicable when searchable prop is set","name":"nothingFoundMessage","required":false,"type":{"name":"React.ReactNode"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string | null) => void)"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"(() => void)"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"(() => void)"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or Enter key","name":"onOptionSubmit","required":false,"type":{"name":"((value: string) => void)"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"searchable":{"defaultValue":null,"description":"Determines whether the select should be searchable, false by default","name":"searchable","required":false,"type":{"name":"boolean"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"Determines whether the first option should be selected when value changes, false by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | null"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCheckIcon":{"defaultValue":null,"description":"Determines whether check icon should be displayed near the selected option label, true by default","name":"withCheckIcon","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with ScrollArea.AutoSize, true by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"SimpleGrid":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/SimpleGrid/SimpleGrid.tsx","displayName":"@mantine/core/SimpleGrid","props":{"cols":{"defaultValue":null,"description":"Number of columns, 1 by default","name":"cols","required":false,"type":{"name":"StyleProp"}},"spacing":{"defaultValue":null,"description":"Spacing between columns, \'md\' by default","name":"spacing","required":false,"type":{"name":"StyleProp"}},"verticalSpacing":{"defaultValue":null,"description":"Spacing between rows, \'md\' by default","name":"verticalSpacing","required":false,"type":{"name":"StyleProp"}}}},"Skeleton":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Skeleton/Skeleton.tsx","displayName":"@mantine/core/Skeleton","props":{"animate":{"defaultValue":null,"description":"Determines whether Skeleton should be animated, true by default","name":"animate","required":false,"type":{"name":"boolean"}},"circle":{"defaultValue":null,"description":"If set, Skeleton width and border-radius are equal to its height, false by default","name":"circle","required":false,"type":{"name":"boolean"}},"height":{"defaultValue":null,"description":"Skeleton height, numbers are converted to rem, auto by default","name":"height","required":false,"type":{"name":"Height"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. theme.defaultRadius by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"visible":{"defaultValue":null,"description":"Determines whether Skeleton overlay should be displayed, true by default","name":"visible","required":false,"type":{"name":"boolean"}},"width":{"defaultValue":null,"description":"Skeleton width, numbers are converted to rem, 100% by default, ignored when circle prop is set","name":"width","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}}}},"Space":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Space/Space.tsx","description":"","displayName":"@mantine/core/Space","props":{}},"Spoiler":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Spoiler/Spoiler.tsx","displayName":"@mantine/core/Spoiler","props":{"controlRef":{"defaultValue":null,"description":"Get ref of spoiler toggle button","name":"controlRef","required":false,"type":{"name":"ForwardedRef"}},"hideLabel":{"defaultValue":null,"description":"Label for close spoiler action","name":"hideLabel","required":true,"type":{"name":"React.ReactNode"}},"initialState":{"defaultValue":null,"description":"Initial spoiler state, true to wrap content in spoiler, false to show content without spoiler, opened state is updated on mount","name":"initialState","required":false,"type":{"name":"boolean"}},"maxHeight":{"defaultValue":null,"description":"Maximum height of the visible content, when this point is reached spoiler appears, 100 by default","name":"maxHeight","required":false,"type":{"name":"number"}},"showLabel":{"defaultValue":null,"description":"Label for open spoiler action","name":"showLabel","required":true,"type":{"name":"React.ReactNode"}},"transitionDuration":{"defaultValue":null,"description":"Spoiler reveal transition duration in ms, set 0 or null to turn off animation, 200 by default","name":"transitionDuration","required":false,"type":{"name":"number"}}}},"Stack":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Stack/Stack.tsx","displayName":"@mantine/core/Stack","props":{"align":{"defaultValue":null,"description":"Controls align-items CSS property, \'stretch\' by default","name":"align","required":false,"type":{"name":"AlignItems"}},"gap":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set gap property, numbers are converted to rem, \'md\' by default","name":"gap","required":false,"type":{"name":"MantineSpacing"}},"justify":{"defaultValue":null,"description":"Controls justify-content CSS property, \'flex-start\' by default","name":"justify","required":false,"type":{"name":"JustifyContent"}}}},"Stepper":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Stepper/Stepper.tsx","displayName":"@mantine/core/Stepper","props":{"active":{"defaultValue":null,"description":"Index of the active step","name":"active","required":true,"type":{"name":"number"}},"allowNextStepsSelect":{"defaultValue":null,"description":"Determines whether next steps can be selected, true by default *","name":"allowNextStepsSelect","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":" components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls colors of active and progress steps, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"completedIcon":{"defaultValue":null,"description":"Step icon displayed when step is completed, check icon by default","name":"completedIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"contentPadding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set padding-top of the content","name":"contentPadding","required":false,"type":{"name":"MantineSpacing"}},"icon":{"defaultValue":null,"description":"Step icon, default value is step index + 1","name":"icon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"iconPosition":{"defaultValue":null,"description":"Icon position relative to the step body, \'left\' by default","name":"iconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"iconSize":{"defaultValue":null,"description":"Controls size of the step icon, by default icon size is inferred from size prop","name":"iconSize","required":false,"type":{"name":"string | number"}},"onStepClick":{"defaultValue":null,"description":"Called when step is clicked","name":"onStepClick","required":false,"type":{"name":"((stepIndex: number) => void)"}},"orientation":{"defaultValue":null,"description":"Stepper orientation, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"progressIcon":{"defaultValue":null,"description":"Step icon displayed when step is in progress, default value is step index + 1","name":"progressIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set steps border-radius, \\"xl\\" by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls size of various Stepper elements","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"wrap":{"defaultValue":null,"description":"Determines whether steps should wrap to the next line if no space is available, true by default","name":"wrap","required":false,"type":{"name":"boolean"}}}},"Switch":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Switch/Switch.tsx","displayName":"@mantine/core/Switch","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set input color in checked state, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"description":{"defaultValue":null,"description":"Description displayed below the label","name":"description","required":false,"type":{"name":"React.ReactNode"}},"error":{"defaultValue":null,"description":"Error displayed below the label","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Id used to bind input and label, if not passed, unique id will be generated instead","name":"id","required":false,"type":{"name":"string"}},"label":{"defaultValue":null,"description":"Switch label","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelPosition":{"defaultValue":null,"description":"Position of the label relative to the input, \'right\' by default","name":"labelPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"offLabel":{"defaultValue":null,"description":"Inner label when Switch is in unchecked state","name":"offLabel","required":false,"type":{"name":"React.ReactNode"}},"onLabel":{"defaultValue":null,"description":"Inner label when Switch is in checked state","name":"onLabel","required":false,"type":{"name":"React.ReactNode"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, \\"xl\\" by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rootRef":{"defaultValue":null,"description":"Assigns ref of the root element, can be used with Tooltip and other similar components","name":"rootRef","required":false,"type":{"name":"ForwardedRef"}},"size":{"defaultValue":null,"description":"Controls size of all elements","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"thumbIcon":{"defaultValue":null,"description":"Icon inside the thumb of switch","name":"thumbIcon","required":false,"type":{"name":"React.ReactNode"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the wrapper element","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Table":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Table/Table.tsx","displayName":"@mantine/core/Table","props":{"borderColor":{"defaultValue":null,"description":"Color of table borders, key of theme.colors or any valid CSS color","name":"borderColor","required":false,"type":{"name":"MantineColor"}},"captionSide":{"defaultValue":null,"description":"Determines on which side Table.Caption is displayed, bottom by default","name":"captionSide","required":false,"type":{"name":"\\"bottom\\" | \\"top\\"","raw":"\\"bottom\\" | \\"top\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom\\""},{"value":"\\"top\\""}]}},"highlightOnHover":{"defaultValue":null,"description":"Determines whether table rows background should change to highlightOnHoverColor when hovered, false by default","name":"highlightOnHover","required":false,"type":{"name":"boolean"}},"highlightOnHoverColor":{"defaultValue":null,"description":"Background color of table rows when hovered, key of theme.colors or any valid CSS color","name":"highlightOnHoverColor","required":false,"type":{"name":"MantineColor"}},"horizontalSpacing":{"defaultValue":null,"description":"Horizontal cells spacing, key of theme.spacing or any valid CSS value for padding, numbers are converted to rem, default value is xs","name":"horizontalSpacing","required":false,"type":{"name":"MantineSpacing"}},"layout":{"defaultValue":null,"description":"Value of table-layout style, auto by default","name":"layout","required":false,"type":{"name":"TableLayout","raw":"TableLayout | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"auto\\""},{"value":"\\"fixed\\""}]}},"striped":{"defaultValue":null,"description":"Determines whether every odd/even row background should be changed to strippedColor, if set to true, then odd value will be used, false by default","name":"striped","required":false,"type":{"name":"boolean | \\"odd\\" | \\"even\\""}},"stripedColor":{"defaultValue":null,"description":"Background color of striped rows, key of theme.colors or any valid CSS color","name":"stripedColor","required":false,"type":{"name":"MantineColor"}},"verticalSpacing":{"defaultValue":null,"description":"Vertical cells spacing, key of theme.spacing or any valid CSS value for padding, numbers are converted to rem, default value is xs","name":"verticalSpacing","required":false,"type":{"name":"MantineSpacing"}},"withColumnBorders":{"defaultValue":null,"description":"Determines whether the table should have borders between columns, false by default","name":"withColumnBorders","required":false,"type":{"name":"boolean"}},"withRowBorders":{"defaultValue":null,"description":"Determines whether the table should have borders between rows, true by default","name":"withRowBorders","required":false,"type":{"name":"boolean"}},"withTableBorder":{"defaultValue":null,"description":"Determines whether the table should have outer border, false by default","name":"withTableBorder","required":false,"type":{"name":"boolean"}}}},"Tabs":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Tabs/Tabs.tsx","displayName":"@mantine/core/Tabs","props":{"activateTabWithKeyboard":{"defaultValue":null,"description":"Determines whether tab should be activated with arrow key press, true by default","name":"activateTabWithKeyboard","required":false,"type":{"name":"boolean"}},"allowTabDeactivation":{"defaultValue":null,"description":"Determines whether tab can be deactivated, false by default","name":"allowTabDeactivation","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Tabs content","name":"children","required":true,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Changes colors of Tabs.Tab components when variant is pills or default, does nothing for other variants","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string | null"}},"id":{"defaultValue":null,"description":"Base id, used to generate ids to connect labels with controls, generated randomly by default","name":"id","required":false,"type":{"name":"string"}},"inverted":{"defaultValue":null,"description":"Determines whether tabs should have inverted styles, false by default","name":"inverted","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set to false, Tabs.Panel content will be unmounted when the associated tab is not active, true by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"loop":{"defaultValue":null,"description":"Determines whether arrow key presses should loop though items (first to last and last to first), true by default","name":"loop","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string | null) => void)"}},"orientation":{"defaultValue":null,"description":"Tabs orientation, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"placement":{"defaultValue":null,"description":"Tabs.List placement relative to Tabs.Panel, applicable only when orientation=\\"vertical\\", \'left\' by default","name":"placement","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"string | null"}}}},"TagsInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/TagsInput/TagsInput.tsx","displayName":"@mantine/core/TagsInput","props":{"allowDuplicates":{"defaultValue":null,"description":"Determines whether duplicate tags are allowed, false by default","name":"allowDuplicates","required":false,"type":{"name":"boolean"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to the clear button","name":"clearButtonProps","required":false,"type":{"name":"(__CloseButtonProps & ElementProps<\\"button\\">)"}},"clearable":{"defaultValue":null,"description":"Determines whether the clear button should be displayed in the right section when the component has value, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"comboboxProps":{"defaultValue":null,"description":"Props passed down to Combobox component","name":"comboboxProps","required":false,"type":{"name":"ComboboxProps"}},"data":{"defaultValue":null,"description":"Data used to generate options","name":"data","required":false,"type":{"name":"ComboboxData"}},"defaultDropdownOpened":{"defaultValue":null,"description":"Uncontrolled dropdown initial opened state","name":"defaultDropdownOpened","required":false,"type":{"name":"boolean"}},"defaultSearchValue":{"defaultValue":null,"description":"Default search value","name":"defaultSearchValue","required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownOpened":{"defaultValue":null,"description":"Controlled dropdown opened state","name":"dropdownOpened","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"filter":{"defaultValue":null,"description":"Function based on which items are filtered and sorted","name":"filter","required":false,"type":{"name":"OptionsFilter"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"limit":{"defaultValue":null,"description":"Maximum number of options displayed at a time, Infinity by default","name":"limit","required":false,"type":{"name":"number"}},"maxDropdownHeight":{"defaultValue":null,"description":"max-height of the dropdown, only applicable when withScrollArea prop is true, 250 by default","name":"maxDropdownHeight","required":false,"type":{"name":"string | number"}},"maxTags":{"defaultValue":null,"description":"Maximum number of tags, Infinity by default","name":"maxTags","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called whe value changes","name":"onChange","required":false,"type":{"name":"((value: string[]) => void)"}},"onDropdownClose":{"defaultValue":null,"description":"Called when dropdown closes","name":"onDropdownClose","required":false,"type":{"name":"(() => void)"}},"onDropdownOpen":{"defaultValue":null,"description":"Called when dropdown opens","name":"onDropdownOpen","required":false,"type":{"name":"(() => void)"}},"onDuplicate":{"defaultValue":null,"description":"Called when user tries to submit a duplicated tag","name":"onDuplicate","required":false,"type":{"name":"((value: string) => void)"}},"onOptionSubmit":{"defaultValue":null,"description":"Called when option is submitted from dropdown with mouse click or Enter key","name":"onOptionSubmit","required":false,"type":{"name":"((value: string) => void)"}},"onSearchChange":{"defaultValue":null,"description":"Called when search changes","name":"onSearchChange","required":false,"type":{"name":"((value: string) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"searchValue":{"defaultValue":null,"description":"Controlled search value","name":"searchValue","required":false,"type":{"name":"string"}},"selectFirstOptionOnChange":{"defaultValue":null,"description":"Determines whether the first option should be selected when value changes, false by default","name":"selectFirstOptionOnChange","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"splitChars":{"defaultValue":null,"description":"Characters that should trigger tags split, [\',\'] by default","name":"splitChars","required":false,"type":{"name":"string[]"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withScrollArea":{"defaultValue":null,"description":"Determines whether the options should be wrapped with ScrollArea.AutoSize, true by default","name":"withScrollArea","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Text":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Text/Text.tsx","displayName":"@mantine/core/Text","props":{"color":{"defaultValue":null,"description":"@deprecated Use c prop instead","name":"color","required":false,"type":{"name":"MantineColor"}},"gradient":{"defaultValue":null,"description":"Gradient configuration, ignored when variant is not gradient, theme.defaultGradient by default","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"inherit":{"defaultValue":null,"description":"Determines whether font properties should be inherited from the parent, false by default","name":"inherit","required":false,"type":{"name":"boolean"}},"inline":{"defaultValue":null,"description":"Sets line-height to 1 for centering, false by default","name":"inline","required":false,"type":{"name":"boolean"}},"lineClamp":{"defaultValue":null,"description":"Number of lines after which Text will be truncated","name":"lineClamp","required":false,"type":{"name":"number"}},"size":{"defaultValue":null,"description":"Controls font-size and line-height, \'md\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"span":{"defaultValue":null,"description":"Shorthand for component=\\"span\\", false by default, default root element is p","name":"span","required":false,"type":{"name":"boolean"}},"truncate":{"defaultValue":null,"description":"Side on which Text must be truncated, if true, text in truncated from the start","name":"truncate","required":false,"type":{"name":"TextTruncate"}}}},"TextInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/TextInput/TextInput.tsx","displayName":"@mantine/core/TextInput","props":{"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Textarea":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Textarea/Textarea.tsx","displayName":"@mantine/core/Textarea","props":{"autosize":{"defaultValue":null,"description":"Determines whether the textarea height should grow with its content, false by default","name":"autosize","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"maxRows":{"defaultValue":null,"description":"Maximum rows for autosize textarea to grow, ignored if autosize prop is not set","name":"maxRows","required":false,"type":{"name":"number"}},"minRows":{"defaultValue":null,"description":"Minimum rows of autosize textarea, ignored if autosize prop is not set","name":"minRows","required":false,"type":{"name":"number"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"ThemeIcon":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ThemeIcon/ThemeIcon.tsx","displayName":"@mantine/core/ThemeIcon","props":{"children":{"defaultValue":null,"description":"Icon displayed inside the component","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color. Default value is theme.primaryColor.","name":"color","required":false,"type":{"name":"MantineColor"}},"gradient":{"defaultValue":null,"description":"Gradient data used when variant=\\"gradient\\", default value is theme.defaultGradient","name":"gradient","required":false,"type":{"name":"MantineGradient"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius. Numbers are converted to rem. theme.defaultRadius by default.","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls width and height of the button. Numbers are converted to rem. \'md\' by default.","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"Timeline":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Timeline/Timeline.tsx","displayName":"@mantine/core/Timeline","props":{"active":{"defaultValue":null,"description":"Index of active element","name":"active","required":false,"type":{"name":"number"}},"align":{"defaultValue":null,"description":"Controls how the content is positioned relative to the bullet, \'left\' by default","name":"align","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"bulletSize":{"defaultValue":null,"description":"Controls size of the bullet, 20 by default","name":"bulletSize","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"Timeline.Item components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to control active item colors, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"lineWidth":{"defaultValue":null,"description":"Control width of the line","name":"lineWidth","required":false,"type":{"name":"string | number"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"reverseActive":{"defaultValue":null,"description":"Determines whether the active items direction should be reversed without reversing items order, false by default","name":"reverseActive","required":false,"type":{"name":"boolean"}}}},"Title":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Title/Title.tsx","displayName":"@mantine/core/Title","props":{"order":{"defaultValue":null,"description":"Determines which tag will be used (h1-h6), controls font-size style if size prop is not set, 1 by default","name":"order","required":false,"type":{"name":"TitleOrder","raw":"TitleOrder | undefined","value":[{"value":"undefined"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"size":{"defaultValue":null,"description":"Changes title size, if not set, then size is controlled by order prop","name":"size","required":false,"type":{"name":"TitleSize"}}}},"Tooltip":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Tooltip/Tooltip.tsx","displayName":"@mantine/core/Tooltip","props":{"arrowOffset":{"defaultValue":null,"description":"Arrow offset in px, 5 by default","name":"arrowOffset","required":false,"type":{"name":"number"}},"arrowPosition":{"defaultValue":null,"description":"Arrow position relative to the tooltip, side by default","name":"arrowPosition","required":false,"type":{"name":"ArrowPosition","raw":"ArrowPosition | undefined","value":[{"value":"undefined"},{"value":"\\"center\\""},{"value":"\\"side\\""}]}},"arrowRadius":{"defaultValue":null,"description":"Arrow border-radius in px, 0 by default","name":"arrowRadius","required":false,"type":{"name":"number"}},"arrowSize":{"defaultValue":null,"description":"Arrow size in px, 4 by default","name":"arrowSize","required":false,"type":{"name":"number"}},"children":{"defaultValue":null,"description":"Target element, must support ref prop and ...others","name":"children","required":true,"type":{"name":"React.ReactNode"}},"closeDelay":{"defaultValue":null,"description":"Close delay in ms, 0 by default","name":"closeDelay","required":false,"type":{"name":"number"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls tooltip background, by default set based on current color scheme","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"If set, tooltip element will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"events":{"defaultValue":null,"description":"Determines which events will be used to show tooltip, { hover: true, focus: false, touch: false } by default","name":"events","required":false,"type":{"name":"{ hover: boolean; focus: boolean; touch: boolean; }"}},"inline":{"defaultValue":null,"description":"Must be set if the tooltip target is an inline element","name":"inline","required":false,"type":{"name":"boolean"}},"keepMounted":{"defaultValue":null,"description":"If set, the tooltip will not be unmounted from the DOM when it is hidden, display: none styles will be applied instead","name":"keepMounted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Tooltip content","name":"label","required":true,"type":{"name":"React.ReactNode"}},"multiline":{"defaultValue":null,"description":"Determines whether content should be wrapped on to the next line, false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"offset":{"defaultValue":null,"description":"Space between target element and tooltip in px, 5 by default","name":"offset","required":false,"type":{"name":"number | FloatingAxesOffsets"}},"onPositionChange":{"defaultValue":null,"description":"Called when tooltip position changes","name":"onPositionChange","required":false,"type":{"name":"((position: FloatingPosition) => void)"}},"openDelay":{"defaultValue":null,"description":"Open delay in ms","name":"openDelay","required":false,"type":{"name":"number"}},"opened":{"defaultValue":null,"description":"Controlled opened state","name":"opened","required":false,"type":{"name":"boolean"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Tooltip position relative to target element (Tooltip component) or mouse (Tooltip.Floating component)","name":"position","required":false,"type":{"name":"FloatingPosition","raw":"FloatingPosition | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""},{"value":"\\"bottom\\""},{"value":"\\"top\\""},{"value":"\\"left-end\\""},{"value":"\\"left-start\\""},{"value":"\\"right-end\\""},{"value":"\\"right-start\\""},{"value":"\\"bottom-end\\""},{"value":"\\"bottom-start\\""},{"value":"\\"top-end\\""},{"value":"\\"top-start\\""}]}},"positionDependencies":{"defaultValue":null,"description":"useEffect dependencies to force update tooltip position","name":"positionDependencies","required":false,"type":{"name":"any[]"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"refProp":{"defaultValue":null,"description":"Key of the prop that can be used to access element ref, ref by default","name":"refProp","required":false,"type":{"name":"string"}},"transitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component that used to animate tooltip presence, use to configure duration and animation type, { duration: 100, transition: \'fade\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"withArrow":{"defaultValue":null,"description":"Determines whether the tooltip should have an arrow, false by default","name":"withArrow","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether tooltip should be rendered within Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Tooltip z-index, 300 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"Transition":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Transition/Transition.tsx","displayName":"@mantine/core/Transition","props":{"children":{"defaultValue":null,"description":"Render function with transition styles argument","name":"children","required":true,"type":{"name":"(styles: CSSProperties) => Element"}},"duration":{"defaultValue":{"value":"250"},"description":"Transition duration in ms, 250 by default","name":"duration","required":false,"type":{"name":"number"}},"exitDuration":{"defaultValue":{"value":"250"},"description":"Exit transition duration in ms, 250 by default","name":"exitDuration","required":false,"type":{"name":"number"}},"keepMounted":{"defaultValue":null,"description":"If set element will not be unmounted from the DOM when it is hidden, display: none styles will be applied instead","name":"keepMounted","required":false,"type":{"name":"boolean"}},"mounted":{"defaultValue":null,"description":"Determines whether component should be mounted to the DOM","name":"mounted","required":true,"type":{"name":"boolean"}},"onEnter":{"defaultValue":null,"description":"Called when enter transition starts","name":"onEnter","required":false,"type":{"name":"(() => void)"}},"onEntered":{"defaultValue":null,"description":"Called when enter transition ends","name":"onEntered","required":false,"type":{"name":"(() => void)"}},"onExit":{"defaultValue":null,"description":"Called when exit transition starts","name":"onExit","required":false,"type":{"name":"(() => void)"}},"onExited":{"defaultValue":null,"description":"Called when exit transition ends","name":"onExited","required":false,"type":{"name":"(() => void)"}},"timingFunction":{"defaultValue":{"value":"ease"},"description":"Transition timing function, theme.transitionTimingFunction by default","name":"timingFunction","required":false,"type":{"name":"string"}},"transition":{"defaultValue":{"value":"fade"},"description":"Transition name or object","name":"transition","required":false,"type":{"name":"MantineTransition"}}}},"TypographyStylesProvider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/TypographyStylesProvider/TypographyStylesProvider.tsx","description":"","displayName":"@mantine/core/TypographyStylesProvider","props":{}},"UnstyledButton":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/UnstyledButton/UnstyledButton.tsx","displayName":"@mantine/core/UnstyledButton","props":{"size":{"defaultValue":null,"description":"Size passed from parent component, sets data-size if value is not number like","name":"size","required":false,"type":{"name":"string | number"}}}},"VisuallyHidden":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/VisuallyHidden/VisuallyHidden.tsx","description":"","displayName":"@mantine/core/VisuallyHidden","props":{}},"Calendar":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/Calendar/Calendar.tsx","displayName":"@mantine/dates/Calendar","props":{"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year, month), defaults to decade","name":"maxLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"minLevel":{"defaultValue":null,"description":"Min level that user can go down to (decade, year, month), defaults to month","name":"minLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: CalendarLevel) => void)"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user clicks month on year level","name":"onMonthSelect","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextMonth":{"defaultValue":null,"description":"Called when next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onYearSelect":{"defaultValue":null,"description":"Called when user clicks year on decade level","name":"onYearSelect","required":false,"type":{"name":"((date: Date) => void)"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"CalendarHeader":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/CalendarHeader/CalendarHeader.tsx","displayName":"@mantine/dates/CalendarHeader","props":{"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Label displayed between next and previous buttons","name":"label","required":true,"type":{"name":"React.ReactNode"}},"levelControlAriaLabel":{"defaultValue":null,"description":"aria-label for level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withNext":{"defaultValue":null,"description":"Determines whether next control should be rendered, defaults to true","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":null,"description":"Determines whether previous control should be rendered, defaults to true","name":"withPrevious","required":false,"type":{"name":"boolean"}}}},"DateInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DateInput/DateInput.tsx","displayName":"@mantine/dates/DateInput","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether value can be deselected when the user clicks on the selected date in the calendar (only when clearable prop is set), defaults to true if clearable prop is set, false otherwise","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props added to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"dateParser":{"defaultValue":null,"description":"Parses user input to convert it to Date object","name":"dateParser","required":false,"type":{"name":"((value: string) => Date | null)"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"fixOnBlur":{"defaultValue":null,"description":"Determines whether input value should be reverted to last known valid value on blur, true by default","name":"fixOnBlur","required":false,"type":{"name":"boolean"}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year, month), defaults to decade","name":"maxLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DateValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: CalendarLevel) => void)"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextMonth":{"defaultValue":null,"description":"Called when next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props added to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"preserveTime":{"defaultValue":null,"description":"Determines whether time (hours, minutes, seconds and milliseconds) should be preserved when new date is picked, true by default","name":"preserveTime","required":false,"type":{"name":"boolean"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue"}},"valueFormat":{"defaultValue":null,"description":"Dayjs format to display input value, \\"MMMM D, YYYY\\" by default","name":"valueFormat","required":false,"type":{"name":"string"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":null,"description":"Determines whether next control should be rendered, defaults to true","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":null,"description":"Determines whether previous control should be rendered, defaults to true","name":"withPrevious","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"DatePicker":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DatePicker/DatePicker.tsx","displayName":"@mantine/dates/DatePicker","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year, month), defaults to decade","name":"maxLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: CalendarLevel) => void)"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user clicks month on year level","name":"onMonthSelect","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextMonth":{"defaultValue":null,"description":"Called when next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onYearSelect":{"defaultValue":null,"description":"Called when user clicks year on decade level","name":"onYearSelect","required":false,"type":{"name":"((date: Date) => void)"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"DatePickerInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DatePickerInput/DatePickerInput.tsx","displayName":"@mantine/dates/DatePickerInput","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":null,"description":"Determines whether dropdown should be closed when date is selected, not applicable when type=\\"multiple\\", true by default","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":null,"description":"Type of dropdown, defaults to popover","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year, month), defaults to decade","name":"maxLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to Modal component","name":"modalProps","required":false,"type":{"name":"Partial>"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: CalendarLevel) => void)"}},"onMonthMouseEnter":{"defaultValue":null,"description":"Called when mouse enters month control","name":"onMonthMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user clicks month on year level","name":"onMonthSelect","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextMonth":{"defaultValue":null,"description":"Called when next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"onYearMouseEnter":{"defaultValue":null,"description":"Called when mouse enters year control","name":"onYearMouseEnter","required":false,"type":{"name":"((event: MouseEvent, date: Date) => void)"}},"onYearSelect":{"defaultValue":null,"description":"Called when user clicks year on decade level","name":"onYearSelect","required":false,"type":{"name":"((date: Date) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the user can modify the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":null,"description":"Determines whether dates value should be sorted before onChange call, only applicable when type=\\"multiple\\", true by default","name":"sortDates","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"valueFormat":{"defaultValue":null,"description":"Dayjs format to display input value, \\"MMMM D, YYYY\\" by default","name":"valueFormat","required":false,"type":{"name":"string"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"DateTimePicker":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DateTimePicker/DateTimePicker.tsx","displayName":"@mantine/dates/DateTimePicker","props":{"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":null,"description":"Type of dropdown, defaults to popover","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"CalendarLevel","raw":"CalendarLevel | undefined","value":[{"value":"undefined"},{"value":"\\"month\\""},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to Modal component","name":"modalProps","required":false,"type":{"name":"Partial>"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DateValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: CalendarLevel) => void)"}},"onMonthSelect":{"defaultValue":null,"description":"Called when user clicks month on year level","name":"onMonthSelect","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextMonth":{"defaultValue":null,"description":"Called when next month button is clicked","name":"onNextMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousMonth":{"defaultValue":null,"description":"Called when previous month button is clicked","name":"onPreviousMonth","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"onYearSelect":{"defaultValue":null,"description":"Called when user clicks year on decade level","name":"onYearSelect","required":false,"type":{"name":"((date: Date) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the user can modify the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":null,"description":"Determines whether dates value should be sorted before onChange call, only applicable when type=\\"multiple\\", true by default","name":"sortDates","required":false,"type":{"name":"boolean"}},"submitButtonProps":{"defaultValue":null,"description":"Props passed down to the submit button","name":"submitButtonProps","required":false,"type":{"name":"(ActionIconProps & Omit, HTMLButtonElement>, \\"ref\\">)"}},"timeInputProps":{"defaultValue":null,"description":"TimeInput component props","name":"timeInputProps","required":false,"type":{"name":"(TimeInputProps & { ref?: ((instance: HTMLInputElement | null) => void) | RefObject | null; }) | undefined"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"DateValue"}},"valueFormat":{"defaultValue":null,"description":"Dayjs format to display input value, \\"DD/MM/YYYY HH:mm\\" by default","name":"valueFormat","required":false,"type":{"name":"string"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":null,"description":"Determines whether seconds input should be rendered","name":"withSeconds","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"DatesProvider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DatesProvider/DatesProvider.tsx","displayName":"DatesProvider","props":{"settings":{"defaultValue":null,"description":"","name":"settings","required":true,"type":{"name":"Partial"}}}},"Day":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/Day/Day.tsx","displayName":"@mantine/dates/Day","props":{"date":{"defaultValue":null,"description":"Date that should be displayed","name":"date","required":true,"type":{"name":"Date"}},"firstInRange":{"defaultValue":null,"description":"Determines whether the day is first in range selection, false by default","name":"firstInRange","required":false,"type":{"name":"boolean"}},"hidden":{"defaultValue":null,"description":"Determines whether the day should not de displayed, false by default","name":"hidden","required":false,"type":{"name":"boolean"}},"inRange":{"defaultValue":null,"description":"Determines whether the day is selected in range, false by default","name":"inRange","required":false,"type":{"name":"boolean"}},"lastInRange":{"defaultValue":null,"description":"Determines whether the day is last in range selection, false by default","name":"lastInRange","required":false,"type":{"name":"boolean"}},"outside":{"defaultValue":null,"description":"Determines whether the day is outside of the current month, false by default","name":"outside","required":false,"type":{"name":"boolean"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"selected":{"defaultValue":null,"description":"Determines whether the day is selected, false by default","name":"selected","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Control width and height of the day, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines which element should be used as root, \'button\' by default, \'div\' if static prop is set","name":"static","required":false,"type":{"name":"boolean"}},"weekend":{"defaultValue":null,"description":"Determines whether the day should be considered to be a weekend, false by default","name":"weekend","required":false,"type":{"name":"boolean"}}}},"DecadeLevel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DecadeLevel/DecadeLevel.tsx","displayName":"@mantine/dates/DecadeLevel","props":{"decade":{"defaultValue":null,"description":"Decade that is currently displayed","name":"decade","required":true,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"levelControlAriaLabel":{"defaultValue":null,"description":"aria-label for change level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":null,"description":"Determines whether next control should be rendered, defaults to true","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":null,"description":"Determines whether previous control should be rendered, defaults to true","name":"withPrevious","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"DecadeLevelGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/DecadeLevelGroup/DecadeLevelGroup.tsx","displayName":"@mantine/dates/DecadeLevelGroup","props":{"decade":{"defaultValue":null,"description":"Decade that is currently displayed","name":"decade","required":true,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control aria-label based on year date","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((decade: Date) => string)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"HiddenDatesInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/HiddenDatesInput/HiddenDatesInput.tsx","displayName":"@mantine/dates/HiddenDatesInput","props":{"form":{"defaultValue":null,"description":"","name":"form","required":true,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","required":true,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"","name":"type","required":true,"type":{"name":"DatePickerType","raw":"DatePickerType","value":[{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"","name":"value","required":true,"type":{"name":"HiddenDatesInputValue"}}}},"LevelsGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/LevelsGroup/LevelsGroup.tsx","displayName":"@mantine/dates/LevelsGroup","props":{"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}}}},"Month":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/Month/Month.tsx","displayName":"@mantine/dates/Month","props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"month":{"defaultValue":null,"description":"Month to display","name":"month","required":true,"type":{"name":"Date"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}}}},"MonthLevel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/MonthLevel/MonthLevel.tsx","displayName":"@mantine/dates/MonthLevel","props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"aria-label for change level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"month":{"defaultValue":null,"description":"Month that is currently displayed","name":"month","required":true,"type":{"name":"Date"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":null,"description":"Determines whether next control should be rendered, defaults to true","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":null,"description":"Determines whether previous control should be rendered, defaults to true","name":"withPrevious","required":false,"type":{"name":"boolean"}}}},"MonthLevelGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/MonthLevelGroup/MonthLevelGroup.tsx","displayName":"@mantine/dates/MonthLevelGroup","props":{"excludeDate":{"defaultValue":null,"description":"Callback function to determine whether the day should be disabled","name":"excludeDate","required":false,"type":{"name":"((date: Date) => boolean)"}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"getDayAriaLabel":{"defaultValue":null,"description":"Assigns aria-label to days based on date","name":"getDayAriaLabel","required":false,"type":{"name":"((date: Date) => string)"}},"getDayProps":{"defaultValue":null,"description":"Adds props to Day component based on date","name":"getDayProps","required":false,"type":{"name":"((date: Date) => Omit, \\"classNames\\" | \\"styles\\" | \\"vars\\">)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"hideOutsideDates":{"defaultValue":null,"description":"Determines whether outside dates should be hidden, defaults to false","name":"hideOutsideDates","required":false,"type":{"name":"boolean"}},"hideWeekdays":{"defaultValue":null,"description":"Determines whether weekdays row should be hidden, defaults to false","name":"hideWeekdays","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control aria-label based on month date","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((month: Date) => string)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"month":{"defaultValue":null,"description":"Month that is currently displayed","name":"month","required":true,"type":{"name":"Date"}},"monthLabelFormat":{"defaultValue":null,"description":"dayjs label format to display month label or a function that returns month label based on month value, defaults to \\"MMMM YYYY\\"","name":"monthLabelFormat","required":false,"type":{"name":"string | ((month: Date) => ReactNode)"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"renderDay":{"defaultValue":null,"description":"Controls day value rendering","name":"renderDay","required":false,"type":{"name":"((date: Date) => ReactNode)"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"static":{"defaultValue":null,"description":"Determines whether days should be static, static days can be used to display month if it is not expected that user will interact with the component in any way","name":"static","required":false,"type":{"name":"boolean"}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format for weekdays names, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}},"weekendDays":{"defaultValue":null,"description":"Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday, defaults to value defined in DatesProvider","name":"weekendDays","required":false,"type":{"name":"DayOfWeek[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}}}},"MonthPicker":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/MonthPicker/MonthPicker.tsx","displayName":"@mantine/dates/MonthPicker","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year), defaults to decade","name":"maxLevel","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: MonthPickerLevel) => void)"}},"onMonthSelect":{"defaultValue":null,"description":"Called when month is selected","name":"onMonthSelect","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"MonthPickerInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/MonthPickerInput/MonthPickerInput.tsx","displayName":"@mantine/dates/MonthPickerInput","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":null,"description":"Determines whether dropdown should be closed when date is selected, not applicable when type=\\"multiple\\", true by default","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultLevel":{"defaultValue":null,"description":"Initial level displayed to the user (decade, year, month), used for uncontrolled component","name":"defaultLevel","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":null,"description":"Type of dropdown, defaults to popover","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"level":{"defaultValue":null,"description":"Current level displayed to the user (decade, year, month), used for controlled component","name":"level","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"maxLevel":{"defaultValue":null,"description":"Max level that user can go up to (decade, year), defaults to decade","name":"maxLevel","required":false,"type":{"name":"MonthPickerLevel","raw":"MonthPickerLevel | undefined","value":[{"value":"undefined"},{"value":"\\"year\\""},{"value":"\\"decade\\""}]}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to Modal component","name":"modalProps","required":false,"type":{"name":"Partial>"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onLevelChange":{"defaultValue":null,"description":"Called when level changes","name":"onLevelChange","required":false,"type":{"name":"((level: MonthPickerLevel) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onNextYear":{"defaultValue":null,"description":"Called when next year button is clicked","name":"onNextYear","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousYear":{"defaultValue":null,"description":"Called when previous year button is clicked","name":"onPreviousYear","required":false,"type":{"name":"((date: Date) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the user can modify the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":null,"description":"Determines whether dates value should be sorted before onChange call, only applicable when type=\\"multiple\\", true by default","name":"sortDates","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"valueFormat":{"defaultValue":null,"description":"Dayjs format to display input value, \\"MMMM YYYY\\" by default","name":"valueFormat","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"MonthsList":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/MonthsList/MonthsList.tsx","displayName":"@mantine/dates/MonthsList","props":{"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Year for which months list should be displayed","name":"year","required":true,"type":{"name":"Date"}}}},"PickerControl":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/PickerControl/PickerControl.tsx","displayName":"@mantine/dates/PickerControl","props":{"children":{"defaultValue":null,"description":"Control children","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Determines whether control should be disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"firstInRange":{"defaultValue":null,"description":"Determines whether control is first in range selection","name":"firstInRange","required":false,"type":{"name":"boolean"}},"inRange":{"defaultValue":null,"description":"Determines whether control is selected in range","name":"inRange","required":false,"type":{"name":"boolean"}},"lastInRange":{"defaultValue":null,"description":"Determines whether control is last in range selection","name":"lastInRange","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Determines whether control should have selected styles","name":"selected","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}}}},"PickerInputBase":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/PickerInputBase/PickerInputBase.tsx","displayName":"@mantine/dates/PickerInputBase","props":{"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":null,"description":"Determines whether dropdown should be closed when date is selected, not applicable when type=\\"multiple\\", true by default","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownHandlers":{"defaultValue":null,"description":"","name":"dropdownHandlers","required":true,"type":{"name":"{ readonly open: () => void; readonly close: () => void; readonly toggle: () => void; }"}},"dropdownOpened":{"defaultValue":null,"description":"","name":"dropdownOpened","required":true,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":null,"description":"Type of dropdown, defaults to popover","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"formattedValue":{"defaultValue":null,"description":"","name":"formattedValue","required":true,"type":{"name":"string | null"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"modalProps":{"defaultValue":null,"description":"Props passed down to Modal component","name":"modalProps","required":false,"type":{"name":"Partial>"}},"onClear":{"defaultValue":null,"description":"","name":"onClear","required":true,"type":{"name":"() => void"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the user can modify the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"shouldClear":{"defaultValue":null,"description":"","name":"shouldClear","required":true,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":null,"description":"Determines whether dates value should be sorted before onChange call, only applicable when type=\\"multiple\\", true by default","name":"sortDates","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":null,"description":"","name":"type","required":true,"type":{"name":"DatePickerType","raw":"DatePickerType","value":[{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"","name":"value","required":true,"type":{"name":"HiddenDatesInputValue"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"TimeInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/TimeInput/TimeInput.tsx","displayName":"@mantine/dates/TimeInput","props":{"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"withSeconds":{"defaultValue":null,"description":"Determines whether seconds input should be rendered","name":"withSeconds","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the root element (Input.Wrapper component)","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"WeekdaysRow":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/WeekdaysRow/WeekdaysRow.tsx","displayName":"@mantine/dates/WeekdaysRow","props":{"cellComponent":{"defaultValue":null,"description":"Choose cell type that will be used to render weekdays, defaults to th","name":"cellComponent","required":false,"type":{"name":"\\"td\\" | \\"th\\"","raw":"\\"td\\" | \\"th\\" | undefined","value":[{"value":"undefined"},{"value":"\\"td\\""},{"value":"\\"th\\""}]}},"firstDayOfWeek":{"defaultValue":null,"description":"number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday","name":"firstDayOfWeek","required":false,"type":{"name":"DayOfWeek","raw":"DayOfWeek | undefined","value":[{"value":"undefined"},{"value":"0"},{"value":"2"},{"value":"1"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"}]}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Controls size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"weekdayFormat":{"defaultValue":null,"description":"dayjs format to get weekday name, defaults to \\"dd\\"","name":"weekdayFormat","required":false,"type":{"name":"string | ((date: Date) => ReactNode)"}}}},"YearLevel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/YearLevel/YearLevel.tsx","displayName":"@mantine/dates/YearLevel","props":{"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"aria-label for change level control","name":"levelControlAriaLabel","required":false,"type":{"name":"string"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withNext":{"defaultValue":null,"description":"Determines whether next control should be rendered, defaults to true","name":"withNext","required":false,"type":{"name":"boolean"}},"withPrevious":{"defaultValue":null,"description":"Determines whether previous control should be rendered, defaults to true","name":"withPrevious","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Year that is currently displayed","name":"year","required":true,"type":{"name":"Date"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}}}},"YearLevelGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/YearLevelGroup/YearLevelGroup.tsx","displayName":"@mantine/dates/YearLevelGroup","props":{"getMonthControlProps":{"defaultValue":null,"description":"Adds props to month picker control based on date","name":"getMonthControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"hasNextLevel":{"defaultValue":null,"description":"Determines whether next level button should be enabled, defaults to true","name":"hasNextLevel","required":false,"type":{"name":"boolean"}},"levelControlAriaLabel":{"defaultValue":null,"description":"Function that returns level control aria-label based on year date","name":"levelControlAriaLabel","required":false,"type":{"name":"string | ((year: Date) => string)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"monthsListFormat":{"defaultValue":null,"description":"dayjs format for months list","name":"monthsListFormat","required":false,"type":{"name":"string"}},"nextDisabled":{"defaultValue":null,"description":"Determines whether next control should be disabled, defaults to true","name":"nextDisabled","required":false,"type":{"name":"boolean"}},"nextIcon":{"defaultValue":null,"description":"Change next icon","name":"nextIcon","required":false,"type":{"name":"React.ReactNode"}},"nextLabel":{"defaultValue":null,"description":"aria-label for next button","name":"nextLabel","required":false,"type":{"name":"string"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onLevelClick":{"defaultValue":null,"description":"Called when level button is clicked","name":"onLevelClick","required":false,"type":{"name":"(() => void)"}},"onNext":{"defaultValue":null,"description":"Called when next button is clicked","name":"onNext","required":false,"type":{"name":"(() => void)"}},"onPrevious":{"defaultValue":null,"description":"Called when previous button is clicked","name":"onPrevious","required":false,"type":{"name":"(() => void)"}},"previousDisabled":{"defaultValue":null,"description":"Determines whether previous control should be disabled, defaults to true","name":"previousDisabled","required":false,"type":{"name":"boolean"}},"previousIcon":{"defaultValue":null,"description":"Change previous icon","name":"previousIcon","required":false,"type":{"name":"React.ReactNode"}},"previousLabel":{"defaultValue":null,"description":"aria-label for previous button","name":"previousLabel","required":false,"type":{"name":"string"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"year":{"defaultValue":null,"description":"Year that is currently displayed","name":"year","required":true,"type":{"name":"Date"}},"yearLabelFormat":{"defaultValue":null,"description":"dayjs label format to display year label or a function that returns year label based on year value, defaults to \\"YYYY\\"","name":"yearLabelFormat","required":false,"type":{"name":"string | ((year: Date) => ReactNode)"}}}},"YearPicker":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/YearPicker/YearPicker.tsx","displayName":"@mantine/dates/YearPicker","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onYearSelect":{"defaultValue":null,"description":"Called when year is selected","name":"onYearSelect","required":false,"type":{"name":"((date: Date) => void)"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"YearPickerInput":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/YearPickerInput/YearPickerInput.tsx","displayName":"@mantine/dates/YearPickerInput","props":{"allowDeselect":{"defaultValue":null,"description":"Determines whether user can deselect the date by clicking on selected item, applicable only when type=\\"default\\"","name":"allowDeselect","required":false,"type":{"name":"boolean"}},"allowSingleDateInRange":{"defaultValue":null,"description":"Determines whether single year can be selected as range, applicable only when type=\\"range\\"","name":"allowSingleDateInRange","required":false,"type":{"name":"boolean"}},"ariaLabels":{"defaultValue":null,"description":"aria-label attributes for controls on different levels","name":"ariaLabels","required":false,"type":{"name":"CalendarAriaLabels"}},"clearButtonProps":{"defaultValue":null,"description":"Props passed down to clear button","name":"clearButtonProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"clearable":{"defaultValue":null,"description":"Determines whether input value can be cleared, adds clear button to right section, false by default","name":"clearable","required":false,"type":{"name":"boolean"}},"closeOnChange":{"defaultValue":null,"description":"Determines whether dropdown should be closed when date is selected, not applicable when type=\\"multiple\\", true by default","name":"closeOnChange","required":false,"type":{"name":"boolean"}},"columnsToScroll":{"defaultValue":null,"description":"Number of columns to scroll when user clicks next/prev buttons, defaults to numberOfColumns","name":"columnsToScroll","required":false,"type":{"name":"number"}},"date":{"defaultValue":null,"description":"Date that is displayed, used for controlled component","name":"date","required":false,"type":{"name":"Date"}},"decadeLabelFormat":{"defaultValue":null,"description":"dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \\"YYYY\\"","name":"decadeLabelFormat","required":false,"type":{"name":"string | ((startOfDecade: Date, endOfDecade: Date) => ReactNode)"}},"defaultDate":{"defaultValue":null,"description":"Initial date that is displayed, used for uncontrolled component","name":"defaultDate","required":false,"type":{"name":"Date"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"dropdownType":{"defaultValue":null,"description":"Type of dropdown, defaults to popover","name":"dropdownType","required":false,"type":{"name":"\\"popover\\" | \\"modal\\"","raw":"\\"popover\\" | \\"modal\\" | undefined","value":[{"value":"undefined"},{"value":"\\"popover\\""},{"value":"\\"modal\\""}]}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"labelSeparator":{"defaultValue":null,"description":"Separator between range value","name":"labelSeparator","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"modalProps":{"defaultValue":null,"description":"Props passed down to Modal component","name":"modalProps","required":false,"type":{"name":"Partial>"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns to render next to each other","name":"numberOfColumns","required":false,"type":{"name":"number"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: DatePickerValue) => void)"}},"onDateChange":{"defaultValue":null,"description":"Called when date changes","name":"onDateChange","required":false,"type":{"name":"((date: Date) => void)"}},"onNextDecade":{"defaultValue":null,"description":"Called when next decade button is clicked","name":"onNextDecade","required":false,"type":{"name":"((date: Date) => void)"}},"onPreviousDecade":{"defaultValue":null,"description":"Called when previous decade button is clicked","name":"onPreviousDecade","required":false,"type":{"name":"((date: Date) => void)"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"popoverProps":{"defaultValue":null,"description":"Props passed down to Popover component","name":"popoverProps","required":false,"type":{"name":"Partial>"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"readOnly":{"defaultValue":null,"description":"Determines whether the user can modify the value","name":"readOnly","required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"sortDates":{"defaultValue":null,"description":"Determines whether dates value should be sorted before onChange call, only applicable when type=\\"multiple\\", true by default","name":"sortDates","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":null,"description":"Picker type: range, multiple or default","name":"type","required":false,"type":{"name":"DatePickerType","raw":"DatePickerType | undefined","value":[{"value":"undefined"},{"value":"\\"default\\""},{"value":"\\"multiple\\""},{"value":"\\"range\\""}]}},"value":{"defaultValue":null,"description":"Value for controlled component","name":"value","required":false,"type":{"name":"DateValue | DatesRangeValue | Date[]"}},"valueFormat":{"defaultValue":null,"description":"Dayjs format to display input value, \\"YYYY\\" by default","name":"valueFormat","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"YearsList":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dates/src/components/YearsList/YearsList.tsx","displayName":"@mantine/dates/YearsList","props":{"decade":{"defaultValue":null,"description":"Decade for which years list should be displayed","name":"decade","required":true,"type":{"name":"Date"}},"getYearControlProps":{"defaultValue":null,"description":"Adds props to year picker control based on date","name":"getYearControlProps","required":false,"type":{"name":"((date: Date) => Partial)"}},"locale":{"defaultValue":null,"description":"dayjs locale, defaults to value defined in DatesProvider","name":"locale","required":false,"type":{"name":"string"}},"maxDate":{"defaultValue":null,"description":"Maximum possible date","name":"maxDate","required":false,"type":{"name":"Date"}},"minDate":{"defaultValue":null,"description":"Minimum possible date","name":"minDate","required":false,"type":{"name":"Date"}},"size":{"defaultValue":null,"description":"Component size","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"withCellSpacing":{"defaultValue":null,"description":"Determines whether controls should be separated by spacing, true by default","name":"withCellSpacing","required":false,"type":{"name":"boolean"}},"yearsListFormat":{"defaultValue":null,"description":"dayjs format for years list, \'YYYY\' by default","name":"yearsListFormat","required":false,"type":{"name":"string"}}}},"InputLabel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Input/InputLabel/InputLabel.tsx","displayName":"@mantine/core/InputLabel","props":{"labelElement":{"defaultValue":null,"description":"Root element of the label, \'label\' by default","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"required":{"defaultValue":null,"description":"Determines whether required asterisk should be displayed","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls label font-size, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"InputWrapper":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Input/InputWrapper/InputWrapper.tsx","displayName":"@mantine/core/InputWrapper","props":{"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"id":{"defaultValue":null,"description":"Static id used as base to generate aria- attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":null,"description":"Input.Label root element, \'label\' by default","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of Input.Label, Input.Description and Input.Error components","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}}}},"InputDescription":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Input/InputDescription/InputDescription.tsx","displayName":"@mantine/core/InputDescription","props":{"size":{"defaultValue":null,"description":"Controls description font-size, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"InputError":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Input/InputError/InputError.tsx","displayName":"@mantine/core/InputError","props":{"size":{"defaultValue":null,"description":"Controls error font-size, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"ButtonGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Button/ButtonGroup/ButtonGroup.tsx","displayName":"@mantine/core/ButtonGroup","props":{"borderWidth":{"defaultValue":null,"description":"border-width of the child Button components. Numbers are converted to rem. Default value in 1.","name":"borderWidth","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"Button components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":null,"description":"Orientation of the group, horizontal by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}}}},"ActionIconGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx","displayName":"@mantine/core/ActionIconGroup","props":{"borderWidth":{"defaultValue":null,"description":"border-width of the child ActionIcon components. Default value in 1","name":"borderWidth","required":false,"type":{"name":"string | number"}},"children":{"defaultValue":null,"description":"ActionIcon components only","name":"children","required":false,"type":{"name":"React.ReactNode"}},"orientation":{"defaultValue":null,"description":"Controls group orientation, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}}}},"PopoverTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Popover/PopoverTarget/PopoverTarget.tsx","displayName":"@mantine/core/PopoverTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"popupType":{"defaultValue":null,"description":"Popup accessible type, \'dialog\' by default","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"PopoverDropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Popover/PopoverDropdown/PopoverDropdown.tsx","description":"","displayName":"@mantine/core/PopoverDropdown","props":{}},"Slider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Slider/Slider/Slider.tsx","displayName":"@mantine/core/Slider","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls color of track and thumb, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"number"}},"disabled":{"defaultValue":null,"description":"Disables slider","name":"disabled","required":false,"type":{"name":"boolean"}},"inverted":{"defaultValue":null,"description":"Determines whether track value representation should be inverted, false by default","name":"inverted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Function to generate label or any react node to render instead, set to null to disable label","name":"label","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"labelAlwaysOn":{"defaultValue":null,"description":"Determines whether the label should be visible when the slider is not being dragged or hovered, false by default","name":"labelAlwaysOn","required":false,"type":{"name":"boolean"}},"labelTransitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component, { transition: \'fade\', duration: 0 } by default","name":"labelTransitionProps","required":false,"type":{"name":"Partial>"}},"marks":{"defaultValue":null,"description":"Marks displayed on the track","name":"marks","required":false,"type":{"name":"{ value: number; label?: ReactNode; }[]"}},"max":{"defaultValue":null,"description":"Maximum possible value, 100 by default","name":"max","required":false,"type":{"name":"number"}},"min":{"defaultValue":null,"description":"Minimal possible value, 0 by default","name":"min","required":false,"type":{"name":"number"}},"name":{"defaultValue":null,"description":"Hidden input name, use with uncontrolled component","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: number) => void)"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging slider or changes value with arrows","name":"onChangeEnd","required":false,"type":{"name":"((value: number) => void)"}},"precision":{"defaultValue":null,"description":"Number of significant digits after the decimal point","name":"precision","required":false,"type":{"name":"number"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"scale":{"defaultValue":null,"description":"A transformation function to change the scale of the slider","name":"scale","required":false,"type":{"name":"((value: number) => number)"}},"showLabelOnHover":{"defaultValue":null,"description":"Determines whether thumb label should be displayed when the slider is hovered, true by default","name":"showLabelOnHover","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of the track, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"step":{"defaultValue":null,"description":"Number by which value will be incremented/decremented with thumb drag and arrows, 1 by default","name":"step","required":false,"type":{"name":"number"}},"thumbChildren":{"defaultValue":null,"description":"Content rendered inside thumb","name":"thumbChildren","required":false,"type":{"name":"React.ReactNode"}},"thumbLabel":{"defaultValue":null,"description":"Thumb aria-label","name":"thumbLabel","required":false,"type":{"name":"string"}},"thumbSize":{"defaultValue":null,"description":"Thumb width and height, by default value is computed based on size prop","name":"thumbSize","required":false,"type":{"name":"string | number"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"number"}}}},"RangeSlider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Slider/RangeSlider/RangeSlider.tsx","displayName":"@mantine/core/RangeSlider","props":{"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls color of track and thumb, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component default value","name":"defaultValue","required":false,"type":{"name":"RangeSliderValue"}},"disabled":{"defaultValue":null,"description":"Disables slider","name":"disabled","required":false,"type":{"name":"boolean"}},"inverted":{"defaultValue":null,"description":"Determines whether track values representation should be inverted, false by default","name":"inverted","required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Function to generate label or any react node to render instead, set to null to disable label","name":"label","required":false,"type":{"name":"ReactNode | ((value: number) => ReactNode)"}},"labelAlwaysOn":{"defaultValue":null,"description":"Determines whether the label should be visible when the slider is not being dragged or hovered, false by default","name":"labelAlwaysOn","required":false,"type":{"name":"boolean"}},"labelTransitionProps":{"defaultValue":null,"description":"Props passed down to the Transition component, { transition: \'fade\', duration: 0 } by default","name":"labelTransitionProps","required":false,"type":{"name":"Partial>"}},"marks":{"defaultValue":null,"description":"Marks displayed on the track","name":"marks","required":false,"type":{"name":"{ value: number; label?: ReactNode; }[]"}},"max":{"defaultValue":null,"description":"Maximum possible value, 100 by default","name":"max","required":false,"type":{"name":"number"}},"maxRange":{"defaultValue":null,"description":"Maximum range interval, Infinity by default","name":"maxRange","required":false,"type":{"name":"number"}},"min":{"defaultValue":null,"description":"Minimal possible value, 0 by default","name":"min","required":false,"type":{"name":"number"}},"minRange":{"defaultValue":null,"description":"Minimal range interval, 10 by default","name":"minRange","required":false,"type":{"name":"number"}},"name":{"defaultValue":null,"description":"Hidden input name, use with uncontrolled component","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: RangeSliderValue) => void)"}},"onChangeEnd":{"defaultValue":null,"description":"Called when user stops dragging slider or changes value with arrows","name":"onChangeEnd","required":false,"type":{"name":"((value: RangeSliderValue) => void)"}},"precision":{"defaultValue":null,"description":"Number of significant digits after the decimal point","name":"precision","required":false,"type":{"name":"number"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"scale":{"defaultValue":null,"description":"A transformation function to change the scale of the slider","name":"scale","required":false,"type":{"name":"((value: number) => number)"}},"showLabelOnHover":{"defaultValue":null,"description":"Determines whether thumb label should be displayed when the slider is hovered, true by default","name":"showLabelOnHover","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of the track, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"step":{"defaultValue":null,"description":"Number by which value will be incremented/decremented with thumb drag and arrows, 1 by default","name":"step","required":false,"type":{"name":"number"}},"thumbChildren":{"defaultValue":null,"description":"Content rendered inside thumb","name":"thumbChildren","required":false,"type":{"name":"React.ReactNode"}},"thumbFromLabel":{"defaultValue":null,"description":"First thumb aria-label","name":"thumbFromLabel","required":false,"type":{"name":"string"}},"thumbSize":{"defaultValue":null,"description":"Thumb width and height, by default value is computed based on size prop","name":"thumbSize","required":false,"type":{"name":"string | number"}},"thumbToLabel":{"defaultValue":null,"description":"Second thumb aria-label","name":"thumbToLabel","required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"RangeSliderValue"}}}},"SwitchGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Switch/SwitchGroup/SwitchGroup.tsx","displayName":"@mantine/core/SwitchGroup","props":{"children":{"defaultValue":null,"description":"Switch components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"id":{"defaultValue":null,"description":"Static id used as base to generate aria- attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":null,"description":"Input.Label root element, \'label\' by default","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string[]) => void)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of the Input.Wrapper, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the Input.Wrapper","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"CheckboxGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx","displayName":"@mantine/core/CheckboxGroup","props":{"children":{"defaultValue":null,"description":"Checkbox components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string[]"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"id":{"defaultValue":null,"description":"Static id used as base to generate aria- attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":null,"description":"Input.Label root element, \'label\' by default","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string[]) => void)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of the Input.Wrapper, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string[]"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the Input.Wrapper","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"RadioGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Radio/RadioGroup/RadioGroup.tsx","displayName":"@mantine/core/RadioGroup","props":{"children":{"defaultValue":null,"description":"Radio components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Default value for uncontrolled component","name":"defaultValue","required":false,"type":{"name":"string"}},"description":{"defaultValue":null,"description":"Contents of Input.Description component, if not set, description is not rendered.","name":"description","required":false,"type":{"name":"React.ReactNode"}},"descriptionProps":{"defaultValue":null,"description":"Props passed down to the Input.Description component","name":"descriptionProps","required":false,"type":{"name":"Record"}},"error":{"defaultValue":null,"description":"Contents of Input.Error component, if not set, error is not rendered.","name":"error","required":false,"type":{"name":"React.ReactNode"}},"errorProps":{"defaultValue":null,"description":"Props passed down to the InputError component","name":"errorProps","required":false,"type":{"name":"Record"}},"id":{"defaultValue":null,"description":"Static id used as base to generate aria- attributes, by default generates random id","name":"id","required":false,"type":{"name":"string"}},"inputContainer":{"defaultValue":null,"description":"Input container component, defaults to React.Fragment","name":"inputContainer","required":false,"type":{"name":"((children: ReactNode) => ReactNode)"}},"inputWrapperOrder":{"defaultValue":null,"description":"Controls order of the elements, [\'label\', \'description\', \'input\', \'error\'] by default","name":"inputWrapperOrder","required":false,"type":{"name":"(\\"input\\" | \\"label\\" | \\"description\\" | \\"error\\")[]"}},"label":{"defaultValue":null,"description":"Contents of Input.Label component, if not set, label is not rendered.","name":"label","required":false,"type":{"name":"React.ReactNode"}},"labelElement":{"defaultValue":null,"description":"Input.Label root element, \'label\' by default","name":"labelElement","required":false,"type":{"name":"\\"div\\" | \\"label\\"","raw":"\\"div\\" | \\"label\\" | undefined","value":[{"value":"undefined"},{"value":"\\"div\\""},{"value":"\\"label\\""}]}},"labelProps":{"defaultValue":null,"description":"Props passed down to the Input.Label component","name":"labelProps","required":false,"type":{"name":"Record"}},"name":{"defaultValue":null,"description":"Name attribute of child radio inputs","name":"name","required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: string) => void)"}},"required":{"defaultValue":null,"description":"Adds required attribute to the input and a red asterisk on the right side of label, false by default","name":"required","required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Controls size of the Input.Wrapper, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize","raw":"MantineSize | undefined","value":[{"value":"undefined"},{"value":"\\"xs\\""},{"value":"\\"sm\\""},{"value":"\\"md\\""},{"value":"\\"lg\\""},{"value":"\\"xl\\""}]}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string"}},"withAsterisk":{"defaultValue":null,"description":"Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, false by default","name":"withAsterisk","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props passed down to the Input.Wrapper","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"TabsTab":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Tabs/TabsTab/TabsTab.tsx","displayName":"@mantine/core/TabsTab","props":{"children":{"defaultValue":null,"description":"Tab label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color, controls control color based on variant","name":"color","required":false,"type":{"name":"MantineColor"}},"leftSection":{"defaultValue":null,"description":"Content displayed on the left side of the label, for example, icon","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Content displayed on the right side of the label, for example, icon","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"size":{"defaultValue":null,"description":"Size passed from parent component, sets data-size if value is not number like","name":"size","required":false,"type":{"name":"string | number"}},"value":{"defaultValue":null,"description":"Value of associated panel","name":"value","required":true,"type":{"name":"string"}}}},"TabsList":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Tabs/TabsList/TabsList.tsx","displayName":"@mantine/core/TabsList","props":{"children":{"defaultValue":null,"description":"Tabs.Tab components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"grow":{"defaultValue":null,"description":"Determines whether tabs should take all available space, false by default","name":"grow","required":false,"type":{"name":"boolean"}},"justify":{"defaultValue":null,"description":"Tabs alignment, flex-start by default","name":"justify","required":false,"type":{"name":"JustifyContent"}}}},"TabsPanel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Tabs/TabsPanel/TabsPanel.tsx","displayName":"@mantine/core/TabsPanel","props":{"children":{"defaultValue":null,"description":"Panel content","name":"children","required":true,"type":{"name":"React.ReactNode"}},"value":{"defaultValue":null,"description":"Value of associated control","name":"value","required":true,"type":{"name":"string"}}}},"AccordionItem":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/AccordionItem/AccordionItem.tsx","displayName":"@mantine/core/AccordionItem","props":{"value":{"defaultValue":null,"description":"Value that is used to manage accordion state","name":"value","required":true,"type":{"name":"string"}}}},"AccordionControl":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Accordion/AccordionControl/AccordionControl.tsx","displayName":"@mantine/core/AccordionControl","props":{"chevron":{"defaultValue":null,"description":"Custom chevron icon","name":"chevron","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Control label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"disabled":{"defaultValue":null,"description":"Disables control button","name":"disabled","required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon displayed next to the label","name":"icon","required":false,"type":{"name":"React.ReactNode"}}}},"PillGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Pill/PillGroup/PillGroup.tsx","displayName":"@mantine/core/PillGroup","props":{"disabled":{"defaultValue":null,"description":"Determines whether child Pill components should be disabled","name":"disabled","required":false,"type":{"name":"boolean"}},"gap":{"defaultValue":null,"description":"Controls spacing between pills, by default controlled by size","name":"gap","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"size":{"defaultValue":null,"description":"Controls size of the child Pill components and gap between them, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}}}},"PillsInputField":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/PillsInput/PillsInputField/PillsInputField.tsx","displayName":"@mantine/core/PillsInputField","props":{"pointer":{"defaultValue":null,"description":"If set, cursor is changed to pointer","name":"pointer","required":false,"type":{"name":"boolean"}},"type":{"defaultValue":null,"description":"Controls input styles when focused. If auto the input is hidden when not focused. If visible the input will always remain visible. \'visible\' by default","name":"type","required":false,"type":{"name":"\\"hidden\\" | \\"auto\\" | \\"visible\\"","raw":"\\"hidden\\" | \\"auto\\" | \\"visible\\" | undefined","value":[{"value":"undefined"},{"value":"\\"hidden\\""},{"value":"\\"auto\\""},{"value":"\\"visible\\""}]}}}},"ComboboxOption":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxOption/ComboboxOption.tsx","displayName":"@mantine/core/ComboboxOption","props":{"active":{"defaultValue":null,"description":"Determines whether the option is selected","name":"active","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Determines whether the option can be selected","name":"disabled","required":false,"type":{"name":"boolean"}},"selected":{"defaultValue":null,"description":"Determines whether item is selected, useful for virtualized comboboxes","name":"selected","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Option value","name":"value","required":true,"type":{"name":"string"}}}},"ComboboxDropdown":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxDropdown/ComboboxDropdown.tsx","displayName":"@mantine/core/ComboboxDropdown","props":{"hidden":{"defaultValue":null,"description":"Determines whether the dropdown should be hidden, for example, when there are no options to display","name":"hidden","required":false,"type":{"name":"boolean"}}}},"ComboboxTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxTarget/ComboboxTarget.tsx","displayName":"@mantine/core/ComboboxTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":null,"description":"Determines which events should be handled by the target element.\\nbutton target type handles Space and Enter keys to toggle dropdown opened state.\\ninput by default.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":null,"description":"Determines whether the target should have aria- attributes, true by default","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":null,"description":"Determines whether the target should have aria-expanded attribute, false by default","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":null,"description":"Determines whether component should respond to keyboard events, true by default","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"ComboboxDropdownTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.tsx","displayName":"@mantine/core/ComboboxDropdownTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"ComboboxEventsTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.tsx","displayName":"@mantine/core/ComboboxEventsTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}},"targetType":{"defaultValue":null,"description":"Determines which events should be handled by the target element.\\nbutton target type handles Space and Enter keys to toggle dropdown opened state.\\ninput by default.","name":"targetType","required":false,"type":{"name":"\\"button\\" | \\"input\\"","raw":"\\"button\\" | \\"input\\" | undefined","value":[{"value":"undefined"},{"value":"\\"button\\""},{"value":"\\"input\\""}]}},"withAriaAttributes":{"defaultValue":null,"description":"Determines whether the target should have aria- attributes, true by default","name":"withAriaAttributes","required":false,"type":{"name":"boolean"}},"withExpandedAttribute":{"defaultValue":null,"description":"Determines whether the target should have aria-expanded attribute, false by default","name":"withExpandedAttribute","required":false,"type":{"name":"boolean"}},"withKeyboardNavigation":{"defaultValue":null,"description":"Determines whether component should respond to keyboard events, true by default","name":"withKeyboardNavigation","required":false,"type":{"name":"boolean"}}}},"ComboboxGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Combobox/ComboboxGroup/ComboboxGroup.tsx","displayName":"@mantine/core/ComboboxGroup","props":{"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"React.ReactNode"}}}},"AppShellAside":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShellAside/AppShellAside.tsx","displayName":"@mantine/core/AppShellAside","props":{"withBorder":{"defaultValue":null,"description":"Determines whether component should have a border, overrides withBorder prop on AppShell component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Component z-index, by default inherited from the AppShell","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AppShellNavbar":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShellNavbar/AppShellNavbar.tsx","displayName":"@mantine/core/AppShellNavbar","props":{"withBorder":{"defaultValue":null,"description":"Determines whether component should have a border, overrides withBorder prop on AppShell component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Component z-index, by default inherited from the AppShell","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AppShellHeader":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShellHeader/AppShellHeader.tsx","displayName":"@mantine/core/AppShellHeader","props":{"withBorder":{"defaultValue":null,"description":"Determines whether component should have a border, overrides withBorder prop on AppShell component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Component z-index, by default inherited from the AppShell","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AppShellFooter":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShellFooter/AppShellFooter.tsx","displayName":"@mantine/core/AppShellFooter","props":{"withBorder":{"defaultValue":null,"description":"Determines whether component should have a border, overrides withBorder prop on AppShell component","name":"withBorder","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Component z-index, by default inherited from the AppShell","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"AppShellSection":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/AppShell/AppShellSection/AppShellSection.tsx","displayName":"@mantine/core/AppShellSection","props":{"grow":{"defaultValue":null,"description":"Determines whether the section should take all available space, false by default","name":"grow","required":false,"type":{"name":"boolean"}}}},"GridCol":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Grid/GridCol/GridCol.tsx","displayName":"@mantine/core/GridCol","props":{"offset":{"defaultValue":null,"description":"Column offset on the left side – number of columns that should be left empty before this column","name":"offset","required":false,"type":{"name":"StyleProp"}},"order":{"defaultValue":null,"description":"Column order, can be used to reorder columns at different viewport sizes","name":"order","required":false,"type":{"name":"StyleProp"}},"span":{"defaultValue":null,"description":"Column span, 12 by default","name":"span","required":false,"type":{"name":"StyleProp"}}}},"HoverCardTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx","displayName":"@mantine/core/HoverCardTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"popupType":{"defaultValue":null,"description":"Popup accessible type, \'dialog\' by default","name":"popupType","required":false,"type":{"name":"string"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to access element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"MenuItem":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/MenuItem/MenuItem.tsx","displayName":"@mantine/core/MenuItem","props":{"children":{"defaultValue":null,"description":"Item label","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeMenuOnClick":{"defaultValue":null,"description":"Determines whether the menu should be closed when the item is clicked, overrides closeOnItemClick prop on the Menu component","name":"closeMenuOnClick","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color","name":"color","required":false,"type":{"name":"MantineColor"}},"disabled":{"defaultValue":null,"description":"Disables item","name":"disabled","required":false,"type":{"name":"boolean"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"MenuTarget":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Menu/MenuTarget/MenuTarget.tsx","displayName":"@mantine/core/MenuTarget","props":{"children":{"defaultValue":null,"description":"Target element","name":"children","required":true,"type":{"name":"React.ReactNode"}},"refProp":{"defaultValue":null,"description":"Key of the prop that should be used to get element ref","name":"refProp","required":false,"type":{"name":"string"}}}},"ProgressSection":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Progress/ProgressSection/ProgressSection.tsx","displayName":"@mantine/core/ProgressSection","props":{"animated":{"defaultValue":null,"description":"Determines whether the sections stripes should be animated, if set, striped prop is ignored, false by default","name":"animated","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS value, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"striped":{"defaultValue":null,"description":"Determines whether the section should have stipes, false by default","name":"striped","required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"Value of the section in 0–100 range","name":"value","required":true,"type":{"name":"number"}},"withAria":{"defaultValue":null,"description":"Determines whether aria-* props should be added to the root element, true by default","name":"withAria","required":false,"type":{"name":"boolean"}}}},"ProgressRoot":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Progress/ProgressRoot/ProgressRoot.tsx","displayName":"@mantine/core/ProgressRoot","props":{"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"size":{"defaultValue":null,"description":"Controls track height, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}}}},"ChipGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Chip/ChipGroup/ChipGroup.tsx","displayName":"@mantine/core/ChipGroup","props":{"children":{"defaultValue":null,"description":" components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"defaultValue":{"defaultValue":null,"description":"Uncontrolled component initial value","name":"defaultValue","required":false,"type":{"name":"string | string[] | null"}},"multiple":{"defaultValue":null,"description":"Allow multiple values to be selected at a time","name":"multiple","required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"Called when value changes","name":"onChange","required":false,"type":{"name":"((value: T extends true ? string[] : string) => void)"}},"value":{"defaultValue":null,"description":"Controlled component value","name":"value","required":false,"type":{"name":"string | string[] | null"}}}},"CardSection":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Card/CardSection/CardSection.tsx","displayName":"@mantine/core/CardSection","props":{"inheritPadding":{"defaultValue":null,"description":"Determines whether the section should inherit padding from the parent Card, false by default","name":"inheritPadding","required":false,"type":{"name":"boolean"}},"withBorder":{"defaultValue":null,"description":"Determines whether the section should have a border, false by default","name":"withBorder","required":false,"type":{"name":"boolean"}}}},"StepperStep":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Stepper/StepperStep/StepperStep.tsx","displayName":"@mantine/core/StepperStep","props":{"allowStepClick":{"defaultValue":null,"description":"Set to false to disable clicks on step","name":"allowStepClick","required":false,"type":{"name":"boolean"}},"allowStepSelect":{"defaultValue":null,"description":"Should step selection be allowed","name":"allowStepSelect","required":false,"type":{"name":"boolean"}},"color":{"defaultValue":null,"description":"Key of theme.colors, by default controlled by Stepper component","name":"color","required":false,"type":{"name":"MantineColor"}},"completedIcon":{"defaultValue":null,"description":"Step icon displayed when step is completed","name":"completedIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"description":{"defaultValue":null,"description":"Step description","name":"description","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"icon":{"defaultValue":null,"description":"Step icon, defaults to step index + 1 when rendered within Stepper","name":"icon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"iconPosition":{"defaultValue":null,"description":"Icon position relative to step body, controlled by Stepper component","name":"iconPosition","required":false,"type":{"name":"\\"left\\" | \\"right\\"","raw":"\\"left\\" | \\"right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"left\\""},{"value":"\\"right\\""}]}},"iconSize":{"defaultValue":null,"description":"Icon wrapper size","name":"iconSize","required":false,"type":{"name":"number"}},"label":{"defaultValue":null,"description":"Step label, render after icon","name":"label","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"loading":{"defaultValue":null,"description":"Indicates loading state of the step","name":"loading","required":false,"type":{"name":"boolean"}},"orientation":{"defaultValue":null,"description":"Component orientation","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"progressIcon":{"defaultValue":null,"description":"Step icon displayed when step is in progress","name":"progressIcon","required":false,"type":{"name":"ReactNode | StepFragmentComponent"}},"state":{"defaultValue":null,"description":"Step state, controlled by Stepper component","name":"state","required":false,"type":{"name":"\\"stepInactive\\" | \\"stepProgress\\" | \\"stepCompleted\\"","raw":"\\"stepInactive\\" | \\"stepProgress\\" | \\"stepCompleted\\" | undefined","value":[{"value":"undefined"},{"value":"\\"stepInactive\\""},{"value":"\\"stepProgress\\""},{"value":"\\"stepCompleted\\""}]}},"step":{"defaultValue":null,"description":"Step index, controlled by Stepper component *","name":"step","required":false,"type":{"name":"number"}},"withIcon":{"defaultValue":null,"description":"Determines whether the icon should be displayed","name":"withIcon","required":false,"type":{"name":"boolean"}}}},"TimelineItem":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/Timeline/TimelineItem/TimelineItem.tsx","displayName":"@mantine/core/TimelineItem","props":{"bullet":{"defaultValue":null,"description":"React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed.","name":"bullet","required":false,"type":{"name":"React.ReactNode"}},"children":{"defaultValue":null,"description":"Content displayed below the title","name":"children","required":false,"type":{"name":"React.ReactNode"}},"color":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to control active item colors, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"lineVariant":{"defaultValue":null,"description":"Controls line border style, \'solid\' by default","name":"lineVariant","required":false,"type":{"name":"\\"dashed\\" | \\"dotted\\" | \\"solid\\"","raw":"\\"dashed\\" | \\"dotted\\" | \\"solid\\" | undefined","value":[{"value":"undefined"},{"value":"\\"dashed\\""},{"value":"\\"dotted\\""},{"value":"\\"solid\\""}]}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, \'xl\' by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"title":{"defaultValue":null,"description":"Item title, displayed next to the bullet","name":"title","required":false,"type":{"name":"React.ReactNode"}}}},"ListItem":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-core/src/components/List/ListItem/ListItem.tsx","displayName":"@mantine/core/ListItem","props":{"children":{"defaultValue":null,"description":"Item content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"icon":{"defaultValue":null,"description":"Icon to replace item bullet","name":"icon","required":false,"type":{"name":"React.ReactNode"}}}},"Spotlight":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-spotlight/src/Spotlight.tsx","displayName":"@mantine/spotlight/Spotlight","props":{"actions":{"defaultValue":null,"description":"Actions data, passed down to Spotlight.Action component","name":"actions","required":true,"type":{"name":"SpotlightActions[]"}},"centered":{"defaultValue":null,"description":"Determines whether the modal should be centered vertically, false by default","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clearQueryOnClose":{"defaultValue":null,"description":"Determines whether the search query should be cleared when the spotlight is closed, true by default","name":"clearQueryOnClose","required":false,"type":{"name":"boolean"}},"closeOnActionTrigger":{"defaultValue":null,"description":"Determines whether spotlight should be closed when one of the actions is triggered, true by default","name":"closeOnActionTrigger","required":false,"type":{"name":"boolean"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether onClose should be called when user presses the escape key, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, spotlight will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"filter":{"defaultValue":null,"description":"Function to filter actions data based on search query, by default actions are filtered by title, description and keywords","name":"filter","required":false,"type":{"name":"SpotlightFilterFunction"}},"forceOpened":{"defaultValue":null,"description":"Forces opened state, useful for tests","name":"forceOpened","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":null,"description":"Determines whether the modal should take the entire screen, false by default","name":"fullScreen","required":false,"type":{"name":"boolean"}},"highlightQuery":{"defaultValue":null,"description":"Determines whether search query should be highlighted in action label, false by default","name":"highlightQuery","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"limit":{"defaultValue":null,"description":"Maximum number of actions displayed at a time, Infinity by default","name":"limit","required":false,"type":{"name":"number"}},"lockScroll":{"defaultValue":null,"description":"Determines whether scroll should be locked when opened={true}, true by default","name":"lockScroll","required":false,"type":{"name":"boolean"}},"maxHeight":{"defaultValue":null,"description":"Spotlight content max-height. Ignored unless scrollable prop is set. 400 by default","name":"maxHeight","required":false,"type":{"name":"MaxHeight"}},"nothingFound":{"defaultValue":null,"description":"Message displayed when none of the actions match given filter","name":"nothingFound","required":false,"type":{"name":"React.ReactNode"}},"onQueryChange":{"defaultValue":null,"description":"Called when query changes","name":"onQueryChange","required":false,"type":{"name":"((query: string) => void)"}},"onSpotlightClose":{"defaultValue":null,"description":"Called when spotlight closes","name":"onSpotlightClose","required":false,"type":{"name":"(() => void)"}},"onSpotlightOpen":{"defaultValue":null,"description":"Called when spotlight opens","name":"onSpotlightOpen","required":false,"type":{"name":"(() => void)"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the Overlay component, use to configure opacity, background-color, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set content, header and footer padding, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"query":{"defaultValue":null,"description":"Controlled Spotlight search query","name":"query","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be returned to the last active element when onClose is called, true by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":null,"description":"Scroll area component, native div element by default","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"scrollable":{"defaultValue":null,"description":"Determines whether the actions list should be scrollable. If not set, maxHeight is ignored, false by default","name":"scrollable","required":false,"type":{"name":"boolean"}},"searchProps":{"defaultValue":null,"description":"Props passed down to the Spotlight.Search","name":"searchProps","required":false,"type":{"name":"SpotlightSearchProps"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS box-shadow value, \'xl\' by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"shortcut":{"defaultValue":null,"description":"Keyboard shortcut or a list of shortcuts to trigger spotlight, \'mod + K\' by default","name":"shortcut","required":false,"type":{"name":"string | string[] | null"}},"size":{"defaultValue":null,"description":"Controls width of the content area, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"store":{"defaultValue":null,"description":"Spotlight store, can be used to create multiple instances of spotlight","name":"store","required":false,"type":{"name":"SpotlightStore"}},"tagsToIgnore":{"defaultValue":null,"description":"A list of tags which when focused will be ignored by shortcut, [\'input\', \'textarea\', \'select\'] by default","name":"tagsToIgnore","required":false,"type":{"name":"string[]"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: \'pop\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped, true by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"triggerOnContentEditable":{"defaultValue":null,"description":"Determines whether shortcut should trigger based in contentEditable, false by default","name":"triggerOnContentEditable","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":null,"description":"Determines whether the overlay should be rendered, true by default","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether the component should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":null,"description":"Left/right modal offset, 5vw by default","name":"xOffset","required":false,"type":{"name":"MarginLeft"}},"yOffset":{"defaultValue":null,"description":"Top/bottom modal offset, 5dvh by default","name":"yOffset","required":false,"type":{"name":"MarginTop"}},"zIndex":{"defaultValue":null,"description":"z-index CSS property of the root element, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"SpotlightAction":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-spotlight/src/SpotlightAction.tsx","displayName":"@mantine/spotlight/SpotlightAction","props":{"children":{"defaultValue":null,"description":"Children override default action elements, if passed, label, description and sections are hidden","name":"children","required":false,"type":{"name":"React.ReactNode"}},"closeSpotlightOnTrigger":{"defaultValue":null,"description":"Determines whether the spotlight should be closed when action is triggered, overrides closeOnActionTrigger prop set on Spotlight","name":"closeSpotlightOnTrigger","required":false,"type":{"name":"boolean"}},"description":{"defaultValue":null,"description":"Action description, pass string to use in default filter","name":"description","required":false,"type":{"name":"string"}},"dimmedSections":{"defaultValue":null,"description":"Determines whether left and right sections should have dimmed styles, true by default","name":"dimmedSections","required":false,"type":{"name":"boolean"}},"highlightColor":{"defaultValue":null,"description":"Key of theme.colors of any valid CSS color that will be used to highlight search query, \'yellow\' by default","name":"highlightColor","required":false,"type":{"name":"MantineColor"}},"highlightQuery":{"defaultValue":null,"description":"Determines whether search query should be highlighted in action label, false by default","name":"highlightQuery","required":false,"type":{"name":"boolean"}},"keywords":{"defaultValue":null,"description":"Keywords that are used for default filtering, not displayed anywhere, can be a string: \\"react,router,javascript\\" or an array: [\'react\', \'router\', \'javascript\']","name":"keywords","required":false,"type":{"name":"string | string[]"}},"label":{"defaultValue":null,"description":"Action label, pass string to use in default filter","name":"label","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Section displayed on the left side of the label, for example, icon","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"rightSection":{"defaultValue":null,"description":"Section displayed on the right side of the label, for example, hotkey","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}}}},"SpotlightActionsGroup":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-spotlight/src/SpotlightActionsGroup.tsx","displayName":"@mantine/core/SpotlightActionsGroup","props":{"children":{"defaultValue":null,"description":"Spotlight.Action components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"label":{"defaultValue":null,"description":"Group label","name":"label","required":false,"type":{"name":"React.ReactNode"}}}},"SpotlightRoot":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-spotlight/src/SpotlightRoot.tsx","displayName":"@mantine/spotlight/SpotlightRoot","props":{"centered":{"defaultValue":null,"description":"Determines whether the modal should be centered vertically, false by default","name":"centered","required":false,"type":{"name":"boolean"}},"children":{"defaultValue":null,"description":"Modal content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"clearQueryOnClose":{"defaultValue":null,"description":"Determines whether the search query should be cleared when the spotlight is closed, true by default","name":"clearQueryOnClose","required":false,"type":{"name":"boolean"}},"closeOnActionTrigger":{"defaultValue":null,"description":"Determines whether spotlight should be closed when one of the actions is triggered, true by default","name":"closeOnActionTrigger","required":false,"type":{"name":"boolean"}},"closeOnClickOutside":{"defaultValue":null,"description":"Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default","name":"closeOnClickOutside","required":false,"type":{"name":"boolean"}},"closeOnEscape":{"defaultValue":null,"description":"Determines whether onClose should be called when user presses the escape key, true by default","name":"closeOnEscape","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"If set, spotlight will not be rendered","name":"disabled","required":false,"type":{"name":"boolean"}},"forceOpened":{"defaultValue":null,"description":"Forces opened state, useful for tests","name":"forceOpened","required":false,"type":{"name":"boolean"}},"fullScreen":{"defaultValue":null,"description":"Determines whether the modal should take the entire screen, false by default","name":"fullScreen","required":false,"type":{"name":"boolean"}},"id":{"defaultValue":null,"description":"Id used to connect modal/drawer with body and title","name":"id","required":false,"type":{"name":"string"}},"keepMounted":{"defaultValue":null,"description":"If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead, false by default","name":"keepMounted","required":false,"type":{"name":"boolean"}},"lockScroll":{"defaultValue":null,"description":"Determines whether scroll should be locked when opened={true}, true by default","name":"lockScroll","required":false,"type":{"name":"boolean"}},"maxHeight":{"defaultValue":null,"description":"Spotlight content max-height. Ignored unless scrollable prop is set. 400 by default","name":"maxHeight","required":false,"type":{"name":"MaxHeight"}},"onQueryChange":{"defaultValue":null,"description":"Called when query changes","name":"onQueryChange","required":false,"type":{"name":"((query: string) => void)"}},"onSpotlightClose":{"defaultValue":null,"description":"Called when spotlight closes","name":"onSpotlightClose","required":false,"type":{"name":"(() => void)"}},"onSpotlightOpen":{"defaultValue":null,"description":"Called when spotlight opens","name":"onSpotlightOpen","required":false,"type":{"name":"(() => void)"}},"overlayProps":{"defaultValue":null,"description":"Props passed down to the Overlay component, use to configure opacity, background-color, styles and other properties","name":"overlayProps","required":false,"type":{"name":"ModalBaseOverlayProps"}},"padding":{"defaultValue":null,"description":"Key of theme.spacing or any valid CSS value to set content, header and footer padding, \'md\' by default","name":"padding","required":false,"type":{"name":"MantineSpacing"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component when withinPortal is set","name":"portalProps","required":false,"type":{"name":"Omit"}},"query":{"defaultValue":null,"description":"Controlled Spotlight search query","name":"query","required":false,"type":{"name":"string"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"returnFocus":{"defaultValue":null,"description":"Determines whether focus should be returned to the last active element when onClose is called, true by default","name":"returnFocus","required":false,"type":{"name":"boolean"}},"scrollAreaComponent":{"defaultValue":null,"description":"Scroll area component, native div element by default","name":"scrollAreaComponent","required":false,"type":{"name":"ScrollAreaComponent"}},"scrollable":{"defaultValue":null,"description":"Determines whether the actions list should be scrollable. If not set, maxHeight is ignored, false by default","name":"scrollable","required":false,"type":{"name":"boolean"}},"shadow":{"defaultValue":null,"description":"Key of theme.shadows or any valid CSS box-shadow value, \'xl\' by default","name":"shadow","required":false,"type":{"name":"MantineShadow"}},"shortcut":{"defaultValue":null,"description":"Keyboard shortcut or a list of shortcuts to trigger spotlight, \'mod + K\' by default","name":"shortcut","required":false,"type":{"name":"string | string[] | null"}},"size":{"defaultValue":null,"description":"Controls width of the content area, \'md\' by default","name":"size","required":false,"type":{"name":"number | MantineSize | (string & {})"}},"store":{"defaultValue":null,"description":"Spotlight store, can be used to create multiple instances of spotlight","name":"store","required":false,"type":{"name":"SpotlightStore"}},"tagsToIgnore":{"defaultValue":null,"description":"A list of tags which when focused will be ignored by shortcut, [\'input\', \'textarea\', \'select\'] by default","name":"tagsToIgnore","required":false,"type":{"name":"string[]"}},"title":{"defaultValue":null,"description":"Modal title","name":"title","required":false,"type":{"name":"React.ReactNode"}},"transitionProps":{"defaultValue":null,"description":"Props added to the Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: \'pop\' } by default","name":"transitionProps","required":false,"type":{"name":"Partial>"}},"trapFocus":{"defaultValue":null,"description":"Determines whether focus should be trapped, true by default","name":"trapFocus","required":false,"type":{"name":"boolean"}},"triggerOnContentEditable":{"defaultValue":null,"description":"Determines whether shortcut should trigger based in contentEditable, false by default","name":"triggerOnContentEditable","required":false,"type":{"name":"boolean"}},"withOverlay":{"defaultValue":null,"description":"Determines whether the overlay should be rendered, true by default","name":"withOverlay","required":false,"type":{"name":"boolean"}},"withinPortal":{"defaultValue":null,"description":"Determines whether the component should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"xOffset":{"defaultValue":null,"description":"Left/right modal offset, 5vw by default","name":"xOffset","required":false,"type":{"name":"MarginLeft"}},"yOffset":{"defaultValue":null,"description":"Top/bottom modal offset, 5dvh by default","name":"yOffset","required":false,"type":{"name":"MarginTop"}},"zIndex":{"defaultValue":null,"description":"z-index CSS property of the root element, 200 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}},"SpotlightSearch":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-spotlight/src/SpotlightSearch.tsx","displayName":"@mantine/spotlight/SpotlightSearch","props":{"disabled":{"defaultValue":null,"description":"Sets disabled attribute on the input element","name":"disabled","required":false,"type":{"name":"boolean"}},"error":{"defaultValue":null,"description":"Determines whether the input should have error styles and aria-invalid attribute","name":"error","required":false,"type":{"name":"React.ReactNode"}},"id":{"defaultValue":null,"description":"Input element id","name":"id","required":false,"type":{"name":"string"}},"leftSection":{"defaultValue":null,"description":"Content section rendered on the left side of the input","name":"leftSection","required":false,"type":{"name":"React.ReactNode"}},"leftSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the leftSection element, \'none\' by default","name":"leftSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"leftSectionProps":{"defaultValue":null,"description":"Props added to the leftSection element","name":"leftSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"leftSectionWidth":{"defaultValue":null,"description":"Left section width, used to set width of the section and input padding-left, by default equals to the input height","name":"leftSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"multiline":{"defaultValue":null,"description":"Determines whether the input can have multiple lines, for example when component=\\"textarea\\", false by default","name":"multiline","required":false,"type":{"name":"boolean"}},"pointer":{"defaultValue":null,"description":"Determines whether the input should have cursor: pointer style, false by default","name":"pointer","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"required":{"defaultValue":null,"description":"Sets required attribute on the input element","name":"required","required":false,"type":{"name":"boolean"}},"rightSection":{"defaultValue":null,"description":"Content section rendered on the right side of the input","name":"rightSection","required":false,"type":{"name":"React.ReactNode"}},"rightSectionPointerEvents":{"defaultValue":null,"description":"Sets pointer-events styles on the rightSection element, \'none\' by default","name":"rightSectionPointerEvents","required":false,"type":{"name":"React.CSSProperties[\\"pointerEvents\\"]","raw":"PointerEvents | undefined","value":[{"value":"undefined"},{"value":"\\"-moz-initial\\""},{"value":"\\"inherit\\""},{"value":"\\"initial\\""},{"value":"\\"revert\\""},{"value":"\\"unset\\""},{"value":"\\"none\\""},{"value":"\\"auto\\""},{"value":"\\"all\\""},{"value":"\\"fill\\""},{"value":"\\"stroke\\""},{"value":"\\"painted\\""},{"value":"\\"visible\\""},{"value":"\\"visibleFill\\""},{"value":"\\"visiblePainted\\""},{"value":"\\"visibleStroke\\""}]}},"rightSectionProps":{"defaultValue":null,"description":"Props added to the rightSection element","name":"rightSectionProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"div\\">"}},"rightSectionWidth":{"defaultValue":null,"description":"Right section width, used to set width of the section and input padding-right, by default equals to the input height","name":"rightSectionWidth","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"size":{"defaultValue":null,"description":"Controls input height and horizontal padding, \'sm\' by default","name":"size","required":false,"type":{"name":"MantineSize | (string & {})"}},"withAria":{"defaultValue":null,"description":"Determines whether aria- and other accessibility attributes should be added to the input, true by default","name":"withAria","required":false,"type":{"name":"boolean"}},"withErrorStyles":{"defaultValue":null,"description":"Determines whether the input should have red border and text color when error prop is set, true by default","name":"withErrorStyles","required":false,"type":{"name":"boolean"}},"wrapperProps":{"defaultValue":null,"description":"Props added to the root element of the Input component","name":"wrapperProps","required":false,"type":{"name":"Record"}}}},"Carousel":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-carousel/src/Carousel.tsx","displayName":"@mantine/core/Carousel","props":{"align":{"defaultValue":null,"description":"Determines how slides will be aligned relative to the container. Use number between 0-1 to align slides based on percentage, where 0.5 is 50%, \'center\' by default","name":"align","required":false,"type":{"name":"number | \\"center\\" | \\"end\\" | \\"start\\""}},"children":{"defaultValue":null,"description":" components","name":"children","required":false,"type":{"name":"React.ReactNode"}},"containScroll":{"defaultValue":null,"description":"Clear leading and trailing empty space that causes excessive scrolling. Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.","name":"containScroll","required":false,"type":{"name":"\\"\\" | \\"trimSnaps\\" | \\"keepSnaps\\"","raw":"\\"\\" | \\"trimSnaps\\" | \\"keepSnaps\\" | undefined","value":[{"value":"undefined"},{"value":"\\"\\""},{"value":"\\"trimSnaps\\""},{"value":"\\"keepSnaps\\""}]}},"controlSize":{"defaultValue":null,"description":"Controls size of the next and previous controls, 26 by default","name":"controlSize","required":false,"type":{"name":"React.CSSProperties[\\"width\\"]"}},"controlsOffset":{"defaultValue":null,"description":"Controls position of the next and previous controls, key of theme.spacing or any valid CSS value, \'sm\' by default","name":"controlsOffset","required":false,"type":{"name":"MantineSpacing"}},"dragFree":{"defaultValue":null,"description":"Determines whether momentum scrolling should be enabled, false by default","name":"dragFree","required":false,"type":{"name":"boolean"}},"draggable":{"defaultValue":null,"description":"Determines whether the carousel can be scrolled with mouse and touch interactions, true by default","name":"draggable","required":false,"type":{"name":"boolean"}},"getEmblaApi":{"defaultValue":null,"description":"Get embla API as ref","name":"getEmblaApi","required":false,"type":{"name":"((embla: EmblaCarouselType) => void)"}},"height":{"defaultValue":null,"description":"Slides container height, required for vertical orientation","name":"height","required":false,"type":{"name":"Height"}},"inViewThreshold":{"defaultValue":null,"description":"Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view. For example, 0.5 equals 50%.","name":"inViewThreshold","required":false,"type":{"name":"number"}},"includeGapInSize":{"defaultValue":null,"description":"Determines whether gap between slides should be treated as part of the slide size, true by default","name":"includeGapInSize","required":false,"type":{"name":"boolean"}},"initialSlide":{"defaultValue":null,"description":"Index of initial slide","name":"initialSlide","required":false,"type":{"name":"number"}},"loop":{"defaultValue":null,"description":"Enables infinite looping. true by default, automatically falls back to false if slide content isn\'t enough to loop.","name":"loop","required":false,"type":{"name":"boolean"}},"nextControlIcon":{"defaultValue":null,"description":"Icon of the next control","name":"nextControlIcon","required":false,"type":{"name":"React.ReactNode"}},"nextControlProps":{"defaultValue":null,"description":"Props passed down to next control","name":"nextControlProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"onNextSlide":{"defaultValue":null,"description":"Called when next slide is shown","name":"onNextSlide","required":false,"type":{"name":"(() => void)"}},"onPreviousSlide":{"defaultValue":null,"description":"Called when previous slider is shown","name":"onPreviousSlide","required":false,"type":{"name":"(() => void)"}},"onSlideChange":{"defaultValue":null,"description":"Called with slide index when slide changes","name":"onSlideChange","required":false,"type":{"name":"((index: number) => void)"}},"orientation":{"defaultValue":null,"description":"Carousel orientation, \'horizontal\' by default","name":"orientation","required":false,"type":{"name":"\\"horizontal\\" | \\"vertical\\"","raw":"\\"horizontal\\" | \\"vertical\\" | undefined","value":[{"value":"undefined"},{"value":"\\"horizontal\\""},{"value":"\\"vertical\\""}]}},"plugins":{"defaultValue":null,"description":"An array of embla plugins","name":"plugins","required":false,"type":{"name":"CreatePluginType[]"}},"previousControlIcon":{"defaultValue":null,"description":"Icon of the previous control","name":"previousControlIcon","required":false,"type":{"name":"React.ReactNode"}},"previousControlProps":{"defaultValue":null,"description":"Props passed down to previous control","name":"previousControlProps","required":false,"type":{"name":"React.ComponentPropsWithoutRef<\\"button\\">"}},"skipSnaps":{"defaultValue":null,"description":"Allow the carousel to skip scroll snaps if it is dragged vigorously. Note that this option will be ignored if the dragFree option is set to true, false by default","name":"skipSnaps","required":false,"type":{"name":"boolean"}},"slideGap":{"defaultValue":null,"description":"Key of theme.spacing or number to set gap between slides","name":"slideGap","required":false,"type":{"name":"StyleProp"}},"slideSize":{"defaultValue":null,"description":"Controls slide width based on viewport width, \'100%\' by default","name":"slideSize","required":false,"type":{"name":"StyleProp"}},"slidesToScroll":{"defaultValue":null,"description":"Number of slides that will be scrolled with next/previous buttons, 1 by default","name":"slidesToScroll","required":false,"type":{"name":"number | \\"auto\\""}},"speed":{"defaultValue":null,"description":"Adjusts scroll speed when triggered by any of the methods. Higher numbers enables faster scrolling.","name":"speed","required":false,"type":{"name":"number"}},"withControls":{"defaultValue":null,"description":"Determines whether next/previous controls should be displayed, true by default","name":"withControls","required":false,"type":{"name":"boolean"}},"withIndicators":{"defaultValue":null,"description":"Determines whether indicators should be displayed, false by default","name":"withIndicators","required":false,"type":{"name":"boolean"}},"withKeyboardEvents":{"defaultValue":null,"description":"Determines whether arrow key should switch slides, true by default","name":"withKeyboardEvents","required":false,"type":{"name":"boolean"}}}},"Dropzone":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dropzone/src/Dropzone.tsx","displayName":"@mantine/dropzone/Dropzone","props":{"accept":{"defaultValue":null,"description":"Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.","name":"accept","required":false,"type":{"name":"string[] | Accept"}},"acceptColor":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set colors of Dropzone.Accept, theme.primaryColor by default","name":"acceptColor","required":false,"type":{"name":"MantineColor"}},"activateOnClick":{"defaultValue":null,"description":"If false, disables click to open the native file selection dialog","name":"activateOnClick","required":false,"type":{"name":"boolean"}},"activateOnDrag":{"defaultValue":null,"description":"If false, disables drag \'n\' drop","name":"activateOnDrag","required":false,"type":{"name":"boolean"}},"activateOnKeyboard":{"defaultValue":null,"description":"If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.","name":"activateOnKeyboard","required":false,"type":{"name":"boolean"}},"autoFocus":{"defaultValue":null,"description":"Set to autofocus the root element","name":"autoFocus","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Determines whether files capturing should be disabled, false by default","name":"disabled","required":false,"type":{"name":"boolean"}},"dragEventsBubbling":{"defaultValue":null,"description":"If false, stops drag event propagation to parents","name":"dragEventsBubbling","required":false,"type":{"name":"boolean"}},"getFilesFromEvent":{"defaultValue":null,"description":"Use this to provide a custom file aggregator","name":"getFilesFromEvent","required":false,"type":{"name":"((event: DropEvent) => Promise<(File | DataTransferItem)[]>)"}},"loading":{"defaultValue":null,"description":"Determines whether a loading overlay should be displayed over the dropzone, false by default","name":"loading","required":false,"type":{"name":"boolean"}},"maxFiles":{"defaultValue":null,"description":"Maximum number of files that can be picked at once","name":"maxFiles","required":false,"type":{"name":"number"}},"maxSize":{"defaultValue":null,"description":"Maximum file size in bytes","name":"maxSize","required":false,"type":{"name":"number"}},"multiple":{"defaultValue":null,"description":"Determines whether multiple files can be dropped to the dropzone or selected from file system picker, true by default","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of the form control. Submitted with the form as part of a name/value pair.","name":"name","required":false,"type":{"name":"string"}},"onDragEnter":{"defaultValue":null,"description":"Called when the dragenter event occurs","name":"onDragEnter","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDragLeave":{"defaultValue":null,"description":"Called when the dragleave event occurs","name":"onDragLeave","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDragOver":{"defaultValue":null,"description":"Called when the dragover event occurs","name":"onDragOver","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDrop":{"defaultValue":null,"description":"Called when valid files are dropped to the dropzone","name":"onDrop","required":true,"type":{"name":"(files: FileWithPath[]) => void"}},"onDropAny":{"defaultValue":null,"description":"Called when any files are dropped to the dropzone","name":"onDropAny","required":false,"type":{"name":"((files: FileWithPath[], fileRejections: FileRejection[]) => void)"}},"onFileDialogCancel":{"defaultValue":null,"description":"Called when user closes the file selection dialog with no selection","name":"onFileDialogCancel","required":false,"type":{"name":"(() => void)"}},"onFileDialogOpen":{"defaultValue":null,"description":"Called when user opens the file selection dialog","name":"onFileDialogOpen","required":false,"type":{"name":"(() => void)"}},"onReject":{"defaultValue":null,"description":"Called when dropped files do not meet file restrictions","name":"onReject","required":false,"type":{"name":"((fileRejections: FileRejection[]) => void)"}},"openRef":{"defaultValue":null,"description":"A ref function which when called opens the file system file picker","name":"openRef","required":false,"type":{"name":"ForwardedRef<() => void> | undefined"}},"preventDropOnDocument":{"defaultValue":null,"description":"If false, allow dropped items to take over the current browser window","name":"preventDropOnDocument","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rejectColor":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set colors of Dropzone.Reject, \'red\' by default","name":"rejectColor","required":false,"type":{"name":"MantineColor"}},"useFsAccessApi":{"defaultValue":null,"description":"Set to true to use the File System Access API to open the file picker instead of using an click event, defaults to true","name":"useFsAccessApi","required":false,"type":{"name":"boolean"}},"validator":{"defaultValue":null,"description":"Custom validation function. It must return null if there\'s no errors.","name":"validator","required":false,"type":{"name":"((file: T) => FileError | FileError[] | null)"}}}},"DropzoneFullScreen":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-dropzone/src/DropzoneFullScreen.tsx","displayName":"@mantine/dropzone/DropzoneFullScreen","props":{"accept":{"defaultValue":null,"description":"Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.","name":"accept","required":false,"type":{"name":"string[] | Accept"}},"acceptColor":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set colors of Dropzone.Accept, theme.primaryColor by default","name":"acceptColor","required":false,"type":{"name":"MantineColor"}},"activateOnClick":{"defaultValue":null,"description":"If false, disables click to open the native file selection dialog","name":"activateOnClick","required":false,"type":{"name":"boolean"}},"activateOnDrag":{"defaultValue":null,"description":"If false, disables drag \'n\' drop","name":"activateOnDrag","required":false,"type":{"name":"boolean"}},"activateOnKeyboard":{"defaultValue":null,"description":"If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.","name":"activateOnKeyboard","required":false,"type":{"name":"boolean"}},"active":{"defaultValue":null,"description":"Determines whether user can drop files to browser window, true by default","name":"active","required":false,"type":{"name":"boolean"}},"autoFocus":{"defaultValue":null,"description":"Set to autofocus the root element","name":"autoFocus","required":false,"type":{"name":"boolean"}},"disabled":{"defaultValue":null,"description":"Determines whether files capturing should be disabled, false by default","name":"disabled","required":false,"type":{"name":"boolean"}},"dragEventsBubbling":{"defaultValue":null,"description":"If false, stops drag event propagation to parents","name":"dragEventsBubbling","required":false,"type":{"name":"boolean"}},"getFilesFromEvent":{"defaultValue":null,"description":"Use this to provide a custom file aggregator","name":"getFilesFromEvent","required":false,"type":{"name":"((event: DropEvent) => Promise<(File | DataTransferItem)[]>)"}},"loading":{"defaultValue":null,"description":"Determines whether a loading overlay should be displayed over the dropzone, false by default","name":"loading","required":false,"type":{"name":"boolean"}},"maxFiles":{"defaultValue":null,"description":"Maximum number of files that can be picked at once","name":"maxFiles","required":false,"type":{"name":"number"}},"maxSize":{"defaultValue":null,"description":"Maximum file size in bytes","name":"maxSize","required":false,"type":{"name":"number"}},"multiple":{"defaultValue":null,"description":"Determines whether multiple files can be dropped to the dropzone or selected from file system picker, true by default","name":"multiple","required":false,"type":{"name":"boolean"}},"name":{"defaultValue":null,"description":"Name of the form control. Submitted with the form as part of a name/value pair.","name":"name","required":false,"type":{"name":"string"}},"onDragEnter":{"defaultValue":null,"description":"Called when the dragenter event occurs","name":"onDragEnter","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDragLeave":{"defaultValue":null,"description":"Called when the dragleave event occurs","name":"onDragLeave","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDragOver":{"defaultValue":null,"description":"Called when the dragover event occurs","name":"onDragOver","required":false,"type":{"name":"((event: DragEvent) => void)"}},"onDrop":{"defaultValue":null,"description":"Called when valid files are dropped to the dropzone","name":"onDrop","required":true,"type":{"name":"(files: FileWithPath[]) => void"}},"onDropAny":{"defaultValue":null,"description":"Called when any files are dropped to the dropzone","name":"onDropAny","required":false,"type":{"name":"((files: FileWithPath[], fileRejections: FileRejection[]) => void)"}},"onFileDialogCancel":{"defaultValue":null,"description":"Called when user closes the file selection dialog with no selection","name":"onFileDialogCancel","required":false,"type":{"name":"(() => void)"}},"onFileDialogOpen":{"defaultValue":null,"description":"Called when user opens the file selection dialog","name":"onFileDialogOpen","required":false,"type":{"name":"(() => void)"}},"onReject":{"defaultValue":null,"description":"Called when dropped files do not meet file restrictions","name":"onReject","required":false,"type":{"name":"((fileRejections: FileRejection[]) => void)"}},"openRef":{"defaultValue":null,"description":"A ref function which when called opens the file system file picker","name":"openRef","required":false,"type":{"name":"ForwardedRef<() => void> | undefined"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"preventDropOnDocument":{"defaultValue":null,"description":"If false, allow dropped items to take over the current browser window","name":"preventDropOnDocument","required":false,"type":{"name":"boolean"}},"radius":{"defaultValue":null,"description":"Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem, theme.defaultRadius by default","name":"radius","required":false,"type":{"name":"MantineRadius | number"}},"rejectColor":{"defaultValue":null,"description":"Key of theme.colors or any valid CSS color to set colors of Dropzone.Reject, \'red\' by default","name":"rejectColor","required":false,"type":{"name":"MantineColor"}},"useFsAccessApi":{"defaultValue":null,"description":"Set to true to use the File System Access API to open the file picker instead of using an click event, defaults to true","name":"useFsAccessApi","required":false,"type":{"name":"boolean"}},"validator":{"defaultValue":null,"description":"Custom validation function. It must return null if there\'s no errors.","name":"validator","required":false,"type":{"name":"((file: T) => FileError | FileError[] | null)"}},"withinPortal":{"defaultValue":null,"description":"Determines whether component should be rendered within Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"z-index value, 9999 by default","name":"zIndex","required":false,"type":{"name":"ZIndex"}}}},"CodeHighlight":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-code-highlight/src/CodeHighlight.tsx","displayName":"@mantine/core/CodeHighlight","props":{"code":{"defaultValue":null,"description":"Code to highlight","name":"code","required":true,"type":{"name":"string"}},"copiedLabel":{"defaultValue":null,"description":"Copied tooltip label, \'Copied\' by default","name":"copiedLabel","required":false,"type":{"name":"string"}},"copyLabel":{"defaultValue":null,"description":"Copy tooltip label, \'Copy code\' by default","name":"copyLabel","required":false,"type":{"name":"string"}},"highlightOnClient":{"defaultValue":null,"description":"Determines whether code should be highlighted only after component is mounted to the dom (disables code highlight on server), false by default","name":"highlightOnClient","required":false,"type":{"name":"boolean"}},"language":{"defaultValue":null,"description":"Code language, \'tsx\' by default","name":"language","required":false,"type":{"name":"string"}},"withCopyButton":{"defaultValue":null,"description":"Determines whether copy button should be displayed, true by default","name":"withCopyButton","required":false,"type":{"name":"boolean"}}}},"CodeHighlightTabs":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-code-highlight/src/CodeHighlightTabs.tsx","displayName":"@mantine/core/CodeHighlightTabs","props":{"activeTab":{"defaultValue":null,"description":"Index of controlled active tab state","name":"activeTab","required":false,"type":{"name":"number"}},"code":{"defaultValue":null,"description":"Code to highlight with meta data (file name and icon)","name":"code","required":true,"type":{"name":"CodeHighlightTabsCode | CodeHighlightTabsCode[]"}},"collapseCodeLabel":{"defaultValue":null,"description":"Collapse button label and tooltip, \'Collapse code\' by default","name":"collapseCodeLabel","required":false,"type":{"name":"string"}},"copiedLabel":{"defaultValue":null,"description":"Copied tooltip label, \'Copied\' by default","name":"copiedLabel","required":false,"type":{"name":"string"}},"copyLabel":{"defaultValue":null,"description":"Copy tooltip label, \'Copy code\' by default","name":"copyLabel","required":false,"type":{"name":"string"}},"defaultActiveTab":{"defaultValue":null,"description":"Default active tab index","name":"defaultActiveTab","required":false,"type":{"name":"number"}},"defaultExpanded":{"defaultValue":null,"description":"Uncontrolled expanded state initial value","name":"defaultExpanded","required":false,"type":{"name":"boolean"}},"expandCodeLabel":{"defaultValue":null,"description":"Expand button label and tooltip, \'Expand code\' by default","name":"expandCodeLabel","required":false,"type":{"name":"string"}},"expanded":{"defaultValue":null,"description":"Controlled expanded state","name":"expanded","required":false,"type":{"name":"boolean"}},"getFileIcon":{"defaultValue":null,"description":"Function that returns icon based on file name","name":"getFileIcon","required":false,"type":{"name":"((fileName: string) => ReactNode)"}},"maxCollapsedHeight":{"defaultValue":null,"description":"max-height of code in collapsed state","name":"maxCollapsedHeight","required":false,"type":{"name":"MaxHeight"}},"onExpandedChange":{"defaultValue":null,"description":"Called when expanded state changes","name":"onExpandedChange","required":false,"type":{"name":"((expanded: boolean) => void)"}},"onTabChange":{"defaultValue":null,"description":"Called when tab changes","name":"onTabChange","required":false,"type":{"name":"((tab: number) => void)"}},"withExpandButton":{"defaultValue":null,"description":"Determines whether to show the expand button, false by default","name":"withExpandButton","required":false,"type":{"name":"boolean"}},"withHeader":{"defaultValue":null,"description":"Determines whether header with file names and copy button should be rendered, true by default","name":"withHeader","required":false,"type":{"name":"boolean"}}}},"InlineCodeHighlight":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-code-highlight/src/InlineCodeHighlight.tsx","displayName":"@mantine/core/InlineCodeHighlight","props":{"code":{"defaultValue":null,"description":"Code to highlight","name":"code","required":true,"type":{"name":"string"}},"language":{"defaultValue":null,"description":"Code language, \'tsx\' by default","name":"language","required":false,"type":{"name":"string"}}}},"NavigationProgress":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-nprogress/src/NavigationProgress.tsx","displayName":"@mantine/nprogress/NavigationProgress","props":{"color":{"defaultValue":null,"description":"Key of theme.colors of any other valid CSS color, theme.primaryColor by default","name":"color","required":false,"type":{"name":"MantineColor"}},"initialProgress":{"defaultValue":{"value":"0"},"description":"Initial progress value, 0 by default","name":"initialProgress","required":false,"type":{"name":"number"}},"portalProps":{"defaultValue":null,"description":"Props to pass down to the Portal when withinPortal is true","name":"portalProps","required":false,"type":{"name":"Omit"}},"size":{"defaultValue":{"value":"3"},"description":"Controls height of the progress bar","name":"size","required":false,"type":{"name":"number"}},"stepInterval":{"defaultValue":{"value":"500"},"description":"Step interval in ms, 500 by default","name":"stepInterval","required":false,"type":{"name":"number"}},"store":{"defaultValue":null,"description":"Component store, controls state","name":"store","required":false,"type":{"name":"NprogressStore"}},"withinPortal":{"defaultValue":{"value":"true"},"description":"Determines whether the progress bar should be rendered within Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":{"value":"getDefaultZIndex(\'max\')"},"description":"Progressbar z-index, 9999 by default","name":"zIndex","required":false,"type":{"name":"ZIndex"}}}},"ModalsProvider":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-modals/src/ModalsProvider.tsx","displayName":"ModalsProvider","props":{"children":{"defaultValue":null,"description":"Your app","name":"children","required":true,"type":{"name":"React.ReactNode"}},"labels":{"defaultValue":null,"description":"Confirm modal labels","name":"labels","required":false,"type":{"name":"ConfirmLabels"}},"modalProps":{"defaultValue":null,"description":"Shared Modal component props, applied for every modal","name":"modalProps","required":false,"type":{"name":"ModalSettings"}},"modals":{"defaultValue":null,"description":"Predefined modals","name":"modals","required":false,"type":{"name":"Record>>"}}}},"RichTextEditor":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-tiptap/src/RichTextEditor.tsx","displayName":"@mantine/tiptap/RichTextEditor","props":{"children":{"defaultValue":null,"description":"Child editor components","name":"children","required":true,"type":{"name":"React.ReactNode"}},"editor":{"defaultValue":null,"description":"Tiptap editor instance","name":"editor","required":true,"type":{"name":"Editor | null"}},"labels":{"defaultValue":null,"description":"Labels that are used in controls","name":"labels","required":false,"type":{"name":"Partial"}},"withCodeHighlightStyles":{"defaultValue":null,"description":"Determines whether code highlight styles should be added, true by default","name":"withCodeHighlightStyles","required":false,"type":{"name":"boolean"}},"withTypographyStyles":{"defaultValue":null,"description":"Determines whether typography styles should be added, true by default","name":"withTypographyStyles","required":false,"type":{"name":"boolean"}}}},"Notifications":{"filePath":"/Users/vrtischev/code/mantine/src/mantine-notifications/src/Notifications.tsx","displayName":"@mantine/notifications/Notifications","props":{"autoClose":{"defaultValue":null,"description":"Auto close timeout for all notifications in ms, false to disable auto close, can be overwritten for individual notifications in notifications.show function, 4000 by defualt","name":"autoClose","required":false,"type":{"name":"number | false"}},"containerWidth":{"defaultValue":null,"description":"Notification width, cannot exceed 100%, 440 by default","name":"containerWidth","required":false,"type":{"name":"string | number"}},"limit":{"defaultValue":null,"description":"Maximum number of notifications displayed at a time, other new notifications will be added to queue, 5 by default","name":"limit","required":false,"type":{"name":"number"}},"notificationMaxHeight":{"defaultValue":null,"description":"Notification max-height, used for transitions, 200 by default","name":"notificationMaxHeight","required":false,"type":{"name":"string | number"}},"portalProps":{"defaultValue":null,"description":"Props passed down to the Portal component","name":"portalProps","required":false,"type":{"name":"Omit"}},"position":{"defaultValue":null,"description":"Notifications position, \'bottom-right\' by default","name":"position","required":false,"type":{"name":"\\"bottom-center\\" | \\"top-center\\" | \\"top-left\\" | \\"top-right\\" | \\"bottom-left\\" | \\"bottom-right\\"","raw":"\\"bottom-center\\" | \\"top-center\\" | \\"top-left\\" | \\"top-right\\" | \\"bottom-left\\" | \\"bottom-right\\" | undefined","value":[{"value":"undefined"},{"value":"\\"bottom-center\\""},{"value":"\\"top-center\\""},{"value":"\\"top-left\\""},{"value":"\\"top-right\\""},{"value":"\\"bottom-left\\""},{"value":"\\"bottom-right\\""}]}},"store":{"defaultValue":null,"description":"Store for notifications state, can be used to create multiple instances of notifications system in your application","name":"store","required":false,"type":{"name":"NotificationsStore"}},"transitionDuration":{"defaultValue":null,"description":"Notification transition duration in ms, 250 by default","name":"transitionDuration","required":false,"type":{"name":"number"}},"withinPortal":{"defaultValue":null,"description":"Determines whether notifications container should be rendered inside Portal, true by default","name":"withinPortal","required":false,"type":{"name":"boolean"}},"zIndex":{"defaultValue":null,"description":"Notifications container z-index, 400 by default","name":"zIndex","required":false,"type":{"name":"string | number"}}}}}');function f(e){let{component:t,query:a}=e;if(!m[t])return(0,n.jsx)(p.z,{errorOf:"props"});let o=Object.keys(m[t].props).filter(e=>m[t].props[e].name.toLowerCase().includes(a.toLowerCase().trim())).map(e=>{let o=m[t].props[e];return(0,n.jsxs)(l.i.Tr,{children:[(0,n.jsxs)(l.i.Td,{style:{whiteSpace:"nowrap"},children:[(0,n.jsx)(r.y,{highlight:a,component:"span",fz:"sm",children:o.name}),o.required&&(0,n.jsxs)(i.x,{component:"sup",c:"red",fz:"xs",children:[" ","*"]})]}),(0,n.jsx)(l.i.Td,{children:(0,n.jsx)(c.e,{children:o.type.name})}),(0,n.jsx)(l.i.Td,{children:(0,n.jsx)(u.O,{fz:"sm",children:o.description})})]},e)});return 0===o.length?(0,n.jsx)(i.x,{c:"dimmed",mb:"xl",fz:"sm",children:"Nothing found"}):(0,n.jsx)(s.U,{children:(0,n.jsx)("div",{style:{overflowX:"auto"},children:(0,n.jsx)("div",{style:{minWidth:(0,d.h)(500)},children:(0,n.jsxs)(l.i,{children:[(0,n.jsx)(l.i.Thead,{children:(0,n.jsxs)(l.i.Tr,{children:[(0,n.jsx)(l.i.Th,{children:"Name"}),(0,n.jsx)(l.i.Th,{children:"Type"}),(0,n.jsx)(l.i.Th,{children:"Description"})]})}),(0,n.jsx)(l.i.Tbody,{children:o})]})})})})}var h=a(44907),y=a(50780),b=a(79153);function v(e){let{component:t,componentPrefix:a}=e;return a?a===t?t:"".concat(a,".").concat(t.replace(a,"")):t}var g=a(19309),w=a.n(g);function q(e){let{components:t,componentPrefix:a}=e,[l,r]=(0,o.useState)(""),i=t.map(e=>(0,n.jsxs)("div",{className:w().section,children:[(0,n.jsxs)(h.D,{order:2,className:w().title,children:[v({component:e,componentPrefix:a})," component props"]}),(0,n.jsx)(f,{component:e,query:l})]},e));return(0,n.jsxs)("div",{children:[(0,n.jsx)(y.o,{className:w().search,value:l,onChange:e=>r(e.currentTarget.value),leftSection:(0,n.jsx)(b.Z,{className:w().searchIcon}),placeholder:"Search props",radius:"md",size:"lg",autoFocus:!0}),i]})}},64514:function(e,t,a){"use strict";a.d(t,{Hx:function(){return t9},VX:function(){return t8},D5:function(){return ao},$w:function(){return t3}});var n={};a.r(n),a.d(n,{AccordionStylesApi:function(){return i.x},ActionIconGroupStylesApi:function(){return s},ActionIconStylesApi:function(){return d},AffixStylesApi:function(){return u},AlertStylesApi:function(){return c.g},AnchorStylesApi:function(){return w},AppShellStylesApi:function(){return q},AspectRatioStylesApi:function(){return V},AutocompleteStylesApi:function(){return C.I},AvatarGroupStylesApi:function(){return P},AvatarStylesApi:function(){return S},BackgroundImageStylesApi:function(){return D},BadgeStylesApi:function(){return x.o},BlockquoteStylesApi:function(){return R},BreadcrumbsStylesApi:function(){return k},BurgerStylesApi:function(){return N},ButtonGroupStylesApi:function(){return I.R},ButtonStylesApi:function(){return I.B},CalendarHeaderStylesApi:function(){return eb},CalendarStylesApi:function(){return eq},CardStylesApi:function(){return z},CarouselStylesApi:function(){return O.J},CenterStylesApi:function(){return M},CheckboxGroupStylesApi:function(){return Y},CheckboxStylesApi:function(){return W},ChipStylesApi:function(){return U},CloseButtonStylesApi:function(){return B},CodeHighlightStylesApi:function(){return G},CodeHighlightTabsStylesApi:function(){return K},CodeStylesApi:function(){return H},ColorInputStylesApi:function(){return X.B},ColorPickerStylesApi:function(){return J.L},ColorSwatchStylesApi:function(){return Z},ComboboxLikeSelectors:function(){return Q.d},ComboboxStylesApi:function(){return Q.$},ContainerStylesApi:function(){return $},DateInputStylesApi:function(){return eR},DatePickerInputStylesApi:function(){return ex},DatePickerStylesApi:function(){return eS},DateTimePickerStylesApi:function(){return ek},DecadeLevelGroupStylesApi:function(){return ev},DialogStylesApi:function(){return eI},DividerStylesApi:function(){return ez},DrawerStylesApi:function(){return eO},DropzoneFullScreenStylesApi:function(){return ej},DropzoneStylesApi:function(){return eF},FieldsetStylesApi:function(){return eW},FileInputStylesApi:function(){return eY.T},FlexStylesApi:function(){return eU},GridStylesApi:function(){return eB},GroupStylesApi:function(){return eH},HighlightStylesApi:function(){return eK},HoverCardStylesApi:function(){return eG},ImageStylesApi:function(){return eX},IndicatorStylesApi:function(){return eJ},InlineCodeHighlightStylesApi:function(){return _},InputBaseStylesApi:function(){return er},InputStylesApi:function(){return A.a},InputWrapperStylesApi:function(){return A.X},JsonInputStylesApi:function(){return eZ.P},KbdStylesApi:function(){return eQ},ListStylesApi:function(){return e$},LoaderStylesApi:function(){return e0},LoadingOverlayStylesApi:function(){return e2},MarkStylesApi:function(){return e1},MenuStylesApi:function(){return e6.k},ModalStylesApi:function(){return e4},MonthLevelGroupStylesApi:function(){return ew},MonthPickerInputStylesApi:function(){return eD},MonthPickerStylesApi:function(){return eC},MonthStylesApi:function(){return ey},MultiSelectStylesApi:function(){return e5.L},NativeSelectStylesApi:function(){return e8.c},NavLinkStylesApi:function(){return e3},NotificationStylesApi:function(){return e9.$},NotificationsStylesApi:function(){return te},NumberInputStylesApi:function(){return e7.L},OverlayStylesApi:function(){return tt},PaginationStylesApi:function(){return ta.E},PaperStylesApi:function(){return tn},PasswordInputStylesApi:function(){return to.m},PillGroupStylesApi:function(){return tl.h},PillStylesApi:function(){return tl.K},PillsInputFieldStylesApi:function(){return tm},PillsInputStylesApi:function(){return tp},PinInputStylesApi:function(){return tf.l},PopoverStylesApi:function(){return e_.T},ProgressStylesApi:function(){return th.S},RadioGroupStylesApi:function(){return tV},RadioStylesApi:function(){return tq},RatingStylesApi:function(){return tC},RichTextEditorStylesApi:function(){return tS},RingProgressStylesApi:function(){return tP},ScrollAreaStylesApi:function(){return tD},SegmentedControlStylesApi:function(){return tx.o},SelectStylesApi:function(){return tR.i},SimpleGridStylesApi:function(){return tk},SkeletonStylesApi:function(){return tN},SliderStylesApi:function(){return tI.a},SpoilerStylesApi:function(){return tz},SpotlightStylesApi:function(){return tj},StackStylesApi:function(){return tW},StepperStylesApi:function(){return tY.U},SwitchGroupStylesApi:function(){return tU._},SwitchStylesApi:function(){return tU.T},TableStylesApi:function(){return tK},TabsStylesApi:function(){return tB.Y},TagsInputStylesApi:function(){return tH.h},TextInputStylesApi:function(){return tG.G},TextStylesApi:function(){return p},TextareaStylesApi:function(){return t_.g},ThemeIconStylesApi:function(){return tX},TimeInputStylesApi:function(){return eN},TimelineStylesApi:function(){return tJ},TitleStylesApi:function(){return tZ},TooltipStylesApi:function(){return tQ},TypographyStylesProviderStylesApi:function(){return t$},UnstyledButtonStylesApi:function(){return t0},YearLevelGroupStylesApi:function(){return eg},YearPickerInputStylesApi:function(){return eP},YearPickerStylesApi:function(){return eV}});var o=a(85893);a(67294);var l=a(72622),r=a(44907),i=a(922);let d={selectors:{root:"Root element",loader:"`Loader` component, rendered inside root element when `loading` prop is set"},vars:{root:{"--ai-bg":"Controls `background`","--ai-hover":"Controls `background` when hovered","--ai-bd":"Controls `border`","--ai-color":"Controls icon `color`","--ai-radius":"Controls `border-radius`","--ai-size":"Controls `width`, `height`, `min-width` and `min-height` styles"}},modifiers:[{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-loading",selector:"root",condition:"`loading` prop is set"}]},s={selectors:{group:"Root element"},vars:{group:{"--ai-border-width":"Controls `border-width` of child ActionIcon components that are placed beside one another"}},modifiers:[{modifier:"data-orientation",selector:"group",value:"Value of `orientation` prop"}]},u={selectors:{root:"Root element"},vars:{root:{"--affix-z-index":"Controls `z-index` property","--affix-top":"Controls `top` property","--affix-bottom":"Controls `bottom` property","--affix-left":"Controls `left` property","--affix-right":"Controls `right` property"}}};var c=a(16252);let p={selectors:{root:"Root element"},vars:{root:{"--text-fz":"Controls `font-size` property","--text-lh":"Controls `line-height` property","--text-gradient":"Text fill gradient","--text-line-clamp":"Number of lines that should be visible"}},modifiers:[{modifier:"data-truncate",selector:"root",value:"Value of `truncate` prop",condition:"`truncate` prop is set"},{modifier:"data-line-clamp",selector:"root",condition:"`lineClamp` prop is a number"},{modifier:"data-inline",selector:"root",condition:"`inline` prop is set"},{modifier:"data-inherit",selector:"root",condition:"`inherit` prop is set"}]};var m=Object.defineProperty,f=Object.defineProperties,h=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,g=(e,t,a)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let w=f(((e,t)=>{for(var a in t||(t={}))b.call(t,a)&&g(e,a,t[a]);if(y)for(var a of y(t))v.call(t,a)&&g(e,a,t[a]);return e})({},p),h({modifiers:[...p.modifiers,{modifier:"data-underline",selector:"root",value:"Value of `underline` prop"}]})),q={selectors:{root:"Root element (`AppShell` component)",navbar:"`AppShell.Navbar` root element",header:"`AppShell.Header` root element",main:"`AppShell.Main` root element",aside:"`AppShell.Aside` root element",footer:"`AppShell.Footer` root element",section:"`AppShell.Section` root element"},vars:{root:{"--app-shell-transition-duration":"Controls transition duration of all children","--app-shell-transition-timing-function":"Controls transition timing function of all children"}},modifiers:[{modifier:"data-resizing",selector:"root",condition:"User is resizing the window"},{modifier:"data-layout",selector:"root",value:"Value of the `layout` prop"},{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-with-border",selector:["navbar","header","aside","footer"],condition:"`withBorder` prop is set either on the `AppShell` or on the associated component"},{modifier:"data-grow",selector:"section",condition:"`grow` prop is set on the `AppShell.Section`"}]},V={selectors:{root:"Root element"},vars:{root:{"--ar-ratio":"Aspect ratio"}}};var C=a(92865);let S={selectors:{root:"Root element",image:"`img` element",placeholder:"Avatar placeholder, displayed when the image cannot be loaded"},vars:{root:{"--avatar-bd":"Controls placeholder `border`","--avatar-bg":"Controls placeholder `background`","--avatar-color":"Controls placeholder text `color`","--avatar-size":"Controls `width`, `min-width` and `height`","--avatar-radius":"Controls `border-radius`"}}},P={selectors:{group:"Root element"},vars:{group:{"--ag-spacing":"Controls negative spacing between avatars"}}},D={selectors:{root:"Root element"},vars:{root:{"--bi-radius":"Controls `border-radius`"}}};var x=a(19098);let R={selectors:{root:"Root element",icon:"Icon element",cite:"Cite element"},vars:{root:{"--bq-bd":"Controls `border`","--bq-bg-dark":"Controls `background-color` in dark color scheme","--bq-bg-light":"Controls `background-color` in light color scheme","--bq-icon-size":"Controls `width` and `height` of the icon","--bq-radius":"Controls `border-radius`"}}},k={selectors:{root:"Root element",separator:"Separator between children",breadcrumb:"Breadcrumb item"},vars:{root:{"--bc-separator-margin":"Control left and right `margin` of separator"}}},N={selectors:{root:"Root element (button)",burger:"Inner element that contains burger lines"},vars:{root:{"--burger-color":"Controls background-color of lines","--burger-size":"Controls width and height of the button","--burger-transition-duration":"Controls transition-duration of lines","--burger-transition-timing-function":"Controls transition-timing-function of lines"}},modifiers:[{modifier:"data-opened",selector:"burger",condition:"opened prop is set"}]};var I=a(5878);let z={selectors:{root:"Root element",section:"`Card.Section` root element"},vars:{root:{"--card-padding":"Controls `padding` of the card, also used to control `Card.Section` spacing"}},modifiers:[{modifier:"data-first-section",selector:"section",condition:"`Card.Section` is the child of the `Card`"},{modifier:"data-last-section",selector:"section",condition:"`Card.Section` is the last child of the `Card`"},{modifier:"data-with-border",selector:"root",condition:"`withBorder` prop is set on `Card` component"},{modifier:"data-with-border",selector:"section",condition:"`withBorder` prop is set on `Card.Section` component"},{modifier:"data-inherit-padding",selector:"section",condition:"`inheritPadding` prop is set on `Card.Section` component"}]};var O=a(33582);let M={selectors:{root:"Root element"},vars:{}};var A=a(28085),L=Object.defineProperty,T=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,j=(e,t,a)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let W={selectors:{root:"Root element",input:'Input element (`input[type="checkbox"]`)',icon:"Checkbox icon, used to display checkmark and indeterminate state icon",inner:"Wrapper for `icon` and `input`",body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--checkbox-color":"Controls checked checkbox `background-color`","--checkbox-radius":"Controls checkbox `border-radius`","--checkbox-size":"Controls checkbox `width` and `height`"}},modifiers:[{modifier:"data-error",selector:"input",condition:"`error` prop is set"},{modifier:"data-indeterminate",selector:"input",condition:"`indeterminate` prop is set"},{modifier:"data-label-position",selector:"inner",value:"Value of `labelPosition` prop"}]},Y={selectors:((e,t)=>{for(var a in t||(t={}))E.call(t,a)&&j(e,a,t[a]);if(T)for(var a of T(t))F.call(t,a)&&j(e,a,t[a]);return e})({},A.X.selectors),vars:{}},U={selectors:{root:"Root element",checkIcon:"Check icon, visible when checked prop is true",iconWrapper:"Wraps `checkIcon` for alignment",input:"Input element, hidden by default",label:"Input label, used as a chip body"},vars:{root:{"--chip-fz":"Controls `font-size`","--chip-size":"Controls `height`","--chip-icon-size":"Controls width and height of the icon","--chip-padding":"Controls horizontal padding when chip is not checked","--chip-checked-padding":"Controls horizontal padding when chip is checked","--chip-radius":"Controls `border-radius`","--chip-bg":"Controls `background-color` when chip is checked","--chip-hover":"Controls `background-color` when chip is checked and hovered","--chip-color":"Controls `color` when chip is checked","--chip-bd":"Controls border when chip is checked","--chip-spacing":"Controls spacing between check icon and label"}},modifiers:[{modifier:"data-checked",selector:"label",condition:"Chip is checked"},{modifier:"data-disabled",selector:"label",condition:"`disabled` prop is set"}]},B={selectors:{root:"Root element"},vars:{root:{"--cb-icon-size":"Controls `width` of the `X` icon","--cb-radius":"Controls `border-radius` of the button","--cb-size":"Controls `width` and `height` of the button"}}},H={selectors:{root:"Root element"},vars:{root:{"--code-bg":"Controls `background-color`"}},modifiers:[{modifier:"data-block",selector:"root",condition:"`block` prop is set"}]},K={selectors:{root:"Root element",pre:"Pre element, contains code element",codeWrapper:"Wrapper around code element, used for expand/collapse logic",code:"Code element, contains highlighted code",header:"Header element, contains copy button and files names",controls:"Controls container, contains control buttons (copy/collapse, etc.)",control:"Control button, copy/collapse, etc.",files:"Files names list",file:"File name",fileIcon:"File icon",showCodeButton:"Button that reveals full code when it is collapsed"},vars:{}},_={selectors:{code:"Root element"},vars:{}},G={selectors:{root:"Root element",pre:"Pre element, contains code element",code:"Code element",copy:"Copy button"},vars:{}};var X=a(60249),J=a(99059);let Z={selectors:{root:"Root element",alphaOverlay:"Overlay with checkerboard pattern",shadowOverlay:"Overlay with inner box-shadow",colorOverlay:"Overlay with given color background",childrenOverlay:"Overlay with `children` inside"},vars:{root:{"--cs-radius":"Controls `border-radius` of all overlays and `root` element","--cs-size":"Controls `width`, `height`, `min-width` and `min-height` of the `root` element"}}};var Q=a(66858);let $={selectors:{root:"Root element"},vars:{root:{"--container-size":"Controls container `max-width`"}}};var ee=Object.defineProperty,et=Object.getOwnPropertySymbols,ea=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,eo=(e,t,a)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,el=(e,t)=>{for(var a in t||(t={}))ea.call(t,a)&&eo(e,a,t[a]);if(et)for(var a of et(t))en.call(t,a)&&eo(e,a,t[a]);return e};let er={selectors:el(el({},A.a.selectors),A.X.selectors),vars:{}};var ei=Object.defineProperty,ed=Object.defineProperties,es=Object.getOwnPropertyDescriptors,eu=Object.getOwnPropertySymbols,ec=Object.prototype.hasOwnProperty,ep=Object.prototype.propertyIsEnumerable,em=(e,t,a)=>t in e?ei(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,ef=(e,t)=>{for(var a in t||(t={}))ec.call(t,a)&&em(e,a,t[a]);if(eu)for(var a of eu(t))ep.call(t,a)&&em(e,a,t[a]);return e},eh=(e,t)=>ed(e,es(t));let ey={selectors:{monthThead:"thead element of month table",monthRow:"tr element of month table",monthTbody:"tbody element of month table",monthCell:"td element of month table",month:"Month table element",weekdaysRow:"Weekdays tr element",weekday:"Weekday th element",day:"Month day control"},vars:{},modifiers:[{modifier:"data-with-spacing",selector:"monthCell",condition:"`withCellSpacing` prop is set"},{modifier:"data-today",selector:"day",condition:"Date is the same as new Date()"},{modifier:"data-hidden",selector:"day",condition:"Day is outside of current month and `hideOutsideDates` is set"},{modifier:"data-disabled",selector:"day",condition:"Day disabled by one of the props (`excludeDate`, `getDayProps`, etc.)"},{modifier:"data-weekend",selector:"day",condition:"Day is weekend"},{modifier:"data-outside",selector:"day",condition:"Day is outside of the current month"},{modifier:"data-selected",selector:"day",condition:"Day is selected"},{modifier:"data-in-range",selector:"day",condition:"Day is in range selection"},{modifier:"data-first-in-range",selector:"day",condition:"Day is first in range selection"},{modifier:"data-last-in-range",selector:"day",condition:"Day is last in range selection"}]},eb={selectors:{calendarHeader:"Calendar header root element",calendarHeaderControl:"Previous/next calendar header controls",calendarHeaderControlIcon:"Icon of previous/next calendar header controls",calendarHeaderLevel:"Level control (changes levels when clicked, month -> year -> decade)"},vars:{calendarHeader:{"--dch-control-size":"Controls size of the previous/next and level controls","--dch-fz":"Controls font-size of the previous/next and level controls"}},modifiers:[{modifier:"data-direction",selector:"calendarHeaderControl",value:'`"previous"` or `"next"` depending on the control type'},{modifier:"data-disabled",selector:"calendarHeaderControl",condition:"Control is disabled for any reason"}]},ev={selectors:eh(ef({},eb.selectors),{levelsGroup:"Group of decades levels",yearsList:"Years list table element",yearsListRow:"Years list row element",yearsListCell:"Years list cell element",yearsListControl:"Button used to pick months and years"}),vars:{}},eg={selectors:eh(ef({},eb.selectors),{levelsGroup:"Group of decades levels",monthsList:"Years list table element",monthsListRow:"Years list row element",monthsListCell:"Years list cell element",monthsListControl:"Button used to pick months and years"}),vars:{}},ew={selectors:ef(eh(ef({},eb.selectors),{levelsGroup:"Group of decades levels"}),ey.selectors),vars:{}},eq={selectors:ef(ef(ef(ef({},eb.selectors),ev.selectors),eg.selectors),ew.selectors),vars:{},modifiers:[...eb.modifiers,...ey.modifiers]},eV={selectors:ef(ef({},eb.selectors),ev.selectors),vars:{},modifiers:eb.modifiers},eC={selectors:ef(ef(ef({},eb.selectors),ev.selectors),eg.selectors),vars:{},modifiers:eb.modifiers},eS={selectors:ef(ef(ef(ef({},eb.selectors),ev.selectors),eg.selectors),ew.selectors),vars:{},modifiers:[...eb.modifiers,...ey.modifiers]},eP={selectors:ef(ef({},er.selectors),eV.selectors),vars:{},modifiers:eV.modifiers},eD={selectors:ef(ef({},er.selectors),eC.selectors),vars:{},modifiers:eC.modifiers},ex={selectors:ef(ef({},er.selectors),eS.selectors),vars:{},modifiers:eS.modifiers},eR={selectors:ef(ef({},er.selectors),eS.selectors),vars:{},modifiers:eS.modifiers},ek={selectors:eh(ef(ef({},er.selectors),eS.selectors),{timeWrapper:"Wrapper around time input and submit button",timeInput:"TimeInput",submitButton:"Submit button"}),vars:{},modifiers:eS.modifiers},eN=er,eI={selectors:{root:"Root element",closeButton:"Close button"},vars:{root:{"--dialog-size":"Controls `width` of the dialog"}}},ez={selectors:{root:"Root element",label:"Label element"},vars:{root:{"--divider-border-style":"Controls `border-style`","--divider-color":"Controls `border-color`","--divider-size":"Controls `border-width`"}},modifiers:[{modifier:"data-with-label",selector:"root",condition:"`label` prop is truthy"},{modifier:"data-orientation",selector:"root",value:"Value of `orientation` prop"},{modifier:"data-position",selector:"label",value:"Value of `labelPosition` prop"}]},eO={selectors:{root:"Root element",inner:"Element used to center modal, has fixed position, takes entire screen",content:"`Drawer.Content` root element",header:"Contains title and close button",overlay:"Overlay displayed under the `Drawer.Content`",title:"Drawer title (h2 tag), displayed in the header",body:"Drawer body, displayed after header",close:"Close button"},vars:{root:{"--drawer-size":"Controls `width` of `Drawer.Content`","--drawer-flex":"Controls `flex` property of `Drawer.Content`","--drawer-align":"Controls `align-items` property of `Drawer.Content`","--drawer-justify":"Controls `justify-content` property of `Drawer.Content`","--drawer-height":"Controls `height` property of `Drawer.Content`"}}};var eM=Object.defineProperty,eA=Object.getOwnPropertySymbols,eL=Object.prototype.hasOwnProperty,eT=Object.prototype.propertyIsEnumerable,eE=(e,t,a)=>t in e?eM(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let eF={selectors:{root:"Dropzone root element",inner:"Dropzone inner element (wraps children)"},vars:{root:{"--dropzone-accept-bg":"Controls `background-color` when file is accepted","--dropzone-reject-bg":"Controls `background-color` when file is rejected","--dropzone-accept-color":"Controls `color` when file is accepted","--dropzone-reject-color":"Controls `color` when file is rejected","--dropzone-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-accept",selector:"root",condition:"Files that are dragged over the dropzone are accepted"},{modifier:"data-reject",selector:"root",condition:"Files that are dragged over the dropzone are rejected"},{modifier:"data-idle",selector:"root",condition:"Dropzone is idle"},{modifier:"data-loading",selector:"root",condition:"`loading` prop is set"},{modifier:"data-activate-on-click",selector:"root",condition:"`activateOnClick` prop is `true`"}]},ej={selectors:((e,t)=>{for(var a in t||(t={}))eL.call(t,a)&&eE(e,a,t[a]);if(eA)for(var a of eA(t))eT.call(t,a)&&eE(e,a,t[a]);return e})({fullScreen:"Dropzone.Fullscreen root element"},eF.selectors),vars:{}},eW={selectors:{root:"Root element",legend:"Legend element"},vars:{root:{"--fieldset-radius":"Controls `border-radius`"}}};var eY=a(8316);let eU={selectors:{root:"Root element"},vars:{}},eB={selectors:{root:"Root element",inner:"Columns wrapper",col:"`Grid.Col` root element"},vars:{root:{"--grid-align":"Controls `align-items` property","--grid-justify":"Controls `justify-content` property"}}},eH={selectors:{root:"Root element"},vars:{root:{"--group-align":"Controls `align-items` property","--group-justify":"Controls `justify-content` property","--group-gap":"Controls `gap` property","--group-wrap":"Controls `flex-wrap` property","--group-child-width":"Controls `max-width` of child elements, applied when grow prop is set and `preventGrowOverflow` is `true`"}},modifiers:[{modifier:"data-grow",selector:"root",condition:"`grow` prop is set"}]},eK={selectors:{root:"Root element"},vars:{}};var e_=a(70456);let eG=e_.T,eX={selectors:{root:"Root element"},vars:{root:{"--image-object-fit":"Controls `object-fit` property","--image-radius":"Controls `border-radius` property"}},modifiers:[{modifier:"data-fallback",selector:"root",condition:"Image failed to load"}]},eJ={selectors:{root:"Root element",indicator:"Indicator element"},vars:{root:{"--indicator-bottom":"Controls `bottom` style","--indicator-left":"Controls `left` style","--indicator-right":"Controls `right` style","--indicator-top":"Controls `top` style","--indicator-radius":"Controls `border-radius`","--indicator-size":"Controls `min-width` and `height`","--indicator-translate-x":"Controls `translateX` style, used for positioning","--indicator-translate-y":"Controls `translateY` style, used for positioning","--indicator-z-index":"Controls `z-index` style","--indicator-color":"Controls `background-color`"}},modifiers:[{modifier:"data-inline",selector:"root",condition:"`inline` prop is set"},{modifier:"data-with-label",selector:"indicator",condition:"`label` prop is set"},{modifier:"data-with-border",selector:"indicator",condition:"`withBorder` prop is set"},{modifier:"data-processing",selector:"indicator",condition:"`processing` prop is set"}]};var eZ=a(98595);let eQ={selectors:{root:"Root element"},vars:{root:{"--kbd-fz":"Controls `font-size`","--kbd-padding":"Controls `padding`"}}},e$={selectors:{root:"Root element",item:"ListItem root element",itemIcon:"ListItem icon",itemLabel:"ListItem content",itemWrapper:"ListItem wrapper element, container, icon and content"},vars:{root:{"--list-fz":"Controls `font-size`","--list-lh":"Controls `line-height`","--list-spacing":"Controls spacing between items"}},modifiers:[{modifier:"data-with-padding",selector:"root",condition:"`withPadding` prop is set"},{modifier:"data-centered",selector:"item",condition:"`center` prop is set on List component"},{modifier:"data-with-icon",selector:"item",condition:"`icon` prop is set on ListItem component"}]},e0={selectors:{root:"Root element"},vars:{root:{"--loader-size":"Controls loader size (usually `width` and `height`, in some cases only `width`)","--loader-color":"Control loader color"}}},e2={selectors:{root:"Root element",overlay:"`Overlay` component",loader:"`Loader` component"},vars:{root:{"--lo-z-index":"Controls `z-index` of the overlay and loader"}}},e1={selectors:{root:"Root element"},vars:{root:{"--mark-bg-dark":"Controls `background-color` in dark color scheme","--mark-bg-light":"Controls `background-color` for light color scheme"}}};var e6=a(89704);let e4={selectors:{root:"Root element",inner:"Element used to center modal, has fixed position, takes entire screen",content:"`Modal.Content` root element",header:"Contains title and close button",overlay:"Overlay displayed under the `Modal.Content`",title:"Modal title (h2 tag), displayed in the header",body:"Modal body, displayed after header",close:"Close button"},vars:{root:{"--modal-radius":"Controls `border-radius` of `Modal.Content`","--modal-size":"Controls `width` of `Modal.Content`","--modal-x-offset":"Controls left and right `padding` of the inner element used to position `Modal.Content`","--modal-y-offset":"Controls top and bottom `padding` of the inner element used to position `Modal.Content`"}},modifiers:[{modifier:"data-full-screen",selector:"root",condition:"`fullScreen` prop is set"},{modifier:"data-centered",selector:"root",condition:"`centered` prop is set"}]};var e5=a(22242),e8=a(31548);let e3={selectors:{root:"Root element",body:"Contains label and description",section:"Left and right sections",label:"NavLink label",description:"Dimmed description displayed below the label",children:"Wrapper around nested links",chevron:"Default chevron icon"},vars:{root:{"--nl-bg":"Controls link `background-color`","--nl-color":"Controls link `color`","--nl-hover":"Controls link `background-color` when hovered"},children:{"--nl-offset":"Controls nested links offset"}},modifiers:[{modifier:"data-active",selector:"root",condition:"`active` prop is set"}]};var e9=a(48223),e7=a(32637);let te={selectors:{root:"Notifications container, contains all notifications",notification:"Single notification"},vars:{root:{"--notifications-container-width":"Controls notifications container `max-width`","--notifications-left":"Controls notifications container `left`","--notifications-right":"Controls notifications container `right`","--notifications-top":"Controls notifications container `top`","--notifications-transform":"Controls notifications container `transform`","--notifications-z-index":"Controls notifications container `z-index`"}}},tt={selectors:{root:"Root element"},vars:{root:{"--overlay-bg":"Controls `background-color`","--overlay-filter":"Controls `backdrop-filter`","--overlay-radius":"Controls `border-radius`","--overlay-z-index":"Controls `z-index`"}},modifiers:[{modifier:"data-center",selector:"root",condition:"`center` prop is set"},{modifier:"data-fixed",selector:"root",condition:"`fixed` prop is set"}]};var ta=a(37068);let tn={selectors:{root:"Root element"},vars:{root:{"--paper-radius":"Controls `border-radius`","--paper-shadow":"Controls `box-shadow`"}},modifiers:[{modifier:"data-with-border",selector:"root",condition:"`withBorderProp` is set"}]};var to=a(82671),tl=a(4733),tr=Object.defineProperty,ti=Object.getOwnPropertySymbols,td=Object.prototype.hasOwnProperty,ts=Object.prototype.propertyIsEnumerable,tu=(e,t,a)=>t in e?tr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,tc=(e,t)=>{for(var a in t||(t={}))td.call(t,a)&&tu(e,a,t[a]);if(ti)for(var a of ti(t))ts.call(t,a)&&tu(e,a,t[a]);return e};let tp={selectors:tc(tc({},A.a.selectors),A.X.selectors),vars:{}},tm={selectors:{field:"Root element"},vars:{},modifiers:[{modifier:"data-type",selector:"field",value:"Value of `type` prop"},{modifier:"data-disabled",selector:"field",condition:"`disabled` prop is set"}]};var tf=a(38448),th=a(38481),ty=Object.defineProperty,tb=Object.getOwnPropertySymbols,tv=Object.prototype.hasOwnProperty,tg=Object.prototype.propertyIsEnumerable,tw=(e,t,a)=>t in e?ty(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let tq={selectors:{root:"Root element",radio:'Input element (`input[type="radio"]`)',icon:"Radio icon, used to display checked icon",inner:"Wrapper for `icon` and `input`",body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--radio-color":"Controls checked radio `background-color`","--radio-radius":"Controls radio `border-radius`","--radio-size":"Controls radio `width` and `height`"}},modifiers:[{modifier:"data-error",selector:"radio",condition:"`error` prop is set"},{modifier:"data-label-position",selector:"inner",value:"Value of `labelPosition` prop"}]},tV={selectors:((e,t)=>{for(var a in t||(t={}))tv.call(t,a)&&tw(e,a,t[a]);if(tb)for(var a of tb(t))tg.call(t,a)&&tw(e,a,t[a]);return e})({},A.X.selectors),vars:{}},tC={selectors:{root:"Root element",starSymbol:"Default star icon",input:"Item input, hidden by default",label:"Item label, used to display star icon",symbolBody:"Wrapper around star icon for centering",symbolGroup:"Group of symbols, used to display fractions"},vars:{root:{"--rating-color":"Controls filled star icon color","--rating-size":"Controls star icon width and height"}},modifiers:[{modifier:"data-read-only",selector:"label",condition:"`readOnly` prop is set"},{modifier:"data-active",selector:"input",condition:"Input value is the same as component value"},{modifier:"data-filled",selector:"starSymbol",condition:"Associated input value is less or equal to the component value"}]},tS={selectors:{root:"Root element",toolbar:"Toolbar element",content:"Content area",typographyStylesProvider:"TypographyStylesProvider component, wraps content",control:"RichTextEditor.Control root element, used as a base for all controls",controlsGroup:"RichTextEditor.ControlsGroup component root",linkEditor:"Link editor root element",linkEditorSave:"Link editor save button",linkEditorInput:"Link editor url input",linkEditorExternalControl:"Link editor external button",linkEditorDropdown:"Link editor popover dropdown element"},vars:{},modifiers:[{modifier:"data-active",selector:"control",condition:"Control is active"}]},tP={selectors:{root:"Root element",svg:"svg element",curve:"circle element",label:"Label element"},vars:{root:{"--rp-label-offset":"Label offset on the left and right sides of the ring","--rp-size":"Controls `height` and `width` of svg and root elements"}}},tD={selectors:{root:"Root element",viewport:"",scrollbar:"",thumb:"",corner:""},vars:{root:{"--scrollarea-scrollbar-size":"Scrollbar size"}},modifiers:[{modifier:"data-hidden",selector:["scrollbar","corner"],condition:'type="never"'},{modifier:"data-hovered",selector:"corner",condition:"One of the scrollbars is hovered"},{modifier:"data-orientation",selector:"scrollbar",value:'"horizontal" or "vertical" depending on scrollbar position'}]};var tx=a(99940),tR=a(85541);let tk={selectors:{root:"Root element"},vars:{}},tN={selectors:{root:"Root element"},vars:{root:{"--skeleton-height":"Controls skeleton `height`","--skeleton-width":"Controls skeleton `width`","--skeleton-radius":"Controls skeleton `border-radius`"}},modifiers:[{modifier:"data-visible",selector:"root",condition:"`visible` prop is set"},{modifier:"data-animate",selector:"root",condition:"`animate` prop is set"}]};var tI=a(4468);let tz={selectors:{root:"Root element",content:"Wraps content to set max-height and transition",control:"Show/hide content control"},vars:{root:{"--spoiler-transition-duration":"Controls transition duration"}}};var tO=Object.defineProperty,tM=Object.defineProperties,tA=Object.getOwnPropertyDescriptors,tL=Object.getOwnPropertySymbols,tT=Object.prototype.hasOwnProperty,tE=Object.prototype.propertyIsEnumerable,tF=(e,t,a)=>t in e?tO(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let tj={selectors:tM(((e,t)=>{for(var a in t||(t={}))tT.call(t,a)&&tF(e,a,t[a]);if(tL)for(var a of tL(t))tE.call(t,a)&&tF(e,a,t[a]);return e})({},e4.selectors),tA({search:"Search input (`Spotlight.Search`)",actionsList:"Actions list (`Spotlight.ActionsList`)",empty:"Empty state (`Spotlight.Empty`)",footer:"Footer (`Spotlight.Footer`)",action:"Action (`Spotlight.Action`)",actionBody:"Body of the action, contains label and description",actionLabel:"`Spotlight.Action` label",actionDescription:"`Spotlight.Action` description",actionSection:"`Spotlight.Action` left and right sections",actionsGroup:"`Spotlight.ActionsGroup` root element"})),vars:{},modifiers:[{modifier:"data-selected",selector:"action",condition:"Action is selected with up/down keys"},{modifier:"data-position",selector:"actionSection",value:"Section position: left or right"},{modifier:"data-dimmed",selector:"actionSection",condition:"`dimmedSections` prop is set on `Spotlight.Action` component"}]},tW={selectors:{root:"Root element"},vars:{root:{"--stack-align":"Controls `align-items` property","--stack-justify":"Controls `justify-content` property","--stack-gap":"Controls `gap` property"}}};var tY=a(90301),tU=a(43297),tB=a(46865),tH=a(7024);let tK={selectors:{table:"Root `table` element (`Table` component)",thead:"`thead` element (`Table.Thead` component)",tbody:"`tbody` element (`Table.Tbody` component)",tfoot:"`tfoot` element (`Table.Tfoot` component)",tr:"`tr` element (`Table.Tr` component)",th:"`th` element (`Table.Th` component)",td:"`td` element (`Table.Td` component)",caption:"`caption` element (`Table.Caption` component)"},vars:{table:{"--table-border-color":"Controls `border-color` of all elements inside table","--table-layout":"Controls `table-layout` of the table element, auto by default","--table-caption-side":"Controls caption-side of the table element, `bottom` by default","--table-horizontal-spacing":"Controls p`adding-left` and p`adding-right` of `Table.Th` and `Table.Td` elements","--table-vertical-spacing":"Controls `padding-top` and `padding-bottom `of `Table.Td` and `Table.Th` elements","--table-striped-color":"Controls `background-color` of even/odd `Table.Tr` elements","--table-highlight-on-hover-color":"Controls `background-color` of `Table.Tr` elements when hovered"}},modifiers:[{modifier:"data-with-table-border",selector:"table",condition:"`withTableBorder` prop is set on `Table` component"},{modifier:"data-with-column-border",selector:["th","td"],condition:"`withColumnsBorder` prop is set on `Table` component"},{modifier:"data-with-row-border",selector:"tr",condition:"`withRowsBorder` prop is set on `Table` component"},{modifier:"data-striped",selector:"tr",value:"odd | even",condition:"`striped` prop is set on `Table` component"},{modifier:"data-hover",selector:"tr",condition:"`highlightOnHover` prop is set on `Table` component"},{modifier:"data-size",selector:"tr",value:"value of `captionSize` prop on `Table` component"}]};var t_=a(36632),tG=a(27906);let tX={selectors:{root:"Root element"},vars:{root:{"--ti-bg":"Controls `background`","--ti-bd":"Controls `border`","--ti-color":"Controls icon `color`","--ti-radius":"Controls `border-radius`","--ti-size":"Controls `width`, `height`, `min-width` and `min-height` styles"}}},tJ={selectors:{root:"Root element",item:"Item root element",itemBody:"Item body, wraps title and content",itemTitle:"Item title, controlled by title prop",itemContent:"Item content, controlled by children prop",itemBullet:"Item bullet"},vars:{root:{"--tl-bullet-size":"Controls bullet `width` and `height`","--tl-color":"Controls active bullet and line colors","--tl-line-width":"Controls width of the line between bullets","--tl-radius":"Controls bullet `border-radius`"}},modifiers:[{modifier:"data-active",selector:["item","itemBullet"],condition:"Item index is =< Timeline active prop"},{modifier:"data-line-active",selector:["item"],condition:"Item index is < Timeline active prop"}]},tZ={selectors:{root:"Root element"},vars:{root:{"--title-fw":"Title `font-weight`, by default value from `theme.headings`","--title-fz":"Title `font-size`, by default value from `theme.headings`","--title-lh":"Title `line-heigh`t, by default value from `theme.headings`"}},modifiers:[{modifier:"data-order",selector:"root",value:"Value of the `order` prop"}]},tQ={selectors:{tooltip:"Root element",arrow:"Tooltip arrow, rendered inside tooltip"},vars:{tooltip:{"--tooltip-bg":"Tooltip `background-color`","--tooltip-radius":"Tooltip `border-radius`"}},modifiers:[{modifier:"data-multiline",selector:"tooltip",condition:"`multiline` prop is set"}]},t$={selectors:{root:"Root element"},vars:{}},t0={selectors:{root:"Root element"},vars:{}};var t2=a(10266),t1=a(9473),t6=a(10573),t4=a(33246),t5=a(30747);function t8(e){let{data:t,component:a,...n}=e,l=Object.keys(t.selectors).map(e=>(0,o.jsxs)(t6.i.Tr,{children:[(0,o.jsx)(t6.i.Td,{children:e}),(0,o.jsx)(t6.i.Td,{children:(0,o.jsxs)(t5.e,{children:[".mantine-",a,"-",e]})}),(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t4.O,{children:t.selectors[e]})})]},e));return(0,o.jsx)(t6.i.ScrollContainer,{minWidth:600,children:(0,o.jsxs)(t6.i,{...n,children:[(0,o.jsx)(t6.i.Thead,{children:(0,o.jsxs)(t6.i.Tr,{children:[(0,o.jsx)(t6.i.Th,{children:"Selector"}),(0,o.jsx)(t6.i.Th,{children:"Static selector"}),(0,o.jsx)(t6.i.Th,{children:"Description"})]})}),(0,o.jsx)(t6.i.Tbody,{children:l})]})})}function t3(e){let{data:t,...a}=e,n=Object.keys(t.vars).reduce((e,a)=>(Object.keys(t.vars[a]).forEach((n,l)=>{e.push((0,o.jsxs)(t6.i.Tr,{children:[0===l&&(0,o.jsx)(t6.i.Td,{rowSpan:Object.keys(t.vars[a]).length,children:a}),(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t5.e,{children:n})}),(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t4.O,{children:t.vars[a][n]})})]},"".concat(a,"-").concat(n)))}),e),[]);return(0,o.jsx)(t6.i.ScrollContainer,{minWidth:600,children:(0,o.jsxs)(t6.i,{...a,children:[(0,o.jsx)(t6.i.Thead,{children:(0,o.jsxs)(t6.i.Tr,{children:[(0,o.jsx)(t6.i.Th,{children:"Selector"}),(0,o.jsx)(t6.i.Th,{children:"Variable"}),(0,o.jsx)(t6.i.Th,{children:"Description"})]})}),(0,o.jsx)(t6.i.Tbody,{children:n})]})})}function t9(e){var t,a,n;let{data:l,...r}=e,i=null===(t=l.modifiers)||void 0===t?void 0:t.some(e=>!!e.condition),d=null===(a=l.modifiers)||void 0===a?void 0:a.some(e=>!!e.value),s=(null===(n=l.modifiers)||void 0===n?void 0:n.map((e,t)=>(0,o.jsxs)(t6.i.Tr,{children:[(0,o.jsx)(t6.i.Td,{children:Array.isArray(e.selector)?e.selector.join(", "):e.selector}),(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t5.e,{children:e.modifier})}),i&&(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t4.O,{children:e.condition||"–"})}),d&&(0,o.jsx)(t6.i.Td,{children:(0,o.jsx)(t4.O,{children:e.value||"–"})})]},t)))||[];return(0,o.jsx)(t6.i.ScrollContainer,{minWidth:600,children:(0,o.jsxs)(t6.i,{...r,children:[(0,o.jsx)(t6.i.Thead,{children:(0,o.jsxs)(t6.i.Tr,{children:[(0,o.jsx)(t6.i.Th,{children:"Selector"}),(0,o.jsx)(t6.i.Th,{children:"Attribute"}),i&&(0,o.jsx)(t6.i.Th,{children:"Condition"}),d&&(0,o.jsx)(t6.i.Th,{children:"Value"})]})}),(0,o.jsx)(t6.i.Tbody,{children:s})]})})}var t7=a(69827),ae=a.n(t7);function at(e){let{component:t,componentPrefix:a}=e,i=n["".concat(t,"StylesApi")];if(!i)return(0,o.jsx)(t2.z,{errorOf:"Styles API"});let d=(0,t1.iY)({component:t,componentPrefix:a});return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{style:{overflowX:"auto"},children:(0,o.jsxs)("div",{style:{minWidth:(0,l.h)(500)},children:[(0,o.jsxs)("div",{className:ae().section,children:[(0,o.jsxs)(r.D,{order:2,className:ae().title,children:[d," selectors"]}),(0,o.jsx)(t8,{component:t,data:i})]}),Object.keys(i.vars).length>0&&(0,o.jsxs)("div",{className:ae().section,children:[(0,o.jsxs)(r.D,{order:2,className:ae().title,children:[d," CSS variables"]}),(0,o.jsx)(t3,{data:i})]}),Array.isArray(i.modifiers)&&i.modifiers.length>0&&(0,o.jsxs)("div",{className:ae().section,children:[(0,o.jsxs)(r.D,{order:2,className:ae().title,children:[d," data attributes"]}),(0,o.jsx)(t9,{data:i})]})]})})})}var aa=a(53777),an=a(89170);function ao(e){let{components:t,componentPrefix:a}=e,n=t.map(e=>(0,o.jsx)("div",{className:ae().group,children:(0,o.jsx)(at,{component:e,componentPrefix:a})},e));return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:ae().groupsHeader,children:[(0,o.jsx)(an.an,{style:{marginTop:0},children:"Styles API"}),(0,o.jsxs)(an.NV,{style:{marginTop:0},children:[(0,o.jsx)(aa.E,{children:t[0]})," component supports"," ",(0,o.jsx)(an.Ec,{href:"/styles/styles-api",children:"Styles API"}),". With Styles API, you can customize styles of any inner element. Follow"," ",(0,o.jsx)(an.Ec,{href:"/styles/styles-api",children:"the documentation"})," to learn how to use CSS modules, CSS variables and inline styles to get full control over component styles."]})]}),n]})}},10266:function(e,t,a){"use strict";a.d(t,{z:function(){return r}});var n=a(85893);a(67294);var o=a(72039),l=a(67585);function r(e){let{errorOf:t}=e;return(0,n.jsxs)(o.x,{children:[(0,n.jsxs)(o.x,{span:!0,c:"red",children:["Error loading component ",t," data."," "]}),"If you see this message please let us know by"," ",(0,n.jsx)(l.e,{href:"https://github.com/mantinedev/mantine/issues/new?assignees=&labels=&template=docs_report.yml",target:"_blank",children:"opening an issue on GitHub"}),"."]})}},30747:function(e,t,a){"use strict";a.d(t,{e:function(){return d}});var n=a(85893);a(67294);var o=a(90512),l=a(72039),r=a(92740),i=a.n(r);function d(e){let{className:t,...a}=e;return(0,n.jsx)(l.x,{component:"span",className:(0,o.Z)(i().code,t),...a})}},46919:function(e){e.exports={item:"HeaderItem_item__LcWUO",label:"HeaderItem_label__znocC"}},56726:function(e){e.exports={wrapper:"ImportStatement_wrapper__L00zb"}},42943:function(e){e.exports={wrapper:"LinkItem_wrapper__2QzLk",link:"LinkItem_link__RV3VR",icon:"LinkItem_icon__wR7T_"}},4542:function(e){e.exports={wrapper:"MdxPageHeader_wrapper__wbUkJ",header:"MdxPageHeader_header__a3OS_",title:"MdxPageHeader_title__mVX38",description:"MdxPageHeader_description__DXRa0"}},18235:function(e){e.exports={wrapper:"MdxRawContent_wrapper__raitV",container:"MdxRawContent_container__8ErcN",tableOfContents:"MdxRawContent_tableOfContents__Sonn3"}},56213:function(e){e.exports={root:"MdxSiblings_root__FJku_",link:"MdxSiblings_link__CQ08F",body:"MdxSiblings_body__99U87",title:"MdxSiblings_title__x_gaR",description:"MdxSiblings_description__c4IYo",icon:"MdxSiblings_icon__MaHsb"}},42257:function(e){e.exports={tabsWrapper:"MdxTabs_tabsWrapper__rdFxc",tabsList:"MdxTabs_tabsList__y8PQm",tab:"MdxTabs_tab__14YSU",tabContent:"MdxTabs_tabContent__lVfDY",main:"MdxTabs_main__IBJa3",tableOfContents:"MdxTabs_tableOfContents__NliQC"}},21616:function(e){e.exports={content:"PageBase_content__4g1iM"}},19309:function(e){e.exports={searchIcon:"PropsTablesList_searchIcon__9N6KL",title:"PropsTablesList_title__RXbmG",section:"PropsTablesList_section__nwP7g",search:"PropsTablesList_search__uiqGP"}},69827:function(e){e.exports={groupsHeader:"StylesApiTable_groupsHeader__GDU_x",group:"StylesApiTable_group__X_sw5",title:"StylesApiTable_title__inUP0",section:"StylesApiTable_section__nAJMp"}},92740:function(e){e.exports={code:"TableInlineCode_code__TNUKa"}},21641:function(e){e.exports={wrapper:"TableOfContents_wrapper__BAgli",inner:"TableOfContents_inner__au2gv",link:"TableOfContents_link__X__0J",header:"TableOfContents_header__5Tlsz",title:"TableOfContents_title__FWq20",items:"TableOfContents_items__s8ECn"}},32976:function(e,t,a){"use strict";a.d(t,{_:function(){return S}});var n=a(67294),o=a(40624),l=a(3154),r=a(30370),i=a(86109),d=a(81110),s=a(2688),u=a(42106),c=a(40754),p=Object.defineProperty,m=Object.defineProperties,f=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,v=(e,t,a)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,g=(e,t)=>{for(var a in t||(t={}))y.call(t,a)&&v(e,a,t[a]);if(h)for(var a of h(t))b.call(t,a)&&v(e,a,t[a]);return e},w=(e,t)=>m(e,f(t)),q=(e,t)=>{var a={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(a[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>t.indexOf(n)&&b.call(e,n)&&(a[n]=e[n]);return a};let V=w(g({},u.Z),{code:(0,o.Z)(u.Z.code,c.Z.theme)}),C={language:"tsx"},S=(0,l.d)((e,t)=>{let a=(0,r.w)("InlineCodeHighlight",C,e),{classNames:o,className:l,style:u,styles:c,unstyled:p,vars:m,code:f,language:h}=a,y=q(a,["classNames","className","style","styles","unstyled","vars","code","language"]),b=(0,i.y)({name:"InlineCodeHighlight",props:a,classes:V,className:l,style:u,classNames:o,styles:c,unstyled:p,rootSelector:"code"}),v=s.Z.highlight(f.trim(),{language:h}).value;return n.createElement(d.x,w(g(w(g({},b("code")),{component:"code",ref:t}),y),{dangerouslySetInnerHTML:{__html:v}}))});S.displayName="@mantine/core/InlineCodeHighlight"},922:function(e,t,a){"use strict";a.d(t,{x:function(){return n}});let n={selectors:{root:"Root element",item:"`Accordion.Item` root element",control:"`Accordion.Control` root element",chevron:"`Accordion.Control` chevron container element",label:"`Accordion.Control` label",icon:"`Accordion.Control` icon",itemTitle:"`Accordion.Control` title (h2-h6) tag",panel:"`Accordion.Panel` root element",content:"Wrapper element of `Accordion.Panel` `children`"},vars:{root:{"--accordion-chevron-size":"Controls chevron container element `width` and `min-width`","--accordion-radius":"Controls `border-radius` in various elements, depending on variant","--accordion-transition-duration":"Controls all animations `transition-duration`"}},modifiers:[{modifier:"data-active",selector:["item","control"],condition:"Item is active (opened)"},{modifier:"data-chevron-position",selector:"control",value:"Value of `chevronPosition` prop on `Accordion`"}]}},16252:function(e,t,a){"use strict";a.d(t,{g:function(){return n}});let n={selectors:{root:"Root element",wrapper:"Wrapper around `body` and `icon`",body:"Body element, contains `title` and `message`",title:"Title element, contains `label` and `icon`",label:"Title label",message:"Alert message",icon:"Icon element",closeButton:"Close button"},vars:{root:{"--alert-bd":"Controls `border`","--alert-bg":"Controls `background`","--alert-color":"Controls `color`","--alert-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-with-close-button",selector:"title",condition:"`withCloseButton` prop is set"}]}},92865:function(e,t,a){"use strict";a.d(t,{I:function(){return c}});var n=a(28085),o=a(66858),l=Object.defineProperty,r=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,s=(e,t,a)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,u=(e,t)=>{for(var a in t||(t={}))i.call(t,a)&&s(e,a,t[a]);if(r)for(var a of r(t))d.call(t,a)&&s(e,a,t[a]);return e};let c={selectors:u(u(u({},n.a.selectors),n.X.selectors),o.d),vars:{}}},19098:function(e,t,a){"use strict";a.d(t,{o:function(){return n}});let n={selectors:{root:"Root element",section:"Left and right sections",label:"Badge children"},vars:{root:{"--badge-bd":"Controls `border`","--badge-bg":"Controls `background`","--badge-color":"Controls text `color`","--badge-dot-color":'Controls dot `color`, only applicable when `variant="dot"`',"--badge-fz":"Controls `font-size`","--badge-height":"Controls `height`","--badge-padding-x":"Controls horizontal `padding`","--badge-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-block",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]}},5878:function(e,t,a){"use strict";a.d(t,{B:function(){return n},R:function(){return o}});let n={selectors:{root:"Root element",loader:"Loader component, displayed only when `loading` prop is set",inner:"Contains all other elements, child of the `root` element",section:"Left and right sections of the button",label:"Button children"},vars:{root:{"--button-bg":"Controls `background`","--button-bd":"Control `border`","--button-hover":"Controls `background` when hovered","--button-color":"Control text `color`","--button-radius":"Controls `border-radius`","--button-height":"Controls `height` of the button","--button-padding-x":"Controls horizontal `padding` of the button","--button-fz":"Controls `font-size` of the button","--button-justify":"Controls `justify-content` of `inner` element"}},modifiers:[{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"},{modifier:"data-loading",selector:["root","label"],condition:"`loading` prop is set"},{modifier:"data-block",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-with-left-section",selector:"root",condition:"`leftSection` is set"},{modifier:"data-with-right-section",selector:"root",condition:"`rightSection` is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]},o={selectors:{group:"Root element"},vars:{group:{"--button-border-width":"`border-width` of child `Button` components"}},modifiers:[{modifier:"data-orientation",selector:"group",value:"Value of `orientation` prop"}]}},33582:function(e,t,a){"use strict";a.d(t,{J:function(){return n}});let n={selectors:{root:"Root element",slide:"`Carousel.Slide` root element",container:"Slides container",viewport:"Main element, contains slides container and all controls",controls:"Next/previous controls container",control:"Next/previous control",indicators:"Indicators container",indicator:"Indicator button"},vars:{root:{"--carousel-control-size":"Controls `width` and `height` of the next/previous buttons","--carousel-controls-offset":"Controls offsets of the next/previous buttons","--carousel-height":"Controls height of the carousel"}},modifiers:[{modifier:"data-orientation",selector:"root",value:"Value of `orientation` prop"},{modifier:"data-include-gap-in-size",selector:"root",condition:"`includeGapInSize` prop is set"},{modifier:"data-inactive",selector:"control",condition:"No previous/next slides are available"},{modifier:"data-active",selector:"indicator",condition:"Associated slide is active"}]}},60249:function(e,t,a){"use strict";a.d(t,{B:function(){return m}});var n=a(28085),o=a(99059),l=Object.defineProperty,r=Object.defineProperties,i=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,c=(e,t,a)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,p=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&c(e,a,t[a]);if(d)for(var a of d(t))u.call(t,a)&&c(e,a,t[a]);return e};let m={selectors:r(p(p(p({},n.a.selectors),n.X.selectors),o.L.selectors),i({dropdown:"Popover dropdown",colorPreview:"Color swatch preview in input left section",eyeDropperButton:"Eye dropper button",eyeDropperIcon:"Default eye dropper icon"})),vars:{colorPreview:{"--ci-preview-size":"Controls `width` and `height` of color preview"},eyeDropperIcon:{"--ci-eye-dropper-icon-size":"Controls width and height of the eye dropper icon"}}}},99059:function(e,t,a){"use strict";a.d(t,{L:function(){return n}});let n={selectors:{wrapper:"Root element",preview:"Color preview, displayed only when `format` supports alpha channel",body:"Contains alpha/hue sliders and color preview",slider:"Alpha and hue sliders root",sliderOverlay:"Element used to display various overlays over hue and alpha sliders",saturation:"Saturation picker",saturationOverlay:"Element used to display various overlays over saturation picker",sliders:"Contains alpha and hue sliders",thumb:"Thumb of all sliders",swatch:"Color swatch",swatches:"Color swatches list"},vars:{wrapper:{"--cp-body-spacing":"Controls spacing between sliders and saturation","--cp-preview-size":"Controls size of the preview swatch","--cp-width":"Controls `width` of the root element","--cp-swatch-size":"Controls swatch `width` and `height`","--cp-thumb-size":"Controls thumb `width` and `height` in all sliders and saturation picker","--cp-saturation-height":"Controls `height` of the saturation picker"}}}},66858:function(e,t,a){"use strict";a.d(t,{$:function(){return n},d:function(){return o}});let n={selectors:{options:"`Combobox.Options` component",dropdown:"`Combobox.Dropdown` component",option:"`Combobox.Option` component",search:"`Combobox.Search` input",empty:"`Combobox.Empty` component",header:"`Combobox.Header` component",footer:"`Combobox.Footer` component",group:"`Combobox.Group` component",groupLabel:"Label of `Combobox.Group` component"},vars:{dropdown:{"--combobox-option-fz":"Controls option `font-size`","--combobox-option-padding":"Controls option `padding`","--combobox-padding":"Controls dropdown `padding`"},options:{"--combobox-option-fz":"Controls option `font-size`","--combobox-option-padding":"Controls option `padding`"}},modifiers:[{modifier:"data-combobox-selected",selector:"option",condition:"Option is selected"},{modifier:"data-combobox-active",selector:"option",condition:"`active` prop is set"},{modifier:"data-combobox-disabled",selector:"option",condition:"`disabled` prop is set"},{modifier:"data-hidden",selector:"dropdown",condition:"`hidden` prop is set"}]},o={dropdown:"Dropdown root element",options:"Options wrapper",option:"Option",empty:"Nothing found message",group:"Options group wrapper",groupLabel:"Options group label"}},8316:function(e,t,a){"use strict";a.d(t,{T:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e};let u={selectors:s(s({},n.a.selectors),n.X.selectors),vars:{}}},28085:function(e,t,a){"use strict";a.d(t,{X:function(){return o},a:function(){return n}});let n={selectors:{wrapper:"Root element of the Input",input:"Input element",section:"Left and right sections"},vars:{wrapper:{"--input-fz":"`font-size` of the input element","--input-height":"`height` or `min-height` of the input element (depends on `multiline` prop)","--input-left-section-width":"`width` of the left section","--input-right-section-width":"`width` of the right section","--input-margin-bottom":"`margin-bottom` of the input element, usually controlled by `Input.Wrapper`","--input-margin-top":"`margin-top` of the input element, usually controlled by `Input.Wrapper`","--input-padding-y":"`padding-top` and `padding-bottom` of the input element","--input-radius":"`border-radius` of the input element","--input-left-section-pointer-events":"Controls `pointer-events` of the left section","--input-right-section-pointer-events":"Controls `pointer-events` of the right section"}},modifiers:[{modifier:"data-error",selector:["wrapper","input"],condition:"`error` prop is set"},{modifier:"data-disabled",selector:"input",condition:"`disabled` prop is set"},{modifier:"data-with-right-section",selector:"wrapper",condition:"`rightSection` prop is set"},{modifier:"data-with-left-section",selector:"wrapper",condition:"`leftSection` prop is set"},{modifier:"data-multiline",selector:"wrapper",condition:"`multiline` prop is set"},{modifier:"data-pointer",selector:"wrapper",condition:"`pointer` prop is set"},{modifier:"data-position",selector:"section",value:"Section position: left or right"}]},o={selectors:{root:"Root element",label:"Label element",required:"Required asterisk element, rendered inside label",description:"Description element",error:"Error element"},vars:{label:{"--input-label-size":"Controls label `font-size`","--input-asterisk-color":"Controls label asterisk text `color`"},error:{"--input-error-size":"Controls error `font-size`"},description:{"--input-description-size":"Controls description `font-size`"}}}},98595:function(e,t,a){"use strict";a.d(t,{P:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e};let u={selectors:s(s({},n.a.selectors),n.X.selectors),vars:{}}},89704:function(e,t,a){"use strict";a.d(t,{k:function(){return c}});var n=a(70456),o=Object.defineProperty,l=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let c={selectors:l(((e,t)=>{for(var a in t||(t={}))d.call(t,a)&&u(e,a,t[a]);if(i)for(var a of i(t))s.call(t,a)&&u(e,a,t[a]);return e})({},n.T.selectors),r({divider:"`Menu.Divider` root element",label:"`Menu.Label` root element",item:"`Menu.Item` root element",itemLabel:"Label of `Menu.Item`",itemSection:"Left and right sections of `Menu.Item`"})),vars:{},modifiers:[{modifier:"data-disabled",selector:"item",condition:"`disabled` prop is set on `Menu.Item`"},{modifier:"data-hovered",selector:"item",condition:"`Menu.Item` is hovered or selected with keyboard"}]}},22242:function(e,t,a){"use strict";a.d(t,{L:function(){return m}});var n=a(28085),o=a(66858),l=Object.defineProperty,r=Object.defineProperties,i=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,c=(e,t,a)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,p=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&c(e,a,t[a]);if(d)for(var a of d(t))u.call(t,a)&&c(e,a,t[a]);return e};let m={selectors:r(p(p(p({},n.a.selectors),n.X.selectors),o.d),i({pill:"Value pill",inputField:"Input field",pillsList:"List of pills, also contains input field"})),vars:{}}},31548:function(e,t,a){"use strict";a.d(t,{c:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e};let u={selectors:s(s({},n.X.selectors),n.a.selectors),vars:{}}},48223:function(e,t,a){"use strict";a.d(t,{$:function(){return n}});let n={selectors:{root:"Root element",loader:"Loader component, displayed only when `loading` prop is set",icon:"Icon component, displayed only when `icon` prop is set",body:"Notification body, contains all other elements",title:"Title element, displayed only when `title` prop is set",description:"Description displayed below the title",closeButton:"Close button element"},vars:{root:{"--notification-radius":"Controls `border-radius`","--notification-color":"Controls icon color or notification line color"}},modifiers:[{modifier:"data-with-icon",selector:"root",condition:"`icon` prop is set"},{modifier:"data-with-border",selector:"root",condition:"`withBorder` prop is set"},{modifier:"data-with-title",selector:"description",condition:"`title` prop is set"}]}},32637:function(e,t,a){"use strict";a.d(t,{L:function(){return p}});var n=a(28085),o=Object.defineProperty,l=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))d.call(t,a)&&u(e,a,t[a]);if(i)for(var a of i(t))s.call(t,a)&&u(e,a,t[a]);return e};let p={selectors:l(c(c({},n.a.selectors),n.X.selectors),r({controls:"Increment and decrement buttons wrapper",control:"Increment and decrement buttons"})),vars:{controls:{"--ni-chevron-size":"Controls `width` and `height` of the default chevron icon"}},modifiers:[{modifier:"data-direction",selector:"control",value:"`up` or `down` depending on the control"}]}},37068:function(e,t,a){"use strict";a.d(t,{E:function(){return n}});let n={selectors:{root:"Root element",control:"Control element: items, next/previous, first/last buttons",dots:"Dots icon wrapper"},vars:{root:{"--pagination-active-bg":"Active control `background-color`","--pagination-control-fz":"Controls control `font-size`","--pagination-control-radius":"Controls control `border-radius`","--pagination-control-size":"Controls control `min-width` and `height`"}},modifiers:[{modifier:"data-active",selector:"control",condition:"Control is active"},{modifier:"data-disabled",selector:"control",condition:"Control is disabled"}]}},82671:function(e,t,a){"use strict";a.d(t,{m:function(){return p}});var n=a(28085),o=Object.defineProperty,l=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))d.call(t,a)&&u(e,a,t[a]);if(i)for(var a of i(t))s.call(t,a)&&u(e,a,t[a]);return e};let p={selectors:l(c(c({},n.a.selectors),n.X.selectors),r({innerInput:"Actual input element",visibilityToggle:"Visibility toggle button"})),vars:{root:{"--psi-button-size":"Controls visibility toggle button `width` and `height`","--psi-icon-size":"Controls visibility toggle icon `width` and `height`"}}}},4733:function(e,t,a){"use strict";a.d(t,{K:function(){return n},h:function(){return o}});let n={selectors:{root:"Root element",label:"Pill label (children)",remove:"Remove button"},vars:{root:{"--pill-height":"Controls `height` of the pill","--pill-fz":"Controls `font-size`","--pill-radius":"Controls `border-radius`"}},modifiers:[{modifier:"data-with-remove",selector:"root",condition:"`withRemoveButton` prop is set"},{modifier:"data-disabled",selector:"root",condition:"`disabled` prop is set"}]},o={selectors:{group:"Root element"},vars:{group:{"--pg-gap":"Controls `gap` between pills"}}}},38448:function(e,t,a){"use strict";a.d(t,{l:function(){return n}});let n={selectors:{root:"Root element",pinInput:"Input item wrapper",input:"Input element"},vars:{root:{"--pin-input-size":"Controls input `width` and `height`"}},modifiers:[]}},70456:function(e,t,a){"use strict";a.d(t,{T:function(){return n}});let n={selectors:{dropdown:"Dropdown element",arrow:"Dropdown arrow"},vars:{dropdown:{"--popover-radius":"Controls dropdown border-radius","--popover-shadow":"Controls dropdown box-shadow"}},modifiers:[{modifier:"data-position",selector:"dropdown",value:"Value of floating ui dropdown position"}]}},38481:function(e,t,a){"use strict";a.d(t,{S:function(){return n}});let n={selectors:{root:"Root element",section:"`Progress.Section` root element",label:"`Progress.Label` root element"},vars:{root:{"--progress-radius":"Controls `border-radius` of track and sections","--progress-size":"Controls height of progress bar"}},modifiers:[{modifier:"data-striped",selector:"section",condition:"`striped` or `animated` props are set"},{modifier:"data-animated",selector:"section",condition:"`animated` prop is set"}]}},99940:function(e,t,a){"use strict";a.d(t,{o:function(){return n}});let n={selectors:{root:"Root element",control:"Wrapper element for input and label",input:'Input element (`input[type="radio"]`), hidden by default',label:"Label element associated with input",indicator:"Floating indicator that moves between items"},vars:{root:{"--sc-color":"Control `background-color` of `indicator`","--sc-font-size":"Controls `font-size` of labels","--sc-padding":"Controls `padding` of control","--sc-radius":"Controls `border-radius` of `indicator` and `root` elements","--sc-shadow":"Controls `box-shadow` of indicator","--sc-transition-duration":"Controls `transition-duration` of various elements that have animations","--sc-transition-timing-function":"Controls `transition-timing-function` of various elements that have animations"}},modifiers:[{modifier:"data-full-width",selector:"root",condition:"`fullWidth` prop is set"},{modifier:"data-orientation",selector:"control",value:"Value of `orientation` prop"},{modifier:"data-active",selector:["label","control"],condition:"Associated input is checked"},{modifier:"data-disabled",selector:"label",condition:"Associated input is disabled"}]}},85541:function(e,t,a){"use strict";a.d(t,{i:function(){return c}});var n=a(28085),o=a(66858),l=Object.defineProperty,r=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,s=(e,t,a)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,u=(e,t)=>{for(var a in t||(t={}))i.call(t,a)&&s(e,a,t[a]);if(r)for(var a of r(t))d.call(t,a)&&s(e,a,t[a]);return e};let c={selectors:u(u(u({},n.a.selectors),n.X.selectors),o.d),vars:{}}},90301:function(e,t,a){"use strict";a.d(t,{U:function(){return n}});let n={selectors:{root:"Root element",steps:"Steps controls wrapper",separator:"Separator line between step controls",verticalSeparator:"Vertical separator line between step controls",content:"Current step content wrapper",stepWrapper:"Wrapper for the step icon and separator",step:"Step control button",stepIcon:"Step icon wrapper",stepCompletedIcon:"Completed step icon, rendered within stepIcon",stepBody:"Contains stepLabel and stepDescription",stepLabel:"Step label",stepDescription:"Step description",stepLoader:"Step loader"},vars:{root:{"--stepper-color":"Controls color of the active step and separator","--stepper-icon-size":"Controls `width` and `height` of the icons","--stepper-content-padding":"Controls `padding-top` of the content","--stepper-radius":"Controls `border-radius` of the step icon","--stepper-fz":"Controls `font-size` of various elements","--stepper-spacing":"Controls various spacings"}},modifiers:[{modifier:"data-progress",selector:"stepIcon",condition:"Step is current"},{modifier:"data-completed",selector:"stepIcon",condition:"Step is completed"}]}},43297:function(e,t,a){"use strict";a.d(t,{T:function(){return s},_:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;let s={selectors:{root:"Root element",track:"Switch track, contains `thumb` and `trackLabel`",trackLabel:"Label displayed inside `track`",thumb:"Thumb displayed inside `track`",input:'Input element (`input[type="checkbox"]`), hidden by default',body:"Input body, contains all other elements",labelWrapper:"Contains `label`, `description` and `error`",label:"Label element",description:"Description displayed below the label",error:"Error message displayed below the label"},vars:{root:{"--switch-radius":"Controls `border-radius` of `track` and `thumb`","--switch-height":"Controls height of `track`","--switch-width":"Controls min-width of `track`","--switch-thumb-size":"Controls width and height of `thumb`","--switch-label-font-size":"Controls `font-size` of `trackLabel`","--switch-track-label-padding":"Controls `trackLabel` offset","--switch-color":"Controls track `background-color` when input is checked"}},modifiers:[{modifier:"data-error",selector:"track",condition:"`error` prop is set"},{modifier:"data-label-position",selector:["track","root"],value:"value of `labelPosition` prop"},{modifier:"data-disabled",selector:"label",condition:"`disabled` prop is set"}]},u={selectors:((e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e})({},n.X.selectors),vars:{}}},46865:function(e,t,a){"use strict";a.d(t,{Y:function(){return n}});let n={selectors:{root:"Root element (`Tabs` component)",list:"List of tabs (`Tabs.List` component)",panel:"Panel with tab content (`Tabs.Panel` component)",tab:"Tab button (`Tabs.Tab` component)",tabLabel:"Label of `Tabs.Tab`",tabSection:"Left and right sections of `Tabs.Tab`"},vars:{root:{"--tabs-color":"Controls colors of `Tabs.Tab`, only applicable when variant is `pills` or `default`","--tabs-radius":"Controls `Tabs.Tab` `border-radius`"}},modifiers:[{modifier:"data-orientation",selector:["root","tab","list","panel"],value:"Value of `orientation` prop"},{modifier:"data-placement",selector:["root","tab","list"],value:"Value of placement prop",condition:'Value of `orientation` prop is "vertical" on `Tabs` component'},{modifier:"data-inverted",selector:["tab","list"],condition:"`inverted` prop is set on `Tabs` component"},{modifier:"data-grow",selector:["list"],condition:"`grow` prop is set on `Tabs.List` component"},{modifier:"data-position",selector:["tabSection"],value:"Position of the section, left or right"}]}},7024:function(e,t,a){"use strict";a.d(t,{h:function(){return m}});var n=a(28085),o=a(66858),l=Object.defineProperty,r=Object.defineProperties,i=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,c=(e,t,a)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,p=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&c(e,a,t[a]);if(d)for(var a of d(t))u.call(t,a)&&c(e,a,t[a]);return e};let m={selectors:r(p(p(p({},n.a.selectors),n.X.selectors),o.d),i({pill:"Value pill",inputField:"Input field",pillsList:"List of pills, also contains input field"})),vars:{}}},27906:function(e,t,a){"use strict";a.d(t,{G:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e};let u={selectors:s(s({},n.a.selectors),n.X.selectors),vars:{}}},36632:function(e,t,a){"use strict";a.d(t,{g:function(){return u}});var n=a(28085),o=Object.defineProperty,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(e,t,a)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&d(e,a,t[a]);if(l)for(var a of l(t))i.call(t,a)&&d(e,a,t[a]);return e};let u={selectors:s(s({},n.a.selectors),n.X.selectors),vars:{}}}}]); \ No newline at end of file diff --git a/_next/static/chunks/2085-bfeaa2af84065661.js b/_next/static/chunks/2085-bfeaa2af84065661.js new file mode 100644 index 00000000000..51cb20d7ea0 --- /dev/null +++ b/_next/static/chunks/2085-bfeaa2af84065661.js @@ -0,0 +1,75 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2085],{12162:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},90318:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("align-center","IconAlignCenter",[["path",{d:"M4 6l16 0",key:"svg-0"}],["path",{d:"M8 12l8 0",key:"svg-1"}],["path",{d:"M6 18l12 0",key:"svg-2"}]])},68577:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("align-justified","IconAlignJustified",[["path",{d:"M4 6l16 0",key:"svg-0"}],["path",{d:"M4 12l16 0",key:"svg-1"}],["path",{d:"M4 18l12 0",key:"svg-2"}]])},89483:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("align-left","IconAlignLeft",[["path",{d:"M4 6l16 0",key:"svg-0"}],["path",{d:"M4 12l10 0",key:"svg-1"}],["path",{d:"M4 18l14 0",key:"svg-2"}]])},4861:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("align-right","IconAlignRight",[["path",{d:"M4 6l16 0",key:"svg-0"}],["path",{d:"M10 12l10 0",key:"svg-1"}],["path",{d:"M6 18l14 0",key:"svg-2"}]])},54928:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("blockquote","IconBlockquote",[["path",{d:"M6 15h15",key:"svg-0"}],["path",{d:"M21 19h-15",key:"svg-1"}],["path",{d:"M15 11h6",key:"svg-2"}],["path",{d:"M21 7h-6",key:"svg-3"}],["path",{d:"M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2",key:"svg-4"}],["path",{d:"M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2",key:"svg-5"}]])},52025:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("bold","IconBold",[["path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7h-6z",key:"svg-0"}],["path",{d:"M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7",key:"svg-1"}]])},16659:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("check","IconCheck",[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]])},78483:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("circle-off","IconCircleOff",[["path",{d:"M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73",key:"svg-0"}],["path",{d:"M3 3l18 18",key:"svg-1"}]])},25696:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("clear-formatting","IconClearFormatting",[["path",{d:"M17 15l4 4m0 -4l-4 4",key:"svg-0"}],["path",{d:"M7 6v-1h11v1",key:"svg-1"}],["path",{d:"M7 19l4 0",key:"svg-2"}],["path",{d:"M13 5l-4 14",key:"svg-3"}]])},77573:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("code","IconCode",[["path",{d:"M7 8l-4 4l4 4",key:"svg-0"}],["path",{d:"M17 8l4 4l-4 4",key:"svg-1"}],["path",{d:"M14 4l-4 16",key:"svg-2"}]])},40903:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("color-picker","IconColorPicker",[["path",{d:"M11 7l6 6",key:"svg-0"}],["path",{d:"M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z",key:"svg-1"}]])},31550:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("external-link","IconExternalLink",[["path",{d:"M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6",key:"svg-0"}],["path",{d:"M11 13l9 -9",key:"svg-1"}],["path",{d:"M15 4h5v5",key:"svg-2"}]])},23052:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-1","IconH1",[["path",{d:"M19 18v-8l-2 2",key:"svg-0"}],["path",{d:"M4 6v12",key:"svg-1"}],["path",{d:"M12 6v12",key:"svg-2"}],["path",{d:"M11 18h2",key:"svg-3"}],["path",{d:"M3 18h2",key:"svg-4"}],["path",{d:"M4 12h8",key:"svg-5"}],["path",{d:"M3 6h2",key:"svg-6"}],["path",{d:"M11 6h2",key:"svg-7"}]])},1363:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-2","IconH2",[["path",{d:"M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0",key:"svg-0"}],["path",{d:"M4 6v12",key:"svg-1"}],["path",{d:"M12 6v12",key:"svg-2"}],["path",{d:"M11 18h2",key:"svg-3"}],["path",{d:"M3 18h2",key:"svg-4"}],["path",{d:"M4 12h8",key:"svg-5"}],["path",{d:"M3 6h2",key:"svg-6"}],["path",{d:"M11 6h2",key:"svg-7"}]])},97567:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-3","IconH3",[["path",{d:"M19 14a2 2 0 1 0 -2 -2",key:"svg-0"}],["path",{d:"M17 16a2 2 0 1 0 2 -2",key:"svg-1"}],["path",{d:"M4 6v12",key:"svg-2"}],["path",{d:"M12 6v12",key:"svg-3"}],["path",{d:"M11 18h2",key:"svg-4"}],["path",{d:"M3 18h2",key:"svg-5"}],["path",{d:"M4 12h8",key:"svg-6"}],["path",{d:"M3 6h2",key:"svg-7"}],["path",{d:"M11 6h2",key:"svg-8"}]])},10713:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-4","IconH4",[["path",{d:"M20 18v-8l-4 6h5",key:"svg-0"}],["path",{d:"M4 6v12",key:"svg-1"}],["path",{d:"M12 6v12",key:"svg-2"}],["path",{d:"M11 18h2",key:"svg-3"}],["path",{d:"M3 18h2",key:"svg-4"}],["path",{d:"M4 12h8",key:"svg-5"}],["path",{d:"M3 6h2",key:"svg-6"}],["path",{d:"M11 6h2",key:"svg-7"}]])},72437:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-5","IconH5",[["path",{d:"M17 18h2a2 2 0 1 0 0 -4h-2v-4h4",key:"svg-0"}],["path",{d:"M4 6v12",key:"svg-1"}],["path",{d:"M12 6v12",key:"svg-2"}],["path",{d:"M11 18h2",key:"svg-3"}],["path",{d:"M3 18h2",key:"svg-4"}],["path",{d:"M4 12h8",key:"svg-5"}],["path",{d:"M3 6h2",key:"svg-6"}],["path",{d:"M11 6h2",key:"svg-7"}]])},24878:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("h-6","IconH6",[["path",{d:"M19 14a2 2 0 1 0 0 4a2 2 0 0 0 0 -4z",key:"svg-0"}],["path",{d:"M21 12a2 2 0 1 0 -4 0v4",key:"svg-1"}],["path",{d:"M4 6v12",key:"svg-2"}],["path",{d:"M12 6v12",key:"svg-3"}],["path",{d:"M11 18h2",key:"svg-4"}],["path",{d:"M3 18h2",key:"svg-5"}],["path",{d:"M4 12h8",key:"svg-6"}],["path",{d:"M3 6h2",key:"svg-7"}],["path",{d:"M11 6h2",key:"svg-8"}]])},63465:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("highlight","IconHighlight",[["path",{d:"M3 19h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M12.5 5.5l4 4",key:"svg-1"}],["path",{d:"M4.5 13.5l4 4",key:"svg-2"}],["path",{d:"M21 15v4h-8l4 -4z",key:"svg-3"}]])},4014:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("italic","IconItalic",[["path",{d:"M11 5l6 0",key:"svg-0"}],["path",{d:"M7 19l6 0",key:"svg-1"}],["path",{d:"M14 5l-4 14",key:"svg-2"}]])},12976:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("line-dashed","IconLineDashed",[["path",{d:"M5 12h2",key:"svg-0"}],["path",{d:"M17 12h2",key:"svg-1"}],["path",{d:"M11 12h2",key:"svg-2"}]])},56809:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("link","IconLink",[["path",{d:"M9 15l6 -6",key:"svg-0"}],["path",{d:"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464",key:"svg-1"}],["path",{d:"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463",key:"svg-2"}]])},47261:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},4702:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("list-numbers","IconListNumbers",[["path",{d:"M11 6h9",key:"svg-0"}],["path",{d:"M11 12h9",key:"svg-1"}],["path",{d:"M12 18h8",key:"svg-2"}],["path",{d:"M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4",key:"svg-3"}],["path",{d:"M6 10v-6l-2 2",key:"svg-4"}]])},91564:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("palette","IconPalette",[["path",{d:"M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25",key:"svg-0"}],["path",{d:"M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-3"}]])},53770:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("strikethrough","IconStrikethrough",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5",key:"svg-1"}]])},50078:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("subscript","IconSubscript",[["path",{d:"M5 7l8 10m-8 0l8 -10",key:"svg-0"}],["path",{d:"M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2",key:"svg-1"}]])},3727:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("superscript","IconSuperscript",[["path",{d:"M5 7l8 10m-8 0l8 -10",key:"svg-0"}],["path",{d:"M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2",key:"svg-1"}]])},11269:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("underline","IconUnderline",[["path",{d:"M7 5v5a5 5 0 0 0 10 0v-5",key:"svg-0"}],["path",{d:"M5 19h14",key:"svg-1"}]])},96930:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("unlink","IconUnlink",[["path",{d:"M17 22v-2",key:"svg-0"}],["path",{d:"M9 15l6 -6",key:"svg-1"}],["path",{d:"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464",key:"svg-2"}],["path",{d:"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463",key:"svg-3"}],["path",{d:"M20 17h2",key:"svg-4"}],["path",{d:"M2 7h2",key:"svg-5"}],["path",{d:"M7 2v2",key:"svg-6"}]])},86171:function(t,e,n){n.d(e,{Z:function(){return r}});var r=(0,n(54764).Z)("x","IconX",[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]])},54848:function(t,e,n){n.d(e,{ML:function(){return eJ},hj:function(){return tc},vc:function(){return eY},NB:function(){return eU},nU:function(){return U},XP:function(){return et},N2:function(){return ee},b5:function(){return en},u9:function(){return eo},QC:function(){return es},Nl:function(){return F},Jo:function(){return ei},tI:function(){return ea},EG:function(){return ed},xh:function(){return tI},Cf:function(){return eq},K9:function(){return e_},P1:function(){return W},x2:function(){return eV},pr:function(){return eh},zK:function(){return eW},S0:function(){return eK}});var r,i=n(82789),o=n(15463),s=n(52295),a=n(2396),l=n(8465);let c=(t,e)=>!t.selection.empty&&(e&&e(t.tr.deleteSelection().scrollIntoView()),!0),p=(t,e,n)=>{let r=function(t,e){let{$cursor:n}=t.selection;return n&&(e?e.endOfTextblock("backward",t):!(n.parentOffset>0))?n:null}(t,n);if(!r)return!1;let o=u(r);if(!o){let n=r.blockRange(),i=n&&(0,l.k9)(n);return null!=i&&(e&&e(t.tr.lift(n,i).scrollIntoView()),!0)}let s=o.nodeBefore;if(!s.type.spec.isolating&&A(t,o,e))return!0;if(0==r.parent.content.size&&(d(s,"end")||i.qv.isSelectable(s))){let n=(0,l.dR)(t.doc,r.before(),r.after(),a.p2.empty);if(n&&n.slice.size{let{$head:r,empty:o}=t.selection,s=r;if(!o)return!1;if(r.parent.isTextblock){if(n?!n.endOfTextblock("backward",t):r.parentOffset>0)return!1;s=u(r)}let a=s&&s.nodeBefore;return!!(a&&i.qv.isSelectable(a))&&(e&&e(t.tr.setSelection(i.qv.create(t.doc,s.pos-a.nodeSize)).scrollIntoView()),!0)};function u(t){if(!t.parent.type.spec.isolating)for(let e=t.depth-1;e>=0;e--){if(t.index(e)>0)return t.doc.resolve(t.before(e+1));if(t.node(e).type.spec.isolating)break}return null}let f=(t,e,n)=>{let r=function(t,e){let{$cursor:n}=t.selection;return n&&(e?e.endOfTextblock("forward",t):!(n.parentOffset{let{$head:r,empty:o}=t.selection,s=r;if(!o)return!1;if(r.parent.isTextblock){if(n?!n.endOfTextblock("forward",t):r.parentOffset=0;e--){let n=t.node(e);if(t.index(e)+1{let n=t.selection,r=n instanceof i.qv,o;if(r){if(n.node.isTextblock||!(0,l.Mn)(t.doc,n.from))return!1;o=n.from}else if(null==(o=(0,l.GJ)(t.doc,n.from,-1)))return!1;if(e){let n=t.tr.join(o);r&&n.setSelection(i.qv.create(n.doc,o-t.doc.resolve(o).nodeBefore.nodeSize)),e(n.scrollIntoView())}return!0},v=(t,e)=>{let n=t.selection,r;if(n instanceof i.qv){if(n.node.isTextblock||!(0,l.Mn)(t.doc,n.to))return!1;r=n.to}else if(null==(r=(0,l.GJ)(t.doc,n.to,1)))return!1;return e&&e(t.tr.join(r).scrollIntoView()),!0},k=(t,e)=>{let{$from:n,$to:r}=t.selection,i=n.blockRange(r),o=i&&(0,l.k9)(i);return null!=o&&(e&&e(t.tr.lift(i,o).scrollIntoView()),!0)},b=(t,e)=>{let{$head:n,$anchor:r}=t.selection;return!!(n.parent.type.spec.code&&n.sameParent(r))&&(e&&e(t.tr.insertText("\n").scrollIntoView()),!0)};function w(t){for(let e=0;e{let{$head:n,$anchor:r}=t.selection;if(!n.parent.type.spec.code||!n.sameParent(r))return!1;let o=n.node(-1),s=n.indexAfter(-1),a=w(o.contentMatchAt(s));if(!a||!o.canReplaceWith(s,s,a))return!1;if(e){let r=n.after(),o=t.tr.replaceWith(r,r,a.createAndFill());o.setSelection(i.Y1.near(o.doc.resolve(r),1)),e(o.scrollIntoView())}return!0},M=(t,e)=>{let n=t.selection,{$from:r,$to:o}=n;if(n instanceof i.C1||r.parent.inlineContent||o.parent.inlineContent)return!1;let s=w(o.parent.contentMatchAt(o.indexAfter()));if(!s||!s.isTextblock)return!1;if(e){let n=(!r.parentOffset&&o.index(){let{$cursor:n}=t.selection;if(!n||n.parent.content.size)return!1;if(n.depth>1&&n.after()!=n.end(-1)){let r=n.before();if((0,l.Ax)(t.doc,r))return e&&e(t.tr.split(r).scrollIntoView()),!0}let r=n.blockRange(),i=r&&(0,l.k9)(r);return null!=i&&(e&&e(t.tr.lift(r,i).scrollIntoView()),!0)},O=(t,e)=>{let{$from:n,$to:o}=t.selection;if(t.selection instanceof i.qv&&t.selection.node.isBlock)return!!(n.parentOffset&&(0,l.Ax)(t.doc,n.pos))&&(e&&e(t.tr.split(n.pos).scrollIntoView()),!0);if(!n.parent.isBlock)return!1;if(e){let s=o.parentOffset==o.parent.content.size,a=t.tr;(t.selection instanceof i.Bs||t.selection instanceof i.C1)&&a.deleteSelection();let c=0==n.depth?null:w(n.node(-1).contentMatchAt(n.indexAfter(-1))),p=r&&r(o.parent,s),d=p?[p]:s&&c?[{type:c}]:void 0,h=(0,l.Ax)(a.doc,a.mapping.map(n.pos),1,d);if(!d&&!h&&(0,l.Ax)(a.doc,a.mapping.map(n.pos),1,c?[{type:c}]:void 0)&&(c&&(d=[{type:c}]),h=!0),h&&(a.split(a.mapping.map(n.pos),1,d),!s&&!n.parentOffset&&n.parent.type!=c)){let t=a.mapping.map(n.before()),e=a.doc.resolve(t);c&&n.node(-1).canReplaceWith(e.index(),e.index()+1,c)&&a.setNodeMarkup(a.mapping.map(n.before()),c)}e(a.scrollIntoView())}return!0},C=(t,e)=>{let{$from:n,to:r}=t.selection,o,s=n.sharedDepth(r);return 0!=s&&(o=n.before(s),e&&e(t.tr.setSelection(i.qv.create(t.doc,o))),!0)},T=(t,e)=>(e&&e(t.tr.setSelection(new i.C1(t.doc))),!0);function A(t,e,n){let r,o,s,c=e.nodeBefore,p=e.nodeAfter,h,u;if(c.type.spec.isolating||p.type.spec.isolating)return!1;if(r=e.nodeBefore,o=e.nodeAfter,s=e.index(),r&&o&&r.type.compatibleContent(o.type)&&(!r.content.size&&e.parent.canReplace(s-1,s)?(n&&n(t.tr.delete(e.pos-r.nodeSize,e.pos).scrollIntoView()),!0):!!(e.parent.canReplace(s,s+1)&&(o.isTextblock||(0,l.Mn)(t.doc,e.pos)))&&(n&&n(t.tr.clearIncompatible(e.pos,r.type,r.contentMatchAt(r.childCount)).join(e.pos).scrollIntoView()),!0)))return!0;let f=e.parent.canReplace(e.index(),e.index()+1);if(f&&(h=(u=c.contentMatchAt(c.childCount)).findWrapping(p.type))&&u.matchType(h[0]||p.type).validEnd){if(n){let r=e.pos+p.nodeSize,i=a.HY.empty;for(let t=h.length-1;t>=0;t--)i=a.HY.from(h[t].create(null,i));i=a.HY.from(c.copy(i));let o=t.tr.step(new l.FC(e.pos-1,r,e.pos,r,new a.p2(i,1,0),h.length,!0)),s=r+2*h.length;(0,l.Mn)(o.doc,s)&&o.join(s),n(o.scrollIntoView())}return!0}let m=i.Y1.findFrom(e,1),g=m&&m.$from.blockRange(m.$to),y=g&&(0,l.k9)(g);if(null!=y&&y>=e.depth)return n&&n(t.tr.lift(g,y).scrollIntoView()),!0;if(f&&d(p,"start",!0)&&d(c,"end")){let r=c,i=[];for(;i.push(r),!r.isTextblock;)r=r.lastChild;let o=p,s=1;for(;!o.isTextblock;o=o.firstChild)s++;if(r.canReplace(r.childCount,r.childCount,o.content)){if(n){let r=a.HY.empty;for(let t=i.length-1;t>=0;t--)r=a.HY.from(i[t].copy(r));n(t.tr.step(new l.FC(e.pos-i.length,e.pos+p.nodeSize,e.pos+s,e.pos+p.nodeSize-s,new a.p2(r,i.length,0),0,!0)).scrollIntoView())}return!0}}return!1}function E(t){return function(e,n){let r=e.selection,o=t<0?r.$from:r.$to,s=o.depth;for(;o.node(s).isInline;){if(!s)return!1;s--}return!!o.node(s).isTextblock&&(n&&n(e.tr.setSelection(i.Bs.create(e.doc,t<0?o.start(s):o.end(s)))),!0)}}let I=E(-1),N=E(1);function R(t,e=null){return function(n,r){let i=!1;for(let r=0;r{if(i)return!1;if(!(!r.isTextblock||r.hasMarkup(t,e))){if(r.type==t)i=!0;else{let e=n.doc.resolve(o),r=e.index();i=e.parent.canReplaceWith(r,r+1,t)}}})}if(!i)return!1;if(r){let i=n.tr;for(let r=0;r{let n=(...t)=>{let n=e(...t)(o);return i.getMeta("preventDispatch")||this.hasCustomState||r.dispatch(i),n};return[t,n]}))}get chain(){return()=>this.createChain()}get can(){return()=>this.createCan()}createChain(t,e=!0){let{rawCommands:n,editor:r,state:i}=this,{view:o}=r,s=[],a=!!t,l=t||i.tr,c=()=>(a||!e||l.getMeta("preventDispatch")||this.hasCustomState||o.dispatch(l),s.every(t=>!0===t)),p={...Object.fromEntries(Object.entries(n).map(([t,n])=>{let r=(...t)=>{let r=this.buildProps(l,e),i=n(...t)(r);return s.push(i),p};return[t,r]})),run:c};return p}createCan(t){let{rawCommands:e,state:n}=this,r=t||n.tr,i=this.buildProps(r,!1),o=Object.fromEntries(Object.entries(e).map(([t,e])=>[t,(...t)=>e(...t)({...i,dispatch:void 0})]));return{...o,chain:()=>this.createChain(r,!1)}}buildProps(t,e=!0){let{rawCommands:n,editor:r,state:i}=this,{view:o}=r;i.storedMarks&&t.setStoredMarks(i.storedMarks);let s={tr:t,editor:r,view:o,state:j({state:i,transaction:t}),dispatch:e?()=>void 0:void 0,chain:()=>this.createChain(t),can:()=>this.createCan(t),get commands(){return Object.fromEntries(Object.entries(n).map(([t,e])=>[t,(...t)=>e(...t)(s)]))}};return s}}class ${constructor(){this.callbacks={}}on(t,e){return this.callbacks[t]||(this.callbacks[t]=[]),this.callbacks[t].push(e),this}emit(t,...e){let n=this.callbacks[t];return n&&n.forEach(t=>t.apply(this,e)),this}off(t,e){let n=this.callbacks[t];return n&&(e?this.callbacks[t]=n.filter(t=>t!==e):delete this.callbacks[t]),this}removeAllListeners(){this.callbacks={}}}function F(t,e,n){if(void 0===t.config[e]&&t.parent)return F(t.parent,e,n);if("function"==typeof t.config[e]){let r=t.config[e].bind({...n,parent:t.parent?F(t.parent,e,n):null});return r}return t.config[e]}function J(t){let e=t.filter(t=>"extension"===t.type),n=t.filter(t=>"node"===t.type),r=t.filter(t=>"mark"===t.type);return{baseExtensions:e,nodeExtensions:n,markExtensions:r}}function q(t){let e=[],{nodeExtensions:n,markExtensions:r}=J(t),i=[...n,...r],o={default:null,rendered:!0,renderHTML:null,parseHTML:null,keepOnSplit:!0,isRequired:!1};return t.forEach(t=>{let n={name:t.name,options:t.options,storage:t.storage},r=F(t,"addGlobalAttributes",n);if(!r)return;let i=r();i.forEach(t=>{t.types.forEach(n=>{Object.entries(t.attributes).forEach(([t,r])=>{e.push({type:n,name:t,attribute:{...o,...r}})})})})}),i.forEach(t=>{let n={name:t.name,options:t.options,storage:t.storage},r=F(t,"addAttributes",n);if(!r)return;let i=r();Object.entries(i).forEach(([n,r])=>{let i={...o,...r};"function"==typeof(null==i?void 0:i.default)&&(i.default=i.default()),(null==i?void 0:i.isRequired)&&(null==i?void 0:i.default)===void 0&&delete i.default,e.push({type:t.name,name:n,attribute:i})})}),e}function V(t,e){if("string"==typeof t){if(!e.nodes[t])throw Error(`There is no node type named '${t}'. Maybe you forgot to add the extension?`);return e.nodes[t]}return t}function W(...t){return t.filter(t=>!!t).reduce((t,e)=>{let n={...t};return Object.entries(e).forEach(([t,e])=>{let r=n[t];if(!r){n[t]=e;return}"class"===t?n[t]=[n[t],e].join(" "):"style"===t?n[t]=[n[t],e].join("; "):n[t]=e}),n},{})}function K(t,e){return e.filter(t=>t.attribute.rendered).map(e=>e.attribute.renderHTML?e.attribute.renderHTML(t.attrs)||{}:{[e.name]:t.attrs[e.name]}).reduce((t,e)=>W(t,e),{})}function Y(t){return"function"==typeof t}function U(t,e,...n){return Y(t)?e?t.bind(e)(...n):t(...n):t}function _(t,e){return t.style?t:{...t,getAttrs:n=>{let r=t.getAttrs?t.getAttrs(n):t.attrs;if(!1===r)return!1;let i=e.reduce((t,e)=>{var r;let i=e.attribute.parseHTML?e.attribute.parseHTML(n):"string"!=typeof(r=n.getAttribute(e.name))?r:r.match(/^[+-]?(?:\d*\.)?\d+$/)?Number(r):"true"===r||"false"!==r&&r;return null==i?t:{...t,[e.name]:i}},{});return{...r,...i}}}}function Z(t){return Object.fromEntries(Object.entries(t).filter(([t,e])=>!("attrs"===t&&function(t={}){return 0===Object.keys(t).length&&t.constructor===Object}(e))&&null!=e))}function G(t,e){return e.nodes[t]||e.marks[t]||null}function Q(t,e){return Array.isArray(e)?e.some(e=>{let n="string"==typeof e?e:e.name;return n===t.name}):e}let X=(t,e=500)=>{let n="",r=t.parentOffset;return t.parent.nodesBetween(Math.max(0,r-e),r,(t,e,i,o)=>{var s,a;let l=(null===(a=(s=t.type.spec).toText)||void 0===a?void 0:a.call(s,{node:t,pos:e,parent:i,index:o}))||t.textContent||"%leaf%";n+=l.slice(0,Math.max(0,r-e))}),n};function tt(t){return"[object RegExp]"===Object.prototype.toString.call(t)}class te{constructor(t){this.find=t.find,this.handler=t.handler}}let tn=(t,e)=>{if(tt(e))return e.exec(t);let n=e(t);if(!n)return null;let r=[n.text];return r.index=n.index,r.input=t,r.data=n.data,n.replaceWith&&(n.text.includes(n.replaceWith)||console.warn('[tiptap warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'),r.push(n.replaceWith)),r};function tr(t){var e;let{editor:n,from:r,to:i,text:o,rules:s,plugin:a}=t,{view:l}=n;if(l.composing)return!1;let c=l.state.doc.resolve(r);if(c.parent.type.spec.code||(null===(e=c.nodeBefore||c.nodeAfter)||void 0===e?void 0:e.marks.find(t=>t.type.spec.code)))return!1;let p=!1,d=X(c)+o;return s.forEach(t=>{if(p)return;let e=tn(d,t.find);if(!e)return;let s=l.state.tr,c=j({state:l.state,transaction:s}),h={from:r-(e[0].length-o.length),to:i},{commands:u,chain:f,can:m}=new D({editor:n,state:c}),g=t.handler({state:c,range:h,match:e,commands:u,chain:f,can:m});null!==g&&s.steps.length&&(s.setMeta(a,{transform:s,from:r,to:i,text:o}),l.dispatch(s),p=!0)}),p}class ti{constructor(t){this.find=t.find,this.handler=t.handler}}let to=(t,e)=>{if(tt(e))return[...t.matchAll(e)];let n=e(t);return n?n.map(e=>{let n=[e.text];return n.index=e.index,n.input=t,n.data=e.data,e.replaceWith&&(e.text.includes(e.replaceWith)||console.warn('[tiptap warn]: "pasteRuleMatch.replaceWith" must be part of "pasteRuleMatch.text".'),n.push(e.replaceWith)),n}):[]};class ts{constructor(t,e){this.splittableMarks=[],this.editor=e,this.extensions=ts.resolve(t),this.schema=function(t,e){var n;let r=q(t),{nodeExtensions:i,markExtensions:o}=J(t),s=null===(n=i.find(t=>F(t,"topNode")))||void 0===n?void 0:n.name,l=Object.fromEntries(i.map(n=>{let i=r.filter(t=>t.type===n.name),o={name:n.name,options:n.options,storage:n.storage,editor:e},s=t.reduce((t,e)=>{let r=F(e,"extendNodeSchema",o);return{...t,...r?r(n):{}}},{}),a=Z({...s,content:U(F(n,"content",o)),marks:U(F(n,"marks",o)),group:U(F(n,"group",o)),inline:U(F(n,"inline",o)),atom:U(F(n,"atom",o)),selectable:U(F(n,"selectable",o)),draggable:U(F(n,"draggable",o)),code:U(F(n,"code",o)),defining:U(F(n,"defining",o)),isolating:U(F(n,"isolating",o)),attrs:Object.fromEntries(i.map(t=>{var e;return[t.name,{default:null===(e=null==t?void 0:t.attribute)||void 0===e?void 0:e.default}]}))}),l=U(F(n,"parseHTML",o));l&&(a.parseDOM=l.map(t=>_(t,i)));let c=F(n,"renderHTML",o);c&&(a.toDOM=t=>c({node:t,HTMLAttributes:K(t,i)}));let p=F(n,"renderText",o);return p&&(a.toText=p),[n.name,a]})),c=Object.fromEntries(o.map(n=>{let i=r.filter(t=>t.type===n.name),o={name:n.name,options:n.options,storage:n.storage,editor:e},s=t.reduce((t,e)=>{let r=F(e,"extendMarkSchema",o);return{...t,...r?r(n):{}}},{}),a=Z({...s,inclusive:U(F(n,"inclusive",o)),excludes:U(F(n,"excludes",o)),group:U(F(n,"group",o)),spanning:U(F(n,"spanning",o)),code:U(F(n,"code",o)),attrs:Object.fromEntries(i.map(t=>{var e;return[t.name,{default:null===(e=null==t?void 0:t.attribute)||void 0===e?void 0:e.default}]}))}),l=U(F(n,"parseHTML",o));l&&(a.parseDOM=l.map(t=>_(t,i)));let c=F(n,"renderHTML",o);return c&&(a.toDOM=t=>c({mark:t,HTMLAttributes:K(t,i)})),[n.name,a]}));return new a.V_({topNode:s,nodes:l,marks:c})}(this.extensions,e),this.extensions.forEach(t=>{var e;this.editor.extensionStorage[t.name]=t.storage;let n={name:t.name,options:t.options,storage:t.storage,editor:this.editor,type:G(t.name,this.schema)};if("mark"===t.type){let r=null===(e=U(F(t,"keepOnSplit",n)))||void 0===e||e;r&&this.splittableMarks.push(t.name)}let r=F(t,"onBeforeCreate",n);r&&this.editor.on("beforeCreate",r);let i=F(t,"onCreate",n);i&&this.editor.on("create",i);let o=F(t,"onUpdate",n);o&&this.editor.on("update",o);let s=F(t,"onSelectionUpdate",n);s&&this.editor.on("selectionUpdate",s);let a=F(t,"onTransaction",n);a&&this.editor.on("transaction",a);let l=F(t,"onFocus",n);l&&this.editor.on("focus",l);let c=F(t,"onBlur",n);c&&this.editor.on("blur",c);let p=F(t,"onDestroy",n);p&&this.editor.on("destroy",p)})}static resolve(t){let e=ts.sort(ts.flatten(t)),n=function(t){let e=t.filter((e,n)=>t.indexOf(e)!==n);return[...new Set(e)]}(e.map(t=>t.name));return n.length&&console.warn(`[tiptap warn]: Duplicate extension names found: [${n.map(t=>`'${t}'`).join(", ")}]. This can lead to issues.`),e}static flatten(t){return t.map(t=>{let e={name:t.name,options:t.options,storage:t.storage},n=F(t,"addExtensions",e);return n?[t,...this.flatten(n())]:t}).flat(10)}static sort(t){return t.sort((t,e)=>{let n=F(t,"priority")||100,r=F(e,"priority")||100;return n>r?-1:n{let n={name:e.name,options:e.options,storage:e.storage,editor:this.editor,type:G(e.name,this.schema)},r=F(e,"addCommands",n);return r?{...t,...r()}:t},{})}get plugins(){let{editor:t}=this,e=ts.sort([...this.extensions].reverse()),n=[],r=[],o=e.map(e=>{let i={name:e.name,options:e.options,storage:e.storage,editor:t,type:G(e.name,this.schema)},o=[],a=F(e,"addKeyboardShortcuts",i),l={};if("mark"===e.type&&e.config.exitable&&(l.ArrowRight=()=>eY.handleExit({editor:t,mark:e})),a){let e=Object.fromEntries(Object.entries(a()).map(([e,n])=>[e,()=>n({editor:t})]));l={...l,...e}}let c=(0,s.h)(l);o.push(c);let p=F(e,"addInputRules",i);Q(e,t.options.enableInputRules)&&p&&n.push(...p());let d=F(e,"addPasteRules",i);Q(e,t.options.enablePasteRules)&&d&&r.push(...d());let h=F(e,"addProseMirrorPlugins",i);if(h){let t=h();o.push(...t)}return o}).flat();return[function(t){let{editor:e,rules:n}=t,r=new i.Sy({state:{init:()=>null,apply(t,e){let n=t.getMeta(r);return n||(t.selectionSet||t.docChanged?null:e)}},props:{handleTextInput:(t,i,o,s)=>tr({editor:e,from:i,to:o,text:s,rules:n,plugin:r}),handleDOMEvents:{compositionend:t=>(setTimeout(()=>{let{$cursor:i}=t.state.selection;i&&tr({editor:e,from:i.pos,to:i.pos,text:"",rules:n,plugin:r})}),!1)},handleKeyDown(t,i){if("Enter"!==i.key)return!1;let{$cursor:o}=t.state.selection;return!!o&&tr({editor:e,from:o.pos,to:o.pos,text:"\n",rules:n,plugin:r})}},isInputRules:!0});return r}({editor:t,rules:n}),...function(t){let{editor:e,rules:n}=t,r=null,o=!1,s=!1,a=n.map(t=>new i.Sy({view(t){let e=e=>{var n;r=(null===(n=t.dom.parentElement)||void 0===n?void 0:n.contains(e.target))?t.dom.parentElement:null};return window.addEventListener("dragstart",e),{destroy(){window.removeEventListener("dragstart",e)}}},props:{handleDOMEvents:{drop:t=>(s=r===t.dom.parentElement,!1),paste:(t,e)=>{var n;let r=null===(n=e.clipboardData)||void 0===n?void 0:n.getData("text/html");return o=!!(null==r?void 0:r.includes("data-pm-slice")),!1}}},appendTransaction:(n,r,i)=>{let a=n[0],l="paste"===a.getMeta("uiEvent")&&!o,c="drop"===a.getMeta("uiEvent")&&!s;if(!l&&!c)return;let p=r.doc.content.findDiffStart(i.doc.content),d=r.doc.content.findDiffEnd(i.doc.content);if("number"!=typeof p||!d||p===d.b)return;let h=i.tr,u=j({state:i,transaction:h}),f=function(t){let{editor:e,state:n,from:r,to:i,rule:o}=t,{commands:s,chain:a,can:l}=new D({editor:e,state:n}),c=[];n.doc.nodesBetween(r,i,(t,e)=>{if(!t.isTextblock||t.type.spec.code)return;let p=Math.max(r,e),d=Math.min(i,e+t.content.size),h=t.textBetween(p-e,d-e,void 0,""),u=to(h,o.find);u.forEach(t=>{if(void 0===t.index)return;let e=p+t.index+1,r=e+t[0].length,i={from:n.tr.mapping.map(e),to:n.tr.mapping.map(r)},d=o.handler({state:n,range:i,match:t,commands:s,chain:a,can:l});c.push(d)})});let p=c.every(t=>null!==t);return p}({editor:e,state:u,from:Math.max(p-1,0),to:d.b-1,rule:t});if(f&&h.steps.length)return h}}));return a}({editor:t,rules:r}),...o]}get attributes(){return q(this.extensions)}get nodeViews(){let{editor:t}=this,{nodeExtensions:e}=J(this.extensions);return Object.fromEntries(e.filter(t=>!!F(t,"addNodeView")).map(e=>{let n=this.attributes.filter(t=>t.type===e.name),r={name:e.name,options:e.options,storage:e.storage,editor:t,type:V(e.name,this.schema)},i=F(e,"addNodeView",r);if(!i)return[];let o=(r,o,s,a)=>{let l=K(r,n);return i()({editor:t,node:r,getPos:s,decorations:a,HTMLAttributes:l,extension:e})};return[e.name,o]}))}}function ta(t){return"Object"===Object.prototype.toString.call(t).slice(8,-1)&&t.constructor===Object&&Object.getPrototypeOf(t)===Object.prototype}function tl(t,e){let n={...t};return ta(t)&&ta(e)&&Object.keys(e).forEach(r=>{ta(e[r])&&r in t?n[r]=tl(t[r],e[r]):Object.assign(n,{[r]:e[r]})}),n}class tc{constructor(t={}){this.type="extension",this.name="extension",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...t},this.name=this.config.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=U(F(this,"addOptions",{name:this.name}))),this.storage=U(F(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(t={}){return new tc(t)}configure(t={}){let e=this.extend();return e.options=tl(this.options,t),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}extend(t={}){let e=new tc(t);return e.parent=this,this.child=e,e.name=t.name?t.name:e.parent.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${e.name}".`),e.options=U(F(e,"addOptions",{name:e.name})),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}}function tp(t,e,n){let{from:r,to:i}=e,{blockSeparator:o="\n\n",textSerializers:s={}}=n||{},a="",l=!0;return t.nodesBetween(r,i,(t,n,c,p)=>{var d;let h=null==s?void 0:s[t.type.name];h?(t.isBlock&&!l&&(a+=o,l=!0),c&&(a+=h({node:t,pos:n,parent:c,index:p,range:e}))):t.isText?(a+=null===(d=null==t?void 0:t.text)||void 0===d?void 0:d.slice(Math.max(r,n)-n,i-n),l=!1):t.isBlock&&!l&&(a+=o,l=!0)}),a}function td(t){return Object.fromEntries(Object.entries(t.nodes).filter(([,t])=>t.spec.toText).map(([t,e])=>[t,e.spec.toText]))}let th=tc.create({name:"clipboardTextSerializer",addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("clipboardTextSerializer"),props:{clipboardTextSerializer:()=>{let{editor:t}=this,{state:e,schema:n}=t,{doc:r,selection:i}=e,{ranges:o}=i,s=Math.min(...o.map(t=>t.$from.pos)),a=Math.max(...o.map(t=>t.$to.pos)),l=td(n);return tp(r,{from:s,to:a},{textSerializers:l})}}})]}}),tu=()=>({editor:t,view:e})=>(requestAnimationFrame(()=>{var n;t.isDestroyed||(e.dom.blur(),null===(n=null==window?void 0:window.getSelection())||void 0===n||n.removeAllRanges())}),!0),tf=(t=!1)=>({commands:e})=>e.setContent("",t),tm=()=>({state:t,tr:e,dispatch:n})=>{let{selection:r}=e,{ranges:i}=r;return!n||(i.forEach(({$from:n,$to:r})=>{t.doc.nodesBetween(n.pos,r.pos,(t,n)=>{if(t.type.isText)return;let{doc:r,mapping:i}=e,o=r.resolve(i.map(n)),s=r.resolve(i.map(n+t.nodeSize)),a=o.blockRange(s);if(!a)return;let c=(0,l.k9)(a);if(t.type.isTextblock){let{defaultType:t}=o.parent.contentMatchAt(o.index());e.setNodeMarkup(a.start,t)}(c||0===c)&&e.lift(a,c)})}),!0)},tg=t=>e=>t(e),ty=()=>({state:t,dispatch:e})=>M(t,e),tv=()=>({tr:t,dispatch:e})=>{let{selection:n}=t,r=n.$anchor.node();if(r.content.size>0)return!1;let i=t.selection.$anchor;for(let n=i.depth;n>0;n-=1){let o=i.node(n);if(o.type===r.type){if(e){let e=i.before(n),r=i.after(n);t.delete(e,r).scrollIntoView()}return!0}}return!1},tk=t=>({tr:e,state:n,dispatch:r})=>{let i=V(t,n.schema),o=e.selection.$anchor;for(let t=o.depth;t>0;t-=1){let n=o.node(t);if(n.type===i){if(r){let n=o.before(t),r=o.after(t);e.delete(n,r).scrollIntoView()}return!0}}return!1},tb=t=>({tr:e,dispatch:n})=>{let{from:r,to:i}=t;return n&&e.delete(r,i),!0},tw=()=>({state:t,dispatch:e})=>c(t,e),tx=()=>({commands:t})=>t.keyboardShortcut("Enter"),tM=()=>({state:t,dispatch:e})=>x(t,e);function tS(t,e,n={strict:!0}){let r=Object.keys(e);return!r.length||r.every(r=>n.strict?e[r]===t[r]:tt(e[r])?e[r].test(t[r]):e[r]===t[r])}function tO(t,e,n={}){return t.find(t=>t.type===e&&tS(t.attrs,n))}function tC(t,e,n={}){if(!t||!e)return;let r=t.parent.childAfter(t.parentOffset);if(t.parentOffset===r.offset&&0!==r.offset&&(r=t.parent.childBefore(t.parentOffset)),!r.node)return;let i=tO([...r.node.marks],e,n);if(!i)return;let o=r.index,s=t.start()+r.offset,a=o+1,l=s+r.node.nodeSize;for(tO([...r.node.marks],e,n);o>0&&i.isInSet(t.parent.child(o-1).marks);)o-=1,s-=t.parent.child(o).nodeSize;for(;a({tr:n,state:r,dispatch:o})=>{let s=tT(t,r.schema),{doc:a,selection:l}=n,{$from:c,from:p,to:d}=l;if(o){let t=tC(c,s,e);if(t&&t.from<=p&&t.to>=d){let e=i.Bs.create(a,t.from,t.to);n.setSelection(e)}}return!0},tE=t=>e=>{let n="function"==typeof t?t(e):t;for(let t=0;t({editor:n,view:r,tr:i,dispatch:o})=>{e={scrollIntoView:!0,...e};let s=()=>{tL()&&r.dom.focus(),requestAnimationFrame(()=>{!n.isDestroyed&&(r.focus(),(null==e?void 0:e.scrollIntoView)&&n.commands.scrollIntoView())})};if(r.hasFocus()&&null===t||!1===t)return!0;if(o&&null===t&&!tI(n.state.selection))return s(),!0;let a=tR(i.doc,t)||n.state.selection,l=n.state.selection.eq(a);return o&&(l||i.setSelection(a),l&&i.storedMarks&&i.setStoredMarks(i.storedMarks),s()),!0},tP=(t,e)=>n=>t.every((t,r)=>e(t,{...n,index:r})),tB=(t,e)=>({tr:n,commands:r})=>r.insertContentAt({from:n.selection.from,to:n.selection.to},t,e);function tz(t){let e=`${t}`;return new window.DOMParser().parseFromString(e,"text/html").body}function tj(t,e,n){if(n={slice:!0,parseOptions:{},...n},"object"==typeof t&&null!==t)try{if(Array.isArray(t)&&t.length>0)return a.HY.fromArray(t.map(t=>e.nodeFromJSON(t)));return e.nodeFromJSON(t)}catch(r){return console.warn("[tiptap warn]: Invalid content.","Passed value:",t,"Error:",r),tj("",e,n)}if("string"==typeof t){let r=a.aw.fromSchema(e);return n.slice?r.parseSlice(tz(t),n.parseOptions).content:r.parse(tz(t),n.parseOptions)}return tj("",e,n)}let tD=t=>t.toString().startsWith("<"),t$=(t,e,n)=>({tr:r,dispatch:o,editor:s})=>{if(o){n={parseOptions:{},updateSelection:!0,...n};let o=tj(e,s.schema,{parseOptions:{preserveWhitespace:"full",...n.parseOptions}});if("<>"===o.toString())return!0;let{from:a,to:c}="number"==typeof t?{from:t,to:t}:t,p=!0,d=!0,h=tD(o)?o:[o];if(h.forEach(t=>{t.check(),p=!!p&&t.isText&&0===t.marks.length,d=!!d&&t.isBlock}),a===c&&d){let{parent:t}=r.doc.resolve(a),e=t.isTextblock&&!t.type.spec.code&&!t.childCount;e&&(a-=1,c+=1)}p?Array.isArray(e)?r.insertText(e.map(t=>t.text||"").join(""),a,c):"object"==typeof e&&e&&e.text?r.insertText(e.text,a,c):r.insertText(e,a,c):r.replaceWith(a,c,o),n.updateSelection&&function(t,e,n){let r=t.steps.length-1;if(r{0===a&&(a=r)}),t.setSelection(i.Y1.near(t.doc.resolve(a),-1))}(r,r.steps.length-1,0)}return!0},tF=()=>({state:t,dispatch:e})=>y(t,e),tJ=()=>({state:t,dispatch:e})=>v(t,e),tq=()=>({state:t,dispatch:e})=>p(t,e),tV=()=>({state:t,dispatch:e})=>f(t,e);function tW(){return"undefined"!=typeof navigator&&/Mac/.test(navigator.platform)}let tK=t=>({editor:e,view:n,tr:r,dispatch:i})=>{let o=(function(t){let e,n,r,i;let o=t.split(/-(?!$)/),s=o[o.length-1];"Space"===s&&(s=" ");for(let t=0;t!["Alt","Ctrl","Meta","Shift"].includes(t)),a=new KeyboardEvent("keydown",{key:"Space"===s?" ":s,altKey:o.includes("Alt"),ctrlKey:o.includes("Ctrl"),metaKey:o.includes("Meta"),shiftKey:o.includes("Shift"),bubbles:!0,cancelable:!0}),l=e.captureTransaction(()=>{n.someProp("handleKeyDown",t=>t(n,a))});return null==l||l.steps.forEach(t=>{let e=t.map(r.mapping);e&&i&&r.maybeStep(e)}),!0};function tY(t,e,n={}){let{from:r,to:i,empty:o}=t.selection,s=e?V(e,t.schema):null,a=[];t.doc.nodesBetween(r,i,(t,e)=>{if(t.isText)return;let n=Math.min(i,e+t.nodeSize);a.push({node:t,from:Math.max(r,e),to:n})});let l=a.filter(t=>!s||s.name===t.node.type.name).filter(t=>tS(t.node.attrs,n,{strict:!1}));if(o)return!!l.length;let c=l.reduce((t,e)=>t+e.to-e.from,0);return c>=i-r}let tU=(t,e={})=>({state:n,dispatch:r})=>{let i=V(t,n.schema),o=tY(n,i,e);return!!o&&k(n,r)},t_=()=>({state:t,dispatch:e})=>S(t,e),tZ=t=>({state:e,dispatch:n})=>{let r=V(t,e.schema);return function(t,e){let{$from:n,$to:i}=t.selection,o=n.blockRange(i,t=>t.childCount>0&&t.firstChild.type==r);return!!o&&(!e||(n.node(o.depth-1).type==r?function(t,e,n,r){let i=t.tr,o=r.end,s=r.$to.end(r.depth);oo;e--)t-=i.child(e).nodeSize,r.delete(t-1,t+1);let o=r.doc.resolve(n.start),s=o.nodeAfter;if(r.mapping.map(n.end)!=n.start+o.nodeAfter.nodeSize)return!1;let c=0==n.startIndex,p=n.endIndex==i.childCount,d=o.node(-1),h=o.index(-1);if(!d.canReplace(h+(c?0:1),h+1,s.content.append(p?a.HY.empty:a.HY.from(i))))return!1;let u=o.pos,f=u+s.nodeSize;return r.step(new l.FC(u-(c?1:0),f+(p?1:0),u+1,f-1,new a.p2((c?a.HY.empty:a.HY.from(i.copy(a.HY.empty))).append(p?a.HY.empty:a.HY.from(i.copy(a.HY.empty))),c?0:1,p?0:1),c?0:1)),e(r.scrollIntoView()),!0}(t,e,o)))}(e,n)},tG=()=>({state:t,dispatch:e})=>b(t,e);function tQ(t,e){return e.nodes[t]?"node":e.marks[t]?"mark":null}function tX(t,e){let n="string"==typeof e?[e]:e;return Object.keys(t).reduce((e,r)=>(n.includes(r)||(e[r]=t[r]),e),{})}let t0=(t,e)=>({tr:n,state:r,dispatch:i})=>{let o=null,s=null,a=tQ("string"==typeof t?t:t.name,r.schema);return!!a&&("node"===a&&(o=V(t,r.schema)),"mark"===a&&(s=tT(t,r.schema)),i&&n.selection.ranges.forEach(t=>{r.doc.nodesBetween(t.$from.pos,t.$to.pos,(t,r)=>{o&&o===t.type&&n.setNodeMarkup(r,void 0,tX(t.attrs,e)),s&&t.marks.length&&t.marks.forEach(i=>{s===i.type&&n.addMark(r,r+t.nodeSize,s.create(tX(i.attrs,e)))})})}),!0)},t1=()=>({tr:t,dispatch:e})=>(e&&t.scrollIntoView(),!0),t2=()=>({tr:t,commands:e})=>e.setTextSelection({from:0,to:t.doc.content.size}),t4=()=>({state:t,dispatch:e})=>h(t,e),t5=()=>({state:t,dispatch:e})=>m(t,e),t3=()=>({state:t,dispatch:e})=>C(t,e),t6=()=>({state:t,dispatch:e})=>N(t,e),t7=()=>({state:t,dispatch:e})=>I(t,e);function t8(t,e,n={}){return tj(t,e,{slice:!1,parseOptions:n})}let t9=(t,e=!1,n={})=>({tr:r,editor:i,dispatch:o})=>{let{doc:s}=r,a=t8(t,i.schema,n);return o&&r.replaceWith(0,s.content.size,a).setMeta("preventUpdate",!e),!0};function et(t,e){let n=new l.wx(t);return e.forEach(t=>{t.steps.forEach(t=>{n.step(t)})}),n}function ee(t,e){let n=[];return t.descendants((t,r)=>{e(t)&&n.push({node:t,pos:r})}),n}function en(t,e,n){let r=[];return t.nodesBetween(e.from,e.to,(t,e)=>{n(t)&&r.push({node:t,pos:e})}),r}function er(t){return e=>(function(t,e){for(let n=t.depth;n>0;n-=1){let r=t.node(n);if(e(r))return{pos:n>0?t.before(n):0,start:t.start(n),depth:n,node:r}}})(e.$from,t)}function ei(t,e){let n=tT(e,t.schema),{from:r,to:i,empty:o}=t.selection,s=[];o?(t.storedMarks&&s.push(...t.storedMarks),s.push(...t.selection.$head.marks())):t.doc.nodesBetween(r,i,t=>{s.push(...t.marks)});let a=s.find(t=>t.type.name===n.name);return a?{...a.attrs}:{}}function eo(t,e){let n=tQ("string"==typeof e?e:e.name,t.schema);return"node"===n?function(t,e){let n=V(e,t.schema),{from:r,to:i}=t.selection,o=[];t.doc.nodesBetween(r,i,t=>{o.push(t)});let s=o.reverse().find(t=>t.type.name===n.name);return s?{...s.attrs}:{}}(t,e):"mark"===n?ei(t,e):{}}function es(t){let{mapping:e,steps:n}=t,r=[];return e.maps.forEach((t,i)=>{let o=[];if(t.ranges.length)t.forEach((t,e)=>{o.push({from:t,to:e})});else{let{from:t,to:e}=n[i];if(void 0===t||void 0===e)return;o.push({from:t,to:e})}o.forEach(({from:t,to:n})=>{let o=e.slice(i).map(t,-1),s=e.slice(i).map(n),a=e.invert().map(o,-1),l=e.invert().map(s);r.push({oldRange:{from:a,to:l},newRange:{from:o,to:s}})})}),function(t){let e=function(t,e=JSON.stringify){let n={};return t.filter(t=>{let r=e(t);return!Object.prototype.hasOwnProperty.call(n,r)&&(n[r]=!0)})}(t);return 1===e.length?e:e.filter((t,n)=>{let r=e.filter((t,e)=>e!==n);return!r.some(e=>t.oldRange.from>=e.oldRange.from&&t.oldRange.to<=e.oldRange.to&&t.newRange.from>=e.newRange.from&&t.newRange.to<=e.newRange.to)})}(r)}function ea(t,e,n){let r=[];return t===e?n.resolve(t).marks().forEach(e=>{let i=n.resolve(t-1),o=tC(i,e.type);o&&r.push({mark:e,...o})}):n.nodesBetween(t,e,(t,e)=>{r.push(...t.marks.map(n=>({from:e,to:e+t.nodeSize,mark:n})))}),r}function el(t,e,n){return Object.fromEntries(Object.entries(n).filter(([n])=>{let r=t.find(t=>t.type===e&&t.name===n);return!!r&&r.attribute.keepOnSplit}))}function ec(t,e,n={}){let{empty:r,ranges:i}=t.selection,o=e?tT(e,t.schema):null;if(r)return!!(t.storedMarks||t.selection.$from.marks()).filter(t=>!o||o.name===t.type.name).find(t=>tS(t.attrs,n,{strict:!1}));let s=0,a=[];if(i.forEach(({$from:e,$to:n})=>{let r=e.pos,i=n.pos;t.doc.nodesBetween(r,i,(t,e)=>{if(!t.isText&&!t.marks.length)return;let n=Math.max(r,e),o=Math.min(i,e+t.nodeSize);s+=o-n,a.push(...t.marks.map(t=>({mark:t,from:n,to:o})))})}),0===s)return!1;let l=a.filter(t=>!o||o.name===t.mark.type.name).filter(t=>tS(t.mark.attrs,n,{strict:!1})).reduce((t,e)=>t+e.to-e.from,0),c=a.filter(t=>!o||t.mark.type!==o&&t.mark.type.excludes(o)).reduce((t,e)=>t+e.to-e.from,0);return(l>0?l+c:l)>=s}function ep(t,e){let{nodeExtensions:n}=J(e),r=n.find(e=>e.name===t);if(!r)return!1;let i={name:r.name,options:r.options,storage:r.storage},o=U(F(r,"group",i));return"string"==typeof o&&o.split(" ").includes("list")}function ed(t){return t instanceof i.qv}function eh(t,e,n){let r=t.state.doc.content.size,i=tN(e,0,r),o=tN(n,0,r),s=t.coordsAtPos(i),a=t.coordsAtPos(o,-1),l=Math.min(s.top,a.top),c=Math.max(s.bottom,a.bottom),p=Math.min(s.left,a.left),d=Math.max(s.right,a.right),h={top:l,bottom:c,left:p,right:d,width:d-p,height:c-l,x:p,y:l};return{...h,toJSON:()=>h}}let eu=(t,e={})=>({tr:n,state:r,dispatch:i})=>{let{selection:o}=n,{empty:s,ranges:a}=o,l=tT(t,r.schema);if(i){if(s){let t=ei(r,l);n.addStoredMark(l.create({...t,...e}))}else a.forEach(t=>{let i=t.$from.pos,o=t.$to.pos;r.doc.nodesBetween(i,o,(t,r)=>{let s=Math.max(r,i),a=Math.min(r+t.nodeSize,o),c=t.marks.find(t=>t.type===l);c?t.marks.forEach(t=>{l===t.type&&n.addMark(s,a,l.create({...t.attrs,...e}))}):n.addMark(s,a,l.create(e))})})}return function(t,e,n){var r;let{selection:i}=e,o=null;if(tI(i)&&(o=i.$cursor),o){let e=null!==(r=t.storedMarks)&&void 0!==r?r:o.marks();return!!n.isInSet(e)||!e.some(t=>t.type.excludes(n))}let{ranges:s}=i;return s.some(({$from:e,$to:r})=>{let i=0===e.depth&&t.doc.inlineContent&&t.doc.type.allowsMarkType(n);return t.doc.nodesBetween(e.pos,r.pos,(t,e,r)=>{if(i)return!1;if(t.isInline){let e=!r||r.type.allowsMarkType(n),o=!!n.isInSet(t.marks)||!t.marks.some(t=>t.type.excludes(n));i=e&&o}return!i}),i})}(r,n,l)},ef=(t,e)=>({tr:n})=>(n.setMeta(t,e),!0),em=(t,e={})=>({state:n,dispatch:r,chain:i})=>{let o=V(t,n.schema);return o.isTextblock?i().command(({commands:t})=>{let r=R(o,e)(n);return!!r||t.clearNodes()}).command(({state:t})=>R(o,e)(t,r)).run():(console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'),!1)},eg=t=>({tr:e,dispatch:n})=>{if(n){let{doc:n}=e,r=tN(t,0,n.content.size),o=i.qv.create(n,r);e.setSelection(o)}return!0},ey=t=>({tr:e,dispatch:n})=>{if(n){let{doc:n}=e,{from:r,to:o}="number"==typeof t?{from:t,to:t}:t,s=i.Bs.atStart(n).from,a=i.Bs.atEnd(n).to,l=tN(r,s,a),c=tN(o,s,a),p=i.Bs.create(n,l,c);e.setSelection(p)}return!0},ev=t=>({state:e,dispatch:n})=>{let r=V(t,e.schema);return function(t,e){let{$from:n,$to:i}=t.selection,o=n.blockRange(i,t=>t.childCount>0&&t.firstChild.type==r);if(!o)return!1;let s=o.startIndex;if(0==s)return!1;let c=o.parent,p=c.child(s-1);if(p.type!=r)return!1;if(e){let n=p.lastChild&&p.lastChild.type==c.type,i=a.HY.from(n?r.create():null),s=new a.p2(a.HY.from(r.create(null,a.HY.from(c.type.create(null,i)))),n?3:1,0),d=o.start,h=o.end;e(t.tr.step(new l.FC(d-(n?3:1),h,d,h,s,1,!0)).scrollIntoView())}return!0}(e,n)};function ek(t,e){let n=t.storedMarks||t.selection.$to.parentOffset&&t.selection.$from.marks();if(n){let r=n.filter(t=>null==e?void 0:e.includes(t.type.name));t.tr.ensureMarks(r)}}let eb=({keepMarks:t=!0}={})=>({tr:e,state:n,dispatch:r,editor:o})=>{let{selection:s,doc:a}=e,{$from:c,$to:p}=s,d=o.extensionManager.attributes,h=el(d,c.node().type.name,c.node().attrs);if(s instanceof i.qv&&s.node.isBlock)return!!(c.parentOffset&&(0,l.Ax)(a,c.pos))&&(r&&(t&&ek(n,o.extensionManager.splittableMarks),e.split(c.pos).scrollIntoView()),!0);if(!c.parent.isBlock)return!1;if(r){let r=p.parentOffset===p.parent.content.size;s instanceof i.Bs&&e.deleteSelection();let a=0===c.depth?void 0:function(t){for(let e=0;e({tr:e,state:n,dispatch:r,editor:o})=>{var s;let c=V(t,n.schema),{$from:p,$to:d}=n.selection,h=n.selection.node;if(h&&h.isBlock||p.depth<2||!p.sameParent(d))return!1;let u=p.node(-1);if(u.type!==c)return!1;let f=o.extensionManager.attributes;if(0===p.parent.content.size&&p.node(-1).childCount===p.indexAfter(-1)){if(2===p.depth||p.node(-3).type!==c||p.index(-2)!==p.node(-2).childCount-1)return!1;if(r){let t=a.HY.empty,n=p.index(-1)?1:p.index(-2)?2:3;for(let e=p.depth-n;e>=p.depth-3;e-=1)t=a.HY.from(p.node(e).copy(t));let r=p.indexAfter(-1){if(h>-1)return!1;t.isTextblock&&0===t.content.size&&(h=e+1)}),h>-1&&e.setSelection(i.Bs.near(e.doc.resolve(h))),e.scrollIntoView()}return!0}let m=d.pos===p.end()?u.contentMatchAt(0).defaultType:null,g=el(f,u.type.name,u.attrs),y=el(f,p.node().type.name,p.node().attrs);if(e.delete(p.pos,d.pos),!(0,l.Ax)(e.doc,p.pos,2))return!1;if(r){let{selection:t,storedMarks:i}=n,{splittableMarks:s}=o.extensionManager,a=i||t.$to.parentOffset&&t.$from.marks();if(e.split(p.pos,2,m?[{type:c,attrs:g},{type:m,attrs:y}]:[{type:c,attrs:g}]).scrollIntoView(),!a||!r)return!0;let l=a.filter(t=>s.includes(t.type.name));e.ensureMarks(l)}return!0},ex=(t,e)=>{let n=er(t=>t.type===e)(t.selection);if(!n)return!0;let r=t.doc.resolve(Math.max(0,n.pos-1)).before(n.depth);if(void 0===r)return!0;let i=t.doc.nodeAt(r),o=n.node.type===(null==i?void 0:i.type)&&(0,l.Mn)(t.doc,n.pos);return!o||(t.join(n.pos),!0)},eM=(t,e)=>{let n=er(t=>t.type===e)(t.selection);if(!n)return!0;let r=t.doc.resolve(n.start).after(n.depth);if(void 0===r)return!0;let i=t.doc.nodeAt(r),o=n.node.type===(null==i?void 0:i.type)&&(0,l.Mn)(t.doc,r);return!o||(t.join(r),!0)},eS=(t,e,n,r={})=>({editor:i,tr:o,state:s,dispatch:a,chain:l,commands:c,can:p})=>{let{extensions:d,splittableMarks:h}=i.extensionManager,u=V(t,s.schema),f=V(e,s.schema),{selection:m,storedMarks:g}=s,{$from:y,$to:v}=m,k=y.blockRange(v),b=g||m.$to.parentOffset&&m.$from.marks();if(!k)return!1;let w=er(t=>ep(t.type.name,d))(m);if(k.depth>=1&&w&&k.depth-w.depth<=1){if(w.node.type===u)return c.liftListItem(f);if(ep(w.node.type.name,d)&&u.validContent(w.node.content)&&a)return l().command(()=>(o.setNodeMarkup(w.pos,u),!0)).command(()=>ex(o,u)).command(()=>eM(o,u)).run()}return n&&b&&a?l().command(()=>{let t=p().wrapInList(u,r),e=b.filter(t=>h.includes(t.type.name));return o.ensureMarks(e),!!t||c.clearNodes()}).wrapInList(u,r).command(()=>ex(o,u)).command(()=>eM(o,u)).run():l().command(()=>{let t=p().wrapInList(u,r);return!!t||c.clearNodes()}).wrapInList(u,r).command(()=>ex(o,u)).command(()=>eM(o,u)).run()},eO=(t,e={},n={})=>({state:r,commands:i})=>{let{extendEmptyMarkRange:o=!1}=n,s=tT(t,r.schema),a=ec(r,s,e);return a?i.unsetMark(s,{extendEmptyMarkRange:o}):i.setMark(s,e)},eC=(t,e,n={})=>({state:r,commands:i})=>{let o=V(t,r.schema),s=V(e,r.schema),a=tY(r,o,n);return a?i.setNode(s):i.setNode(o,n)},eT=(t,e={})=>({state:n,commands:r})=>{let i=V(t,n.schema),o=tY(n,i,e);return o?r.lift(i):r.wrapIn(i,e)},eA=()=>({state:t,dispatch:e})=>{let n=t.plugins;for(let r=0;r=0;t-=1)e.step(n.steps[t].invert(n.docs[t]));if(i.text){let n=e.doc.resolve(i.from).marks();e.replaceWith(i.from,i.to,t.schema.text(i.text,n))}else e.delete(i.from,i.to)}return!0}}return!1},eE=()=>({tr:t,dispatch:e})=>{let{selection:n}=t,{empty:r,ranges:i}=n;return!!r||(e&&i.forEach(e=>{t.removeMark(e.$from.pos,e.$to.pos)}),!0)},eI=(t,e={})=>({tr:n,state:r,dispatch:i})=>{var o;let{extendEmptyMarkRange:s=!1}=e,{selection:a}=n,l=tT(t,r.schema),{$from:c,empty:p,ranges:d}=a;if(!i)return!0;if(p&&s){let{from:t,to:e}=a,r=null===(o=c.marks().find(t=>t.type===l))||void 0===o?void 0:o.attrs,i=tC(c,l,r);i&&(t=i.from,e=i.to),n.removeMark(t,e,l)}else d.forEach(t=>{n.removeMark(t.$from.pos,t.$to.pos,l)});return n.removeStoredMark(l),!0},eN=(t,e={})=>({tr:n,state:r,dispatch:i})=>{let o=null,s=null,a=tQ("string"==typeof t?t:t.name,r.schema);return!!a&&("node"===a&&(o=V(t,r.schema)),"mark"===a&&(s=tT(t,r.schema)),i&&n.selection.ranges.forEach(t=>{let i=t.$from.pos,a=t.$to.pos;r.doc.nodesBetween(i,a,(t,r)=>{o&&o===t.type&&n.setNodeMarkup(r,void 0,{...t.attrs,...e}),s&&t.marks.length&&t.marks.forEach(o=>{if(s===o.type){let l=Math.min(r+t.nodeSize,a);n.addMark(Math.max(r,i),l,s.create({...o.attrs,...e}))}})})}),!0)},eR=(t,e={})=>({state:n,dispatch:r})=>{let i=V(t,n.schema);return(function(t,e=null){return function(n,r){let{$from:i,$to:o}=n.selection,s=i.blockRange(o),a=s&&(0,l.nd)(s,t,e);return!!a&&(r&&r(n.tr.wrap(s,a).scrollIntoView()),!0)}})(i,e)(n,r)},eL=(t,e={})=>({state:n,dispatch:r})=>{let i=V(t,n.schema);return(function(t,e=null){return function(n,r){let{$from:i,$to:o}=n.selection,s=i.blockRange(o),c=!1,p=s;if(!s)return!1;if(s.depth>=2&&i.node(s.depth-1).type.compatibleContent(t)&&0==s.startIndex){if(0==i.index(s.depth-1))return!1;let t=n.doc.resolve(s.start-2);p=new a.Ts(t,t,s.depth),s.endIndex=0;t--)o=a.HY.from(n[t].type.create(n[t].attrs,o));t.step(new l.FC(e.start-(r?2:0),e.end,e.start,e.end,new a.p2(o,0,0),n.length,!0));let s=0;for(let t=0;t({...eH})}),eB=tc.create({name:"editable",addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("editable"),props:{editable:()=>this.editor.options.editable}})]}}),ez=tc.create({name:"focusEvents",addProseMirrorPlugins(){let{editor:t}=this;return[new i.Sy({key:new i.H$("focusEvents"),props:{handleDOMEvents:{focus:(e,n)=>{t.isFocused=!0;let r=t.state.tr.setMeta("focus",{event:n}).setMeta("addToHistory",!1);return e.dispatch(r),!1},blur:(e,n)=>{t.isFocused=!1;let r=t.state.tr.setMeta("blur",{event:n}).setMeta("addToHistory",!1);return e.dispatch(r),!1}}}})]}}),ej=tc.create({name:"keymap",addKeyboardShortcuts(){let t=()=>this.editor.commands.first(({commands:t})=>[()=>t.undoInputRule(),()=>t.command(({tr:e})=>{let{selection:n,doc:r}=e,{empty:o,$anchor:s}=n,{pos:a,parent:l}=s,c=i.Y1.atStart(r).from===a;return!!o&&!!c&&!!l.type.isTextblock&&!l.textContent.length&&t.clearNodes()}),()=>t.deleteSelection(),()=>t.joinBackward(),()=>t.selectNodeBackward()]),e=()=>this.editor.commands.first(({commands:t})=>[()=>t.deleteSelection(),()=>t.deleteCurrentNode(),()=>t.joinForward(),()=>t.selectNodeForward()]),n=()=>this.editor.commands.first(({commands:t})=>[()=>t.newlineInCode(),()=>t.createParagraphNear(),()=>t.liftEmptyBlock(),()=>t.splitBlock()]),r={Enter:n,"Mod-Enter":()=>this.editor.commands.exitCode(),Backspace:t,"Mod-Backspace":t,"Shift-Backspace":t,Delete:e,"Mod-Delete":e,"Mod-a":()=>this.editor.commands.selectAll()},o={...r},s={...r,"Ctrl-h":t,"Alt-Backspace":t,"Ctrl-d":e,"Ctrl-Alt-Backspace":e,"Alt-Delete":e,"Alt-d":e,"Ctrl-a":()=>this.editor.commands.selectTextblockStart(),"Ctrl-e":()=>this.editor.commands.selectTextblockEnd()};return tL()||tW()?s:o},addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("clearDocument"),appendTransaction:(t,e,n)=>{let r=t.some(t=>t.docChanged)&&!e.doc.eq(n.doc);if(!r)return;let{empty:o,from:s,to:a}=e.selection,l=i.Y1.atStart(e.doc).from,c=i.Y1.atEnd(e.doc).to;if(o||!(s===l&&a===c))return;let p=0===n.doc.textBetween(0,n.doc.content.size," "," ").length;if(!p)return;let d=n.tr,h=j({state:n,transaction:d}),{commands:u}=new D({editor:this.editor,state:h});if(u.clearNodes(),d.steps.length)return d}})]}}),eD=tc.create({name:"tabindex",addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("tabindex"),props:{attributes:this.editor.isEditable?{tabindex:"0"}:{}}})]}});var e$=Object.freeze({__proto__:null,ClipboardTextSerializer:th,Commands:eP,Editable:eB,FocusEvents:ez,Keymap:ej,Tabindex:eD});let eF=`.ProseMirror { + position: relative; +} + +.ProseMirror { + word-wrap: break-word; + white-space: pre-wrap; + white-space: break-spaces; + -webkit-font-variant-ligatures: none; + font-variant-ligatures: none; + font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */ +} + +.ProseMirror [contenteditable="false"] { + white-space: normal; +} + +.ProseMirror [contenteditable="false"] [contenteditable="true"] { + white-space: pre-wrap; +} + +.ProseMirror pre { + white-space: pre-wrap; +} + +img.ProseMirror-separator { + display: inline !important; + border: none !important; + margin: 0 !important; + width: 1px !important; + height: 1px !important; +} + +.ProseMirror-gapcursor { + display: none; + pointer-events: none; + position: absolute; + margin: 0; +} + +.ProseMirror-gapcursor:after { + content: ""; + display: block; + position: absolute; + top: -2px; + width: 20px; + border-top: 1px solid black; + animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite; +} + +@keyframes ProseMirror-cursor-blink { + to { + visibility: hidden; + } +} + +.ProseMirror-hideselection *::selection { + background: transparent; +} + +.ProseMirror-hideselection *::-moz-selection { + background: transparent; +} + +.ProseMirror-hideselection * { + caret-color: transparent; +} + +.ProseMirror-focused .ProseMirror-gapcursor { + display: block; +} + +.tippy-box[data-animation=fade][data-state=hidden] { + opacity: 0 +}`;class eJ extends ${constructor(t={}){super(),this.isFocused=!1,this.extensionStorage={},this.options={element:document.createElement("div"),content:"",injectCSS:!0,injectNonce:void 0,extensions:[],autofocus:!1,editable:!0,editorProps:{},parseOptions:{},enableInputRules:!0,enablePasteRules:!0,enableCoreExtensions:!0,onBeforeCreate:()=>null,onCreate:()=>null,onUpdate:()=>null,onSelectionUpdate:()=>null,onTransaction:()=>null,onFocus:()=>null,onBlur:()=>null,onDestroy:()=>null},this.isCapturingTransaction=!1,this.capturedTransaction=null,this.setOptions(t),this.createExtensionManager(),this.createCommandManager(),this.createSchema(),this.on("beforeCreate",this.options.onBeforeCreate),this.emit("beforeCreate",{editor:this}),this.createView(),this.injectCSS(),this.on("create",this.options.onCreate),this.on("update",this.options.onUpdate),this.on("selectionUpdate",this.options.onSelectionUpdate),this.on("transaction",this.options.onTransaction),this.on("focus",this.options.onFocus),this.on("blur",this.options.onBlur),this.on("destroy",this.options.onDestroy),window.setTimeout(()=>{this.isDestroyed||(this.commands.focus(this.options.autofocus),this.emit("create",{editor:this}))},0)}get storage(){return this.extensionStorage}get commands(){return this.commandManager.commands}chain(){return this.commandManager.chain()}can(){return this.commandManager.can()}injectCSS(){this.options.injectCSS&&document&&(this.css=function(t,e,n){let r=document.querySelector(`style[data-tiptap-style${n?`-${n}`:""}]`);if(null!==r)return r;let i=document.createElement("style");return e&&i.setAttribute("nonce",e),i.setAttribute(`data-tiptap-style${n?`-${n}`:""}`,""),i.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(i),i}(eF,this.options.injectNonce))}setOptions(t={}){this.options={...this.options,...t},this.view&&this.state&&!this.isDestroyed&&(this.options.editorProps&&this.view.setProps(this.options.editorProps),this.view.updateState(this.state))}setEditable(t,e=!0){this.setOptions({editable:t}),e&&this.emit("update",{editor:this,transaction:this.state.tr})}get isEditable(){return this.options.editable&&this.view&&this.view.editable}get state(){return this.view.state}registerPlugin(t,e){let n=Y(e)?e(t,[...this.state.plugins]):[...this.state.plugins,t],r=this.state.reconfigure({plugins:n});this.view.updateState(r)}unregisterPlugin(t){if(this.isDestroyed)return;let e="string"==typeof t?`${t}$`:t.key,n=this.state.reconfigure({plugins:this.state.plugins.filter(t=>!t.key.startsWith(e))});this.view.updateState(n)}createExtensionManager(){let t=this.options.enableCoreExtensions?Object.values(e$):[],e=[...t,...this.options.extensions].filter(t=>["extension","node","mark"].includes(null==t?void 0:t.type));this.extensionManager=new ts(e,this)}createCommandManager(){this.commandManager=new D({editor:this})}createSchema(){this.schema=this.extensionManager.schema}createView(){let t=t8(this.options.content,this.schema,this.options.parseOptions),e=tR(t,this.options.autofocus);this.view=new o.tk(this.options.element,{...this.options.editorProps,dispatchTransaction:this.dispatchTransaction.bind(this),state:i.yy.create({doc:t,selection:e||void 0})});let n=this.state.reconfigure({plugins:this.extensionManager.plugins});this.view.updateState(n),this.createNodeViews();let r=this.view.dom;r.editor=this}createNodeViews(){this.view.setProps({nodeViews:this.extensionManager.nodeViews})}captureTransaction(t){this.isCapturingTransaction=!0,t(),this.isCapturingTransaction=!1;let e=this.capturedTransaction;return this.capturedTransaction=null,e}dispatchTransaction(t){if(this.view.isDestroyed)return;if(this.isCapturingTransaction){if(!this.capturedTransaction){this.capturedTransaction=t;return}t.steps.forEach(t=>{var e;return null===(e=this.capturedTransaction)||void 0===e?void 0:e.step(t)});return}let e=this.state.apply(t),n=!this.state.selection.eq(e.selection);this.view.updateState(e),this.emit("transaction",{editor:this,transaction:t}),n&&this.emit("selectionUpdate",{editor:this,transaction:t});let r=t.getMeta("focus"),i=t.getMeta("blur");r&&this.emit("focus",{editor:this,event:r.event,transaction:t}),i&&this.emit("blur",{editor:this,event:i.event,transaction:t}),!t.docChanged||t.getMeta("preventUpdate")||this.emit("update",{editor:this,transaction:t})}getAttributes(t){return eo(this.state,t)}isActive(t,e){return function(t,e,n={}){if(!e)return tY(t,null,n)||ec(t,null,n);let r=tQ(e,t.schema);return"node"===r?tY(t,e,n):"mark"===r&&ec(t,e,n)}(this.state,"string"==typeof t?t:null,"string"==typeof t?e:t)}getJSON(){return this.state.doc.toJSON()}getHTML(){return function(t,e){let n=a.PW.fromSchema(e).serializeFragment(t),r=document.implementation.createHTMLDocument(),i=r.createElement("div");return i.appendChild(n),i.innerHTML}(this.state.doc.content,this.schema)}getText(t){let{blockSeparator:e="\n\n",textSerializers:n={}}=t||{};return function(t,e){let n={from:0,to:t.content.size};return tp(t,n,e)}(this.state.doc,{blockSeparator:e,textSerializers:{...td(this.schema),...n}})}get isEmpty(){return function(t){var e;let n=null===(e=t.type.createAndFill())||void 0===e?void 0:e.toJSON(),r=t.toJSON();return JSON.stringify(n)===JSON.stringify(r)}(this.state.doc)}getCharacterCount(){return console.warn('[tiptap warn]: "editor.getCharacterCount()" is deprecated. Please use "editor.storage.characterCount.characters()" instead.'),this.state.doc.content.size-2}destroy(){this.emit("destroy"),this.view&&this.view.destroy(),this.removeAllListeners()}get isDestroyed(){var t;return!(null===(t=this.view)||void 0===t?void 0:t.docView)}}function eq(t){return new te({find:t.find,handler:({state:e,range:n,match:r})=>{let i=U(t.getAttributes,void 0,r);if(!1===i||null===i)return null;let{tr:o}=e,s=r[r.length-1],a=r[0],l=n.to;if(s){let r=a.search(/\S/),c=n.from+a.indexOf(s),p=c+s.length,d=ea(n.from,n.to,e.doc).filter(e=>{let n=e.mark.type.excluded;return n.find(n=>n===t.type&&n!==e.mark.type)}).filter(t=>t.to>c);if(d.length)return null;pn.from&&o.delete(n.from+r,c),l=n.from+r+s.length,o.addMark(n.from+r,l,t.type.create(i||{})),o.removeStoredMark(t.type)}}})}function eV(t){return new te({find:t.find,handler:({state:e,range:n,match:r})=>{let i=U(t.getAttributes,void 0,r)||{},{tr:o}=e,s=n.from,a=n.to;if(r[1]){let e=r[0].lastIndexOf(r[1]),n=s+e;n>a?n=a:a=n+r[1].length;let l=r[0][r[0].length-1];o.insertText(l,s+r[0].length-1),o.replaceWith(n,a,t.type.create(i))}else r[0]&&o.replaceWith(s,a,t.type.create(i))}})}function eW(t){return new te({find:t.find,handler:({state:e,range:n,match:r})=>{let i=e.doc.resolve(n.from),o=U(t.getAttributes,void 0,r)||{};if(!i.node(-1).canReplaceWith(i.index(-1),i.indexAfter(-1),t.type))return null;e.tr.delete(n.from,n.to).setBlockType(n.from,n.from,t.type,o)}})}function eK(t){return new te({find:t.find,handler:({state:e,range:n,match:r,chain:i})=>{let o=U(t.getAttributes,void 0,r)||{},s=e.tr.delete(n.from,n.to),a=s.doc.resolve(n.from),c=a.blockRange(),p=c&&(0,l.nd)(c,t.type,o);if(!p)return null;if(s.wrap(c,p),t.keepMarks&&t.editor){let{selection:n,storedMarks:r}=e,{splittableMarks:i}=t.editor.extensionManager,o=r||n.$to.parentOffset&&n.$from.marks();if(o){let t=o.filter(t=>i.includes(t.type.name));s.ensureMarks(t)}}if(t.keepAttributes){let e="bulletList"===t.type.name||"orderedList"===t.type.name?"listItem":"taskList";i().updateAttributes(e,o).run()}let d=s.doc.resolve(n.from-1).nodeBefore;d&&d.type===t.type&&(0,l.Mn)(s.doc,n.from-1)&&(!t.joinPredicate||t.joinPredicate(r,d))&&s.join(n.from-1)}})}class eY{constructor(t={}){this.type="mark",this.name="mark",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...t},this.name=this.config.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=U(F(this,"addOptions",{name:this.name}))),this.storage=U(F(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(t={}){return new eY(t)}configure(t={}){let e=this.extend();return e.options=tl(this.options,t),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}extend(t={}){let e=new eY(t);return e.parent=this,this.child=e,e.name=t.name?t.name:e.parent.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${e.name}".`),e.options=U(F(e,"addOptions",{name:e.name})),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}static handleExit({editor:t,mark:e}){let{tr:n}=t.state,r=t.state.selection.$from,i=r.pos===r.end();if(i){let i=r.marks(),o=!!i.find(t=>(null==t?void 0:t.type.name)===e.name);if(!o)return!1;let s=i.find(t=>(null==t?void 0:t.type.name)===e.name);return s&&n.removeStoredMark(s),n.insertText(" ",r.pos),t.view.dispatch(n),!0}return!1}}class eU{constructor(t={}){this.type="node",this.name="node",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...t},this.name=this.config.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=U(F(this,"addOptions",{name:this.name}))),this.storage=U(F(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(t={}){return new eU(t)}configure(t={}){let e=this.extend();return e.options=tl(this.options,t),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}extend(t={}){let e=new eU(t);return e.parent=this,this.child=e,e.name=t.name?t.name:e.parent.name,t.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${e.name}".`),e.options=U(F(e,"addOptions",{name:e.name})),e.storage=U(F(e,"addStorage",{name:e.name,options:e.options})),e}}function e_(t){return new ti({find:t.find,handler:({state:e,range:n,match:r})=>{let i=U(t.getAttributes,void 0,r);if(!1===i||null===i)return null;let{tr:o}=e,s=r[r.length-1],a=r[0],l=n.to;if(s){let r=a.search(/\S/),c=n.from+a.indexOf(s),p=c+s.length,d=ea(n.from,n.to,e.doc).filter(e=>{let n=e.mark.type.excluded;return n.find(n=>n===t.type&&n!==e.mark.type)}).filter(t=>t.to>c);if(d.length)return null;pn.from&&o.delete(n.from+r,c),l=n.from+r+s.length,o.addMark(n.from+r,l,t.type.create(i||{})),o.removeStoredMark(t.type)}}})}},82195:function(t,e,n){n.d(e,{ZP:function(){return a},dn:function(){return a}});var r=n(54848),i=n(82789);let o=/^```([a-z]+)?[\s\n]$/,s=/^~~~([a-z]+)?[\s\n]$/,a=r.NB.create({name:"codeBlock",addOptions:()=>({languageClassPrefix:"language-",exitOnTripleEnter:!0,exitOnArrowDown:!0,HTMLAttributes:{}}),content:"text*",marks:"",group:"block",code:!0,defining:!0,addAttributes(){return{language:{default:null,parseHTML:t=>{var e;let{languageClassPrefix:n}=this.options,r=[...(null===(e=t.firstElementChild)||void 0===e?void 0:e.classList)||[]],i=r.filter(t=>t.startsWith(n)).map(t=>t.replace(n,"")),o=i[0];return o||null},rendered:!1}}},parseHTML:()=>[{tag:"pre",preserveWhitespace:"full"}],renderHTML({node:t,HTMLAttributes:e}){return["pre",(0,r.P1)(this.options.HTMLAttributes,e),["code",{class:t.attrs.language?this.options.languageClassPrefix+t.attrs.language:null},0]]},addCommands(){return{setCodeBlock:t=>({commands:e})=>e.setNode(this.name,t),toggleCodeBlock:t=>({commands:e})=>e.toggleNode(this.name,"paragraph",t)}},addKeyboardShortcuts(){return{"Mod-Alt-c":()=>this.editor.commands.toggleCodeBlock(),Backspace:()=>{let{empty:t,$anchor:e}=this.editor.state.selection,n=1===e.pos;return!!t&&e.parent.type.name===this.name&&(!!n||!e.parent.textContent.length)&&this.editor.commands.clearNodes()},Enter:({editor:t})=>{if(!this.options.exitOnTripleEnter)return!1;let{state:e}=t,{selection:n}=e,{$from:r,empty:i}=n;if(!i||r.parent.type!==this.type)return!1;let o=r.parentOffset===r.parent.nodeSize-2,s=r.parent.textContent.endsWith("\n\n");return!!o&&!!s&&t.chain().command(({tr:t})=>(t.delete(r.pos-2,r.pos),!0)).exitCode().run()},ArrowDown:({editor:t})=>{if(!this.options.exitOnArrowDown)return!1;let{state:e}=t,{selection:n,doc:r}=e,{$from:i,empty:o}=n;if(!o||i.parent.type!==this.type)return!1;let s=i.parentOffset===i.parent.nodeSize-2;if(!s)return!1;let a=i.after();if(void 0===a)return!1;let l=r.nodeAt(a);return!l&&t.commands.exitCode()}}},addInputRules(){return[(0,r.zK)({find:o,type:this.type,getAttributes:t=>({language:t[1]})}),(0,r.zK)({find:s,type:this.type,getAttributes:t=>({language:t[1]})})]},addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("codeBlockVSCodeHandler"),props:{handlePaste:(t,e)=>{if(!e.clipboardData||this.editor.isActive(this.type.name))return!1;let n=e.clipboardData.getData("text/plain"),r=e.clipboardData.getData("vscode-editor-data"),o=r?JSON.parse(r):void 0,s=null==o?void 0:o.mode;if(!n||!s)return!1;let{tr:a}=t.state;return a.replaceSelectionWith(this.type.create({language:s})),a.setSelection(i.Bs.near(a.doc.resolve(Math.max(0,a.selection.from-2)))),a.insertText(n.replace(/\r\n?/g,"\n")),a.setMeta("paste",!0),t.dispatch(a),!0}}})]}})},61506:function(t,e,n){n.d(e,{ZP:function(){return s}});var r=n(54848);let i=/(?:^|\s)((?:==)((?:[^~=]+))(?:==))$/,o=/(?:^|\s)((?:==)((?:[^~=]+))(?:==))/g,s=r.vc.create({name:"highlight",addOptions:()=>({multicolor:!1,HTMLAttributes:{}}),addAttributes(){return this.options.multicolor?{color:{default:null,parseHTML:t=>t.getAttribute("data-color")||t.style.backgroundColor,renderHTML:t=>t.color?{"data-color":t.color,style:`background-color: ${t.color}; color: inherit`}:{}}}:{}},parseHTML:()=>[{tag:"mark"}],renderHTML({HTMLAttributes:t}){return["mark",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setHighlight:t=>({commands:e})=>e.setMark(this.name,t),toggleHighlight:t=>({commands:e})=>e.toggleMark(this.name,t),unsetHighlight:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-h":()=>this.editor.commands.toggleHighlight()}},addInputRules(){return[(0,r.Cf)({find:i,type:this.type})]},addPasteRules(){return[(0,r.K9)({find:o,type:this.type})]}})},61165:function(t,e,n){n.d(e,{Z:function(){return tI}});var r=n(54848);let i=(t,e)=>{for(let n in e)t[n]=e[n];return t},o="numeric",s="ascii",a="alpha",l="asciinumeric",c="alphanumeric",p="domain",d="emoji",h="whitespace";function u(t,e,n){for(let h in e[o]&&(e[l]=!0,e[c]=!0),e[s]&&(e[l]=!0,e[a]=!0),e[l]&&(e[c]=!0),e[a]&&(e[c]=!0),e[c]&&(e[p]=!0),e[d]&&(e[p]=!0),e){var r,i;let e=((r=h)in(i=n)||(i[r]=[]),i[r]);0>e.indexOf(t)&&e.push(t)}}function f(t){void 0===t&&(t=null),this.j={},this.jr=[],this.jd=null,this.t=t}f.groups={},f.prototype={accepts(){return!!this.t},go(t){let e=this.j[t];if(e)return e;for(let e=0;e=0&&(n[r]=!0);return n}(s.t,r),n);u(e,t,r)}else n&&u(e,n,r)}s.t=e}return o.j[t]=s,s}};let m=(t,e,n,r,i)=>t.ta(e,n,r,i),g=(t,e,n,r,i)=>t.tr(e,n,r,i),y=(t,e,n,r,i)=>t.ts(e,n,r,i),v=(t,e,n,r,i)=>t.tt(e,n,r,i),k="WORD",b="UWORD",w="LOCALHOST",x="UTLD",M="SCHEME",S="SLASH_SCHEME",O="OPENBRACE",C="OPENBRACKET",T="OPENANGLEBRACKET",A="OPENPAREN",E="CLOSEBRACE",I="CLOSEBRACKET",N="CLOSEANGLEBRACKET",R="CLOSEPAREN",L="AMPERSAND",H="APOSTROPHE",P="ASTERISK",B="BACKSLASH",z="BACKTICK",j="CARET",D="COLON",$="COMMA",F="DOLLAR",J="EQUALS",q="EXCLAMATION",V="HYPHEN",W="PERCENT",K="PIPE",Y="PLUS",U="POUND",_="QUERY",Z="QUOTE",G="SEMI",Q="SLASH",X="TILDE",tt="UNDERSCORE",te="EMOJI";var tn=Object.freeze({__proto__:null,WORD:k,UWORD:b,LOCALHOST:w,TLD:"TLD",UTLD:x,SCHEME:M,SLASH_SCHEME:S,NUM:"NUM",WS:"WS",NL:"NL",OPENBRACE:O,OPENBRACKET:C,OPENANGLEBRACKET:T,OPENPAREN:A,CLOSEBRACE:E,CLOSEBRACKET:I,CLOSEANGLEBRACKET:N,CLOSEPAREN:R,AMPERSAND:L,APOSTROPHE:H,ASTERISK:P,AT:"AT",BACKSLASH:B,BACKTICK:z,CARET:j,COLON:D,COMMA:$,DOLLAR:F,DOT:"DOT",EQUALS:J,EXCLAMATION:q,HYPHEN:V,PERCENT:W,PIPE:K,PLUS:Y,POUND:U,QUERY:_,QUOTE:Z,SEMI:G,SLASH:Q,TILDE:X,UNDERSCORE:tt,EMOJI:te,SYM:"SYM"});let tr=/[a-z]/,ti=/\p{L}/u,to=/\p{Emoji}/u,ts=/\d/,ta=/\s/,tl=null,tc=null;function tp(t,e,n,r,i){let o;let s=e.length;for(let n=0;n=0;)i++;if(i>0){e.push(n.join(""));for(let e=parseInt(t.substring(r,r+i),10);e>0;e--)n.pop();r+=i}else n.push(t[r]),r++}return e}let th={defaultProtocol:"http",events:null,format:tf,formatHref:tf,nl2br:!1,tagName:"a",target:null,rel:null,validate:!0,truncate:1/0,className:null,attributes:null,ignoreTags:[],render:null};function tu(t,e){void 0===e&&(e=null);let n=i({},th);t&&(n=i(n,t instanceof tu?t.o:t));let r=n.ignoreTags,o=[];for(let t=0;tt,check(t){return this.get("validate",t.toString(),t)},get(t,e,n){let r=null!=e,i=this.o[t];return i&&("object"==typeof i?"function"==typeof(i=n.t in i?i[n.t]:th[t])&&r&&(i=i(e,n)):"function"==typeof i&&r&&(i=i(e,n.t,n))),i},getObj(t,e,n){let r=this.o[t];return"function"==typeof r&&null!=e&&(r=r(e,n.t,n)),r},render(t){let e=t.render(this),n=this.get("render",null,t)||this.defaultRender;return n(e,t.t,t)}},tm.prototype={isLink:!1,toString(){return this.v},toHref(t){return this.toString()},toFormattedString(t){let e=this.toString(),n=t.get("truncate",e,this),r=t.get("format",e,this);return n&&r.length>n?r.substring(0,n)+"…":r},toFormattedHref(t){return t.get("formatHref",this.toHref(t.get("defaultProtocol")),this)},startIndex(){return this.tk[0].s},endIndex(){return this.tk[this.tk.length-1].e},toObject(t){return void 0===t&&(t=th.defaultProtocol),{type:this.t,value:this.toString(),isLink:this.isLink,href:this.toHref(t),start:this.startIndex(),end:this.endIndex()}},toFormattedObject(t){return{type:this.t,value:this.toFormattedString(t),isLink:this.isLink,href:this.toFormattedHref(t),start:this.startIndex(),end:this.endIndex()}},validate(t){return t.get("validate",this.toString(),this)},render(t){let e=this.toHref(t.get("defaultProtocol")),n=t.get("formatHref",e,this),r=t.get("tagName",e,this),o=this.toFormattedString(t),s={},a=t.get("className",e,this),l=t.get("target",e,this),c=t.get("rel",e,this),p=t.getObj("attributes",e,this),d=t.getObj("events",e,this);return s.href=n,a&&(s.class=a),l&&(s.target=l),c&&(s.rel=c),p&&i(s,p),{tagName:r,attributes:s,content:o,eventListeners:d}}};let ty=tg("email",{isLink:!0,toHref(){return"mailto:"+this.toString()}}),tv=tg("text"),tk=tg("nl"),tb=tg("url",{isLink:!0,toHref(t){return void 0===t&&(t=th.defaultProtocol),this.hasProtocol()?this.v:`${t}://${this.v}`},hasProtocol(){let t=this.tk;return t.length>=2&&t[0].t!==w&&t[1].t===D}}),tw=t=>new f(t);function tx(t,e,n){let r=n[0].s,i=n[n.length-1].e,o=e.slice(r,i);return new t(o,n)}let tM="undefined"!=typeof console&&console&&console.warn||(()=>{}),tS={scanner:null,parser:null,tokenQueue:[],pluginQueue:[],customSchemes:[],initialized:!1};function tO(t,e){if(void 0===e&&(e=!1),tS.initialized&&tM(`linkifyjs: already initialized - will not register custom scheme "${t}" until manual call of linkify.init(). Register all schemes and plugins before invoking linkify the first time.`),!/^[0-9a-z]+(-[0-9a-z]+)*$/.test(t))throw Error('linkifyjs: incorrect scheme format.\n 1. Must only contain digits, lowercase ASCII letters or "-"\n 2. Cannot start or end with "-"\n 3. "-" cannot repeat');tS.customSchemes.push([t,e])}function tC(t){return tS.initialized||function(){tS.scanner=function(t){void 0===t&&(t=[]);let e={};f.groups=e;let n=new f;null==tl&&(tl=td("aaa1rp3barth4b0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0faromeo7ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4vianca6w0s2x0a2z0ure5ba0by2idu3namex3narepublic11d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re2s2c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y0eats7k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0cast4mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking0channel11l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dabur3d1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t0isalat7u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0at2delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d0network8tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntdoor4ier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0ardian6cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5gtv3iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0eles2s3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1nder2le4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster5ia3d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4de2k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0cys3drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7serati6ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic3tual5v1w1x1y1z2na0b1goya4me2tura4vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rthwesternmutual14on4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9dnavy5lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3ssagens7y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cher3ks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0a1b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp2w2ell3ia1ksha5oes2p0ping5uji3w0time7i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ffany5ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0channel7ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5m\xf6gensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lkswagen7vo3te1ing3o2yage5u0elos6wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4finity6ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2")),null==tc&&(tc=td("ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5تصالات6رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2")),v(n,"'",H),v(n,"{",O),v(n,"[",C),v(n,"<",T),v(n,"(",A),v(n,"}",E),v(n,"]",I),v(n,">",N),v(n,")",R),v(n,"&",L),v(n,"*",P),v(n,"@","AT"),v(n,"`",z),v(n,"^",j),v(n,":",D),v(n,",",$),v(n,"$",F),v(n,".","DOT"),v(n,"=",J),v(n,"!",q),v(n,"-",V),v(n,"%",W),v(n,"|",K),v(n,"+",Y),v(n,"#",U),v(n,"?",_),v(n,'"',Z),v(n,"/",Q),v(n,";",G),v(n,"~",X),v(n,"_",tt),v(n,"\\",B);let r=g(n,ts,"NUM",{[o]:!0});g(r,ts,r);let c=g(n,tr,k,{[s]:!0});g(c,tr,c);let m=g(n,ti,b,{[a]:!0});g(m,tr),g(m,ti,m);let th=g(n,ta,"WS",{[h]:!0});v(n,"\n","NL",{[h]:!0}),v(th,"\n"),g(th,ta,th);let tu=g(n,to,te,{[d]:!0});g(tu,to,tu),v(tu,"️",tu);let tf=v(tu,"‍");g(tf,to,tu);let tm=[[tr,c]],tg=[[tr,null],[ti,m]];for(let t=0;tt[0]>e[0]?1:-1);for(let e=0;e=0?a[p]=!0:tr.test(r)?ts.test(r)?a[l]=!0:a[s]=!0:a[o]=!0,y(n,r,r,a)}return y(n,"localhost",w,{ascii:!0}),n.jd=new f("SYM"),{start:n,tokens:i({groups:e},tn)}}(tS.customSchemes);for(let t=0;t=0&&h++,i++,p++;if(h<0)(i-=p)0&&(o.push(tx(tv,e,s)),s=[]),i-=h,p-=h;let t=d.t,r=n.slice(i-p,i);o.push(tx(t,e,r))}}return s.length>0&&o.push(tx(tv,e,s)),o}(tS.parser.start,t,function(t,e){let n=function(t){let e=[],n=t.length,r=0;for(;r56319||r+1===n||(i=t.charCodeAt(r+1))<56320||i>57343?t[r]:t.slice(r,r+2);e.push(s),r+=s.length}return e}(e.replace(/[A-Z]/g,t=>t.toLowerCase())),r=n.length,i=[],o=0,s=0;for(;s=0&&(d+=n[s].length,h++),c+=n[s].length,o+=n[s].length,s++;o-=d,s-=h,c-=d,i.push({t:p.t,v:e.slice(o-c,o),s:o-c,e:o})}return i}(tS.scanner.start,t))}function tT(t,e,n){if(void 0===e&&(e=null),void 0===n&&(n=null),e&&"object"==typeof e){if(n)throw Error(`linkifyjs: Invalid link type ${e}; must be a string`);n=e,e=null}let r=new tu(n),i=tC(t),o=[];for(let t=0;t{if("string"==typeof t){tO(t);return}tO(t.scheme,t.optionalSlashes)})},onDestroy(){f.groups={},tS.scanner=null,tS.parser=null,tS.tokenQueue=[],tS.pluginQueue=[],tS.customSchemes=[],tS.initialized=!1},inclusive(){return this.options.autolink},addOptions:()=>({openOnClick:!0,linkOnPaste:!0,autolink:!0,protocols:[],HTMLAttributes:{target:"_blank",rel:"noopener noreferrer nofollow",class:null},validate:void 0}),addAttributes(){return{href:{default:null},target:{default:this.options.HTMLAttributes.target},class:{default:this.options.HTMLAttributes.class}}},parseHTML:()=>[{tag:'a[href]:not([href *= "javascript:" i])'}],renderHTML({HTMLAttributes:t}){return["a",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setLink:t=>({chain:e})=>e().setMark(this.name,t).setMeta("preventAutolink",!0).run(),toggleLink:t=>({chain:e})=>e().toggleMark(this.name,t,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run(),unsetLink:()=>({chain:t})=>t().unsetMark(this.name,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()}},addPasteRules(){return[(0,r.K9)({find:t=>tT(t).filter(t=>!this.options.validate||this.options.validate(t.value)).filter(t=>t.isLink).map(t=>({text:t.value,index:t.start,data:t})),type:this.type,getAttributes:t=>{var e;return{href:null===(e=t.data)||void 0===e?void 0:e.href}}})]},addProseMirrorPlugins(){var t,e,n;let i=[];return this.options.autolink&&i.push((t={type:this.type,validate:this.options.validate},new tE.Sy({key:new tE.H$("autolink"),appendTransaction:(e,n,i)=>{let o=e.some(t=>t.docChanged)&&!n.doc.eq(i.doc),s=e.some(t=>t.getMeta("preventAutolink"));if(!o||s)return;let{tr:a}=i,l=(0,r.XP)(n.doc,[...e]),{mapping:c}=l,p=(0,r.QC)(l);if(p.forEach(({oldRange:e,newRange:o})=>{let s,l;(0,r.tI)(e.from,e.to,n.doc).filter(e=>e.mark.type===t.type).forEach(e=>{let o=c.map(e.from),s=c.map(e.to),l=(0,r.tI)(o,s,i.doc).filter(e=>e.mark.type===t.type);if(!l.length)return;let p=l[0],d=n.doc.textBetween(e.from,e.to,void 0," "),h=i.doc.textBetween(p.from,p.to,void 0," "),u=tA(d),f=tA(h);u&&!f&&a.removeMark(p.from,p.to,t.type)});let p=(0,r.b5)(i.doc,o,t=>t.isTextblock);if(p.length>1?(s=p[0],l=i.doc.textBetween(s.pos,s.pos+s.node.nodeSize,void 0," ")):p.length&&i.doc.textBetween(o.from,o.to," "," ").endsWith(" ")&&(s=p[0],l=i.doc.textBetween(s.pos,o.to,void 0," ")),s&&l){let e=l.split(" ").filter(t=>""!==t);if(e.length<=0)return!1;let n=e[e.length-1],r=s.pos+l.lastIndexOf(n);if(!n)return!1;tT(n).filter(t=>t.isLink).filter(e=>!t.validate||t.validate(e.value)).map(t=>({...t,from:r+t.start+1,to:r+t.end+1})).forEach(e=>{a.addMark(e.from,e.to,t.type.create({href:e.href}))})}}),a.steps.length)return a}}))),this.options.openOnClick&&i.push((e={type:this.type},new tE.Sy({key:new tE.H$("handleClickLink"),props:{handleClick:(t,n,i)=>{var o,s,a;if(0!==i.button)return!1;let l=(0,r.u9)(t.state,e.type.name),c=null===(o=i.target)||void 0===o?void 0:o.closest("a"),p=null!==(s=null==c?void 0:c.href)&&void 0!==s?s:l.href,d=null!==(a=null==c?void 0:c.target)&&void 0!==a?a:l.target;return!!c&&!!p&&(window.open(p,d),!0)}}}))),this.options.linkOnPaste&&i.push((n={editor:this.editor,type:this.type},new tE.Sy({key:new tE.H$("handlePasteLink"),props:{handlePaste:(t,e,r)=>{let{state:i}=t,{selection:o}=i,{empty:s}=o;if(s)return!1;let a="";r.content.forEach(t=>{a+=t.textContent});let l=tT(a).find(t=>t.isLink&&t.value===a);return!!a&&!!l&&(n.editor.commands.setMark(n.type,{href:l.href}),!0)}}}))),i}})},64088:function(t,e,n){n.d(e,{Z:function(){return i}});var r=n(54848);let i=r.vc.create({name:"subscript",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"sub"},{style:"vertical-align",getAttrs:t=>"sub"===t&&null}],renderHTML({HTMLAttributes:t}){return["sub",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}})},56437:function(t,e,n){n.d(e,{Z:function(){return i}});var r=n(54848);let i=r.vc.create({name:"superscript",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"sup"},{style:"vertical-align",getAttrs:t=>"super"===t&&null}],renderHTML({HTMLAttributes:t}){return["sup",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}})},16985:function(t,e,n){n.d(e,{Z:function(){return i}});var r=n(54848);let i=r.hj.create({name:"textAlign",addOptions:()=>({types:[],alignments:["left","center","right","justify"],defaultAlignment:"left"}),addGlobalAttributes(){return[{types:this.options.types,attributes:{textAlign:{default:this.options.defaultAlignment,parseHTML:t=>t.style.textAlign||this.options.defaultAlignment,renderHTML:t=>t.textAlign===this.options.defaultAlignment?{}:{style:`text-align: ${t.textAlign}`}}}}]},addCommands(){return{setTextAlign:t=>({commands:e})=>!!this.options.alignments.includes(t)&&this.options.types.every(n=>e.updateAttributes(n,{textAlign:t})),unsetTextAlign:()=>({commands:t})=>this.options.types.every(e=>t.resetAttributes(e,"textAlign"))}},addKeyboardShortcuts(){return{"Mod-Shift-l":()=>this.editor.commands.setTextAlign("left"),"Mod-Shift-e":()=>this.editor.commands.setTextAlign("center"),"Mod-Shift-r":()=>this.editor.commands.setTextAlign("right"),"Mod-Shift-j":()=>this.editor.commands.setTextAlign("justify")}}})},67890:function(t,e,n){n.d(e,{Z:function(){return i}});var r=n(54848);let i=r.vc.create({name:"underline",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"u"},{style:"text-decoration",consuming:!1,getAttrs:t=>!!t.includes("underline")&&{}}],renderHTML({HTMLAttributes:t}){return["u",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setUnderline:()=>({commands:t})=>t.setMark(this.name),toggleUnderline:()=>({commands:t})=>t.toggleMark(this.name),unsetUnderline:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}})},49947:function(t,e,n){n.d(e,{NM:function(){return t4},kg:function(){return t7},AH:function(){return t8},jE:function(){return ee}});var r,i,o,s,a,l=n(54848),c=n(82789);function p(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function d(t){var e=p(t).Element;return t instanceof e||t instanceof Element}function h(t){var e=p(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function u(t){if("undefined"==typeof ShadowRoot)return!1;var e=p(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}var f=Math.max,m=Math.min,g=Math.round;function y(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function v(){return!/^((?!chrome|android).)*safari/i.test(y())}function k(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var r=t.getBoundingClientRect(),i=1,o=1;e&&h(t)&&(i=t.offsetWidth>0&&g(r.width)/t.offsetWidth||1,o=t.offsetHeight>0&&g(r.height)/t.offsetHeight||1);var s=(d(t)?p(t):window).visualViewport,a=!v()&&n,l=(r.left+(a&&s?s.offsetLeft:0))/i,c=(r.top+(a&&s?s.offsetTop:0))/o,u=r.width/i,f=r.height/o;return{width:u,height:f,top:c,right:l+u,bottom:c+f,left:l,x:l,y:c}}function b(t){var e=p(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function w(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){return((d(t)?t.ownerDocument:t.document)||window.document).documentElement}function M(t){return k(x(t)).left+b(t).scrollLeft}function S(t){return p(t).getComputedStyle(t)}function O(t){var e=S(t),n=e.overflow,r=e.overflowX,i=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function C(t){var e=k(t),n=t.offsetWidth,r=t.offsetHeight;return 1>=Math.abs(e.width-n)&&(n=e.width),1>=Math.abs(e.height-r)&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function T(t){return"html"===w(t)?t:t.assignedSlot||t.parentNode||(u(t)?t.host:null)||x(t)}function A(t,e){void 0===e&&(e=[]);var n,r=function t(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:h(e)&&O(e)?e:t(T(e))}(t),i=r===(null==(n=t.ownerDocument)?void 0:n.body),o=p(r),s=i?[o].concat(o.visualViewport||[],O(r)?r:[]):r,a=e.concat(s);return i?a:a.concat(A(T(s)))}function E(t){return h(t)&&"fixed"!==S(t).position?t.offsetParent:null}function I(t){for(var e=p(t),n=E(t);n&&["table","td","th"].indexOf(w(n))>=0&&"static"===S(n).position;)n=E(n);return n&&("html"===w(n)||"body"===w(n)&&"static"===S(n).position)?e:n||function(t){var e=/firefox/i.test(y());if(/Trident/i.test(y())&&h(t)&&"fixed"===S(t).position)return null;var n=T(t);for(u(n)&&(n=n.host);h(n)&&0>["html","body"].indexOf(w(n));){var r=S(n);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return n;n=n.parentNode}return null}(t)||e}var N="bottom",R="right",L="left",H="auto",P=["top",N,R,L],B="start",z="viewport",j="popper",D=P.reduce(function(t,e){return t.concat([e+"-"+B,e+"-end"])},[]),$=[].concat(P,[H]).reduce(function(t,e){return t.concat([e,e+"-"+B,e+"-end"])},[]),F=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"],J={placement:"bottom",modifiers:[],strategy:"absolute"};function q(){for(var t=arguments.length,e=Array(t),n=0;n=0?"x":"y"}function U(t){var e,n=t.reference,r=t.element,i=t.placement,o=i?W(i):null,s=i?K(i):null,a=n.x+n.width/2-r.width/2,l=n.y+n.height/2-r.height/2;switch(o){case"top":e={x:a,y:n.y-r.height};break;case N:e={x:a,y:n.y+n.height};break;case R:e={x:n.x+n.width,y:l};break;case L:e={x:n.x-r.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?Y(o):null;if(null!=c){var p="y"===c?"height":"width";switch(s){case B:e[c]=e[c]-(n[p]/2-r[p]/2);break;case"end":e[c]=e[c]+(n[p]/2-r[p]/2)}}return e}var _={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(t){var e,n,r,i,o,s,a=t.popper,l=t.popperRect,c=t.placement,d=t.variation,h=t.offsets,u=t.position,f=t.gpuAcceleration,m=t.adaptive,y=t.roundOffsets,v=t.isFixed,k=h.x,b=void 0===k?0:k,w=h.y,M=void 0===w?0:w,O="function"==typeof y?y({x:b,y:M}):{x:b,y:M};b=O.x,M=O.y;var C=h.hasOwnProperty("x"),T=h.hasOwnProperty("y"),A=L,E="top",H=window;if(m){var P=I(a),B="clientHeight",z="clientWidth";P===p(a)&&"static"!==S(P=x(a)).position&&"absolute"===u&&(B="scrollHeight",z="scrollWidth"),("top"===c||(c===L||c===R)&&"end"===d)&&(E=N,M-=(v&&P===H&&H.visualViewport?H.visualViewport.height:P[B])-l.height,M*=f?1:-1),(c===L||("top"===c||c===N)&&"end"===d)&&(A=R,b-=(v&&P===H&&H.visualViewport?H.visualViewport.width:P[z])-l.width,b*=f?1:-1)}var j=Object.assign({position:u},m&&_),D=!0===y?(n=(e={x:b,y:M}).x,r=e.y,{x:g(n*(i=window.devicePixelRatio||1))/i||0,y:g(r*i)/i||0}):{x:b,y:M};return(b=D.x,M=D.y,f)?Object.assign({},j,((s={})[E]=T?"0":"",s[A]=C?"0":"",s.transform=1>=(H.devicePixelRatio||1)?"translate("+b+"px, "+M+"px)":"translate3d("+b+"px, "+M+"px, 0)",s)):Object.assign({},j,((o={})[E]=T?M+"px":"",o[A]=C?b+"px":"",o.transform="",o))}var G={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach(function(t){var n=e.styles[t]||{},r=e.attributes[t]||{},i=e.elements[t];h(i)&&w(i)&&(Object.assign(i.style,n),Object.keys(r).forEach(function(t){var e=r[t];!1===e?i.removeAttribute(t):i.setAttribute(t,!0===e?"":e)}))})},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(t){var r=e.elements[t],i=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce(function(t,e){return t[e]="",t},{});h(r)&&w(r)&&(Object.assign(r.style,o),Object.keys(i).forEach(function(t){r.removeAttribute(t)}))})}},requires:["computeStyles"]},Q={left:"right",right:"left",bottom:"top",top:"bottom"};function X(t){return t.replace(/left|right|bottom|top/g,function(t){return Q[t]})}var tt={start:"end",end:"start"};function te(t){return t.replace(/start|end/g,function(t){return tt[t]})}function tn(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&u(n)){var r=e;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function tr(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ti(t,e,n){var r,i,o,s,a,l,c,h,u,m;return e===z?tr(function(t,e){var n=p(t),r=x(t),i=n.visualViewport,o=r.clientWidth,s=r.clientHeight,a=0,l=0;if(i){o=i.width,s=i.height;var c=v();(c||!c&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:o,height:s,x:a+M(t),y:l}}(t,n)):d(e)?((r=k(e,!1,"fixed"===n)).top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r):tr((i=x(t),s=x(i),a=b(i),l=null==(o=i.ownerDocument)?void 0:o.body,c=f(s.scrollWidth,s.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),h=f(s.scrollHeight,s.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0),u=-a.scrollLeft+M(i),m=-a.scrollTop,"rtl"===S(l||s).direction&&(u+=f(s.clientWidth,l?l.clientWidth:0)-c),{width:c,height:h,x:u,y:m}))}function to(){return{top:0,right:0,bottom:0,left:0}}function ts(t){return Object.assign({},to(),t)}function ta(t,e){return e.reduce(function(e,n){return e[n]=t,e},{})}function tl(t,e){void 0===e&&(e={});var n,r,i,o,s,a,l,c=e,p=c.placement,u=void 0===p?t.placement:p,g=c.strategy,y=void 0===g?t.strategy:g,v=c.boundary,b=c.rootBoundary,M=c.elementContext,O=void 0===M?j:M,C=c.altBoundary,E=c.padding,L=void 0===E?0:E,H=ts("number"!=typeof L?L:ta(L,P)),B=t.rects.popper,D=t.elements[void 0!==C&&C?O===j?"reference":j:O],$=(n=d(D)?D:D.contextElement||x(t.elements.popper),a=(s=[].concat("clippingParents"===(r=void 0===v?"clippingParents":v)?(i=A(T(n)),d(o=["absolute","fixed"].indexOf(S(n).position)>=0&&h(n)?I(n):n)?i.filter(function(t){return d(t)&&tn(t,o)&&"body"!==w(t)}):[]):[].concat(r),[void 0===b?z:b]))[0],(l=s.reduce(function(t,e){var r=ti(n,e,y);return t.top=f(r.top,t.top),t.right=m(r.right,t.right),t.bottom=m(r.bottom,t.bottom),t.left=f(r.left,t.left),t},ti(n,a,y))).width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l),F=k(t.elements.reference),J=U({reference:F,element:B,strategy:"absolute",placement:u}),q=tr(Object.assign({},B,J)),V=O===j?q:F,W={top:$.top-V.top+H.top,bottom:V.bottom-$.bottom+H.bottom,left:$.left-V.left+H.left,right:V.right-$.right+H.right},K=t.modifiersData.offset;if(O===j&&K){var Y=K[u];Object.keys(W).forEach(function(t){var e=[R,N].indexOf(t)>=0?1:-1,n=["top",N].indexOf(t)>=0?"y":"x";W[t]+=Y[n]*e})}return W}function tc(t,e,n){return f(t,m(e,n))}function tp(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function td(t){return["top",R,N,L].some(function(e){return t[e]>=0})}var th=(o=void 0===(i=(r={defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,s=r.resize,a=void 0===s||s,l=p(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach(function(t){t.addEventListener("scroll",n.update,V)}),a&&l.addEventListener("resize",n.update,V),function(){o&&c.forEach(function(t){t.removeEventListener("scroll",n.update,V)}),a&&l.removeEventListener("resize",n.update,V)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=U({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,r=n.gpuAcceleration,i=n.adaptive,o=n.roundOffsets,s=void 0===o||o,a={placement:W(e.placement),variation:K(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:void 0===r||r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Z(Object.assign({},a,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:void 0===i||i,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Z(Object.assign({},a,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},G,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,r=t.name,i=n.offset,o=void 0===i?[0,0]:i,s=$.reduce(function(t,n){var r,i,s,a,l,c;return t[n]=(r=e.rects,s=[L,"top"].indexOf(i=W(n))>=0?-1:1,l=(a="function"==typeof o?o(Object.assign({},r,{placement:n})):o)[0],c=a[1],l=l||0,c=(c||0)*s,[L,R].indexOf(i)>=0?{x:c,y:l}:{x:l,y:c}),t},{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=s}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var i=n.mainAxis,o=void 0===i||i,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,p=n.boundary,d=n.rootBoundary,h=n.altBoundary,u=n.flipVariations,f=void 0===u||u,m=n.allowedAutoPlacements,g=e.options.placement,y=W(g),v=[g].concat(l||(y!==g&&f?function(t){if(W(t)===H)return[];var e=X(t);return[te(t),e,te(e)]}(g):[X(g)])).reduce(function(t,n){var r,i,o,s,a,l,h,u,g,y,v,k;return t.concat(W(n)===H?(i=(r={placement:n,boundary:p,rootBoundary:d,padding:c,flipVariations:f,allowedAutoPlacements:m}).placement,o=r.boundary,s=r.rootBoundary,a=r.padding,l=r.flipVariations,u=void 0===(h=r.allowedAutoPlacements)?$:h,0===(v=(y=(g=K(i))?l?D:D.filter(function(t){return K(t)===g}):P).filter(function(t){return u.indexOf(t)>=0})).length&&(v=y),Object.keys(k=v.reduce(function(t,n){return t[n]=tl(e,{placement:n,boundary:o,rootBoundary:s,padding:a})[W(n)],t},{})).sort(function(t,e){return k[t]-k[e]})):n)},[]),k=e.rects.reference,b=e.rects.popper,w=new Map,x=!0,M=v[0],S=0;S=0,E=A?"width":"height",I=tl(e,{placement:O,boundary:p,rootBoundary:d,altBoundary:h,padding:c}),z=A?T?R:L:T?N:"top";k[E]>b[E]&&(z=X(z));var j=X(z),F=[];if(o&&F.push(I[C]<=0),a&&F.push(I[z]<=0,I[j]<=0),F.every(function(t){return t})){M=O,x=!1;break}w.set(O,F)}if(x)for(var J=f?3:1,q=function(t){var e=v.find(function(e){var n=w.get(e);if(n)return n.slice(0,t).every(function(t){return t})});if(e)return M=e,"break"},V=J;V>0&&"break"!==q(V);V--);e.placement!==M&&(e.modifiersData[r]._skip=!0,e.placement=M,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,r=t.name,i=n.mainAxis,o=n.altAxis,s=n.boundary,a=n.rootBoundary,l=n.altBoundary,c=n.padding,p=n.tether,d=void 0===p||p,h=n.tetherOffset,u=void 0===h?0:h,g=tl(e,{boundary:s,rootBoundary:a,padding:c,altBoundary:l}),y=W(e.placement),v=K(e.placement),k=!v,b=Y(y),w="x"===b?"y":"x",x=e.modifiersData.popperOffsets,M=e.rects.reference,S=e.rects.popper,O="function"==typeof u?u(Object.assign({},e.rects,{placement:e.placement})):u,T="number"==typeof O?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,E={x:0,y:0};if(x){if(void 0===i||i){var H,P="y"===b?"top":L,z="y"===b?N:R,j="y"===b?"height":"width",D=x[b],$=D+g[P],F=D-g[z],J=d?-S[j]/2:0,q=v===B?M[j]:S[j],V=v===B?-S[j]:-M[j],U=e.elements.arrow,_=d&&U?C(U):{width:0,height:0},Z=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:to(),G=Z[P],Q=Z[z],X=tc(0,M[j],_[j]),tt=k?M[j]/2-J-X-G-T.mainAxis:q-X-G-T.mainAxis,te=k?-M[j]/2+J+X+Q+T.mainAxis:V+X+Q+T.mainAxis,tn=e.elements.arrow&&I(e.elements.arrow),tr=tn?"y"===b?tn.clientTop||0:tn.clientLeft||0:0,ti=null!=(H=null==A?void 0:A[b])?H:0,ts=tc(d?m($,D+tt-ti-tr):$,D,d?f(F,D+te-ti):F);x[b]=ts,E[b]=ts-D}if(void 0!==o&&o){var ta,tp,td=x[w],th="y"===w?"height":"width",tu=td+g["x"===b?"top":L],tf=td-g["x"===b?N:R],tm=-1!==["top",L].indexOf(y),tg=null!=(ta=null==A?void 0:A[w])?ta:0,ty=tm?tu:td-M[th]-S[th]-tg+T.altAxis,tv=tm?td+M[th]+S[th]-tg-T.altAxis:tf,tk=d&&tm?(tp=tc(ty,td,tv))>tv?tv:tp:tc(d?ty:tu,td,d?tv:tf);x[w]=tk,E[w]=tk-td}e.modifiersData[r]=E}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n,r=t.state,i=t.name,o=t.options,s=r.elements.arrow,a=r.modifiersData.popperOffsets,l=W(r.placement),c=Y(l),p=[L,R].indexOf(l)>=0?"height":"width";if(s&&a){var d=ts("number"!=typeof(e="function"==typeof(e=o.padding)?e(Object.assign({},r.rects,{placement:r.placement})):e)?e:ta(e,P)),h=C(s),u=r.rects.reference[p]+r.rects.reference[c]-a[c]-r.rects.popper[p],f=a[c]-r.rects.reference[c],m=I(s),g=m?"y"===c?m.clientHeight||0:m.clientWidth||0:0,y=d["y"===c?"top":L],v=g-h[p]-d["y"===c?N:R],k=g/2-h[p]/2+(u/2-f/2),b=tc(y,k,v);r.modifiersData[i]=((n={})[c]=b,n.centerOffset=b-k,n)}},effect:function(t){var e=t.state,n=t.options.element,r=void 0===n?"[data-popper-arrow]":n;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&tn(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,r=e.rects.reference,i=e.rects.popper,o=e.modifiersData.preventOverflow,s=tl(e,{elementContext:"reference"}),a=tl(e,{altBoundary:!0}),l=tp(s,r),c=tp(a,i,o),p=td(l),d=td(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]}).defaultModifiers)?[]:i,a=void 0===(s=r.defaultOptions)?J:s,function(t,e,n){void 0===n&&(n=a);var r,i={placement:"bottom",orderedModifiers:[],options:Object.assign({},J,a),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],l=!1,c={state:i,setOptions:function(n){var r,l,p,h,f,m="function"==typeof n?n(i.options):n;u(),i.options=Object.assign({},a,i.options,m),i.scrollParents={reference:d(t)?A(t):t.contextElement?A(t.contextElement):[],popper:A(e)};var g=(l=Object.keys(r=[].concat(o,i.options.modifiers).reduce(function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t},{})).map(function(t){return r[t]}),p=new Map,h=new Set,f=[],l.forEach(function(t){p.set(t.name,t)}),l.forEach(function(t){h.has(t.name)||function t(e){h.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!h.has(e)){var n=p.get(e);n&&t(n)}}),f.push(e)}(t)}),F.reduce(function(t,e){return t.concat(f.filter(function(t){return t.phase===e}))},[]));return i.orderedModifiers=g.filter(function(t){return t.enabled}),i.orderedModifiers.forEach(function(t){var e=t.name,n=t.options,r=t.effect;if("function"==typeof r){var o=r({state:i,name:e,instance:c,options:void 0===n?{}:n});s.push(o||function(){})}}),c.update()},forceUpdate:function(){if(!l){var t,e,n,r,o,s,a,d,u,f,m,y,v=i.elements,S=v.reference,T=v.popper;if(q(S,T)){i.rects={reference:(e=I(T),n="fixed"===i.options.strategy,r=h(e),d=h(e)&&(s=g((o=e.getBoundingClientRect()).width)/e.offsetWidth||1,a=g(o.height)/e.offsetHeight||1,1!==s||1!==a),u=x(e),f=k(S,d,n),m={scrollLeft:0,scrollTop:0},y={x:0,y:0},(r||!r&&!n)&&(("body"!==w(e)||O(u))&&(m=(t=e)!==p(t)&&h(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:b(t)),h(e)?(y=k(e,!0),y.x+=e.clientLeft,y.y+=e.clientTop):u&&(y.x=M(u))),{x:f.left+m.scrollLeft-y.x,y:f.top+m.scrollTop-y.y,width:f.width,height:f.height}),popper:C(T)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(t){return i.modifiersData[t.name]=Object.assign({},t.data)});for(var A=0;A-1}function tb(t,e){return"function"==typeof t?t.apply(void 0,e):t}function tw(t,e){var n;return 0===e?t:function(r){clearTimeout(n),n=setTimeout(function(){t(r)},e)}}function tx(t){return[].concat(t)}function tM(t,e){-1===t.indexOf(e)&&t.push(e)}function tS(t){return[].slice.call(t)}function tO(t){return Object.keys(t).reduce(function(e,n){return void 0!==t[n]&&(e[n]=t[n]),e},{})}function tC(){return document.createElement("div")}function tT(t){return["Element","Fragment"].some(function(e){return tk(t,e)})}function tA(t,e){t.forEach(function(t){t&&(t.style.transitionDuration=e+"ms")})}function tE(t,e){t.forEach(function(t){t&&t.setAttribute("data-state",e)})}function tI(t,e,n){var r=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(e){t[r](e,n)})}function tN(t,e){for(var n,r=e;r;){if(t.contains(r))return!0;r=null==r.getRootNode?void 0:null==(n=r.getRootNode())?void 0:n.host}return!1}var tR={isTouch:!1},tL=0;function tH(){!tR.isTouch&&(tR.isTouch=!0,window.performance&&document.addEventListener("mousemove",tP))}function tP(){var t=performance.now();t-tL<20&&(tR.isTouch=!1,document.removeEventListener("mousemove",tP)),tL=t}function tB(){var t=document.activeElement;if(t&&t._tippy&&t._tippy.reference===t){var e=t._tippy;t.blur&&!e.state.isVisible&&t.blur()}}var tz=!!("undefined"!=typeof window&&"undefined"!=typeof document)&&!!window.msCrypto,tj=Object.assign({appendTo:ty,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},{animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),tD=Object.keys(tj);function t$(t){var e=(t.plugins||[]).reduce(function(e,n){var r,i=n.name,o=n.defaultValue;return i&&(e[i]=void 0!==t[i]?t[i]:null!=(r=tj[i])?r:o),e},{});return Object.assign({},t,e)}function tF(t,e){var n,r=Object.assign({},e,{content:tb(e.content,[t])},e.ignoreAttributes?{}:((n=e.plugins)?Object.keys(t$(Object.assign({},tj,{plugins:n}))):tD).reduce(function(e,n){var r=(t.getAttribute("data-tippy-"+n)||"").trim();if(!r)return e;if("content"===n)e[n]=r;else try{e[n]=JSON.parse(r)}catch(t){e[n]=r}return e},{}));return r.aria=Object.assign({},tj.aria,r.aria),r.aria={expanded:"auto"===r.aria.expanded?e.interactive:r.aria.expanded,content:"auto"===r.aria.content?e.interactive?null:"describedby":r.aria.content},r}function tJ(t,e){t.innerHTML=e}function tq(t){var e=tC();return!0===t?e.className=tf:(e.className=tm,tT(t)?e.appendChild(t):tJ(e,t)),e}function tV(t,e){tT(e.content)?(tJ(t,""),t.appendChild(e.content)):"function"!=typeof e.content&&(e.allowHTML?tJ(t,e.content):t.textContent=e.content)}function tW(t){var e=t.firstElementChild,n=tS(e.children);return{box:e,content:n.find(function(t){return t.classList.contains(tu)}),arrow:n.find(function(t){return t.classList.contains(tf)||t.classList.contains(tm)}),backdrop:n.find(function(t){return t.classList.contains("tippy-backdrop")})}}function tK(t){var e=tC(),n=tC();n.className="tippy-box",n.setAttribute("data-state","hidden"),n.setAttribute("tabindex","-1");var r=tC();function i(n,r){var i=tW(e),o=i.box,s=i.content,a=i.arrow;r.theme?o.setAttribute("data-theme",r.theme):o.removeAttribute("data-theme"),"string"==typeof r.animation?o.setAttribute("data-animation",r.animation):o.removeAttribute("data-animation"),r.inertia?o.setAttribute("data-inertia",""):o.removeAttribute("data-inertia"),o.style.maxWidth="number"==typeof r.maxWidth?r.maxWidth+"px":r.maxWidth,r.role?o.setAttribute("role",r.role):o.removeAttribute("role"),(n.content!==r.content||n.allowHTML!==r.allowHTML)&&tV(s,t.props),r.arrow?a?n.arrow!==r.arrow&&(o.removeChild(a),o.appendChild(tq(r.arrow))):o.appendChild(tq(r.arrow)):a&&o.removeChild(a)}return r.className=tu,r.setAttribute("data-state","hidden"),tV(r,t.props),e.appendChild(n),n.appendChild(r),i(t.props,t.props),{popper:e,onUpdate:i}}tK.$$tippy=!0;var tY=1,tU=[],t_=[];function tZ(t,e){void 0===e&&(e={});var n=tj.plugins.concat(e.plugins||[]);document.addEventListener("touchstart",tH,tg),window.addEventListener("blur",tB);var r=Object.assign({},e,{plugins:n}),i=(tT(t)?[t]:tk(t,"NodeList")?tS(t):Array.isArray(t)?t:tS(document.querySelectorAll(t))).reduce(function(t,e){var n=e&&function(t,e){var n,r,i,o,s,a,l,c,p=tF(t,Object.assign({},tj,t$(tO(e)))),d=!1,h=!1,u=!1,f=!1,m=[],g=tw(W,p.interactiveDebounce),y=tY++,v=(n=p.plugins).filter(function(t,e){return n.indexOf(t)===e}),k={id:y,reference:t,popper:tC(),popperInstance:null,props:p,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:v,clearDelayTimeouts:function(){clearTimeout(r),clearTimeout(i),cancelAnimationFrame(o)},setProps:function(e){if(!k.state.isDestroyed){N("onBeforeUpdate",[k,e]),q();var n=k.props,r=tF(t,Object.assign({},n,tO(e),{ignoreAttributes:!0}));k.props=r,J(),n.interactiveDebounce!==r.interactiveDebounce&&(H(),g=tw(W,r.interactiveDebounce)),n.triggerTarget&&!r.triggerTarget?tx(n.triggerTarget).forEach(function(t){t.removeAttribute("aria-expanded")}):r.triggerTarget&&t.removeAttribute("aria-expanded"),L(),I(),x&&x(n,r),k.popperInstance&&(_(),G().forEach(function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)})),N("onAfterUpdate",[k,e])}},setContent:function(t){k.setProps({content:t})},show:function(){var e,n,r,i=k.state.isVisible,o=k.state.isDestroyed,s=!k.state.isEnabled,a=tR.isTouch&&!k.props.touch,p=tv(k.props.duration,0,tj.duration);if(!(i||o||s||a||(c||t).hasAttribute("disabled"))&&(N("onShow",[k],!1),!1!==k.props.onShow(k))){if(k.state.isVisible=!0,T()&&(w.style.visibility="visible"),I(),j(),k.state.isMounted||(w.style.transition="none"),T()){var d=tW(w);tA([d.box,d.content],0)}l=function(){var t;if(k.state.isVisible&&!f){if(f=!0,w.offsetHeight,w.style.transition=k.props.moveTransition,T()&&k.props.animation){var e=tW(w),n=e.box,r=e.content;tA([n,r],p),tE([n,r],"visible")}R(),L(),tM(t_,k),null==(t=k.popperInstance)||t.forceUpdate(),N("onMount",[k]),k.props.animation&&T()&&$(p,function(){k.state.isShown=!0,N("onShown",[k])})}},n=k.props.appendTo,r=c||t,(e=k.props.interactive&&n===ty||"parent"===n?r.parentNode:tb(n,[r])).contains(w)||e.appendChild(w),k.state.isMounted=!0,_()}},hide:function(){var t,e=!k.state.isVisible,n=k.state.isDestroyed,r=!k.state.isEnabled,i=tv(k.props.duration,1,tj.duration);if(!e&&!n&&!r&&(N("onHide",[k],!1),!1!==k.props.onHide(k))){if(k.state.isVisible=!1,k.state.isShown=!1,f=!1,d=!1,T()&&(w.style.visibility="hidden"),H(),D(),I(!0),T()){var o=tW(w),s=o.box,a=o.content;k.props.animation&&(tA([s,a],i),tE([s,a],"hidden"))}(R(),L(),k.props.animation)?T()&&(t=k.unmount,$(i,function(){!k.state.isVisible&&w.parentNode&&w.parentNode.contains(w)&&t()})):k.unmount()}},hideWithInteractivity:function(t){A().addEventListener("mousemove",g),tM(tU,g),g(t)},enable:function(){k.state.isEnabled=!0},disable:function(){k.hide(),k.state.isEnabled=!1},unmount:function(){k.state.isVisible&&k.hide(),k.state.isMounted&&(Z(),G().forEach(function(t){t._tippy.unmount()}),w.parentNode&&w.parentNode.removeChild(w),t_=t_.filter(function(t){return t!==k}),k.state.isMounted=!1,N("onHidden",[k]))},destroy:function(){k.state.isDestroyed||(k.clearDelayTimeouts(),k.unmount(),q(),delete t._tippy,k.state.isDestroyed=!0,N("onDestroy",[k]))}};if(!p.render)return k;var b=p.render(k),w=b.popper,x=b.onUpdate;w.setAttribute("data-tippy-root",""),w.id="tippy-"+k.id,k.popper=w,t._tippy=k,w._tippy=k;var M=v.map(function(t){return t.fn(k)}),S=t.hasAttribute("aria-expanded");return J(),L(),I(),N("onCreate",[k]),p.showOnCreate&&Q(),w.addEventListener("mouseenter",function(){k.props.interactive&&k.state.isVisible&&k.clearDelayTimeouts()}),w.addEventListener("mouseleave",function(){k.props.interactive&&k.props.trigger.indexOf("mouseenter")>=0&&A().addEventListener("mousemove",g)}),k;function O(){var t=k.props.touch;return Array.isArray(t)?t:[t,0]}function C(){return"hold"===O()[0]}function T(){var t;return!!(null!=(t=k.props.render)&&t.$$tippy)}function A(){var e,n,r=(c||t).parentNode;return r&&null!=(n=tx(r)[0])&&null!=(e=n.ownerDocument)&&e.body?n.ownerDocument:document}function E(t){return k.state.isMounted&&!k.state.isVisible||tR.isTouch||s&&"focus"===s.type?0:tv(k.props.delay,t?0:1,tj.delay)}function I(t){void 0===t&&(t=!1),w.style.pointerEvents=k.props.interactive&&!t?"":"none",w.style.zIndex=""+k.props.zIndex}function N(t,e,n){if(void 0===n&&(n=!0),M.forEach(function(n){n[t]&&n[t].apply(n,e)}),n){var r;(r=k.props)[t].apply(r,e)}}function R(){var e=k.props.aria;if(e.content){var n="aria-"+e.content,r=w.id;tx(k.props.triggerTarget||t).forEach(function(t){var e=t.getAttribute(n);if(k.state.isVisible)t.setAttribute(n,e?e+" "+r:r);else{var i=e&&e.replace(r,"").trim();i?t.setAttribute(n,i):t.removeAttribute(n)}})}}function L(){!S&&k.props.aria.expanded&&tx(k.props.triggerTarget||t).forEach(function(e){k.props.interactive?e.setAttribute("aria-expanded",k.state.isVisible&&e===(c||t)?"true":"false"):e.removeAttribute("aria-expanded")})}function H(){A().removeEventListener("mousemove",g),tU=tU.filter(function(t){return t!==g})}function P(e){if(!tR.isTouch||!u&&"mousedown"!==e.type){var n=e.composedPath&&e.composedPath()[0]||e.target;if(!(k.props.interactive&&tN(w,n))){if(tx(k.props.triggerTarget||t).some(function(t){return tN(t,n)})){if(tR.isTouch||k.state.isVisible&&k.props.trigger.indexOf("click")>=0)return}else N("onClickOutside",[k,e]);!0!==k.props.hideOnClick||(k.clearDelayTimeouts(),k.hide(),h=!0,setTimeout(function(){h=!1}),k.state.isMounted||D())}}}function B(){u=!0}function z(){u=!1}function j(){var t=A();t.addEventListener("mousedown",P,!0),t.addEventListener("touchend",P,tg),t.addEventListener("touchstart",z,tg),t.addEventListener("touchmove",B,tg)}function D(){var t=A();t.removeEventListener("mousedown",P,!0),t.removeEventListener("touchend",P,tg),t.removeEventListener("touchstart",z,tg),t.removeEventListener("touchmove",B,tg)}function $(t,e){var n=tW(w).box;function r(t){t.target===n&&(tI(n,"remove",r),e())}if(0===t)return e();tI(n,"remove",a),tI(n,"add",r),a=r}function F(e,n,r){void 0===r&&(r=!1),tx(k.props.triggerTarget||t).forEach(function(t){t.addEventListener(e,n,r),m.push({node:t,eventType:e,handler:n,options:r})})}function J(){C()&&(F("touchstart",V,{passive:!0}),F("touchend",K,{passive:!0})),k.props.trigger.split(/\s+/).filter(Boolean).forEach(function(t){if("manual"!==t)switch(F(t,V),t){case"mouseenter":F("mouseleave",K);break;case"focus":F(tz?"focusout":"blur",Y);break;case"focusin":F("focusout",Y)}})}function q(){m.forEach(function(t){var e=t.node,n=t.eventType,r=t.handler,i=t.options;e.removeEventListener(n,r,i)}),m=[]}function V(t){var e,n=!1;if(!(!k.state.isEnabled||U(t))&&!h){var r=(null==(e=s)?void 0:e.type)==="focus";s=t,c=t.currentTarget,L(),!k.state.isVisible&&tk(t,"MouseEvent")&&tU.forEach(function(e){return e(t)}),"click"===t.type&&(0>k.props.trigger.indexOf("mouseenter")||d)&&!1!==k.props.hideOnClick&&k.state.isVisible?n=!0:Q(t),"click"===t.type&&(d=!n),n&&!r&&X(t)}}function W(e){var n,r,i,o=e.target,s=(c||t).contains(o)||w.contains(o);("mousemove"!==e.type||!s)&&(n=G().concat(w).map(function(t){var e,n=null==(e=t._tippy.popperInstance)?void 0:e.state;return n?{popperRect:t.getBoundingClientRect(),popperState:n,props:p}:null}).filter(Boolean),r=e.clientX,i=e.clientY,n.every(function(t){var e=t.popperRect,n=t.popperState,o=t.props.interactiveBorder,s=n.placement.split("-")[0],a=n.modifiersData.offset;if(!a)return!0;var l="bottom"===s?a.top.y:0,c="top"===s?a.bottom.y:0,p="right"===s?a.left.x:0,d="left"===s?a.right.x:0,h=e.top-i+l>o,u=i-e.bottom-c>o,f=e.left-r+p>o,m=r-e.right-d>o;return h||u||f||m})&&(H(),X(e)))}function K(t){if(!(U(t)||k.props.trigger.indexOf("click")>=0&&d)){if(k.props.interactive){k.hideWithInteractivity(t);return}X(t)}}function Y(e){0>k.props.trigger.indexOf("focusin")&&e.target!==(c||t)||k.props.interactive&&e.relatedTarget&&w.contains(e.relatedTarget)||X(e)}function U(t){return!!tR.isTouch&&C()!==t.type.indexOf("touch")>=0}function _(){Z();var e=k.props,n=e.popperOptions,r=e.placement,i=e.offset,o=e.getReferenceClientRect,s=e.moveTransition,a=T()?tW(w).arrow:null,p=o?{getBoundingClientRect:o,contextElement:o.contextElement||c||t}:t,d=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!s}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var e=t.state;if(T()){var n=tW(w).box;["placement","reference-hidden","escaped"].forEach(function(t){"placement"===t?n.setAttribute("data-placement",e.placement):e.attributes.popper["data-popper-"+t]?n.setAttribute("data-"+t,""):n.removeAttribute("data-"+t)}),e.attributes.popper={}}}}];T()&&a&&d.push({name:"arrow",options:{element:a,padding:3}}),d.push.apply(d,(null==n?void 0:n.modifiers)||[]),k.popperInstance=th(p,w,Object.assign({},n,{placement:r,onFirstUpdate:l,modifiers:d}))}function Z(){k.popperInstance&&(k.popperInstance.destroy(),k.popperInstance=null)}function G(){return tS(w.querySelectorAll("[data-tippy-root]"))}function Q(t){k.clearDelayTimeouts(),t&&N("onTrigger",[k,t]),j();var e=E(!0),n=O(),i=n[0],o=n[1];tR.isTouch&&"hold"===i&&o&&(e=o),e?r=setTimeout(function(){k.show()},e):k.show()}function X(t){if(k.clearDelayTimeouts(),N("onUntrigger",[k,t]),!k.state.isVisible){D();return}if(!(k.props.trigger.indexOf("mouseenter")>=0&&k.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0)||!d){var e=E(!1);e?i=setTimeout(function(){k.state.isVisible&&k.hide()},e):o=requestAnimationFrame(function(){k.hide()})}}}(e,r);return n&&t.push(n),t},[]);return tT(t)?i[0]:i}tZ.defaultProps=tj,tZ.setDefaultProps=function(t){Object.keys(t).forEach(function(e){tj[e]=t[e]})},tZ.currentInput=tR,Object.assign({},G,{effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow)}}),tZ.setDefaultProps({render:tK});class tG{constructor({editor:t,element:e,view:n,tippyOptions:r={},updateDelay:i=250,shouldShow:o}){this.preventHide=!1,this.shouldShow=({view:t,state:e,from:n,to:r})=>{let{doc:i,selection:o}=e,{empty:s}=o,a=!i.textBetween(n,r).length&&(0,l.xh)(e.selection),c=this.element.contains(document.activeElement),p=t.hasFocus()||c;return!!p&&!s&&!a&&!!this.editor.isEditable},this.mousedownHandler=()=>{this.preventHide=!0},this.dragstartHandler=()=>{this.hide()},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:t})=>{var e;if(this.preventHide){this.preventHide=!1;return}(null==t?void 0:t.relatedTarget)&&(null===(e=this.element.parentNode)||void 0===e?void 0:e.contains(t.relatedTarget))||this.hide()},this.tippyBlurHandler=t=>{this.blurHandler({event:t})},this.handleDebouncedUpdate=(t,e)=>{let n=!(null==e?void 0:e.selection.eq(t.state.selection)),r=!(null==e?void 0:e.doc.eq(t.state.doc));(n||r)&&(this.updateDebounceTimer&&clearTimeout(this.updateDebounceTimer),this.updateDebounceTimer=window.setTimeout(()=>{this.updateHandler(t,n,r,e)},this.updateDelay))},this.updateHandler=(t,e,n,r)=>{var i,o,s;let{state:a,composing:c}=t,{selection:p}=a;if(c||!e&&!n)return;this.createTooltip();let{ranges:d}=p,h=Math.min(...d.map(t=>t.$from.pos)),u=Math.max(...d.map(t=>t.$to.pos)),f=null===(i=this.shouldShow)||void 0===i?void 0:i.call(this,{editor:this.editor,view:t,state:a,oldState:r,from:h,to:u});if(!f){this.hide();return}null===(o=this.tippy)||void 0===o||o.setProps({getReferenceClientRect:(null===(s=this.tippyOptions)||void 0===s?void 0:s.getReferenceClientRect)||(()=>{if((0,l.EG)(a.selection)){let e=t.nodeDOM(h),n=e.dataset.nodeViewWrapper?e:e.querySelector("[data-node-view-wrapper]");if(n&&(e=n.firstChild),e)return e.getBoundingClientRect()}return(0,l.pr)(t,h,u)})}),this.show()},this.editor=t,this.element=e,this.view=n,this.updateDelay=i,o&&(this.shouldShow=o),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.addEventListener("dragstart",this.dragstartHandler),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=r,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){let{element:t}=this.editor.options,e=!!t.parentElement;!this.tippy&&e&&(this.tippy=tZ(t,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"top",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(t,e){let{state:n}=t,r=n.selection.$from.pos!==n.selection.$to.pos;if(this.updateDelay>0&&r){this.handleDebouncedUpdate(t,e);return}let i=!(null==e?void 0:e.selection.eq(t.state.selection)),o=!(null==e?void 0:e.doc.eq(t.state.doc));this.updateHandler(t,i,o,e)}show(){var t;null===(t=this.tippy)||void 0===t||t.show()}hide(){var t;null===(t=this.tippy)||void 0===t||t.hide()}destroy(){var t,e;(null===(t=this.tippy)||void 0===t?void 0:t.popper.firstChild)&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),null===(e=this.tippy)||void 0===e||e.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.removeEventListener("dragstart",this.dragstartHandler),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}let tQ=t=>new c.Sy({key:"string"==typeof t.pluginKey?new c.H$(t.pluginKey):t.pluginKey,view:e=>new tG({view:e,...t})});l.hj.create({name:"bubbleMenu",addOptions:()=>({element:null,tippyOptions:{},pluginKey:"bubbleMenu",updateDelay:void 0,shouldShow:null}),addProseMirrorPlugins(){return this.options.element?[tQ({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,updateDelay:this.options.updateDelay,shouldShow:this.options.shouldShow})]:[]}});var tX=n(67294),t0=n(73935);class t1{constructor({editor:t,element:e,view:n,tippyOptions:r={},shouldShow:i}){this.preventHide=!1,this.shouldShow=({view:t,state:e})=>{let{selection:n}=e,{$anchor:r,empty:i}=n,o=1===r.depth,s=r.parent.isTextblock&&!r.parent.type.spec.code&&!r.parent.textContent;return!!t.hasFocus()&&!!i&&!!o&&!!s&&!!this.editor.isEditable},this.mousedownHandler=()=>{this.preventHide=!0},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:t})=>{var e;if(this.preventHide){this.preventHide=!1;return}(null==t?void 0:t.relatedTarget)&&(null===(e=this.element.parentNode)||void 0===e?void 0:e.contains(t.relatedTarget))||this.hide()},this.tippyBlurHandler=t=>{this.blurHandler({event:t})},this.editor=t,this.element=e,this.view=n,i&&(this.shouldShow=i),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=r,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){let{element:t}=this.editor.options,e=!!t.parentElement;!this.tippy&&e&&(this.tippy=tZ(t,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"right",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(t,e){var n,r,i;let{state:o}=t,{doc:s,selection:a}=o,{from:c,to:p}=a,d=e&&e.doc.eq(s)&&e.selection.eq(a);if(d)return;this.createTooltip();let h=null===(n=this.shouldShow)||void 0===n?void 0:n.call(this,{editor:this.editor,view:t,state:o,oldState:e});if(!h){this.hide();return}null===(r=this.tippy)||void 0===r||r.setProps({getReferenceClientRect:(null===(i=this.tippyOptions)||void 0===i?void 0:i.getReferenceClientRect)||(()=>(0,l.pr)(t,c,p))}),this.show()}show(){var t;null===(t=this.tippy)||void 0===t||t.show()}hide(){var t;null===(t=this.tippy)||void 0===t||t.hide()}destroy(){var t,e;(null===(t=this.tippy)||void 0===t?void 0:t.popper.firstChild)&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),null===(e=this.tippy)||void 0===e||e.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}let t2=t=>new c.Sy({key:"string"==typeof t.pluginKey?new c.H$(t.pluginKey):t.pluginKey,view:e=>new t1({view:e,...t})});l.hj.create({name:"floatingMenu",addOptions:()=>({element:null,tippyOptions:{},pluginKey:"floatingMenu",shouldShow:null}),addProseMirrorPlugins(){return this.options.element?[t2({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,shouldShow:this.options.shouldShow})]:[]}});let t4=t=>{let[e,n]=(0,tX.useState)(null);return(0,tX.useEffect)(()=>{if(!e||t.editor.isDestroyed)return;let{pluginKey:n="bubbleMenu",editor:r,tippyOptions:i={},updateDelay:o,shouldShow:s=null}=t,a=tQ({updateDelay:o,editor:r,element:e,pluginKey:n,shouldShow:s,tippyOptions:i});return r.registerPlugin(a),()=>r.unregisterPlugin(n)},[t.editor,e]),tX.createElement("div",{ref:n,className:t.className,style:{visibility:"hidden"}},t.children)};class t5 extends l.ML{constructor(){super(...arguments),this.contentComponent=null}}let t3=({renderers:t})=>tX.createElement(tX.Fragment,null,Object.entries(t).map(([t,e])=>t0.createPortal(e.reactElement,e.element,t)));class t6 extends tX.Component{constructor(t){super(t),this.editorContentRef=tX.createRef(),this.initialized=!1,this.state={renderers:{}}}componentDidMount(){this.init()}componentDidUpdate(){this.init()}init(){let{editor:t}=this.props;if(t&&t.options.element){if(t.contentComponent)return;let e=this.editorContentRef.current;e.append(...t.options.element.childNodes),t.setOptions({element:e}),t.contentComponent=this,t.createNodeViews(),this.initialized=!0}}maybeFlushSync(t){this.initialized?(0,t0.flushSync)(t):t()}setRenderer(t,e){this.maybeFlushSync(()=>{this.setState(({renderers:n})=>({renderers:{...n,[t]:e}}))})}removeRenderer(t){this.maybeFlushSync(()=>{this.setState(({renderers:e})=>{let n={...e};return delete n[t],{renderers:n}})})}componentWillUnmount(){let{editor:t}=this.props;if(!t||(this.initialized=!1,t.isDestroyed||t.view.setProps({nodeViews:{}}),t.contentComponent=null,!t.options.element.firstChild))return;let e=document.createElement("div");e.append(...t.options.element.childNodes),t.setOptions({element:e})}render(){let{editor:t,...e}=this.props;return tX.createElement(tX.Fragment,null,tX.createElement("div",{ref:this.editorContentRef,...e}),tX.createElement(t3,{renderers:this.state.renderers}))}}let t7=tX.memo(t6),t8=t=>{let[e,n]=(0,tX.useState)(null);return(0,tX.useEffect)(()=>{if(!e||t.editor.isDestroyed)return;let{pluginKey:n="floatingMenu",editor:r,tippyOptions:i={},shouldShow:o=null}=t,s=t2({pluginKey:n,editor:r,element:e,tippyOptions:i,shouldShow:o});return r.registerPlugin(s),()=>r.unregisterPlugin(n)},[t.editor,e]),tX.createElement("div",{ref:n,className:t.className,style:{visibility:"hidden"}},t.children)},t9=(0,tX.createContext)({onDragStart:void 0}),et=()=>(0,tX.useContext)(t9);tX.forwardRef((t,e)=>{let{onDragStart:n}=et(),r=t.as||"div";return tX.createElement(r,{...t,ref:e,"data-node-view-wrapper":"",onDragStart:n,style:{whiteSpace:"normal",...t.style}})});let ee=(t={},e=[])=>{let[n,r]=(0,tX.useState)(null),i=function(){let[,t]=(0,tX.useState)(0);return()=>t(t=>t+1)}(),{onBeforeCreate:o,onBlur:s,onCreate:a,onDestroy:l,onFocus:c,onSelectionUpdate:p,onTransaction:d,onUpdate:h}=t,u=(0,tX.useRef)(o),f=(0,tX.useRef)(s),m=(0,tX.useRef)(a),g=(0,tX.useRef)(l),y=(0,tX.useRef)(c),v=(0,tX.useRef)(p),k=(0,tX.useRef)(d),b=(0,tX.useRef)(h);return(0,tX.useEffect)(()=>{n&&(o&&(n.off("beforeCreate",u.current),n.on("beforeCreate",o),u.current=o),s&&(n.off("blur",f.current),n.on("blur",s),f.current=s),a&&(n.off("create",m.current),n.on("create",a),m.current=a),l&&(n.off("destroy",g.current),n.on("destroy",l),g.current=l),c&&(n.off("focus",y.current),n.on("focus",c),y.current=c),p&&(n.off("selectionUpdate",v.current),n.on("selectionUpdate",p),v.current=p),d&&(n.off("transaction",k.current),n.on("transaction",d),k.current=d),h&&(n.off("update",b.current),n.on("update",h),b.current=h))},[o,s,a,l,c,p,d,h,n]),(0,tX.useEffect)(()=>{let e=!0,n=new t5(t);return r(n),n.on("transaction",()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{e&&i()})})}),()=>{n.destroy(),e=!1}},e),n}},86873:function(t,e,n){n.d(e,{Z:function(){return ty}});var r=n(54848);let i=/^\s*>\s$/,o=r.NB.create({name:"blockquote",addOptions:()=>({HTMLAttributes:{}}),content:"block+",group:"block",defining:!0,parseHTML:()=>[{tag:"blockquote"}],renderHTML({HTMLAttributes:t}){return["blockquote",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setBlockquote:()=>({commands:t})=>t.wrapIn(this.name),toggleBlockquote:()=>({commands:t})=>t.toggleWrap(this.name),unsetBlockquote:()=>({commands:t})=>t.lift(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-b":()=>this.editor.commands.toggleBlockquote()}},addInputRules(){return[(0,r.S0)({find:i,type:this.type})]}}),s=/(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))$/,a=/(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))/g,l=/(?:^|\s)((?:__)((?:[^__]+))(?:__))$/,c=/(?:^|\s)((?:__)((?:[^__]+))(?:__))/g,p=r.vc.create({name:"bold",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"strong"},{tag:"b",getAttrs:t=>"normal"!==t.style.fontWeight&&null},{style:"font-weight",getAttrs:t=>/^(bold(er)?|[5-9]\d{2,})$/.test(t)&&null}],renderHTML({HTMLAttributes:t}){return["strong",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setBold:()=>({commands:t})=>t.setMark(this.name),toggleBold:()=>({commands:t})=>t.toggleMark(this.name),unsetBold:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-b":()=>this.editor.commands.toggleBold(),"Mod-B":()=>this.editor.commands.toggleBold()}},addInputRules(){return[(0,r.Cf)({find:s,type:this.type}),(0,r.Cf)({find:l,type:this.type})]},addPasteRules(){return[(0,r.K9)({find:a,type:this.type}),(0,r.K9)({find:c,type:this.type})]}}),d=r.NB.create({name:"listItem",addOptions:()=>({HTMLAttributes:{}}),content:"paragraph block*",defining:!0,parseHTML:()=>[{tag:"li"}],renderHTML({HTMLAttributes:t}){return["li",(0,r.P1)(this.options.HTMLAttributes,t),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),h=r.vc.create({name:"textStyle",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"span",getAttrs:t=>{let e=t.hasAttribute("style");return!!e&&{}}}],renderHTML({HTMLAttributes:t}){return["span",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{removeEmptyTextStyle:()=>({state:t,commands:e})=>{let n=(0,r.Jo)(t,this.type),i=Object.entries(n).some(([,t])=>!!t);return!!i||e.unsetMark(this.name)}}}}),u=/^\s*([-+*])\s$/,f=r.NB.create({name:"bulletList",addOptions:()=>({itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}),group:"block list",content(){return`${this.options.itemTypeName}+`},parseHTML:()=>[{tag:"ul"}],renderHTML({HTMLAttributes:t}){return["ul",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{toggleBulletList:()=>({commands:t,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(d.name,this.editor.getAttributes(h.name)).run():t.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-8":()=>this.editor.commands.toggleBulletList()}},addInputRules(){let t=(0,r.S0)({find:u,type:this.type});return(this.options.keepMarks||this.options.keepAttributes)&&(t=(0,r.S0)({find:u,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:()=>this.editor.getAttributes(h.name),editor:this.editor})),[t]}}),m=/(?:^|\s)((?:`)((?:[^`]+))(?:`))$/,g=/(?:^|\s)((?:`)((?:[^`]+))(?:`))/g,y=r.vc.create({name:"code",addOptions:()=>({HTMLAttributes:{}}),excludes:"_",code:!0,exitable:!0,parseHTML:()=>[{tag:"code"}],renderHTML({HTMLAttributes:t}){return["code",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setCode:()=>({commands:t})=>t.setMark(this.name),toggleCode:()=>({commands:t})=>t.toggleMark(this.name),unsetCode:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[(0,r.Cf)({find:m,type:this.type})]},addPasteRules(){return[(0,r.K9)({find:g,type:this.type})]}});var v=n(82195);let k=r.NB.create({name:"doc",topNode:!0,content:"block+"});var b=n(82789),w=n(8465);class x{constructor(t,e){var n;this.editorView=t,this.cursorPos=null,this.element=null,this.timeout=-1,this.width=null!==(n=e.width)&&void 0!==n?n:1,this.color=!1===e.color?void 0:e.color||"black",this.class=e.class,this.handlers=["dragover","dragend","drop","dragleave"].map(e=>{let n=t=>{this[e](t)};return t.dom.addEventListener(e,n),{name:e,handler:n}})}destroy(){this.handlers.forEach(({name:t,handler:e})=>this.editorView.dom.removeEventListener(t,e))}update(t,e){null!=this.cursorPos&&e.doc!=t.state.doc&&(this.cursorPos>t.state.doc.content.size?this.setCursor(null):this.updateOverlay())}setCursor(t){t!=this.cursorPos&&(this.cursorPos=t,null==t?(this.element.parentNode.removeChild(this.element),this.element=null):this.updateOverlay())}updateOverlay(){let t,e,n=this.editorView.state.doc.resolve(this.cursorPos),r=!n.parent.inlineContent,i;if(r){let t=n.nodeBefore,e=n.nodeAfter;if(t||e){let n=this.editorView.nodeDOM(this.cursorPos-(t?t.nodeSize:0));if(n){let r=n.getBoundingClientRect(),o=t?r.bottom:r.top;t&&e&&(o=(o+this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top)/2),i={left:r.left,right:r.right,top:o-this.width/2,bottom:o+this.width/2}}}}if(!i){let t=this.editorView.coordsAtPos(this.cursorPos);i={left:t.left-this.width/2,right:t.left+this.width/2,top:t.top,bottom:t.bottom}}let o=this.editorView.dom.offsetParent;if(!this.element&&(this.element=o.appendChild(document.createElement("div")),this.class&&(this.element.className=this.class),this.element.style.cssText="position: absolute; z-index: 50; pointer-events: none;",this.color&&(this.element.style.backgroundColor=this.color)),this.element.classList.toggle("prosemirror-dropcursor-block",r),this.element.classList.toggle("prosemirror-dropcursor-inline",!r),o&&(o!=document.body||"static"!=getComputedStyle(o).position)){let n=o.getBoundingClientRect();t=n.left-o.scrollLeft,e=n.top-o.scrollTop}else t=-pageXOffset,e=-pageYOffset;this.element.style.left=i.left-t+"px",this.element.style.top=i.top-e+"px",this.element.style.width=i.right-i.left+"px",this.element.style.height=i.bottom-i.top+"px"}scheduleRemoval(t){clearTimeout(this.timeout),this.timeout=setTimeout(()=>this.setCursor(null),t)}dragover(t){if(!this.editorView.editable)return;let e=this.editorView.posAtCoords({left:t.clientX,top:t.clientY}),n=e&&e.inside>=0&&this.editorView.state.doc.nodeAt(e.inside),r=n&&n.type.spec.disableDropCursor,i="function"==typeof r?r(this.editorView,e,t):r;if(e&&!i){let t=e.pos;if(this.editorView.dragging&&this.editorView.dragging.slice){let e=(0,w.nj)(this.editorView.state.doc,t,this.editorView.dragging.slice);null!=e&&(t=e)}this.setCursor(t),this.scheduleRemoval(5e3)}}dragend(){this.scheduleRemoval(20)}drop(){this.scheduleRemoval(20)}dragleave(t){t.target!=this.editorView.dom&&this.editorView.dom.contains(t.relatedTarget)||this.setCursor(null)}}let M=r.hj.create({name:"dropCursor",addOptions:()=>({color:"currentColor",width:1,class:void 0}),addProseMirrorPlugins(){return[function(t={}){return new b.Sy({view:e=>new x(e,t)})}(this.options)]}});var S=n(52295),O=n(2396),C=n(15463);class T extends b.Y1{constructor(t){super(t,t)}map(t,e){let n=t.resolve(e.map(this.head));return T.valid(n)?new T(n):b.Y1.near(n)}content(){return O.p2.empty}eq(t){return t instanceof T&&t.head==this.head}toJSON(){return{type:"gapcursor",pos:this.head}}static fromJSON(t,e){if("number"!=typeof e.pos)throw RangeError("Invalid input for GapCursor.fromJSON");return new T(t.resolve(e.pos))}getBookmark(){return new A(this.anchor)}static valid(t){let e=t.parent;if(e.isTextblock||!function(t){for(let e=t.depth;e>=0;e--){let n=t.index(e),r=t.node(e);if(0==n){if(r.type.spec.isolating)return!0;continue}for(let t=r.child(n-1);;t=t.lastChild){if(0==t.childCount&&!t.inlineContent||t.isAtom||t.type.spec.isolating)return!0;if(t.inlineContent)return!1}}return!0}(t)||!function(t){for(let e=t.depth;e>=0;e--){let n=t.indexAfter(e),r=t.node(e);if(n==r.childCount){if(r.type.spec.isolating)return!0;continue}for(let t=r.child(n);;t=t.firstChild){if(0==t.childCount&&!t.inlineContent||t.isAtom||t.type.spec.isolating)return!0;if(t.inlineContent)return!1}}return!0}(t))return!1;let n=e.type.spec.allowGapCursor;if(null!=n)return n;let r=e.contentMatchAt(t.index()).defaultType;return r&&r.isTextblock}static findGapCursorFrom(t,e,n=!1){t:for(;;){if(!n&&T.valid(t))return t;let r=t.pos,i=null;for(let n=t.depth;;n--){let o=t.node(n);if(e>0?t.indexAfter(n)0){i=o.child(e>0?t.indexAfter(n):t.index(n)-1);break}if(0==n)return null;r+=e;let s=t.doc.resolve(r);if(T.valid(s))return s}for(;;){let o=e>0?i.firstChild:i.lastChild;if(!o){if(i.isAtom&&!i.isText&&!b.qv.isSelectable(i)){t=t.doc.resolve(r+i.nodeSize*e),n=!1;continue t}break}i=o,r+=e;let s=t.doc.resolve(r);if(T.valid(s))return s}return null}}}T.prototype.visible=!1,T.findFrom=T.findGapCursorFrom,b.Y1.jsonID("gapcursor",T);class A{constructor(t){this.pos=t}map(t){return new A(t.map(this.pos))}resolve(t){let e=t.resolve(this.pos);return T.valid(e)?new T(e):b.Y1.near(e)}}let E=(0,S.$)({ArrowLeft:I("horiz",-1),ArrowRight:I("horiz",1),ArrowUp:I("vert",-1),ArrowDown:I("vert",1)});function I(t,e){let n="vert"==t?e>0?"down":"up":e>0?"right":"left";return function(t,r,i){let o=t.selection,s=e>0?o.$to:o.$from,a=o.empty;if(o instanceof b.Bs){if(!i.endOfTextblock(n)||0==s.depth)return!1;a=!1,s=t.doc.resolve(e>0?s.after():s.before())}let l=T.findGapCursorFrom(s,e,a);return!!l&&(r&&r(t.tr.setSelection(new T(l))),!0)}}function N(t,e,n){if(!t||!t.editable)return!1;let r=t.state.doc.resolve(e);if(!T.valid(r))return!1;let i=t.posAtCoords({left:n.clientX,top:n.clientY});return!(i&&i.inside>-1&&b.qv.isSelectable(t.state.doc.nodeAt(i.inside)))&&(t.dispatch(t.state.tr.setSelection(new T(r))),!0)}function R(t,e){if("insertCompositionText"!=e.inputType||!(t.state.selection instanceof T))return!1;let{$from:n}=t.state.selection,r=n.parent.contentMatchAt(n.index()).findWrapping(t.state.schema.nodes.text);if(!r)return!1;let i=O.HY.empty;for(let t=r.length-1;t>=0;t--)i=O.HY.from(r[t].createAndFill(null,i));let o=t.state.tr.replace(n.pos,n.pos,new O.p2(i,0,0));return o.setSelection(b.Bs.near(o.doc.resolve(n.pos+1))),t.dispatch(o),!1}function L(t){if(!(t.selection instanceof T))return null;let e=document.createElement("div");return e.className="ProseMirror-gapcursor",C.EH.create(t.doc,[C.p.widget(t.selection.head,e,{key:"gapcursor"})])}let H=r.hj.create({name:"gapCursor",addProseMirrorPlugins:()=>[new b.Sy({props:{decorations:L,createSelectionBetween:(t,e,n)=>e.pos==n.pos&&T.valid(n)?new T(n):null,handleClick:N,handleKeyDown:E,handleDOMEvents:{beforeinput:R}}})],extendNodeSchema(t){var e;let n={name:t.name,options:t.options,storage:t.storage};return{allowGapCursor:null!==(e=(0,r.nU)((0,r.Nl)(t,"allowGapCursor",n)))&&void 0!==e?e:null}}}),P=r.NB.create({name:"hardBreak",addOptions:()=>({keepMarks:!0,HTMLAttributes:{}}),inline:!0,group:"inline",selectable:!1,parseHTML:()=>[{tag:"br"}],renderHTML({HTMLAttributes:t}){return["br",(0,r.P1)(this.options.HTMLAttributes,t)]},renderText:()=>"\n",addCommands(){return{setHardBreak:()=>({commands:t,chain:e,state:n,editor:r})=>t.first([()=>t.exitCode(),()=>t.command(()=>{let{selection:t,storedMarks:i}=n;if(t.$from.parent.type.spec.isolating)return!1;let{keepMarks:o}=this.options,{splittableMarks:s}=r.extensionManager,a=i||t.$to.parentOffset&&t.$from.marks();return e().insertContent({type:this.name}).command(({tr:t,dispatch:e})=>{if(e&&a&&o){let e=a.filter(t=>s.includes(t.type.name));t.ensureMarks(e)}return!0}).run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),B=r.NB.create({name:"heading",addOptions:()=>({levels:[1,2,3,4,5,6],HTMLAttributes:{}}),content:"inline*",group:"block",defining:!0,addAttributes:()=>({level:{default:1,rendered:!1}}),parseHTML(){return this.options.levels.map(t=>({tag:`h${t}`,attrs:{level:t}}))},renderHTML({node:t,HTMLAttributes:e}){let n=this.options.levels.includes(t.attrs.level),i=n?t.attrs.level:this.options.levels[0];return[`h${i}`,(0,r.P1)(this.options.HTMLAttributes,e),0]},addCommands(){return{setHeading:t=>({commands:e})=>!!this.options.levels.includes(t.level)&&e.setNode(this.name,t),toggleHeading:t=>({commands:e})=>!!this.options.levels.includes(t.level)&&e.toggleNode(this.name,"paragraph",t)}},addKeyboardShortcuts(){return this.options.levels.reduce((t,e)=>({...t,[`Mod-Alt-${e}`]:()=>this.editor.commands.toggleHeading({level:e})}),{})},addInputRules(){return this.options.levels.map(t=>(0,r.zK)({find:RegExp(`^(#{1,${t}})\\s$`),type:this.type,getAttributes:{level:t}}))}});var z=function(){};z.prototype.append=function(t){return t.length?(t=z.from(t),!this.length&&t||t.length<200&&this.leafAppend(t)||this.length<200&&t.leafPrepend(this)||this.appendInner(t)):this},z.prototype.prepend=function(t){return t.length?z.from(t).append(this):this},z.prototype.appendInner=function(t){return new D(this,t)},z.prototype.slice=function(t,e){return(void 0===t&&(t=0),void 0===e&&(e=this.length),t>=e)?z.empty:this.sliceInner(Math.max(0,t),Math.min(this.length,e))},z.prototype.get=function(t){if(!(t<0)&&!(t>=this.length))return this.getInner(t)},z.prototype.forEach=function(t,e,n){void 0===e&&(e=0),void 0===n&&(n=this.length),e<=n?this.forEachInner(t,e,n,0):this.forEachInvertedInner(t,e,n,0)},z.prototype.map=function(t,e,n){void 0===e&&(e=0),void 0===n&&(n=this.length);var r=[];return this.forEach(function(e,n){return r.push(t(e,n))},e,n),r},z.from=function(t){return t instanceof z?t:t&&t.length?new j(t):z.empty};var j=function(t){function e(e){t.call(this),this.values=e}t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e;var n={length:{configurable:!0},depth:{configurable:!0}};return e.prototype.flatten=function(){return this.values},e.prototype.sliceInner=function(t,n){return 0==t&&n==this.length?this:new e(this.values.slice(t,n))},e.prototype.getInner=function(t){return this.values[t]},e.prototype.forEachInner=function(t,e,n,r){for(var i=e;i=n;i--)if(!1===t(this.values[i],r+i))return!1},e.prototype.leafAppend=function(t){if(this.length+t.length<=200)return new e(this.values.concat(t.flatten()))},e.prototype.leafPrepend=function(t){if(this.length+t.length<=200)return new e(t.flatten().concat(this.values))},n.length.get=function(){return this.values.length},n.depth.get=function(){return 0},Object.defineProperties(e.prototype,n),e}(z);z.empty=new j([]);var D=function(t){function e(e,n){t.call(this),this.left=e,this.right=n,this.length=e.length+n.length,this.depth=Math.max(e.depth,n.depth)+1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.flatten=function(){return this.left.flatten().concat(this.right.flatten())},e.prototype.getInner=function(t){return ti&&!1===this.right.forEachInner(t,Math.max(e-i,0),Math.min(this.length,n)-i,r+i))return!1},e.prototype.forEachInvertedInner=function(t,e,n,r){var i=this.left.length;if(e>i&&!1===this.right.forEachInvertedInner(t,e-i,Math.max(n,i)-i,r+i)||n=n?this.right.slice(t-n,e-n):this.left.slice(t,n).append(this.right.slice(0,e-n))},e.prototype.leafAppend=function(t){var n=this.right.leafAppend(t);if(n)return new e(this.left,n)},e.prototype.leafPrepend=function(t){var n=this.left.leafPrepend(t);if(n)return new e(n,this.right)},e.prototype.appendInner=function(t){return this.left.depth>=Math.max(this.right.depth,t.depth)+1?new e(this.left,new e(this.right,t)):new e(this,t)},e}(z);class ${constructor(t,e){this.items=t,this.eventCount=e}popEvent(t,e){let n,r,i,o;if(0==this.eventCount)return null;let s=this.items.length;for(;;s--)if(this.items.get(s-1).selection){--s;break}e&&(r=(n=this.remapping(s,this.items.length)).maps.length);let a=t.tr,l=[],c=[];return this.items.forEach((t,e)=>{if(!t.step){n||(r=(n=this.remapping(s,e+1)).maps.length),r--,c.push(t);return}if(n){c.push(new F(t.map));let e=t.step.map(n.slice(r)),i;e&&a.maybeStep(e).doc&&(i=a.mapping.maps[a.mapping.maps.length-1],l.push(new F(i,void 0,void 0,l.length+c.length))),r--,i&&n.appendMap(i,r)}else a.maybeStep(t.step);if(t.selection)return i=n?t.selection.map(n.slice(r)):t.selection,o=new $(this.items.slice(0,s).append(c.reverse().concat(l)),this.eventCount-1),!1},this.items.length,0),{remaining:o,transform:a,selection:i}}addTransform(t,e,n,r){var i,o;let s,a=[],l=this.eventCount,c=this.items,p=!r&&c.length?c.get(c.length-1):null;for(let n=0;nq&&(i=c,o=d,i.forEach((t,e)=>{if(t.selection&&0==o--)return s=e,!1}),c=i.slice(s),l-=d),new $(c.append(a),l)}remapping(t,e){let n=new w.vs;return this.items.forEach((e,r)=>{let i=null!=e.mirrorOffset&&r-e.mirrorOffset>=t?n.maps.length-e.mirrorOffset:void 0;n.appendMap(e.map,i)},t,e),n}addMaps(t){return 0==this.eventCount?this:new $(this.items.append(t.map(t=>new F(t))),this.eventCount)}rebased(t,e){if(!this.eventCount)return this;let n=[],r=Math.max(0,this.items.length-e),i=t.mapping,o=t.steps.length,s=this.eventCount;this.items.forEach(t=>{t.selection&&s--},r);let a=e;this.items.forEach(e=>{let r=i.getMirror(--a);if(null==r)return;o=Math.min(o,r);let l=i.maps[r];if(e.step){let o=t.steps[r].invert(t.docs[r]),c=e.selection&&e.selection.map(i.slice(a+1,r));c&&s++,n.push(new F(l,o,c))}else n.push(new F(l))},r);let l=[];for(let t=e;t500&&(p=p.compress(this.items.length-n.length)),p}emptyItemCount(){let t=0;return this.items.forEach(e=>{!e.step&&t++}),t}compress(t=this.items.length){let e=this.remapping(0,t),n=e.maps.length,r=[],i=0;return this.items.forEach((o,s)=>{if(s>=t)r.push(o),o.selection&&i++;else if(o.step){let t=o.step.map(e.slice(n)),s=t&&t.getMap();if(n--,s&&e.appendMap(s,n),t){let a=o.selection&&o.selection.map(e.slice(n));a&&i++;let l=new F(s.invert(),t,a),c,p=r.length-1;(c=r.length&&r[p].merge(l))?r[p]=c:r.push(l)}}else o.map&&n--},this.items.length,0),new $(z.from(r.reverse()),i)}}$.empty=new $(z.empty,0);class F{constructor(t,e,n,r){this.map=t,this.step=e,this.selection=n,this.mirrorOffset=r}merge(t){if(this.step&&t.step&&!t.selection){let e=t.step.merge(this.step);if(e)return new F(e.getMap().invert(),e,this.selection)}}}class J{constructor(t,e,n,r,i){this.done=t,this.undone=e,this.prevRanges=n,this.prevTime=r,this.prevComposition=i}}let q=20;function V(t){let e=[];return t.forEach((t,n,r,i)=>e.push(r,i)),e}function W(t,e){if(!t)return null;let n=[];for(let r=0;r{let n=Z.getState(t);return!!n&&0!=n.done.eventCount&&(e&&K(n,t,e,!1),!0)},X=(t,e)=>{let n=Z.getState(t);return!!n&&0!=n.undone.eventCount&&(e&&K(n,t,e,!0),!0)},tt=r.hj.create({name:"history",addOptions:()=>({depth:100,newGroupDelay:500}),addCommands:()=>({undo:()=>({state:t,dispatch:e})=>Q(t,e),redo:()=>({state:t,dispatch:e})=>X(t,e)}),addProseMirrorPlugins(){return[function(t={}){return t={depth:t.depth||100,newGroupDelay:t.newGroupDelay||500},new b.Sy({key:Z,state:{init:()=>new J($.empty,$.empty,null,0,-1),apply:(e,n,r)=>(function(t,e,n,r){let i=n.getMeta(Z),o;if(i)return i.historyState;n.getMeta(G)&&(t=new J(t.done,t.undone,null,0,-1));let s=n.getMeta("appendedTransaction");if(0==n.steps.length)return t;if(s&&s.getMeta(Z))return s.getMeta(Z).redo?new J(t.done.addTransform(n,void 0,r,_(e)),t.undone,V(n.mapping.maps[n.steps.length-1]),t.prevTime,t.prevComposition):new J(t.done,t.undone.addTransform(n,void 0,r,_(e)),null,t.prevTime,t.prevComposition);if(!1===n.getMeta("addToHistory")||s&&!1===s.getMeta("addToHistory"))return(o=n.getMeta("rebased"))?new J(t.done.rebased(n,o),t.undone.rebased(n,o),W(t.prevRanges,n.mapping),t.prevTime,t.prevComposition):new J(t.done.addMaps(n.mapping.maps),t.undone.addMaps(n.mapping.maps),W(t.prevRanges,n.mapping),t.prevTime,t.prevComposition);{let i=n.getMeta("composition"),o=0==t.prevTime||!s&&t.prevComposition!=i&&(t.prevTime<(n.time||0)-r.newGroupDelay||!function(t,e){if(!e)return!1;if(!t.docChanged)return!0;let n=!1;return t.mapping.maps[0].forEach((t,r)=>{for(let i=0;i=e[i]&&(n=!0)}),n}(n,t.prevRanges)),a=s?W(t.prevRanges,n.mapping):V(n.mapping.maps[n.steps.length-1]);return new J(t.done.addTransform(n,o?e.selection.getBookmark():void 0,r,_(e)),$.empty,a,n.time,null==i?t.prevComposition:i)}})(n,r,e,t)},config:t,props:{handleDOMEvents:{beforeinput(t,e){let n=e.inputType,r="historyUndo"==n?Q:"historyRedo"==n?X:null;return!!r&&(e.preventDefault(),r(t.state,t.dispatch))}}}})}(this.options)]},addKeyboardShortcuts(){return{"Mod-z":()=>this.editor.commands.undo(),"Mod-y":()=>this.editor.commands.redo(),"Shift-Mod-z":()=>this.editor.commands.redo(),"Mod-я":()=>this.editor.commands.undo(),"Shift-Mod-я":()=>this.editor.commands.redo()}}}),te=r.NB.create({name:"horizontalRule",addOptions:()=>({HTMLAttributes:{}}),group:"block",parseHTML:()=>[{tag:"hr"}],renderHTML({HTMLAttributes:t}){return["hr",(0,r.P1)(this.options.HTMLAttributes,t)]},addCommands(){return{setHorizontalRule:()=>({chain:t})=>t().insertContent({type:this.name}).command(({tr:t,dispatch:e})=>{var n;if(e){let{$to:e}=t.selection,r=e.end();if(e.nodeAfter)t.setSelection(b.Bs.create(t.doc,e.pos));else{let i=null===(n=e.parent.type.contentMatch.defaultType)||void 0===n?void 0:n.create();i&&(t.insert(r,i),t.setSelection(b.Bs.create(t.doc,r)))}t.scrollIntoView()}return!0}).run()}},addInputRules(){return[(0,r.x2)({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}}),tn=/(?:^|\s)((?:\*)((?:[^*]+))(?:\*))$/,tr=/(?:^|\s)((?:\*)((?:[^*]+))(?:\*))/g,ti=/(?:^|\s)((?:_)((?:[^_]+))(?:_))$/,to=/(?:^|\s)((?:_)((?:[^_]+))(?:_))/g,ts=r.vc.create({name:"italic",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"em"},{tag:"i",getAttrs:t=>"normal"!==t.style.fontStyle&&null},{style:"font-style=italic"}],renderHTML({HTMLAttributes:t}){return["em",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setItalic:()=>({commands:t})=>t.setMark(this.name),toggleItalic:()=>({commands:t})=>t.toggleMark(this.name),unsetItalic:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[(0,r.Cf)({find:tn,type:this.type}),(0,r.Cf)({find:ti,type:this.type})]},addPasteRules(){return[(0,r.K9)({find:tr,type:this.type}),(0,r.K9)({find:to,type:this.type})]}}),ta=r.NB.create({name:"listItem",addOptions:()=>({HTMLAttributes:{}}),content:"paragraph block*",defining:!0,parseHTML:()=>[{tag:"li"}],renderHTML({HTMLAttributes:t}){return["li",(0,r.P1)(this.options.HTMLAttributes,t),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),tl=r.NB.create({name:"listItem",addOptions:()=>({HTMLAttributes:{}}),content:"paragraph block*",defining:!0,parseHTML:()=>[{tag:"li"}],renderHTML({HTMLAttributes:t}){return["li",(0,r.P1)(this.options.HTMLAttributes,t),0]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),tc=r.vc.create({name:"textStyle",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"span",getAttrs:t=>{let e=t.hasAttribute("style");return!!e&&{}}}],renderHTML({HTMLAttributes:t}){return["span",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{removeEmptyTextStyle:()=>({state:t,commands:e})=>{let n=(0,r.Jo)(t,this.type),i=Object.entries(n).some(([,t])=>!!t);return!!i||e.unsetMark(this.name)}}}}),tp=/^(\d+)\.\s$/,td=r.NB.create({name:"orderedList",addOptions:()=>({itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}),group:"block list",content(){return`${this.options.itemTypeName}+`},addAttributes:()=>({start:{default:1,parseHTML:t=>t.hasAttribute("start")?parseInt(t.getAttribute("start")||"",10):1}}),parseHTML:()=>[{tag:"ol"}],renderHTML({HTMLAttributes:t}){let{start:e,...n}=t;return 1===e?["ol",(0,r.P1)(this.options.HTMLAttributes,n),0]:["ol",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{toggleOrderedList:()=>({commands:t,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(tl.name,this.editor.getAttributes(tc.name)).run():t.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-7":()=>this.editor.commands.toggleOrderedList()}},addInputRules(){let t=(0,r.S0)({find:tp,type:this.type,getAttributes:t=>({start:+t[1]}),joinPredicate:(t,e)=>e.childCount+e.attrs.start===+t[1]});return(this.options.keepMarks||this.options.keepAttributes)&&(t=(0,r.S0)({find:tp,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:t=>({start:+t[1],...this.editor.getAttributes(tc.name)}),joinPredicate:(t,e)=>e.childCount+e.attrs.start===+t[1],editor:this.editor})),[t]}}),th=r.NB.create({name:"paragraph",priority:1e3,addOptions:()=>({HTMLAttributes:{}}),group:"block",content:"inline*",parseHTML:()=>[{tag:"p"}],renderHTML({HTMLAttributes:t}){return["p",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setParagraph:()=>({commands:t})=>t.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),tu=/(?:^|\s)((?:~~)((?:[^~]+))(?:~~))$/,tf=/(?:^|\s)((?:~~)((?:[^~]+))(?:~~))/g,tm=r.vc.create({name:"strike",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"s"},{tag:"del"},{tag:"strike"},{style:"text-decoration",consuming:!1,getAttrs:t=>!!t.includes("line-through")&&{}}],renderHTML({HTMLAttributes:t}){return["s",(0,r.P1)(this.options.HTMLAttributes,t),0]},addCommands(){return{setStrike:()=>({commands:t})=>t.setMark(this.name),toggleStrike:()=>({commands:t})=>t.toggleMark(this.name),unsetStrike:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-x":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[(0,r.Cf)({find:tu,type:this.type})]},addPasteRules(){return[(0,r.K9)({find:tf,type:this.type})]}}),tg=r.NB.create({name:"text",group:"inline"}),ty=r.hj.create({name:"starterKit",addExtensions(){var t,e,n,r,i,s,a,l,c,d,h,u,m,g,b,w,x,S;let O=[];return!1!==this.options.blockquote&&O.push(o.configure(null===(t=this.options)||void 0===t?void 0:t.blockquote)),!1!==this.options.bold&&O.push(p.configure(null===(e=this.options)||void 0===e?void 0:e.bold)),!1!==this.options.bulletList&&O.push(f.configure(null===(n=this.options)||void 0===n?void 0:n.bulletList)),!1!==this.options.code&&O.push(y.configure(null===(r=this.options)||void 0===r?void 0:r.code)),!1!==this.options.codeBlock&&O.push(v.dn.configure(null===(i=this.options)||void 0===i?void 0:i.codeBlock)),!1!==this.options.document&&O.push(k.configure(null===(s=this.options)||void 0===s?void 0:s.document)),!1!==this.options.dropcursor&&O.push(M.configure(null===(a=this.options)||void 0===a?void 0:a.dropcursor)),!1!==this.options.gapcursor&&O.push(H.configure(null===(l=this.options)||void 0===l?void 0:l.gapcursor)),!1!==this.options.hardBreak&&O.push(P.configure(null===(c=this.options)||void 0===c?void 0:c.hardBreak)),!1!==this.options.heading&&O.push(B.configure(null===(d=this.options)||void 0===d?void 0:d.heading)),!1!==this.options.history&&O.push(tt.configure(null===(h=this.options)||void 0===h?void 0:h.history)),!1!==this.options.horizontalRule&&O.push(te.configure(null===(u=this.options)||void 0===u?void 0:u.horizontalRule)),!1!==this.options.italic&&O.push(ts.configure(null===(m=this.options)||void 0===m?void 0:m.italic)),!1!==this.options.listItem&&O.push(ta.configure(null===(g=this.options)||void 0===g?void 0:g.listItem)),!1!==this.options.orderedList&&O.push(td.configure(null===(b=this.options)||void 0===b?void 0:b.orderedList)),!1!==this.options.paragraph&&O.push(th.configure(null===(w=this.options)||void 0===w?void 0:w.paragraph)),!1!==this.options.strike&&O.push(tm.configure(null===(x=this.options)||void 0===x?void 0:x.strike)),!1!==this.options.text&&O.push(tg.configure(null===(S=this.options)||void 0===S?void 0:S.text)),O}})},52295:function(t,e,n){n.d(e,{$:function(){return u},h:function(){return h}});for(var r={8:"Backspace",9:"Tab",10:"Enter",12:"NumLock",13:"Enter",16:"Shift",17:"Control",18:"Alt",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",44:"PrintScreen",45:"Insert",46:"Delete",59:";",61:"=",91:"Meta",92:"Meta",106:"*",107:"+",108:",",109:"-",110:".",111:"/",144:"NumLock",145:"ScrollLock",160:"Shift",161:"Shift",162:"Control",163:"Control",164:"Alt",165:"Alt",173:"-",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},i={48:")",49:"!",50:"@",51:"#",52:"$",53:"%",54:"^",55:"&",56:"*",57:"(",59:":",61:"+",173:"_",186:":",187:"+",188:"<",189:"_",190:">",191:"?",192:"~",219:"{",220:"|",221:"}",222:'"'},o="undefined"!=typeof navigator&&/Mac/.test(navigator.platform),s="undefined"!=typeof navigator&&/MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent),a=0;a<10;a++)r[48+a]=r[96+a]=String(a);for(var a=1;a<=24;a++)r[a+111]="F"+a;for(var a=65;a<=90;a++)r[a]=String.fromCharCode(a+32),i[a]=String.fromCharCode(a);for(var l in r)i.hasOwnProperty(l)||(i[l]=r[l]);var c=n(82789);let p="undefined"!=typeof navigator&&/Mac|iP(hone|[oa]d)/.test(navigator.platform);function d(t,e,n=!0){return e.altKey&&(t="Alt-"+t),e.ctrlKey&&(t="Ctrl-"+t),e.metaKey&&(t="Meta-"+t),n&&e.shiftKey&&(t="Shift-"+t),t}function h(t){return new c.Sy({props:{handleKeyDown:u(t)}})}function u(t){let e=function(t){let e=Object.create(null);for(let n in t)e[function(t){let e,n,r,i,o=t.split(/-(?!$)/),s=o[o.length-1];"Space"==s&&(s=" ");for(let t=0;t127)&&(c=r[n.keyCode])&&c!=l){let r=e[d(c,n)];if(r&&r(t.state,t.dispatch,t))return!0}}return!1}}},2396:function(t,e,n){function r(t){this.content=t}n.d(e,{aw:function(){return D},PW:function(){return Y},HY:function(){return i},vc:function(){return l},ZU:function(){return B},NB:function(){return M},Ts:function(){return w},e4:function(){return c},V_:function(){return z},p2:function(){return p}}),r.prototype={constructor:r,find:function(t){for(var e=0;e>1}},r.from=function(t){if(t instanceof r)return t;var e=[];if(t)for(var n in t)e.push(n,t[n]);return new r(e)};class i{constructor(t,e){if(this.content=t,this.size=e||0,null==e)for(let e=0;et&&!1!==n(a,r+s,i||null,o)&&a.content.size){let i=s+1;a.nodesBetween(Math.max(0,t-i),Math.min(a.content.size,e-i),n,r+i)}s=l}}descendants(t){this.nodesBetween(0,this.size,t)}textBetween(t,e,n,r){let i="",o=!0;return this.nodesBetween(t,e,(s,a)=>{s.isText?(i+=s.text.slice(Math.max(t,a)-a,e-a),o=!n):s.isLeaf?(r?i+="function"==typeof r?r(s):r:s.type.spec.leafText&&(i+=s.type.spec.leafText(s)),o=!n):!o&&s.isBlock&&(i+=n,o=!0)},0),i}append(t){if(!t.size)return this;if(!this.size)return t;let e=this.lastChild,n=t.firstChild,r=this.content.slice(),o=0;for(e.isText&&e.sameMarkup(n)&&(r[r.length-1]=e.withText(e.text+n.text),o=1);ot)for(let i=0,o=0;ot&&((oe)&&(s=s.isText?s.cut(Math.max(0,t-o),Math.min(s.text.length,e-o)):s.cut(Math.max(0,t-o-1),Math.min(s.content.size,e-o-1))),n.push(s),r+=s.nodeSize),o=a}return new i(n,r)}cutByIndex(t,e){return t==e?i.empty:0==t&&e==this.content.length?this:new i(this.content.slice(t,e))}replaceChild(t,e){let n=this.content[t];if(n==e)return this;let r=this.content.slice(),o=this.size+e.nodeSize-n.nodeSize;return r[t]=e,new i(r,o)}addToStart(t){return new i([t].concat(this.content),this.size+t.nodeSize)}addToEnd(t){return new i(this.content.concat(t),this.size+t.nodeSize)}eq(t){if(this.content.length!=t.content.length)return!1;for(let e=0;ethis.size||t<0)throw RangeError(`Position ${t} outside of fragment (${this})`);for(let n=0,r=0;;n++){let i=r+this.child(n).nodeSize;if(i>=t){if(i==t||e>0)return s(n+1,i);return s(n,r)}r=i}}toString(){return"<"+this.toStringInner()+">"}toStringInner(){return this.content.join(", ")}toJSON(){return this.content.length?this.content.map(t=>t.toJSON()):null}static fromJSON(t,e){if(!e)return i.empty;if(!Array.isArray(e))throw RangeError("Invalid input for Fragment.fromJSON");return new i(e.map(t.nodeFromJSON))}static fromArray(t){if(!t.length)return i.empty;let e,n=0;for(let r=0;rthis.type.rank&&(e||(e=t.slice(0,r)),e.push(this),n=!0),e&&e.push(i)}}return e||(e=t.slice()),n||e.push(this),e}removeFromSet(t){for(let e=0;et.type.rank-e.type.rank),e}}l.none=[];class c extends Error{}class p{constructor(t,e,n){this.content=t,this.openStart=e,this.openEnd=n}get size(){return this.content.size-this.openStart-this.openEnd}insertAt(t,e){let n=function t(e,n,r,i){let{index:o,offset:s}=e.findIndex(n),a=e.maybeChild(o);if(s==n||a.isText)return i&&!i.canReplace(o,o,r)?null:e.cut(0,n).append(r).append(e.cut(n));let l=t(a.content,n-s-1,r);return l&&e.replaceChild(o,a.copy(l))}(this.content,t+this.openStart,e);return n&&new p(n,this.openStart,this.openEnd)}removeBetween(t,e){return new p(function t(e,n,r){let{index:i,offset:o}=e.findIndex(n),s=e.maybeChild(i),{index:a,offset:l}=e.findIndex(r);if(o==n||s.isText){if(l!=r&&!e.child(a).isText)throw RangeError("Removing non-flat range");return e.cut(0,n).append(e.cut(r))}if(i!=a)throw RangeError("Removing non-flat range");return e.replaceChild(i,s.copy(t(s.content,n-o-1,r-o-1)))}(this.content,t+this.openStart,e+this.openStart),this.openStart,this.openEnd)}eq(t){return this.content.eq(t.content)&&this.openStart==t.openStart&&this.openEnd==t.openEnd}toString(){return this.content+"("+this.openStart+","+this.openEnd+")"}toJSON(){if(!this.content.size)return null;let t={content:this.content.toJSON()};return this.openStart>0&&(t.openStart=this.openStart),this.openEnd>0&&(t.openEnd=this.openEnd),t}static fromJSON(t,e){if(!e)return p.empty;let n=e.openStart||0,r=e.openEnd||0;if("number"!=typeof n||"number"!=typeof r)throw RangeError("Invalid input for Slice.fromJSON");return new p(i.fromJSON(t,e.content),n,r)}static maxOpen(t,e=!0){let n=0,r=0;for(let r=t.firstChild;r&&!r.isLeaf&&(e||!r.type.spec.isolating);r=r.firstChild)n++;for(let n=t.lastChild;n&&!n.isLeaf&&(e||!n.type.spec.isolating);n=n.lastChild)r++;return new p(t,n,r)}}function d(t,e){if(!e.type.compatibleContent(t.type))throw new c("Cannot join "+e.type.name+" onto "+t.type.name)}function h(t,e,n){let r=t.node(n);return d(r,e.node(n)),r}function u(t,e){let n=e.length-1;n>=0&&t.isText&&t.sameMarkup(e[n])?e[n]=t.withText(e[n].text+t.text):e.push(t)}function f(t,e,n,r){let i=(e||t).node(n),o=0,s=e?e.index(n):i.childCount;t&&(o=t.index(n),t.depth>n?o++:t.textOffset&&(u(t.nodeAfter,r),o++));for(let t=o;tn&&u(m(h(t,e,n+1),g(t,e,n+1)),r),f(e,null,n,r),new i(r)}p.empty=new p(i.empty,0,0);class y{constructor(t,e,n){this.pos=t,this.path=e,this.parentOffset=n,this.depth=e.length/3-1}resolveDepth(t){return null==t?this.depth:t<0?this.depth+t:t}get parent(){return this.node(this.depth)}get doc(){return this.node(0)}node(t){return this.path[3*this.resolveDepth(t)]}index(t){return this.path[3*this.resolveDepth(t)+1]}indexAfter(t){return t=this.resolveDepth(t),this.index(t)+(t!=this.depth||this.textOffset?1:0)}start(t){return 0==(t=this.resolveDepth(t))?0:this.path[3*t-1]+1}end(t){return t=this.resolveDepth(t),this.start(t)+this.node(t).content.size}before(t){if(!(t=this.resolveDepth(t)))throw RangeError("There is no position before the top-level node");return t==this.depth+1?this.pos:this.path[3*t-1]}after(t){if(!(t=this.resolveDepth(t)))throw RangeError("There is no position after the top-level node");return t==this.depth+1?this.pos:this.path[3*t-1]+this.path[3*t].nodeSize}get textOffset(){return this.pos-this.path[this.path.length-1]}get nodeAfter(){let t=this.parent,e=this.index(this.depth);if(e==t.childCount)return null;let n=this.pos-this.path[this.path.length-1],r=t.child(e);return n?t.child(e).cut(n):r}get nodeBefore(){let t=this.index(this.depth),e=this.pos-this.path[this.path.length-1];return e?this.parent.child(t).cut(0,e):0==t?null:this.parent.child(t-1)}posAtIndex(t,e){e=this.resolveDepth(e);let n=this.path[3*e],r=0==e?0:this.path[3*e-1]+1;for(let e=0;e0;e--)if(this.start(e)<=t&&this.end(e)>=t)return e;return 0}blockRange(t=this,e){if(t.pos=0;n--)if(t.pos<=this.end(n)&&(!e||e(this.node(n))))return new w(this,t,n);return null}sameParent(t){return this.pos-this.parentOffset==t.pos-t.parentOffset}max(t){return t.pos>this.pos?t:this}min(t){return t.pos=0&&e<=t.content.size))throw RangeError("Position "+e+" out of range");let n=[],r=0,i=e;for(let e=t;;){let{index:t,offset:o}=e.content.findIndex(i),s=i-o;if(n.push(e,t,r+o),!s||(e=e.child(t)).isText)break;i=s-1,r+=o+1}return new y(e,n,i)}static resolveCached(t,e){for(let n=0;nt.depth)throw new c("Inserted content deeper than insertion position");if(t.depth-n.openStart!=e.depth-n.openEnd)throw new c("Inconsistent open depths");return function t(e,n,r,o){let s=e.index(o),a=e.node(o);if(s==n.index(o)&&o=0;t--)r=e.node(t).copy(i.from(r));return{start:r.resolveNoCache(t.openStart+n),end:r.resolveNoCache(r.content.size-t.openEnd-n)}}(r,e);return m(a,function t(e,n,r,o,s){let a=e.depth>s&&h(e,n,s+1),l=o.depth>s&&h(r,o,s+1),c=[];return f(null,e,s,c),a&&l&&n.index(s)==r.index(s)?(d(a,l),u(m(a,t(e,n,r,o,s+1)),c)):(a&&u(m(a,g(e,n,s+1)),c),f(n,r,s,c),l&&u(m(l,g(r,o,s+1)),c)),f(o,null,s,c),new i(c)}(e,t,s,n,o))}{let t=e.parent,i=t.content;return m(t,i.cut(0,e.parentOffset).append(r.content).append(i.cut(n.parentOffset)))}}(t,e,n,0)}(this.resolve(t),this.resolve(e),n)}nodeAt(t){for(let e=this;;){let{index:n,offset:r}=e.content.findIndex(t);if(!(e=e.maybeChild(n)))return null;if(r==t||e.isText)return e;t-=r+1}}childAfter(t){let{index:e,offset:n}=this.content.findIndex(t);return{node:this.content.maybeChild(e),index:e,offset:n}}childBefore(t){if(0==t)return{node:null,index:0,offset:0};let{index:e,offset:n}=this.content.findIndex(t);if(nt&&this.nodesBetween(t,e,t=>(n.isInSet(t.marks)&&(r=!0),!r)),r}get isBlock(){return this.type.isBlock}get isTextblock(){return this.type.isTextblock}get inlineContent(){return this.type.inlineContent}get isInline(){return this.type.isInline}get isText(){return this.type.isText}get isLeaf(){return this.type.isLeaf}get isAtom(){return this.type.isAtom}toString(){if(this.type.spec.toDebugString)return this.type.spec.toDebugString(this);let t=this.type.name;return this.content.size&&(t+="("+this.content.toStringInner()+")"),O(this.marks,t)}contentMatchAt(t){let e=this.type.contentMatch.matchFragment(this.content,0,t);if(!e)throw Error("Called contentMatchAt on a node with invalid content");return e}canReplace(t,e,n=i.empty,r=0,o=n.childCount){let s=this.contentMatchAt(t).matchFragment(n,r,o),a=s&&s.matchFragment(this.content,e);if(!a||!a.validEnd)return!1;for(let t=r;tt.type.name)}`);this.content.forEach(t=>t.check())}toJSON(){let t={type:this.type.name};for(let e in this.attrs){t.attrs=this.attrs;break}return this.content.size&&(t.content=this.content.toJSON()),this.marks.length&&(t.marks=this.marks.map(t=>t.toJSON())),t}static fromJSON(t,e){if(!e)throw RangeError("Invalid input for Node.fromJSON");let n=null;if(e.marks){if(!Array.isArray(e.marks))throw RangeError("Invalid mark data for Node.fromJSON");n=e.marks.map(t.markFromJSON)}if("text"==e.type){if("string"!=typeof e.text)throw RangeError("Invalid text node in JSON");return t.text(e.text,n)}let r=i.fromJSON(t,e.content);return t.nodeType(e.type).create(e.attrs,r,n)}}M.prototype.text=void 0;class S extends M{constructor(t,e,n,r){if(super(t,e,null,r),!n)throw RangeError("Empty text nodes are not allowed");this.text=n}toString(){return this.type.spec.toDebugString?this.type.spec.toDebugString(this):O(this.marks,JSON.stringify(this.text))}get textContent(){return this.text}textBetween(t,e){return this.text.slice(t,e)}get nodeSize(){return this.text.length}mark(t){return t==this.marks?this:new S(this.type,this.attrs,this.text,t)}withText(t){return t==this.text?this:new S(this.type,this.attrs,t,this.marks)}cut(t=0,e=this.text.length){return 0==t&&e==this.text.length?this:this.withText(this.text.slice(t,e))}eq(t){return this.sameMarkup(t)&&this.text==t.text}toJSON(){let t=super.toJSON();return t.text=this.text,t}}function O(t,e){for(let n=t.length-1;n>=0;n--)e=t[n].type.name+"("+e+")";return e}class C{constructor(t){this.validEnd=t,this.next=[],this.wrapCache=[]}static parse(t,e){var n;let r,i=new T(t,e);if(null==i.next)return C.empty;let o=function t(e){let n=[];do n.push(function(e){let n=[];do n.push(function(e){let n=function(e){if(e.eat("(")){let n=t(e);return e.eat(")")||e.err("Missing closing paren"),n}if(/\W/.test(e.next))e.err("Unexpected token '"+e.next+"'");else{let t=(function(t,e){let n=t.nodeTypes,r=n[e];if(r)return[r];let i=[];for(let t in n){let r=n[t];r.groups.indexOf(e)>-1&&i.push(r)}return 0==i.length&&t.err("No node type or group '"+e+"' found"),i})(e,e.next).map(t=>(null==e.inline?e.inline=t.isInline:e.inline!=t.isInline&&e.err("Mixing inline and block content"),{type:"name",value:t}));return e.pos++,1==t.length?t[0]:{type:"choice",exprs:t}}}(e);for(;;)if(e.eat("+"))n={type:"plus",expr:n};else if(e.eat("*"))n={type:"star",expr:n};else if(e.eat("?"))n={type:"opt",expr:n};else if(e.eat("{"))n=function(t,e){let n=A(t),r=n;return t.eat(",")&&(r="}"!=t.next?A(t):-1),t.eat("}")||t.err("Unclosed braced range"),{type:"range",min:n,max:r,expr:e}}(e,n);else break;return n}(e));while(e.next&&")"!=e.next&&"|"!=e.next);return 1==n.length?n[0]:{type:"seq",exprs:n}}(e));while(e.eat("|"));return 1==n.length?n[0]:{type:"choice",exprs:n}}(i);i.next&&i.err("Unexpected trailing text");let s=(n=function(t){let e=[[]];return i(function t(e,o){if("choice"==e.type)return e.exprs.reduce((e,n)=>e.concat(t(n,o)),[]);if("seq"==e.type)for(let r=0;;r++){let s=t(e.exprs[r],o);if(r==e.exprs.length-1)return s;i(s,o=n())}else if("star"==e.type){let s=n();return r(o,s),i(t(e.expr,s),s),[r(s)]}else if("plus"==e.type){let s=n();return i(t(e.expr,o),s),i(t(e.expr,s),s),[r(s)]}else if("opt"==e.type)return[r(o)].concat(t(e.expr,o));else if("range"==e.type){let s=o;for(let r=0;rt.to=e)}}(o),r=Object.create(null),function t(e){let i=[];e.forEach(t=>{n[t].forEach(({term:t,to:e})=>{let r;if(t){for(let e=0;e{r||i.push([t,r=[]]),-1==r.indexOf(e)&&r.push(e)})}})});let o=r[e.join(",")]=new C(e.indexOf(n.length-1)>-1);for(let e=0;et.createAndFill()));for(let t=0;t=this.next.length)throw RangeError(`There's no ${t}th edge in this content match`);return this.next[t]}toString(){let t=[];return!function e(n){t.push(n);for(let r=0;r{let r=n+(e.validEnd?"*":" ")+" ";for(let n=0;n"+t.indexOf(e.next[n].next);return r}).join("\n")}}C.empty=new C(!0);class T{constructor(t,e){this.string=t,this.nodeTypes=e,this.inline=null,this.pos=0,this.tokens=t.split(/\s*(?=\b|\W|$)/),""==this.tokens[this.tokens.length-1]&&this.tokens.pop(),""==this.tokens[0]&&this.tokens.shift()}get next(){return this.tokens[this.pos]}eat(t){return this.next==t&&(this.pos++||!0)}err(t){throw SyntaxError(t+" (in content expression '"+this.string+"')")}}function A(t){/\D/.test(t.next)&&t.err("Expected number, got '"+t.next+"'");let e=Number(t.next);return t.pos++,e}function E(t,e){return e-t}function I(t,e){let n=[];return function e(r){let i=t[r];if(1==i.length&&!i[0].term)return e(i[0].to);n.push(r);for(let t=0;t-1}allowsMarks(t){if(null==this.markSet)return!0;for(let e=0;en[t]=new H(t,e,r));let r=e.spec.topNode||"doc";if(!n[r])throw RangeError("Schema is missing its top node type ('"+r+"')");if(!n.text)throw RangeError("Every schema needs a 'text' type");for(let t in n.text.attrs)throw RangeError("The text node type should not have attributes");return n}}class P{constructor(t){this.hasDefault=Object.prototype.hasOwnProperty.call(t,"default"),this.default=t.default}get isRequired(){return!this.hasDefault}}class B{constructor(t,e,n,r){this.name=t,this.rank=e,this.schema=n,this.spec=r,this.attrs=L(r.attrs),this.excluded=null;let i=N(this.attrs);this.instance=i?new l(this,i):null}create(t=null){return!t&&this.instance?this.instance:new l(this,R(this.attrs,t))}static compile(t,e){let n=Object.create(null),r=0;return t.forEach((t,i)=>n[t]=new B(t,r++,e,i)),n}removeFromSet(t){for(var e=0;e-1}}class z{constructor(t){this.cached=Object.create(null);let e=this.spec={};for(let n in t)e[n]=t[n];e.nodes=r.from(t.nodes),e.marks=r.from(t.marks||{}),this.nodes=H.compile(this.spec.nodes,this),this.marks=B.compile(this.spec.marks,this);let n=Object.create(null);for(let t in this.nodes){if(t in this.marks)throw RangeError(t+" can not be both a node and a mark");let e=this.nodes[t],r=e.spec.content||"",i=e.spec.marks;e.contentMatch=n[r]||(n[r]=C.parse(r,this.nodes)),e.inlineContent=e.contentMatch.inlineContent,e.markSet="_"==i?null:i?j(this,i.split(" ")):""!=i&&e.inlineContent?null:[]}for(let t in this.marks){let e=this.marks[t],n=e.spec.excludes;e.excluded=null==n?[e]:""==n?[]:j(this,n.split(" "))}this.nodeFromJSON=this.nodeFromJSON.bind(this),this.markFromJSON=this.markFromJSON.bind(this),this.topNodeType=this.nodes[this.spec.topNode||"doc"],this.cached.wrappings=Object.create(null)}node(t,e=null,n,r){if("string"==typeof t)t=this.nodeType(t);else if(t instanceof H){if(t.schema!=this)throw RangeError("Node type from different schema used ("+t.name+")")}else throw RangeError("Invalid node type: "+t);return t.createChecked(e,n,r)}text(t,e){let n=this.nodes.text;return new S(n,n.defaultAttrs,t,l.setFrom(e))}mark(t,e){return"string"==typeof t&&(t=this.marks[t]),t.create(e)}nodeFromJSON(t){return M.fromJSON(this,t)}markFromJSON(t){return l.fromJSON(this,t)}nodeType(t){let e=this.nodes[t];if(!e)throw RangeError("Unknown node type: "+t);return e}}function j(t,e){let n=[];for(let r=0;r-1)&&n.push(s=r)}if(!s)throw SyntaxError("Unknown mark type: '"+e[r]+"'")}return n}class D{constructor(t,e){this.schema=t,this.rules=e,this.tags=[],this.styles=[],e.forEach(t=>{t.tag?this.tags.push(t):t.style&&this.styles.push(t)}),this.normalizeLists=!this.tags.some(e=>{if(!/^(ul|ol)\b/.test(e.tag)||!e.node)return!1;let n=t.nodes[e.node];return n.contentMatch.matchType(n)})}parse(t,e={}){let n=new W(this,e,!1);return n.addAll(t,e.from,e.to),n.finish()}parseSlice(t,e={}){let n=new W(this,e,!0);return n.addAll(t,e.from,e.to),p.maxOpen(n.finish())}matchTag(t,e,n){for(let i=n?this.tags.indexOf(n)+1:0;it.length)||61==o.charCodeAt(t.length)&&o.slice(t.length+1)==e)){if(r.getAttrs){let t=r.getAttrs(e);if(!1===t)continue;r.attrs=t||void 0}return r}}}static schemaRules(t){let e=[];function n(t){let n=null==t.priority?50:t.priority,r=0;for(;r{n(t=K(t)),t.mark||t.ignore||t.clearMark||(t.mark=e)})}for(let e in t.nodes){let r=t.nodes[e].spec.parseDOM;r&&r.forEach(t=>{n(t=K(t)),t.node||t.ignore||t.mark||(t.node=e)})}return e}static fromSchema(t){return t.cached.domParser||(t.cached.domParser=new D(t,D.schemaRules(t)))}}let $={address:!0,article:!0,aside:!0,blockquote:!0,canvas:!0,dd:!0,div:!0,dl:!0,fieldset:!0,figcaption:!0,figure:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,header:!0,hgroup:!0,hr:!0,li:!0,noscript:!0,ol:!0,output:!0,p:!0,pre:!0,section:!0,table:!0,tfoot:!0,ul:!0},F={head:!0,noscript:!0,object:!0,script:!0,style:!0,title:!0},J={ol:!0,ul:!0};function q(t,e,n){return null!=e?(e?1:0)|("full"===e?2:0):t&&"pre"==t.whitespace?3:-5&n}class V{constructor(t,e,n,r,i,o,s){this.type=t,this.attrs=e,this.marks=n,this.pendingMarks=r,this.solid=i,this.options=s,this.content=[],this.activeMarks=l.none,this.stashMarks=[],this.match=o||(4&s?null:t.contentMatch)}findWrapping(t){if(!this.match){if(!this.type)return[];let e=this.type.contentMatch.fillBefore(i.from(t));if(e)this.match=this.type.contentMatch.matchFragment(e);else{let e=this.type.contentMatch,n;return(n=e.findWrapping(t.type))?(this.match=e,n):null}}return this.match.findWrapping(t.type)}finish(t){if(!(1&this.options)){let t=this.content[this.content.length-1],e;t&&t.isText&&(e=/[ \t\r\n\u000c]+$/.exec(t.text))&&(t.text.length==e[0].length?this.content.pop():this.content[this.content.length-1]=t.withText(t.text.slice(0,t.text.length-e[0].length)))}let e=i.from(this.content);return!t&&this.match&&(e=e.append(this.match.fillBefore(i.empty,!0))),this.type?this.type.create(this.attrs,e,this.marks):e}popFromStashMark(t){for(let e=this.stashMarks.length-1;e>=0;e--)if(t.eq(this.stashMarks[e]))return this.stashMarks.splice(e,1)[0]}applyPending(t){for(let e=0,n=this.pendingMarks;e{o.push(t);for(let n=0;no.indexOf(i)&&s(i))return!0}};if(s(i.contentMatch))return!0}}(r.type,t))&&!r.isInSet(this.activeMarks)&&(this.activeMarks=r.addToSet(this.activeMarks),this.pendingMarks=r.removeFromSet(this.pendingMarks))}}inlineContext(t){return this.type?this.type.inlineContent:this.content.length?this.content[0].isInline:t.parentNode&&!$.hasOwnProperty(t.parentNode.nodeName.toLowerCase())}}class W{constructor(t,e,n){this.parser=t,this.options=e,this.isOpen=n,this.open=0;let r=e.topNode,i,o=q(null,e.preserveWhitespace,0)|(n?4:0);i=r?new V(r.type,r.attrs,l.none,l.none,!0,e.topMatch||r.type.contentMatch,o):n?new V(null,null,l.none,l.none,!0,null,o):new V(t.schema.topNodeType,null,l.none,l.none,!0,null,o),this.nodes=[i],this.find=e.findPositions,this.needsBlock=!1}get top(){return this.nodes[this.open]}addDOM(t){3==t.nodeType?this.addTextNode(t):1==t.nodeType&&this.addElement(t)}withStyleRules(t,e){let n=t.getAttribute("style");if(!n)return e();let r=this.readStyles(function(t){let e=/\s*([\w-]+)\s*:\s*([^;]+)/g,n,r=[];for(;n=e.exec(t);)r.push(n[1],n[2].trim());return r}(n));if(!r)return;let[i,o]=r,s=this.top;for(let t=0;tthis.addAll(t)),e&&this.sync(r),this.needsBlock=o}else this.withStyleRules(t,()=>{this.addElementByRule(t,i,!1===i.consuming?r:void 0)})}leafFallback(t){"BR"==t.nodeName&&this.top.type&&this.top.type.inlineContent&&this.addTextNode(t.ownerDocument.createTextNode("\n"))}ignoreFallback(t){"BR"!=t.nodeName||this.top.type&&this.top.type.inlineContent||this.findPlace(this.parser.schema.text("-"))}readStyles(t){let e=l.none,n=l.none;for(let r=0;r{o.clearMark(t)&&(n=t.addToSet(n))}):e=this.parser.schema.marks[o.mark].create(o.attrs).addToSet(e),!1===o.consuming)i=o;else break}return[e,n]}addElementByRule(t,e,n){let r,i,o;e.node?(i=this.parser.schema.nodes[e.node]).isLeaf?this.insertNode(i.create(e.attrs))||this.leafFallback(t):r=this.enter(i,e.attrs||null,e.preserveWhitespace):(o=this.parser.schema.marks[e.mark].create(e.attrs),this.addPendingMark(o));let s=this.top;if(i&&i.isLeaf)this.findInside(t);else if(n)this.addElement(t,n);else if(e.getContent)this.findInside(t),e.getContent(t,this.parser.schema).forEach(t=>this.insertNode(t));else{let n=t;"string"==typeof e.contentElement?n=t.querySelector(e.contentElement):"function"==typeof e.contentElement?n=e.contentElement(t):e.contentElement&&(n=e.contentElement),this.findAround(t,n,!0),this.addAll(n)}r&&this.sync(s)&&this.open--,o&&this.removePendingMark(o,s)}addAll(t,e,n){let r=e||0;for(let i=e?t.childNodes[e]:t.firstChild,o=null==n?null:t.childNodes[n];i!=o;i=i.nextSibling,++r)this.findAtPoint(t,r),this.addDOM(i);this.findAtPoint(t,r)}findPlace(t){let e,n;for(let r=this.open;r>=0;r--){let i=this.nodes[r],o=i.findWrapping(t);if(o&&(!e||e.length>o.length)&&(e=o,n=i,!o.length)||i.solid)break}if(!e)return!1;this.sync(n);for(let t=0;tthis.open){for(;e>this.open;e--)this.nodes[e-1].content.push(this.nodes[e].finish(t));this.nodes.length=this.open+1}}finish(){return this.open=0,this.closeExtra(this.isOpen),this.nodes[0].finish(this.isOpen||this.options.topOpen)}sync(t){for(let e=this.open;e>=0;e--)if(this.nodes[e]==t)return this.open=e,!0;return!1}get currentPos(){this.closeExtra();let t=0;for(let e=this.open;e>=0;e--){let n=this.nodes[e].content;for(let e=n.length-1;e>=0;e--)t+=n[e].nodeSize;e&&t++}return t}findAtPoint(t,e){if(this.find)for(let n=0;n-1)return t.split(/\s*\|\s*/).some(this.matchesContext,this);let e=t.split("/"),n=this.options.context,r=!this.isOpen&&(!n||n.parent.type==this.nodes[0].type),i=-(n?n.depth+1:0)+(r?0:1),o=(t,s)=>{for(;t>=0;t--){let a=e[t];if(""==a){if(t==e.length-1||0==t)continue;for(;s>=i;s--)if(o(t-1,s))return!0;return!1}{let t=s>0||0==s&&r?this.nodes[s].type:n&&s>=i?n.node(s-i).type:null;if(!t||t.name!=a&&-1==t.groups.indexOf(a))return!1;s--}}return!0};return o(e.length-1,this.open)}textblockFromContext(){let t=this.options.context;if(t)for(let e=t.depth;e>=0;e--){let n=t.node(e).contentMatchAt(t.indexAfter(e)).defaultType;if(n&&n.isTextblock&&n.defaultAttrs)return n}for(let t in this.parser.schema.nodes){let e=this.parser.schema.nodes[t];if(e.isTextblock&&e.defaultAttrs)return e}}addPendingMark(t){let e=function(t,e){for(let n=0;n=0;n--){let r=this.nodes[n];if(r.pendingMarks.lastIndexOf(t)>-1)r.pendingMarks=t.removeFromSet(r.pendingMarks);else{r.activeMarks=t.removeFromSet(r.activeMarks);let e=r.popFromStashMark(t);e&&r.type&&r.type.allowsMarkType(e.type)&&(r.activeMarks=e.addToSet(r.activeMarks))}if(r==e)break}}}function K(t){let e={};for(let n in t)e[n]=t[n];return e}class Y{constructor(t,e){this.nodes=t,this.marks=e}serializeFragment(t,e={},n){n||(n=_(e).createDocumentFragment());let r=n,i=[];return t.forEach(t=>{if(i.length||t.marks.length){let n=0,o=0;for(;n=0;r--){let i=this.serializeMark(t.marks[r],t.isInline,e);i&&((i.contentDOM||i.dom).appendChild(n),n=i.dom)}return n}serializeMark(t,e,n={}){let r=this.marks[t.type.name];return r&&Y.renderSpec(_(n),r(t,e))}static renderSpec(t,e,n=null){let r;if("string"==typeof e)return{dom:t.createTextNode(e)};if(null!=e.nodeType)return{dom:e};if(e.dom&&null!=e.dom.nodeType)return e;let i=e[0],o=i.indexOf(" ");o>0&&(n=i.slice(0,o),i=i.slice(o+1));let s=n?t.createElementNS(n,i):t.createElement(i),a=e[1],l=1;if(a&&"object"==typeof a&&null==a.nodeType&&!Array.isArray(a)){for(let t in l=2,a)if(null!=a[t]){let e=t.indexOf(" ");e>0?s.setAttributeNS(t.slice(0,e),t.slice(e+1),a[t]):s.setAttribute(t,a[t])}}for(let i=l;il)throw RangeError("Content hole must be the only child of its parent node");return{dom:s,contentDOM:s}}{let{dom:e,contentDOM:i}=Y.renderSpec(t,o,n);if(s.appendChild(e),i){if(r)throw RangeError("Multiple content holes");r=i}}}return{dom:s,contentDOM:r}}static fromSchema(t){return t.cached.domSerializer||(t.cached.domSerializer=new Y(this.nodesFromSchema(t),this.marksFromSchema(t)))}static nodesFromSchema(t){let e=U(t.nodes);return e.text||(e.text=t=>t.text),e}static marksFromSchema(t){return U(t.marks)}}function U(t){let e={};for(let n in t){let r=t[n].spec.toDOM;r&&(e[n]=r)}return e}function _(t){return t.document||window.document}},82789:function(t,e,n){n.d(e,{Bs:function(){return p},C1:function(){return f},H$:function(){return T},Sy:function(){return S},Y1:function(){return s},qv:function(){return h},yy:function(){return M}});var r=n(2396),i=n(8465);let o=Object.create(null);class s{constructor(t,e,n){this.$anchor=t,this.$head=e,this.ranges=n||[new a(t.min(e),t.max(e))]}get anchor(){return this.$anchor.pos}get head(){return this.$head.pos}get from(){return this.$from.pos}get to(){return this.$to.pos}get $from(){return this.ranges[0].$from}get $to(){return this.ranges[0].$to}get empty(){let t=this.ranges;for(let e=0;e=0;r--){let i=e<0?g(t.node(0),t.node(r),t.before(r+1),t.index(r),e,n):g(t.node(0),t.node(r),t.after(r+1),t.index(r)+1,e,n);if(i)return i}return null}static near(t,e=1){return this.findFrom(t,e)||this.findFrom(t,-e)||new f(t.node(0))}static atStart(t){return g(t,t,0,0,1)||new f(t)}static atEnd(t){return g(t,t,t.content.size,t.childCount,-1)||new f(t)}static fromJSON(t,e){if(!e||!e.type)throw RangeError("Invalid input for Selection.fromJSON");let n=o[e.type];if(!n)throw RangeError(`No selection type ${e.type} defined`);return n.fromJSON(t,e)}static jsonID(t,e){if(t in o)throw RangeError("Duplicate use of selection JSON ID "+t);return o[t]=e,e.prototype.jsonID=t,e}getBookmark(){return p.between(this.$anchor,this.$head).getBookmark()}}s.prototype.visible=!0;class a{constructor(t,e){this.$from=t,this.$to=e}}let l=!1;function c(t){l||t.parent.inlineContent||(l=!0,console.warn("TextSelection endpoint not pointing into a node with inline content ("+t.parent.type.name+")"))}class p extends s{constructor(t,e=t){c(t),c(e),super(t,e)}get $cursor(){return this.$anchor.pos==this.$head.pos?this.$head:null}map(t,e){let n=t.resolve(e.map(this.head));if(!n.parent.inlineContent)return s.near(n);let r=t.resolve(e.map(this.anchor));return new p(r.parent.inlineContent?r:n,n)}replace(t,e=r.p2.empty){if(super.replace(t,e),e==r.p2.empty){let e=this.$from.marksAcross(this.$to);e&&t.ensureMarks(e)}}eq(t){return t instanceof p&&t.anchor==this.anchor&&t.head==this.head}getBookmark(){return new d(this.anchor,this.head)}toJSON(){return{type:"text",anchor:this.anchor,head:this.head}}static fromJSON(t,e){if("number"!=typeof e.anchor||"number"!=typeof e.head)throw RangeError("Invalid input for TextSelection.fromJSON");return new p(t.resolve(e.anchor),t.resolve(e.head))}static create(t,e,n=e){let r=t.resolve(e);return new this(r,n==e?r:t.resolve(n))}static between(t,e,n){let r=t.pos-e.pos;if((!n||r)&&(n=r>=0?1:-1),!e.parent.inlineContent){let t=s.findFrom(e,n,!0)||s.findFrom(e,-n,!0);if(!t)return s.near(e,n);e=t.$head}return t.parent.inlineContent||(0==r?t=e:(t=(s.findFrom(t,-n,!0)||s.findFrom(t,n,!0)).$anchor).posnew f(t)};function g(t,e,n,r,i,o=!1){if(e.inlineContent)return p.create(t,n);for(let s=r-(i>0?0:1);i>0?s=0;s+=i){let r=e.child(s);if(r.isAtom){if(!o&&h.isSelectable(r))return h.create(t,n-(i<0?r.nodeSize:0))}else{let e=g(t,r,n+i,i<0?r.childCount:0,i,o);if(e)return e}n+=r.nodeSize*i}return null}function y(t,e,n){let r,o=t.steps.length-1;if(o{null==r&&(r=i)}),t.setSelection(s.near(t.doc.resolve(r),n)))}class v extends i.wx{constructor(t){super(t.doc),this.curSelectionFor=0,this.updated=0,this.meta=Object.create(null),this.time=Date.now(),this.curSelection=t.selection,this.storedMarks=t.storedMarks}get selection(){return this.curSelectionFor0}setStoredMarks(t){return this.storedMarks=t,this.updated|=2,this}ensureMarks(t){return r.vc.sameSet(this.storedMarks||this.selection.$from.marks(),t)||this.setStoredMarks(t),this}addStoredMark(t){return this.ensureMarks(t.addToSet(this.storedMarks||this.selection.$head.marks()))}removeStoredMark(t){return this.ensureMarks(t.removeFromSet(this.storedMarks||this.selection.$head.marks()))}get storedMarksSet(){return(2&this.updated)>0}addStep(t,e){super.addStep(t,e),this.updated=-3&this.updated,this.storedMarks=null}setTime(t){return this.time=t,this}replaceSelection(t){return this.selection.replace(this,t),this}replaceSelectionWith(t,e=!0){let n=this.selection;return e&&(t=t.mark(this.storedMarks||(n.empty?n.$from.marks():n.$from.marksAcross(n.$to)||r.vc.none))),n.replaceWith(this,t),this}deleteSelection(){return this.selection.replace(this),this}insertText(t,e,n){let r=this.doc.type.schema;if(null==e)return t?this.replaceSelectionWith(r.text(t),!0):this.deleteSelection();{if(null==n&&(n=e),n=null==n?e:n,!t)return this.deleteRange(e,n);let i=this.storedMarks;if(!i){let t=this.doc.resolve(e);i=n==e?t.marks():t.marksAcross(this.doc.resolve(n))}return this.replaceRangeWith(e,n,r.text(t,i)),this.selection.empty||this.setSelection(s.near(this.selection.$to)),this}}setMeta(t,e){return this.meta["string"==typeof t?t:t.key]=e,this}getMeta(t){return this.meta["string"==typeof t?t:t.key]}get isGeneric(){for(let t in this.meta)return!1;return!0}scrollIntoView(){return this.updated|=4,this}get scrolledIntoView(){return(4&this.updated)>0}}function k(t,e){return e&&t?t.bind(e):t}class b{constructor(t,e,n){this.name=t,this.init=k(e.init,n),this.apply=k(e.apply,n)}}let w=[new b("doc",{init:t=>t.doc||t.schema.topNodeType.createAndFill(),apply:t=>t.doc}),new b("selection",{init:(t,e)=>t.selection||s.atStart(e.doc),apply:t=>t.selection}),new b("storedMarks",{init:t=>t.storedMarks||null,apply:(t,e,n,r)=>r.selection.$cursor?t.storedMarks:null}),new b("scrollToSelection",{init:()=>0,apply:(t,e)=>t.scrolledIntoView?e+1:e})];class x{constructor(t,e){this.schema=t,this.plugins=[],this.pluginsByKey=Object.create(null),this.fields=w.slice(),e&&e.forEach(t=>{if(this.pluginsByKey[t.key])throw RangeError("Adding different instances of a keyed plugin ("+t.key+")");this.plugins.push(t),this.pluginsByKey[t.key]=t,t.spec.state&&this.fields.push(new b(t.key,t.spec.state,t))})}}class M{constructor(t){this.config=t}get schema(){return this.config.schema}get plugins(){return this.config.plugins}apply(t){return this.applyTransaction(t).state}filterTransaction(t,e=-1){for(let n=0;nt.toJSON())),t&&"object"==typeof t)for(let n in t){if("doc"==n||"selection"==n)throw RangeError("The JSON fields `doc` and `selection` are reserved");let r=t[n],i=r.spec.state;i&&i.toJSON&&(e[n]=i.toJSON.call(r,this[r.key]))}return e}static fromJSON(t,e,n){if(!e)throw RangeError("Invalid input for EditorState.fromJSON");if(!t.schema)throw RangeError("Required config field 'schema' missing");let i=new x(t.schema,t.plugins),o=new M(i);return i.fields.forEach(i=>{if("doc"==i.name)o.doc=r.NB.fromJSON(t.schema,e.doc);else if("selection"==i.name)o.selection=s.fromJSON(o.doc,e.selection);else if("storedMarks"==i.name)e.storedMarks&&(o.storedMarks=e.storedMarks.map(t.schema.markFromJSON));else{if(n)for(let r in n){let s=n[r],a=s.spec.state;if(s.key==i.name&&a&&a.fromJSON&&Object.prototype.hasOwnProperty.call(e,r)){o[i.name]=a.fromJSON.call(s,t,e[r],o);return}}o[i.name]=i.init(t,o)}}),o}}class S{constructor(t){this.spec=t,this.props={},t.props&&function t(e,n,r){for(let i in e){let o=e[i];o instanceof Function?o=o.bind(n):"handleDOMEvents"==i&&(o=t(o,n,{})),r[i]=o}return r}(t.props,this,this.props),this.key=t.key?t.key.key:C("plugin")}getState(t){return t[this.key]}}let O=Object.create(null);function C(t){return t in O?t+"$"+ ++O[t]:(O[t]=0,t+"$")}class T{constructor(t="key"){this.key=C(t)}get(t){return t.config.pluginsByKey[this.key]}getState(t){return t[this.key]}}},8465:function(t,e,n){n.d(e,{Ax:function(){return w},FC:function(){return g},GJ:function(){return S},Mn:function(){return x},Pu:function(){return m},dR:function(){return C},k9:function(){return v},nd:function(){return k},nj:function(){return O},vs:function(){return s},wx:function(){return B}});var r=n(2396);class i{constructor(t,e,n){this.pos=t,this.delInfo=e,this.recover=n}get deleted(){return(8&this.delInfo)>0}get deletedBefore(){return(5&this.delInfo)>0}get deletedAfter(){return(6&this.delInfo)>0}get deletedAcross(){return(4&this.delInfo)>0}}class o{constructor(t,e=!1){if(this.ranges=t,this.inverted=e,!t.length&&o.empty)return o.empty}recover(t){let e=0,n=65535&t;if(!this.inverted)for(let t=0;tt)break;let c=this.ranges[a+o],p=this.ranges[a+s],d=l+c;if(t<=d){let o=c?t==l?-1:t==d?1:e:e,s=l+r+(o<0?0:p);if(n)return s;let h=t==(e<0?l:d)?null:a/3+(t-l)*65536,u=t==l?2:t==d?1:4;return(e<0?t!=l:t!=d)&&(u|=8),new i(s,u,h)}r+=p-c}return n?t+r:new i(t+r,0,null)}touches(t,e){let n=0,r=65535&e,i=this.inverted?2:1,o=this.inverted?1:2;for(let e=0;et)break;let a=this.ranges[e+i];if(t<=s+a&&e==3*r)return!0;n+=this.ranges[e+o]-a}return!1}forEach(t){let e=this.inverted?2:1,n=this.inverted?1:2;for(let r=0,i=0;r=0;e--){let r=t.getMirror(e);this.appendMap(t.maps[e].invert(),null!=r&&r>e?n-r-1:void 0)}}invert(){let t=new s;return t.appendMappingInverted(this),t}map(t,e=1){if(this.mirror)return this._map(t,e,!0);for(let n=this.from;nn&&et.isAtom&&e.type.allowsMarkType(this.mark.type)?t.mark(this.mark.addToSet(t.marks)):t,i),e.openStart,e.openEnd);return c.fromReplace(t,this.from,this.to,o)}invert(){return new h(this.from,this.to,this.mark)}map(t){let e=t.mapResult(this.from,1),n=t.mapResult(this.to,-1);return e.deleted&&n.deleted||e.pos>=n.pos?null:new d(e.pos,n.pos,this.mark)}merge(t){return t instanceof d&&t.mark.eq(this.mark)&&this.from<=t.to&&this.to>=t.from?new d(Math.min(this.from,t.from),Math.max(this.to,t.to),this.mark):null}toJSON(){return{stepType:"addMark",mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(t,e){if("number"!=typeof e.from||"number"!=typeof e.to)throw RangeError("Invalid input for AddMarkStep.fromJSON");return new d(e.from,e.to,t.markFromJSON(e.mark))}}l.jsonID("addMark",d);class h extends l{constructor(t,e,n){super(),this.from=t,this.to=e,this.mark=n}apply(t){let e=t.slice(this.from,this.to),n=new r.p2(p(e.content,t=>t.mark(this.mark.removeFromSet(t.marks)),t),e.openStart,e.openEnd);return c.fromReplace(t,this.from,this.to,n)}invert(){return new d(this.from,this.to,this.mark)}map(t){let e=t.mapResult(this.from,1),n=t.mapResult(this.to,-1);return e.deleted&&n.deleted||e.pos>=n.pos?null:new h(e.pos,n.pos,this.mark)}merge(t){return t instanceof h&&t.mark.eq(this.mark)&&this.from<=t.to&&this.to>=t.from?new h(Math.min(this.from,t.from),Math.max(this.to,t.to),this.mark):null}toJSON(){return{stepType:"removeMark",mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(t,e){if("number"!=typeof e.from||"number"!=typeof e.to)throw RangeError("Invalid input for RemoveMarkStep.fromJSON");return new h(e.from,e.to,t.markFromJSON(e.mark))}}l.jsonID("removeMark",h);class u extends l{constructor(t,e){super(),this.pos=t,this.mark=e}apply(t){let e=t.nodeAt(this.pos);if(!e)return c.fail("No node at mark step's position");let n=e.type.create(e.attrs,null,this.mark.addToSet(e.marks));return c.fromReplace(t,this.pos,this.pos+1,new r.p2(r.HY.from(n),0,e.isLeaf?0:1))}invert(t){let e=t.nodeAt(this.pos);if(e){let t=this.mark.addToSet(e.marks);if(t.length==e.marks.length){for(let n=0;nn.pos?null:new g(e.pos,n.pos,r,i,this.slice,this.insert,this.structure)}toJSON(){let t={stepType:"replaceAround",from:this.from,to:this.to,gapFrom:this.gapFrom,gapTo:this.gapTo,insert:this.insert};return this.slice.size&&(t.slice=this.slice.toJSON()),this.structure&&(t.structure=!0),t}static fromJSON(t,e){if("number"!=typeof e.from||"number"!=typeof e.to||"number"!=typeof e.gapFrom||"number"!=typeof e.gapTo||"number"!=typeof e.insert)throw RangeError("Invalid input for ReplaceAroundStep.fromJSON");return new g(e.from,e.to,e.gapFrom,e.gapTo,r.p2.fromJSON(t,e.slice),e.insert,!!e.structure)}}function y(t,e,n){let r=t.resolve(e),i=n-e,o=r.depth;for(;i>0&&o>0&&r.indexAfter(o)==r.node(o).childCount;)o--,i--;if(i>0){let t=r.node(o).maybeChild(r.indexAfter(o));for(;i>0;){if(!t||t.isLeaf)return!0;t=t.firstChild,i--}}return!1}function v(t){let e=t.parent.content.cutByIndex(t.startIndex,t.endIndex);for(let n=t.depth;;--n){let r=t.$from.node(n),i=t.$from.index(n),o=t.$to.indexAfter(n);if(no;t--,e--){let n=i.node(t),o=i.index(t);if(n.type.spec.isolating)return!1;let s=n.content.cutByIndex(o,n.childCount),a=r&&r[e+1];a&&(s=s.replaceChild(0,a.type.create(a.attrs)));let l=r&&r[e]||n;if(!n.canReplace(o+1,n.childCount)||!l.type.validContent(s))return!1}let a=i.indexAfter(o),l=r&&r[0];return i.node(o).canReplaceWith(a,a,l?l.type:i.node(o+1).type)}function x(t,e){let n=t.resolve(e),r=n.index();return M(n.nodeBefore,n.nodeAfter)&&n.parent.canReplace(r,r+1)}function M(t,e){return!!(t&&e&&!t.isLeaf&&t.canAppend(e))}function S(t,e,n=-1){let r=t.resolve(e);for(let t=r.depth;;t--){let i,o,s=r.index(t);if(t==r.depth?(i=r.nodeBefore,o=r.nodeAfter):n>0?(i=r.node(t+1),s++,o=r.node(t).maybeChild(s)):(i=r.node(t).maybeChild(s-1),o=r.node(t+1)),i&&!i.isTextblock&&M(i,o)&&r.node(t).canReplace(s,s+1))return e;if(0==t)break;e=n<0?r.before(t):r.after(t)}}function O(t,e,n){let r=t.resolve(e);if(!n.content.size)return e;let i=n.content;for(let t=0;t=0;e--){let n=e==r.depth?0:r.pos<=(r.start(e+1)+r.end(e+1))/2?-1:1,o=r.index(e)+(n>0?1:0),s=r.node(e),a=!1;if(1==t)a=s.canReplace(o,o,i);else{let t=s.contentMatchAt(o).findWrapping(i.firstChild.type);a=t&&s.canReplaceWith(o,o,t[0])}if(a)return 0==n?r.pos:n<0?r.before(e+1):r.after(e+1)}return null}function C(t,e,n=e,i=r.p2.empty){if(e==n&&!i.size)return null;let o=t.resolve(e),s=t.resolve(n);return T(o,s,i)?new m(e,n,i):new A(o,s,i).fit()}function T(t,e,n){return!n.openStart&&!n.openEnd&&t.start()==e.start()&&t.parent.canReplace(t.index(),e.index(),n.content)}l.jsonID("replaceAround",g);class A{constructor(t,e,n){this.$from=t,this.$to=e,this.unplaced=n,this.frontier=[],this.placed=r.HY.empty;for(let e=0;e<=t.depth;e++){let n=t.node(e);this.frontier.push({type:n.type,match:n.contentMatchAt(t.indexAfter(e))})}for(let e=t.depth;e>0;e--)this.placed=r.HY.from(t.node(e).copy(this.placed))}get depth(){return this.frontier.length-1}fit(){for(;this.unplaced.size;){let t=this.findFittable();t?this.placeNodes(t):this.openMore()||this.dropNode()}let t=this.mustMoveInline(),e=this.placed.size-this.depth-this.$from.depth,n=this.$from,i=this.close(t<0?this.$to:n.doc.resolve(t));if(!i)return null;let o=this.placed,s=n.depth,a=i.depth;for(;s&&a&&1==o.childCount;)o=o.firstChild.content,s--,a--;let l=new r.p2(o,s,a);return t>-1?new g(n.pos,t,this.$to.pos,this.$to.end(),l,e):l.size||n.pos!=this.$to.pos?new m(n.pos,i.pos,l):null}findFittable(){let t=this.unplaced.openStart;for(let e=this.unplaced.content,n=0,r=this.unplaced.openEnd;n1&&(r=0),i.type.spec.isolating&&r<=n){t=n;break}e=i.content}for(let e=1;e<=2;e++)for(let n=1==e?t:this.unplaced.openStart;n>=0;n--){let t=null,i=(n?(t=N(this.unplaced.content,n-1).firstChild).content:this.unplaced.content).firstChild;for(let o=this.depth;o>=0;o--){let{type:s,match:a}=this.frontier[o],l,c=null;if(1==e&&(i?a.matchType(i.type)||(c=a.fillBefore(r.HY.from(i),!1)):t&&s.compatibleContent(t.type)))return{sliceDepth:n,frontierDepth:o,parent:t,inject:c};if(2==e&&i&&(l=a.findWrapping(i.type)))return{sliceDepth:n,frontierDepth:o,parent:t,wrap:l};if(t&&a.matchType(t.type))break}}}openMore(){let{content:t,openStart:e,openEnd:n}=this.unplaced,i=N(t,e);return!!i.childCount&&!i.firstChild.isLeaf&&(this.unplaced=new r.p2(t,e+1,Math.max(n,i.size+e>=t.size-n?e+1:0)),!0)}dropNode(){let{content:t,openStart:e,openEnd:n}=this.unplaced,i=N(t,e);if(i.childCount<=1&&e>0){let o=t.size-e<=e+i.size;this.unplaced=new r.p2(E(t,e-1,1),e-1,o?e-1:n)}else this.unplaced=new r.p2(E(t,e,1),e,n)}placeNodes({sliceDepth:t,frontierDepth:e,parent:n,inject:i,wrap:o}){for(;this.depth>e;)this.closeFrontierNode();if(o)for(let t=0;t1||0==l||t.content.size)&&(d=e,p.push(function t(e,n,i){if(n<=0)return e;let o=e.content;return n>1&&(o=o.replaceChild(0,t(o.firstChild,n-1,1==o.childCount?i-1:0))),n>0&&(o=e.type.contentMatch.fillBefore(o).append(o),i<=0&&(o=o.append(e.type.contentMatch.matchFragment(o).fillBefore(r.HY.empty,!0)))),e.copy(o)}(t.mark(h.allowedMarks(t.marks)),1==c?l:0,c==a.childCount?u:-1)))}let f=c==a.childCount;f||(u=-1),this.placed=I(this.placed,e,r.HY.from(p)),this.frontier[e].match=d,f&&u<0&&n&&n.type==this.frontier[this.depth].type&&this.frontier.length>1&&this.closeFrontierNode();for(let t=0,e=a;t1&&r==this.$to.end(--n);)++r;return r}findCloseLevel(t){e:for(let e=Math.min(this.depth,t.depth);e>=0;e--){let{match:n,type:r}=this.frontier[e],i=e=0;n--){let{match:e,type:r}=this.frontier[n],i=R(t,n,r,e,!0);if(!i||i.childCount)continue e}return{depth:e,fit:o,move:i?t.doc.resolve(t.after(e+1)):t}}}}close(t){let e=this.findCloseLevel(t);if(!e)return null;for(;this.depth>e.depth;)this.closeFrontierNode();e.fit.childCount&&(this.placed=I(this.placed,e.depth,e.fit)),t=e.move;for(let n=e.depth+1;n<=t.depth;n++){let e=t.node(n),r=e.type.contentMatch.fillBefore(e.content,!0,t.index(n));this.openFrontierNode(e.type,e.attrs,r)}return t}openFrontierNode(t,e=null,n){let i=this.frontier[this.depth];i.match=i.match.matchType(t),this.placed=I(this.placed,this.depth,r.HY.from(t.create(e,n))),this.frontier.push({type:t,match:t.contentMatch})}closeFrontierNode(){let t=this.frontier.pop().match.fillBefore(r.HY.empty,!0);t.childCount&&(this.placed=I(this.placed,this.frontier.length,t))}}function E(t,e,n){return 0==e?t.cutByIndex(n,t.childCount):t.replaceChild(0,t.firstChild.copy(E(t.firstChild.content,e-1,n)))}function I(t,e,n){return 0==e?t.append(n):t.replaceChild(t.childCount-1,t.lastChild.copy(I(t.lastChild.content,e-1,n)))}function N(t,e){for(let n=0;n=0;i--){let r=t.start(i);if(re.pos+(e.depth-i)||t.node(i).type.spec.isolating||e.node(i).type.spec.isolating)break;(r==e.start(i)||i==t.depth&&i==e.depth&&t.parent.inlineContent&&e.parent.inlineContent&&i&&e.start(i-1)==r-1)&&n.push(i)}return n}class H extends l{constructor(t,e,n){super(),this.pos=t,this.attr=e,this.value=n}apply(t){let e=t.nodeAt(this.pos);if(!e)return c.fail("No node at attribute step's position");let n=Object.create(null);for(let t in e.attrs)n[t]=e.attrs[t];n[this.attr]=this.value;let i=e.type.create(n,null,e.marks);return c.fromReplace(t,this.pos,this.pos+1,new r.p2(r.HY.from(i),0,e.isLeaf?0:1))}getMap(){return o.empty}invert(t){return new H(this.pos,this.attr,t.nodeAt(this.pos).attrs[this.attr])}map(t){let e=t.mapResult(this.pos,1);return e.deletedAfter?null:new H(e.pos,this.attr,this.value)}toJSON(){return{stepType:"attr",pos:this.pos,attr:this.attr,value:this.value}}static fromJSON(t,e){if("number"!=typeof e.pos||"string"!=typeof e.attr)throw RangeError("Invalid input for AttrStep.fromJSON");return new H(e.pos,e.attr,e.value)}}l.jsonID("attr",H);let P=class extends Error{};(P=function t(e){let n=Error.call(this,e);return n.__proto__=t.prototype,n}).prototype=Object.create(Error.prototype),P.prototype.constructor=P,P.prototype.name="TransformError";class B{constructor(t){this.doc=t,this.steps=[],this.docs=[],this.mapping=new s}get before(){return this.docs.length?this.docs[0]:this.doc}step(t){let e=this.maybeStep(t);if(e.failed)throw new P(e.failed);return this}maybeStep(t){let e=t.apply(this.doc);return e.failed||this.addStep(t,e.doc),e}get docChanged(){return this.steps.length>0}addStep(t,e){this.docs.push(this.doc),this.steps.push(t),this.mapping.appendMap(t.getMap()),this.doc=e}replace(t,e=t,n=r.p2.empty){let i=C(this.doc,t,e,n);return i&&this.step(i),this}replaceWith(t,e,n){return this.replace(t,e,new r.p2(r.HY.from(n),0,0))}delete(t,e){return this.replace(t,e,r.p2.empty)}insert(t,e){return this.replaceWith(t,t,e)}replaceRange(t,e,n){return!function(t,e,n,i){if(!i.size)return t.deleteRange(e,n);let o=t.doc.resolve(e),s=t.doc.resolve(n);if(T(o,s,i))return t.step(new m(e,n,i));let a=L(o,t.doc.resolve(n));0==a[a.length-1]&&a.pop();let l=-(o.depth+1);a.unshift(l);for(let t=o.depth,e=o.pos-1;t>0;t--,e--){let n=o.node(t).type.spec;if(n.defining||n.definingAsContext||n.isolating)break;a.indexOf(t)>-1?l=t:o.before(t)==e&&a.splice(1,0,-t)}let c=a.indexOf(l),p=[],d=i.openStart;for(let t=i.content,e=0;;e++){let n=t.firstChild;if(p.push(n),e==i.openStart)break;t=n.content}for(let t=d-1;t>=0;t--){let e=p[t].type,n=e.spec.defining||e.spec.definingForContent;if(n&&o.node(c).type!=e)d=t;else if(n||!e.isTextblock)break}for(let e=i.openStart;e>=0;e--){let l=(e+d+1)%(i.openStart+1),h=p[l];if(h)for(let e=0;eo){let t=s.contentMatchAt(0),n=t.fillBefore(e).append(e);e=n.append(t.matchFragment(n).fillBefore(r.HY.empty,!0))}return e}(i.content,0,i.openStart,l),l,i.openEnd))}}let h=t.steps.length;for(let r=a.length-1;r>=0&&(t.replace(e,n,i),!(t.steps.length>h));r--){let t=a[r];t<0||(e=o.before(t),n=s.after(t))}}(this,t,e,n),this}replaceRangeWith(t,e,n){return!function(t,e,n,i){if(!i.isInline&&e==n&&t.doc.resolve(e).parent.content.size){let r=function(t,e,n){let r=t.resolve(e);if(r.parent.canReplaceWith(r.index(),r.index(),n))return e;if(0==r.parentOffset)for(let t=r.depth-1;t>=0;t--){let e=r.index(t);if(r.node(t).canReplaceWith(e,e,n))return r.before(t+1);if(e>0)return null}if(r.parentOffset==r.parent.content.size)for(let t=r.depth-1;t>=0;t--){let e=r.indexAfter(t);if(r.node(t).canReplaceWith(e,e,n))return r.after(t+1);if(e0&&(s||r.node(n-1).canReplace(r.index(n-1),i.indexAfter(n-1))))return t.delete(r.before(n),i.after(n))}for(let o=1;o<=r.depth&&o<=i.depth;o++)if(e-r.start(o)==r.depth-o&&n>r.end(o)&&i.end(o)-n!=i.depth-o)return t.delete(r.before(o),n);t.delete(e,n)}(this,t,e),this}lift(t,e){return!function(t,e,n){let{$from:i,$to:o,depth:s}=e,a=i.before(s+1),l=o.after(s+1),c=a,p=l,d=r.HY.empty,h=0;for(let t=s,e=!1;t>n;t--)e||i.index(t)>0?(e=!0,d=r.HY.from(i.node(t).copy(d)),h++):c--;let u=r.HY.empty,f=0;for(let t=s,e=!1;t>n;t--)e||o.after(t+1)=0;t--){if(i.size){let e=n[t].type.contentMatch.matchFragment(i);if(!e||!e.validEnd)throw RangeError("Wrapper type given to Transform.wrap does not form valid content of its parent wrapper")}i=r.HY.from(n[t].type.create(n[t].attrs,i))}let o=e.start,s=e.end;t.step(new g(o,s,o,s,new r.p2(i,0,0),n.length,!0))}(this,t,e),this}setBlockType(t,e=t,n,i=null){return!function(t,e,n,i,o){if(!i.isTextblock)throw RangeError("Type given to setBlockType should be a textblock");let s=t.steps.length;t.doc.nodesBetween(e,n,(e,n)=>{var a,l;let c,p;if(e.isTextblock&&!e.hasMarkup(i,o)&&(a=t.doc,l=t.mapping.slice(s).map(n),p=(c=a.resolve(l)).index(),c.parent.canReplaceWith(p,p+1,i))){t.clearIncompatible(t.mapping.slice(s).map(n,1),i);let a=t.mapping.slice(s),l=a.map(n,1),c=a.map(n+e.nodeSize,1);return t.step(new g(l,c,l+1,c-1,new r.p2(r.HY.from(i.create(o,null,e.marks)),0,0),1,!0)),!1}})}(this,t,e,n,i),this}setNodeMarkup(t,e,n=null,i){return!function(t,e,n,i,o){let s=t.doc.nodeAt(e);if(!s)throw RangeError("No node at given position");n||(n=s.type);let a=n.create(i,null,o||s.marks);if(s.isLeaf)return t.replaceWith(e,e+s.nodeSize,a);if(!n.validContent(s.content))throw RangeError("Invalid content for node type "+n.name);t.step(new g(e,e+s.nodeSize,e+1,e+s.nodeSize-1,new r.p2(r.HY.from(a),0,0),1,!0))}(this,t,e,n,i),this}setNodeAttribute(t,e,n){return this.step(new H(t,e,n)),this}addNodeMark(t,e){return this.step(new u(t,e)),this}removeNodeMark(t,e){if(!(e instanceof r.vc)){let n=this.doc.nodeAt(t);if(!n)throw RangeError("No node at position "+t);if(!(e=e.isInSet(n.marks)))return this}return this.step(new f(t,e)),this}split(t,e=1,n){return!function(t,e,n=1,i){let o=t.doc.resolve(e),s=r.HY.empty,a=r.HY.empty;for(let t=o.depth,e=o.depth-n,l=n-1;t>e;t--,l--){s=r.HY.from(o.node(t).copy(s));let e=i&&i[l];a=r.HY.from(e?e.type.create(e.attrs,a):o.node(t).copy(a))}t.step(new m(e,e,new r.p2(s.append(a),n,n),!0))}(this,t,e,n),this}addMark(t,e,n){var r;let i,o,s,a;return r=this,s=[],a=[],r.doc.nodesBetween(t,e,(r,l,c)=>{if(!r.isInline)return;let p=r.marks;if(!n.isInSet(p)&&c.type.allowsMarkType(n.type)){let c=Math.max(l,t),u=Math.min(l+r.nodeSize,e),f=n.addToSet(p);for(let t=0;tr.step(t)),a.forEach(t=>r.step(t)),this}removeMark(t,e,n){var i;let o,s;return i=this,o=[],s=0,i.doc.nodesBetween(t,e,(i,a)=>{if(!i.isInline)return;s++;let l=null;if(n instanceof r.ZU){let t=i.marks,e;for(;e=n.isInSet(t);)(l||(l=[])).push(e),t=e.removeFromSet(t)}else n?n.isInSet(i.marks)&&(l=[n]):l=i.marks;if(l&&l.length){let n=Math.min(a+i.nodeSize,e);for(let e=0;ei.step(new h(t.from,t.to,t.style))),this}clearIncompatible(t,e,n){return!function(t,e,n,i=n.contentMatch){let o=t.doc.nodeAt(e),s=[],a=e+1;for(let e=0;e=0;e--)t.step(s[e])}(this,t,e,n),this}}}}]); \ No newline at end of file diff --git a/_next/static/chunks/213-b3723d19cd82f7df.js b/_next/static/chunks/213-b3723d19cd82f7df.js new file mode 100644 index 00000000000..10549546014 --- /dev/null +++ b/_next/static/chunks/213-b3723d19cd82f7df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[213],{60213:function(n,e,t){t.d(e,{Z:function(){return u}});var r=t(67294),o=t(22621);function i(n){return n.concat().sort(function(n,e){return n.name>e.name?1:-1}).map(function(n){return n.options})}function u(n,e){void 0===n&&(n={}),void 0===e&&(e=[]);var t=(0,r.useRef)(o.default.optionsHandler()),c=(0,r.useRef)(n),a=(0,r.useRef)(e),s=(0,r.useState)(),f=s[0],d=s[1],l=(0,r.useState)(),p=l[0],m=l[1],v=(0,r.useCallback)(function(){f&&f.reInit(c.current,a.current)},[f]);return(0,r.useEffect)(function(){if("undefined"!=typeof window&&window.document&&window.document.createElement&&p){o.default.globalOptions=u.globalOptions;var n=(0,o.default)(p,c.current,a.current);return d(n),function(){return n.destroy()}}d(void 0)},[p,d]),(0,r.useEffect)(function(){t.current.areEqual(c.current,n)||(c.current=n,v())},[n,v]),(0,r.useEffect)(function(){!function(n,e){if(n.length!==e.length)return!1;var t=o.default.optionsHandler().areEqual,r=i(n),u=i(e);return r.every(function(n,e){return t(n,u[e])})}(a.current,e)&&(a.current=e,v())},[e,v]),[m,f]}u.globalOptions=void 0},22621:function(n,e,t){function r(n){return"number"==typeof n}function o(n){return"string"==typeof n}function i(n){return"[object Object]"===Object.prototype.toString.call(n)}function u(n){return i(n)||Array.isArray(n)}function c(n){return Math.abs(n)}function a(n){return n?n/c(n):0}function s(n){return l(n).map(Number)}function f(n){return n[d(n)]}function d(n){return Math.max(0,n.length-1)}function l(n){return Object.keys(n)}function p(n,e){var t=c(n-e);function r(t){return te}return{length:t,max:e,min:n,constrain:function(t){return r(t)?te},reachedMin:function(e){return ens?n.concat(e):n},[]).map(function(e,t,r){return n.slice(e,r[t+1])})}}),nx=(B=na.startEdge,I=na.endEdge,z=(N=ng.groupSlides)(nu).map(function(n){return f(n)[I]-n[0][B]}).map(c).map(nd.measure),l=f(C=nu.map(function(n){return ni[B]-n[B]}).map(function(n){return-c(n)}))-f(nv),D=N(C).map(function(n){return n[0]}).map(function(n,e,t){var r=e===d(t);return nl&&!e?0:nl&&r?l:n+z[e]}),{snaps:C,snapsAligned:D}),nh=nx.snaps,ny=nx.snapsAligned,nS=-f(nh)+f(nv),nb=(L=p(-nS+ns,ny[0]),R=ny.map(L.constrain),{snapsContained:function(){if(nS<=ns)return[L.max];if("keepSnaps"===no)return R;var n,e,t=(n=R[0],e=f(R),p(R.lastIndexOf(n),R.indexOf(e)+1)),r=t.min,o=t.max;return R.slice(r,o)}()}).snapsContained,nE=nl?nb:ny,nw={limit:(x=nE[0],h=f(nE),p($?x-nS:h,x))}.limit,nA=function n(e,t,r){var o=p(0,e),i=o.min,u=o.constrain,a=e+1,s=f(t);function f(n){return r?c((a+n)%a):u(n)}function d(n){return s=f(n),l}var l={add:function(n){return d(s+n)},clone:function(){return n(e,s,r)},get:function(){return s},set:d,min:i,max:e};return l}(d(nE),K,$),nM=nA.clone(),nk=s(t),nO=function(n){var e=0;function t(n,t){return function(){!!e===n&&t()}}function r(){e=window.requestAnimationFrame(n)}return{proceed:t(!0,r),start:t(!1,r),stop:t(!0,function(){window.cancelAnimationFrame(e),e=0})}}(function(){$||nL.scrollBounds.constrain(nL.dragHandler.pointerDown()),nL.scrollBody.seek(nB).update();var n=nL.scrollBody.settle(nB);n&&!nL.dragHandler.pointerDown()&&(nL.animation.stop(),i.emit("settle")),n||i.emit("scroll"),$&&(nL.scrollLooper.loop(nL.scrollBody.direction()),nL.slideLooper.loop()),nL.translate.to(nT),nL.animation.proceed()}),nP=nE[nA.get()],nT=v(nP),nB=v(nP),nI=function(n,e,t){var r=v(0),o=v(0),i=v(0),u=0,c=e,s=t;function f(n){return c=n,l}function d(n){return s=n,l}var l={direction:function(){return u},seek:function(e){i.set(e).subtract(n);var t=0+(c-0)*((i.get()-0)/100);return u=a(i.get()),i.normalize().multiply(t).subtract(r),i.divide(s),o.add(i),l},settle:function(e){var t=!(Math.round((e.get()-n.get())*100)/100);return t&&n.set(e),t},update:function(){r.add(o),n.add(r),o.multiply(0)},useBaseMass:function(){return d(t)},useBaseSpeed:function(){return f(e)},useMass:d,useSpeed:f};return l}(nT,nn,1),nN=function(n,e,t,r,o){var i=r.reachedAny,u=r.removeOffset,s=r.constrain;function f(n){return n.concat().sort(function(n,e){return c(n)-c(e)})[0]}function d(e,r){var o=[e,e+t,e-t];return n?r?f(o.filter(function(n){return a(n)===r})):f(o):o[0]}return{byDistance:function(t,r){var a,f=o.get()+t,l=(a=n?u(f):s(f),{index:e.map(function(n){return n-a}).map(function(n){return d(n,0)}).map(function(n,e){return{diff:n,index:e}}).sort(function(n,e){return c(n.diff)-c(e.diff)})[0].index,distance:a}),p=l.index,m=l.distance,v=!n&&i(f);if(!r||v)return{index:p,distance:t};var g=t+d(e[p]-m,0);return{index:p,distance:g}},byIndex:function(n,t){var r=d(e[n]-o.get(),t);return{index:n,distance:r}},shortcut:d}}($,nE,nS,nw,nB),nz=function(n,e,t,r,o,i){function u(r){var u=r.distance,c=r.index!==e.get();u&&(n.start(),o.add(u)),c&&(t.set(e.get()),e.set(r.index),i.emit("select"))}return{distance:function(n,e){u(r.byDistance(n,e))},index:function(n,t){var o=e.clone().set(n);u(r.byIndex(o.get(),t))}}}(nO,nA,nM,nN,nB,i),nC=function(n,e,t,r,o,i,u){var c=o.removeOffset,a=o.constrain,s=i?[0,e,-e]:[0],f=d(s,u);function d(e,o){var i,u=(i=o||0,t.map(function(n){return p(.5,n-.5).constrain(n*i)}));return(e||s).reduce(function(e,o){var i=r.map(function(e,r){return{start:e-t[r]+u[r]+o,end:e+n-u[r]+o,index:r}});return e.concat(i)},[])}return{check:function(n,e){var t=i?c(n):a(n);return(e||f).reduce(function(n,e){var r=e.index,o=e.start,i=e.end;return!(-1!==n.indexOf(r))&&ot?n.concat([r]):n},[])},findSlideBounds:d}}(ns,nS,nm,nh,nw,$,Q),nD=function(n,e,t,r,o,i,u,s,f,d,l,p,g,x,h,y){var S=n.cross,b=["INPUT","SELECT","TEXTAREA"],E={passive:!1},w=v(0),A=m(),M=m(),k=g.measure(20),O={mouse:300,touch:400},P={mouse:500,touch:600},T=h?5:16,B=0,I=0,N=!1,z=!1,C=!1,D=!1;function L(n){if((!(D=!o.isTouchEvent(n))||0===n.button)&&(e=n.target.nodeName||"",!(b.indexOf(e)>-1))){var e,u,a=c(r.get()-i.get())>=2,s=D||!a;N=!0,o.pointerDown(n),w.set(r),r.set(i),f.useBaseMass().useSpeed(80),u=D?document:t,M.add(u,"touchmove",R,E).add(u,"touchend",H).add(u,"mousemove",R,E).add(u,"mouseup",H),B=o.readPoint(n),I=o.readPoint(n,S),p.emit("pointerDown"),s&&(C=!1)}}function R(n){if(!z&&!D){if(!n.cancelable)return H(n);var t=o.readPoint(n),i=o.readPoint(n,S);if(!(z=c(t-B)>c(i-I))&&!C)return H(n)}var a=o.pointerMove(n);!C&&a&&(C=!0),u.start(),r.add(e.apply(a)),n.preventDefault()}function H(n){var t,i,u,m,v=d.byDistance(0,!1).index!==l.get(),g=o.pointerUp(n)*(h?P:O)[D?"mouse":"touch"],S=(t=e.apply(g),u=(i=l.clone().add(-1*a(t))).get()===l.min||i.get()===l.max,m=d.byDistance(t,!h).distance,h||c(t)=.5,A=v&&b>.75,B=c(g)170;return t=n,u&&(e=n),r},pointerUp:function(n){if(!e||!t)return 0;var r=i(t)-i(e),u=o(n)-o(e),a=o(n)-o(t)>170,s=r/u;return u&&!a&&c(s)>.1?s:0},readPoint:i}}(na),nT,nO,nz,nI,nN,nA,i,nf,$,ne,nr),nL={containerRect:ni,slideRects:nu,animation:nO,axis:na,direction:nc,dragHandler:nD,eventStore:m(),percentOfView:nf,index:nA,indexPrevious:nM,limit:nw,location:nT,options:o,scrollBody:nI,scrollBounds:(q=nf.measure(10),V=nf.measure(50),j=!1,{constrain:function(n){if(!j&&nw.reachedAny(nB.get())&&nw.reachedAny(nT.get())){var e=nw.reachedMin(nT.get())?"min":"max",t=c(nw[e]-nT.get()),r=nB.get()-nT.get();nB.subtract(r*Math.min(t/V,.85)),!n&&c(r)0?n.concat([t]):n},[])}function m(t,o){var i="start"===o,s=u.findSlideBounds([i?-r:r]);return t.map(function(t){var o=i?0:-r,u=i?r:0,f=s.filter(function(n){return n.index===t})[0][i?"end":"start"],d=v(-1),l=v(-1),p=g(n,e,a[t]);return{index:t,location:l,translate:p,target:function(){return d.set(c.get()>f?o:u)}}})}return{canLoop:function(){return d.every(function(n){var e=n.index;return .1>=l(f.filter(function(n){return n!==e}),t)})},clear:function(){d.forEach(function(n){return n.translate.clear()})},loop:function(){d.forEach(function(n){var e=n.target,t=n.translate,r=n.location,o=e();o.get()!==r.get()&&(0===o.get()?t.clear():t.to(o),r.set(o))})},loopPoints:d}}(na,nc,ns,nS,nv,nE,nC,nT,t),slidesToScroll:ng,slidesInView:nC,slideIndexes:nk,target:nB,translate:g(na,nc,e)};return nL}(n,b,E,I,k)).axis.measureSize(n.getBoundingClientRect()),!I.active)return L();if(l.translate.to(l.location),N=t||N,S=M.init(N,V),I.loop){if(!l.slideLooper.canLoop()){L(),C({loop:!1},t),B=A.merge(B,{loop:!0});return}l.slideLooper.loop()}I.draggable&&b.offsetParent&&E.length&&l.dragHandler.addActivationEvents()}}function D(n,e){var t=q();L(),C(A.merge({startIndex:t},n),e),k.emit("reInit")}function L(){l.dragHandler.removeAllEvents(),l.animation.stop(),l.eventStore.removeAll(),l.translate.clear(),l.slideLooper.clear(),M.destroy()}function R(n){var e=l[n?"target":"location"].get(),t=I.loop?"removeOffset":"constrain";return l.slidesInView.check(l.limit[t](e))}function H(n,e,t){I.active&&!T&&(l.scrollBody.useBaseMass().useSpeed(e?100:I.speed),l.scrollTo.index(n,t||0))}function q(){return l.index.get()}var V={canScrollNext:function(){return l.index.clone().add(1).get()!==q()},canScrollPrev:function(){return l.index.clone().add(-1).get()!==q()},clickAllowed:function(){return l.dragHandler.clickAllowed()},containerNode:function(){return b},internalEngine:function(){return l},destroy:function(){T||(T=!0,w.removeAll(),L(),k.emit("destroy"))},off:P,on:O,plugins:function(){return S},previousScrollSnap:function(){return l.indexPrevious.get()},reInit:D,rootNode:function(){return n},scrollNext:function(n){H(l.index.clone().add(1).get(),!0===n,-1)},scrollPrev:function(n){H(l.index.clone().add(-1).get(),!0===n,1)},scrollProgress:function(){return l.scrollProgress.get(l.location.get())},scrollSnapList:function(){return l.scrollSnaps.map(l.scrollProgress.get)},scrollTo:H,selectedScrollSnap:q,slideNodes:function(){return E},slidesInView:R,slidesNotInView:function(n){var e=R(n);return l.slideIndexes.filter(function(n){return -1===e.indexOf(n)})}};return C(e,t),w.add(window,"resize",function(){var e=A.atMedia(B),t=!A.areEqual(e,I),r=z!==l.axis.measureSize(n.getBoundingClientRect()),o=M.haveChanged();(r||t||o)&&D(),k.emit("resize")}),setTimeout(function(){return k.emit("init")},0),V}y.globalOptions=void 0,y.optionsHandler=h}}]); \ No newline at end of file diff --git a/_next/static/chunks/2799-aa8381ffc0207c6d.js b/_next/static/chunks/2799-aa8381ffc0207c6d.js new file mode 100644 index 00000000000..38fb70f1a8e --- /dev/null +++ b/_next/static/chunks/2799-aa8381ffc0207c6d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2799],{33507:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},38767:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},48112:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var a=(0,t(54764).Z)("star","IconStar",[["path",{d:"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z",key:"svg-0"}]])},28326:function(e){!function(){var n;function t(e){for(var n,t,a,i,r=1,s=[].slice.call(arguments),o=0,l=e.length,c="",d=!1,g=!1,u=function(){return s[r++]};o0?parseInt(t):null}(),n){case"b":c+=parseInt(u(),10).toString(2);break;case"c":"string"==typeof(t=u())||t instanceof String?c+=t:c+=String.fromCharCode(parseInt(t,10));break;case"d":c+=parseInt(u(),10);break;case"f":a=String(parseFloat(u()).toFixed(i||6)),c+=g?a:a.replace(/^0/,"");break;case"j":c+=JSON.stringify(u());break;case"o":c+="0"+parseInt(u(),10).toString(8);break;case"s":c+=u();break;case"x":c+="0x"+parseInt(u(),10).toString(16);break;case"X":c+="0x"+parseInt(u(),10).toString(16).toUpperCase();break;default:c+=n}else"%"===n?d=!0:c+=n;return c}(n=e.exports=t).format=t,n.vsprintf=function(e,n){return t.apply(null,[e].concat(n))},"undefined"!=typeof console&&"function"==typeof console.log&&(n.printf=function(){console.log(t.apply(null,arguments))})}()},99792:function(e){var n={exports:{}};function t(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(function(n){var a=e[n];"object"!=typeof a||Object.isFrozen(a)||t(a)}),e}n.exports=t,n.exports.default=t;class a{constructor(e){void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function i(e){return e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")}function r(e,...n){let t=Object.create(null);for(let n in e)t[n]=e[n];return n.forEach(function(e){for(let n in e)t[n]=e[n]}),t}let s=e=>!!e.scope||e.sublanguage&&e.language,o=(e,{prefix:n})=>{if(e.includes(".")){let t=e.split(".");return[`${n}${t.shift()}`,...t.map((e,n)=>`${e}${"_".repeat(n+1)}`)].join(" ")}return`${n}${e}`};class l{constructor(e,n){this.buffer="",this.classPrefix=n.classPrefix,e.walk(this)}addText(e){this.buffer+=i(e)}openNode(e){if(!s(e))return;let n="";n=e.sublanguage?`language-${e.language}`:o(e.scope,{prefix:this.classPrefix}),this.span(n)}closeNode(e){s(e)&&(this.buffer+="")}value(){return this.buffer}span(e){this.buffer+=``}}let c=(e={})=>{let n={children:[]};return Object.assign(n,e),n};class d{constructor(){this.rootNode=c(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){let n=c({scope:e});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,n){return"string"==typeof n?e.addText(n):n.children&&(e.openNode(n),n.children.forEach(n=>this._walk(e,n)),e.closeNode(n)),e}static _collapse(e){"string"!=typeof e&&e.children&&(e.children.every(e=>"string"==typeof e)?e.children=[e.children.join("")]:e.children.forEach(e=>{d._collapse(e)}))}}class g extends d{constructor(e){super(),this.options=e}addKeyword(e,n){""!==e&&(this.openNode(n),this.addText(e),this.closeNode())}addText(e){""!==e&&this.add(e)}addSublanguage(e,n){let t=e.root;t.sublanguage=!0,t.language=n,this.add(t)}toHTML(){let e=new l(this,this.options);return e.value()}finalize(){return!0}}function u(e){return e?"string"==typeof e?e:e.source:null}function b(e){return h("(?=",e,")")}function p(e){return h("(?:",e,")*")}function m(e){return h("(?:",e,")?")}function h(...e){let n=e.map(e=>u(e)).join("");return n}function f(...e){let n=function(e){let n=e[e.length-1];return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}}(e),t="("+(n.capture?"":"?:")+e.map(e=>u(e)).join("|")+")";return t}function _(e){return RegExp(e.toString()+"|").exec("").length-1}let y=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function E(e,{joinWith:n}){let t=0;return e.map(e=>{t+=1;let n=t,a=u(e),i="";for(;a.length>0;){let e=y.exec(a);if(!e){i+=a;break}i+=a.substring(0,e.index),a=a.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?i+="\\"+String(Number(e[1])+n):(i+=e[0],"("===e[0]&&t++)}return i}).map(e=>`(${e})`).join(n)}let w="[a-zA-Z]\\w*",v="[a-zA-Z_]\\w*",N="\\b\\d+(\\.\\d+)?",k="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",x="\\b(0b[01]+)",O=(e={})=>{let n=/^#![ ]*\//;return e.binary&&(e.begin=h(n,/.*\b/,e.binary,/\b.*/)),r({scope:"meta",begin:n,end:/$/,relevance:0,"on:begin":(e,n)=>{0!==e.index&&n.ignoreMatch()}},e)},M={begin:"\\\\[\\s\\S]",relevance:0},S=function(e,n,t={}){let a=r({scope:"comment",begin:e,end:n,contains:[]},t);a.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});let i=f("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return a.contains.push({begin:h(/[ ]+/,"(",i,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),a},A=S("//","$"),C=S("/\\*","\\*/"),T=S("#","$");var R=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:w,UNDERSCORE_IDENT_RE:v,NUMBER_RE:N,C_NUMBER_RE:k,BINARY_NUMBER_RE:x,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:O,BACKSLASH_ESCAPE:M,APOS_STRING_MODE:{scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[M]},QUOTE_STRING_MODE:{scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[M]},PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:S,C_LINE_COMMENT_MODE:A,C_BLOCK_COMMENT_MODE:C,HASH_COMMENT_MODE:T,NUMBER_MODE:{scope:"number",begin:N,relevance:0},C_NUMBER_MODE:{scope:"number",begin:k,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:x,relevance:0},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[M,{begin:/\[/,end:/\]/,relevance:0,contains:[M]}]}]},TITLE_MODE:{scope:"title",begin:w,relevance:0},UNDERSCORE_TITLE_MODE:{scope:"title",begin:v,relevance:0},METHOD_GUARD:{begin:"\\.\\s*"+v,relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,n)=>{n.data._beginMatch=e[1]},"on:end":(e,n)=>{n.data._beginMatch!==e[1]&&n.ignoreMatch()}})}});function I(e,n){let t=e.input[e.index-1];"."===t&&n.ignoreMatch()}function L(e,n){void 0!==e.className&&(e.scope=e.className,delete e.className)}function D(e,n){n&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=I,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function B(e,n){Array.isArray(e.illegal)&&(e.illegal=f(...e.illegal))}function $(e,n){if(e.match){if(e.begin||e.end)throw Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function z(e,n){void 0===e.relevance&&(e.relevance=1)}let P=(e,n)=>{if(!e.beforeMatch)return;if(e.starts)throw Error("beforeMatch cannot be used with starts");let t=Object.assign({},e);Object.keys(e).forEach(n=>{delete e[n]}),e.keywords=t.keywords,e.begin=h(t.beforeMatch,b(t.begin)),e.starts={relevance:0,contains:[Object.assign(t,{endsParent:!0})]},e.relevance=0,delete t.beforeMatch},U=["of","and","for","in","not","or","if","then","parent","list","value"],F={},j=e=>{console.error(e)},H=(e,...n)=>{console.log(`WARN: ${e}`,...n)},K=(e,n)=>{F[`${e}/${n}`]||(console.log(`Deprecated as of ${e}. ${n}`),F[`${e}/${n}`]=!0)},Z=Error();function q(e,n,{key:t}){let a=0,i=e[t],r={},s={};for(let e=1;e<=n.length;e++)s[e+a]=i[e],r[e+a]=!0,a+=_(n[e-1]);e[t]=s,e[t]._emit=r,e[t]._multi=!0}function G(e){var n;(n=e).scope&&"object"==typeof n.scope&&null!==n.scope&&(n.beginScope=n.scope,delete n.scope),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw j("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),Z;if("object"!=typeof e.beginScope||null===e.beginScope)throw j("beginScope must be object"),Z;q(e,e.begin,{key:"beginScope"}),e.begin=E(e.begin,{joinWith:""})}}(e),function(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw j("skip, excludeEnd, returnEnd not compatible with endScope: {}"),Z;if("object"!=typeof e.endScope||null===e.endScope)throw j("endScope must be object"),Z;q(e,e.end,{key:"endScope"}),e.end=E(e.end,{joinWith:""})}}(e)}class W extends Error{constructor(e,n){super(e),this.name="HTMLInjectionError",this.html=n}}let X=Symbol("nomatch");var Q=function(e){let t=Object.create(null),s=Object.create(null),o=[],l=!0,c="Could not find the language '{}', did you forget to load/include a language module?",d={disableAutodetect:!0,name:"Plain text",contains:[]},y={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:g};function w(e){return y.noHighlightRe.test(e)}function v(e,n,t){let a="",i="";"object"==typeof n?(a=e,t=n.ignoreIllegals,i=n.language):(K("10.7.0","highlight(lang, code, ...args) has been deprecated."),K("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),i=e,a=n),void 0===t&&(t=!0);let r={code:a,language:i};I("before:highlight",r);let s=r.result?r.result:N(r.language,r.code,t);return s.code=r.code,I("after:highlight",s),s}function N(e,n,s,o){let d=Object.create(null);function g(){if(!O.keywords){S.addText(C);return}let e=0;O.keywordPatternRe.lastIndex=0;let n=O.keywordPatternRe.exec(C),t="";for(;n;){t+=C.substring(e,n.index);let a=w.case_insensitive?n[0].toLowerCase():n[0],i=O.keywords[a];if(i){let[e,r]=i;if(S.addText(t),t="",d[a]=(d[a]||0)+1,d[a]<=7&&(T+=r),e.startsWith("_"))t+=n[0];else{let t=w.classNameAliases[e]||e;S.addKeyword(n[0],t)}}else t+=n[0];e=O.keywordPatternRe.lastIndex,n=O.keywordPatternRe.exec(C)}t+=C.substring(e),S.addText(t)}function b(){null!=O.subLanguage?function(){if(""===C)return;let e=null;if("string"==typeof O.subLanguage){if(!t[O.subLanguage]){S.addText(C);return}e=N(O.subLanguage,C,!0,M[O.subLanguage]),M[O.subLanguage]=e._top}else e=k(C,O.subLanguage.length?O.subLanguage:null);O.relevance>0&&(T+=e.relevance),S.addSublanguage(e._emitter,e.language)}():g(),C=""}function p(e,n){let t=1,a=n.length-1;for(;t<=a;){if(!e._emit[t]){t++;continue}let a=w.classNameAliases[e[t]]||e[t],i=n[t];a?S.addKeyword(i,a):(C=i,g(),C=""),t++}}function m(e,n){return e.scope&&"string"==typeof e.scope&&S.openNode(w.classNameAliases[e.scope]||e.scope),e.beginScope&&(e.beginScope._wrap?(S.addKeyword(C,w.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),C=""):e.beginScope._multi&&(p(e.beginScope,n),C="")),O=Object.create(e,{parent:{value:O}})}let h={};function f(t,i){let r=i&&i[0];if(C+=t,null==r)return b(),0;if("begin"===h.type&&"end"===i.type&&h.index===i.index&&""===r){if(C+=n.slice(i.index,i.index+1),!l){let n=Error(`0 width match regex (${e})`);throw n.languageName=e,n.badRule=h.rule,n}return 1}if(h=i,"begin"===i.type)return function(e){let n=e[0],t=e.rule,i=new a(t),r=[t.__beforeBegin,t["on:begin"]];for(let t of r)if(t&&(t(e,i),i.isMatchIgnored))return 0===O.matcher.regexIndex?(C+=n[0],1):(F=!0,0);return t.skip?C+=n:(t.excludeBegin&&(C+=n),b(),t.returnBegin||t.excludeBegin||(C=n)),m(t,e),t.returnBegin?0:n.length}(i);if("illegal"!==i.type||s){if("end"===i.type){let e=function(e){let t=e[0],i=n.substring(e.index),r=function e(n,t,i){let r=function(e,n){let t=e&&e.exec(n);return t&&0===t.index}(n.endRe,i);if(r){if(n["on:end"]){let e=new a(n);n["on:end"](t,e),e.isMatchIgnored&&(r=!1)}if(r){for(;n.endsParent&&n.parent;)n=n.parent;return n}}if(n.endsWithParent)return e(n.parent,t,i)}(O,e,i);if(!r)return X;let s=O;O.endScope&&O.endScope._wrap?(b(),S.addKeyword(t,O.endScope._wrap)):O.endScope&&O.endScope._multi?(b(),p(O.endScope,e)):s.skip?C+=t:(s.returnEnd||s.excludeEnd||(C+=t),b(),s.excludeEnd&&(C=t));do O.scope&&S.closeNode(),O.skip||O.subLanguage||(T+=O.relevance),O=O.parent;while(O!==r.parent);return r.starts&&m(r.starts,e),s.returnEnd?0:t.length}(i);if(e!==X)return e}}else{let e=Error('Illegal lexeme "'+r+'" for mode "'+(O.scope||"")+'"');throw e.mode=O,e}if("illegal"===i.type&&""===r)return 1;if(I>1e5&&I>3*i.index){let e=Error("potential infinite loop, way more iterations than matches");throw e}return C+=r,r.length}let w=A(e);if(!w)throw j(c.replace("{}",e)),Error('Unknown language: "'+e+'"');let v=function(e){function n(n,t){return RegExp(u(n),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(t?"g":""))}class t{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,n){n.position=this.position++,this.matchIndexes[this.matchAt]=n,this.regexes.push([n,e]),this.matchAt+=_(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);let e=this.regexes.map(e=>e[1]);this.matcherRe=n(E(e,{joinWith:"|"}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;let n=this.matcherRe.exec(e);if(!n)return null;let t=n.findIndex((e,n)=>n>0&&void 0!==e),a=this.matchIndexes[t];return n.splice(0,t),Object.assign(n,a)}}class a{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];let n=new t;return this.rules.slice(e).forEach(([e,t])=>n.addRule(e,t)),n.compile(),this.multiRegexes[e]=n,n}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,n){this.rules.push([e,n]),"begin"===n.type&&this.count++}exec(e){let n=this.getMatcher(this.regexIndex);n.lastIndex=this.lastIndex;let t=n.exec(e);if(this.resumingScanAtSamePosition()){if(t&&t.index===this.lastIndex);else{let n=this.getMatcher(0);n.lastIndex=this.lastIndex+1,t=n.exec(e)}}return t&&(this.regexIndex+=t.position+1,this.regexIndex===this.count&&this.considerAll()),t}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.");return e.classNameAliases=r(e.classNameAliases||{}),function t(i,s){let o=i;if(i.isCompiled)return o;[L,$,G,P].forEach(e=>e(i,s)),e.compilerExtensions.forEach(e=>e(i,s)),i.__beforeBegin=null,[D,B,z].forEach(e=>e(i,s)),i.isCompiled=!0;let l=null;return"object"==typeof i.keywords&&i.keywords.$pattern&&(i.keywords=Object.assign({},i.keywords),l=i.keywords.$pattern,delete i.keywords.$pattern),l=l||/\w+/,i.keywords&&(i.keywords=function e(n,t,a="keyword"){let i=Object.create(null);return"string"==typeof n?r(a,n.split(" ")):Array.isArray(n)?r(a,n):Object.keys(n).forEach(function(a){Object.assign(i,e(n[a],t,a))}),i;function r(e,n){t&&(n=n.map(e=>e.toLowerCase())),n.forEach(function(n){var t,a;let r=n.split("|");i[r[0]]=[e,(t=r[0],(a=r[1])?Number(a):U.includes(t.toLowerCase())?0:1)]})}}(i.keywords,e.case_insensitive)),o.keywordPatternRe=n(l,!0),s&&(i.begin||(i.begin=/\B|\b/),o.beginRe=n(o.begin),i.end||i.endsWithParent||(i.end=/\B|\b/),i.end&&(o.endRe=n(o.end)),o.terminatorEnd=u(o.end)||"",i.endsWithParent&&s.terminatorEnd&&(o.terminatorEnd+=(i.end?"|":"")+s.terminatorEnd)),i.illegal&&(o.illegalRe=n(i.illegal)),i.contains||(i.contains=[]),i.contains=[].concat(...i.contains.map(function(e){var n;return((n="self"===e?i:e).variants&&!n.cachedVariants&&(n.cachedVariants=n.variants.map(function(e){return r(n,{variants:null},e)})),n.cachedVariants)?n.cachedVariants:!function e(n){return!!n&&(n.endsWithParent||e(n.starts))}(n)?Object.isFrozen(n)?r(n):n:r(n,{starts:n.starts?r(n.starts):null})})),i.contains.forEach(function(e){t(e,o)}),i.starts&&t(i.starts,s),o.matcher=function(e){let n=new a;return e.contains.forEach(e=>n.addRule(e.begin,{rule:e,type:"begin"})),e.terminatorEnd&&n.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&n.addRule(e.illegal,{type:"illegal"}),n}(o),o}(e)}(w),x="",O=o||v,M={},S=new y.__emitter(y);!function(){let e=[];for(let n=O;n!==w;n=n.parent)n.scope&&e.unshift(n.scope);e.forEach(e=>S.openNode(e))}();let C="",T=0,R=0,I=0,F=!1;try{for(O.matcher.considerAll();;){I++,F?F=!1:O.matcher.considerAll(),O.matcher.lastIndex=R;let e=O.matcher.exec(n);if(!e)break;let t=n.substring(R,e.index),a=f(t,e);R=e.index+a}return f(n.substring(R)),S.closeAllNodes(),S.finalize(),x=S.toHTML(),{language:e,value:x,relevance:T,illegal:!1,_emitter:S,_top:O}}catch(t){if(t.message&&t.message.includes("Illegal"))return{language:e,value:i(n),illegal:!0,relevance:0,_illegalBy:{message:t.message,index:R,context:n.slice(R-100,R+100),mode:t.mode,resultSoFar:x},_emitter:S};if(l)return{language:e,value:i(n),illegal:!1,relevance:0,errorRaised:t,_emitter:S,_top:O};throw t}}function k(e,n){n=n||y.languages||Object.keys(t);let a=function(e){let n={value:i(e),illegal:!1,relevance:0,_top:d,_emitter:new y.__emitter(y)};return n._emitter.addText(e),n}(e),r=n.filter(A).filter(T).map(n=>N(n,e,!1));r.unshift(a);let s=r.sort((e,n)=>{if(e.relevance!==n.relevance)return n.relevance-e.relevance;if(e.language&&n.language){if(A(e.language).supersetOf===n.language)return 1;if(A(n.language).supersetOf===e.language)return -1}return 0}),[o,l]=s,c=o;return c.secondBest=l,c}function x(e){let n=null,t=function(e){let n=e.className+" ";n+=e.parentNode?e.parentNode.className:"";let t=y.languageDetectRe.exec(n);if(t){let n=A(t[1]);return n||(H(c.replace("{}",t[1])),H("Falling back to no-highlight mode for this block.",e)),n?t[1]:"no-highlight"}return n.split(/\s+/).find(e=>w(e)||A(e))}(e);if(w(t))return;if(I("before:highlightElement",{el:e,language:t}),e.children.length>0&&(y.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(e)),y.throwUnescapedHTML)){let n=new W("One of your code blocks includes unescaped HTML.",e.innerHTML);throw n}n=e;let a=n.textContent,i=t?v(a,{language:t,ignoreIllegals:!0}):k(a);e.innerHTML=i.value,function(e,n,t){let a=n&&s[n]||t;e.classList.add("hljs"),e.classList.add(`language-${a}`)}(e,t,i.language),e.result={language:i.language,re:i.relevance,relevance:i.relevance},i.secondBest&&(e.secondBest={language:i.secondBest.language,relevance:i.secondBest.relevance}),I("after:highlightElement",{el:e,result:i,text:a})}let O=()=>{S(),K("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")},M=!1;function S(){if("loading"===document.readyState){M=!0;return}let e=document.querySelectorAll(y.cssSelector);e.forEach(x)}function A(e){return t[e=(e||"").toLowerCase()]||t[s[e]]}function C(e,{languageName:n}){"string"==typeof e&&(e=[e]),e.forEach(e=>{s[e.toLowerCase()]=n})}function T(e){let n=A(e);return n&&!n.disableAutodetect}function I(e,n){o.forEach(function(t){t[e]&&t[e](n)})}for(let a in"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function(){M&&S()},!1),Object.assign(e,{highlight:v,highlightAuto:k,highlightAll:S,highlightElement:x,highlightBlock:function(e){return K("10.7.0","highlightBlock will be removed entirely in v12.0"),K("10.7.0","Please use highlightElement now."),x(e)},configure:function(e){y=r(y,e)},initHighlighting:O,initHighlightingOnLoad:function(){S(),K("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")},registerLanguage:function(n,a){let i=null;try{i=a(e)}catch(e){if(j("Language definition for '{}' could not be registered.".replace("{}",n)),l)j(e);else throw e;i=d}i.name||(i.name=n),t[n]=i,i.rawDefinition=a.bind(null,e),i.aliases&&C(i.aliases,{languageName:n})},unregisterLanguage:function(e){for(let n of(delete t[e],Object.keys(s)))s[n]===e&&delete s[n]},listLanguages:function(){return Object.keys(t)},getLanguage:A,registerAliases:C,autoDetection:T,inherit:r,addPlugin:function(e){var n;(n=e)["before:highlightBlock"]&&!n["before:highlightElement"]&&(n["before:highlightElement"]=e=>{n["before:highlightBlock"](Object.assign({block:e.el},e))}),n["after:highlightBlock"]&&!n["after:highlightElement"]&&(n["after:highlightElement"]=e=>{n["after:highlightBlock"](Object.assign({block:e.el},e))}),o.push(e)}}),e.debugMode=function(){l=!1},e.safeMode=function(){l=!0},e.versionString="11.6.0",e.regex={concat:h,lookahead:b,either:f,optional:m,anyNumberOfTimes:p},R)"object"==typeof R[a]&&n.exports(R[a]);return Object.assign(e,R),e}({});e.exports=Q,Q.HighlightJS=Q,Q.default=Q},36667:function(e,n,t){"use strict";t.d(n,{Z:function(){return er}});var a=t(82195),i=t(54848),r=t(82789),s=t(15463),o={exports:{}};function l(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(function(n){var t=e[n];"object"!=typeof t||Object.isFrozen(t)||l(t)}),e}o.exports=l,o.exports.default=l;class c{constructor(e){void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function d(e){return e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")}function g(e,...n){let t=Object.create(null);for(let n in e)t[n]=e[n];return n.forEach(function(e){for(let n in e)t[n]=e[n]}),t}let u=e=>!!e.scope||e.sublanguage&&e.language,b=(e,{prefix:n})=>{if(e.includes(".")){let t=e.split(".");return[`${n}${t.shift()}`,...t.map((e,n)=>`${e}${"_".repeat(n+1)}`)].join(" ")}return`${n}${e}`};class p{constructor(e,n){this.buffer="",this.classPrefix=n.classPrefix,e.walk(this)}addText(e){this.buffer+=d(e)}openNode(e){if(!u(e))return;let n="";n=e.sublanguage?`language-${e.language}`:b(e.scope,{prefix:this.classPrefix}),this.span(n)}closeNode(e){u(e)&&(this.buffer+="")}value(){return this.buffer}span(e){this.buffer+=``}}let m=(e={})=>{let n={children:[]};return Object.assign(n,e),n};class h{constructor(){this.rootNode=m(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){let n=m({scope:e});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,n){return"string"==typeof n?e.addText(n):n.children&&(e.openNode(n),n.children.forEach(n=>this._walk(e,n)),e.closeNode(n)),e}static _collapse(e){"string"!=typeof e&&e.children&&(e.children.every(e=>"string"==typeof e)?e.children=[e.children.join("")]:e.children.forEach(e=>{h._collapse(e)}))}}class f extends h{constructor(e){super(),this.options=e}addKeyword(e,n){""!==e&&(this.openNode(n),this.addText(e),this.closeNode())}addText(e){""!==e&&this.add(e)}addSublanguage(e,n){let t=e.root;t.sublanguage=!0,t.language=n,this.add(t)}toHTML(){let e=new p(this,this.options);return e.value()}finalize(){return!0}}function _(e){return e?"string"==typeof e?e:e.source:null}function y(e){return v("(?=",e,")")}function E(e){return v("(?:",e,")*")}function w(e){return v("(?:",e,")?")}function v(...e){let n=e.map(e=>_(e)).join("");return n}function N(...e){let n=function(e){let n=e[e.length-1];return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}}(e),t="("+(n.capture?"":"?:")+e.map(e=>_(e)).join("|")+")";return t}function k(e){return RegExp(e.toString()+"|").exec("").length-1}let x=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function O(e,{joinWith:n}){let t=0;return e.map(e=>{t+=1;let n=t,a=_(e),i="";for(;a.length>0;){let e=x.exec(a);if(!e){i+=a;break}i+=a.substring(0,e.index),a=a.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?i+="\\"+String(Number(e[1])+n):(i+=e[0],"("===e[0]&&t++)}return i}).map(e=>`(${e})`).join(n)}let M="[a-zA-Z]\\w*",S="[a-zA-Z_]\\w*",A="\\b\\d+(\\.\\d+)?",C="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",T="\\b(0b[01]+)",R=(e={})=>{let n=/^#![ ]*\//;return e.binary&&(e.begin=v(n,/.*\b/,e.binary,/\b.*/)),g({scope:"meta",begin:n,end:/$/,relevance:0,"on:begin":(e,n)=>{0!==e.index&&n.ignoreMatch()}},e)},I={begin:"\\\\[\\s\\S]",relevance:0},L=function(e,n,t={}){let a=g({scope:"comment",begin:e,end:n,contains:[]},t);a.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});let i=N("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return a.contains.push({begin:v(/[ ]+/,"(",i,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),a},D=L("//","$"),B=L("/\\*","\\*/"),$=L("#","$");var z=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:M,UNDERSCORE_IDENT_RE:S,NUMBER_RE:A,C_NUMBER_RE:C,BINARY_NUMBER_RE:T,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:R,BACKSLASH_ESCAPE:I,APOS_STRING_MODE:{scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[I]},QUOTE_STRING_MODE:{scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[I]},PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:L,C_LINE_COMMENT_MODE:D,C_BLOCK_COMMENT_MODE:B,HASH_COMMENT_MODE:$,NUMBER_MODE:{scope:"number",begin:A,relevance:0},C_NUMBER_MODE:{scope:"number",begin:C,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:T,relevance:0},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[I,{begin:/\[/,end:/\]/,relevance:0,contains:[I]}]}]},TITLE_MODE:{scope:"title",begin:M,relevance:0},UNDERSCORE_TITLE_MODE:{scope:"title",begin:S,relevance:0},METHOD_GUARD:{begin:"\\.\\s*"+S,relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,n)=>{n.data._beginMatch=e[1]},"on:end":(e,n)=>{n.data._beginMatch!==e[1]&&n.ignoreMatch()}})}});function P(e,n){let t=e.input[e.index-1];"."===t&&n.ignoreMatch()}function U(e,n){void 0!==e.className&&(e.scope=e.className,delete e.className)}function F(e,n){n&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=P,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function j(e,n){Array.isArray(e.illegal)&&(e.illegal=N(...e.illegal))}function H(e,n){if(e.match){if(e.begin||e.end)throw Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function K(e,n){void 0===e.relevance&&(e.relevance=1)}let Z=(e,n)=>{if(!e.beforeMatch)return;if(e.starts)throw Error("beforeMatch cannot be used with starts");let t=Object.assign({},e);Object.keys(e).forEach(n=>{delete e[n]}),e.keywords=t.keywords,e.begin=v(t.beforeMatch,y(t.begin)),e.starts={relevance:0,contains:[Object.assign(t,{endsParent:!0})]},e.relevance=0,delete t.beforeMatch},q=["of","and","for","in","not","or","if","then","parent","list","value"],G={},W=e=>{console.error(e)},X=(e,...n)=>{console.log(`WARN: ${e}`,...n)},Q=(e,n)=>{G[`${e}/${n}`]||(console.log(`Deprecated as of ${e}. ${n}`),G[`${e}/${n}`]=!0)},V=Error();function J(e,n,{key:t}){let a=0,i=e[t],r={},s={};for(let e=1;e<=n.length;e++)s[e+a]=i[e],r[e+a]=!0,a+=k(n[e-1]);e[t]=s,e[t]._emit=r,e[t]._multi=!0}function Y(e){var n;(n=e).scope&&"object"==typeof n.scope&&null!==n.scope&&(n.beginScope=n.scope,delete n.scope),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw W("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),V;if("object"!=typeof e.beginScope||null===e.beginScope)throw W("beginScope must be object"),V;J(e,e.begin,{key:"beginScope"}),e.begin=O(e.begin,{joinWith:""})}}(e),function(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw W("skip, excludeEnd, returnEnd not compatible with endScope: {}"),V;if("object"!=typeof e.endScope||null===e.endScope)throw W("endScope must be object"),V;J(e,e.end,{key:"endScope"}),e.end=O(e.end,{joinWith:""})}}(e)}class ee extends Error{constructor(e,n){super(e),this.name="HTMLInjectionError",this.html=n}}let en=Symbol("nomatch");var et=function(e){let n=Object.create(null),t=Object.create(null),a=[],i=!0,r="Could not find the language '{}', did you forget to load/include a language module?",s={disableAutodetect:!0,name:"Plain text",contains:[]},l={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:f};function u(e){return l.noHighlightRe.test(e)}function b(e,n,t){let a="",i="";"object"==typeof n?(a=e,t=n.ignoreIllegals,i=n.language):(Q("10.7.0","highlight(lang, code, ...args) has been deprecated."),Q("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),i=e,a=n),void 0===t&&(t=!0);let r={code:a,language:i};R("before:highlight",r);let s=r.result?r.result:p(r.language,r.code,t);return s.code=r.code,R("after:highlight",s),s}function p(e,t,a,s){let o=Object.create(null);function u(){if(!x.keywords){S.addText(C);return}let e=0;x.keywordPatternRe.lastIndex=0;let n=x.keywordPatternRe.exec(C),t="";for(;n;){t+=C.substring(e,n.index);let a=w.case_insensitive?n[0].toLowerCase():n[0],i=x.keywords[a];if(i){let[e,r]=i;if(S.addText(t),t="",o[a]=(o[a]||0)+1,o[a]<=7&&(T+=r),e.startsWith("_"))t+=n[0];else{let t=w.classNameAliases[e]||e;S.addKeyword(n[0],t)}}else t+=n[0];e=x.keywordPatternRe.lastIndex,n=x.keywordPatternRe.exec(C)}t+=C.substring(e),S.addText(t)}function b(){null!=x.subLanguage?function(){if(""===C)return;let e=null;if("string"==typeof x.subLanguage){if(!n[x.subLanguage]){S.addText(C);return}e=p(x.subLanguage,C,!0,M[x.subLanguage]),M[x.subLanguage]=e._top}else e=m(C,x.subLanguage.length?x.subLanguage:null);x.relevance>0&&(T+=e.relevance),S.addSublanguage(e._emitter,e.language)}():u(),C=""}function h(e,n){let t=1,a=n.length-1;for(;t<=a;){if(!e._emit[t]){t++;continue}let a=w.classNameAliases[e[t]]||e[t],i=n[t];a?S.addKeyword(i,a):(C=i,u(),C=""),t++}}function f(e,n){return e.scope&&"string"==typeof e.scope&&S.openNode(w.classNameAliases[e.scope]||e.scope),e.beginScope&&(e.beginScope._wrap?(S.addKeyword(C,w.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),C=""):e.beginScope._multi&&(h(e.beginScope,n),C="")),x=Object.create(e,{parent:{value:x}})}let y={};function E(n,r){let s=r&&r[0];if(C+=n,null==s)return b(),0;if("begin"===y.type&&"end"===r.type&&y.index===r.index&&""===s){if(C+=t.slice(r.index,r.index+1),!i){let n=Error(`0 width match regex (${e})`);throw n.languageName=e,n.badRule=y.rule,n}return 1}if(y=r,"begin"===r.type)return function(e){let n=e[0],t=e.rule,a=new c(t),i=[t.__beforeBegin,t["on:begin"]];for(let t of i)if(t&&(t(e,a),a.isMatchIgnored))return 0===x.matcher.regexIndex?(C+=n[0],1):(L=!0,0);return t.skip?C+=n:(t.excludeBegin&&(C+=n),b(),t.returnBegin||t.excludeBegin||(C=n)),f(t,e),t.returnBegin?0:n.length}(r);if("illegal"!==r.type||a){if("end"===r.type){let e=function(e){let n=e[0],a=t.substring(e.index),i=function e(n,t,a){let i=function(e,n){let t=e&&e.exec(n);return t&&0===t.index}(n.endRe,a);if(i){if(n["on:end"]){let e=new c(n);n["on:end"](t,e),e.isMatchIgnored&&(i=!1)}if(i){for(;n.endsParent&&n.parent;)n=n.parent;return n}}if(n.endsWithParent)return e(n.parent,t,a)}(x,e,a);if(!i)return en;let r=x;x.endScope&&x.endScope._wrap?(b(),S.addKeyword(n,x.endScope._wrap)):x.endScope&&x.endScope._multi?(b(),h(x.endScope,e)):r.skip?C+=n:(r.returnEnd||r.excludeEnd||(C+=n),b(),r.excludeEnd&&(C=n));do x.scope&&S.closeNode(),x.skip||x.subLanguage||(T+=x.relevance),x=x.parent;while(x!==i.parent);return i.starts&&f(i.starts,e),r.returnEnd?0:n.length}(r);if(e!==en)return e}}else{let e=Error('Illegal lexeme "'+s+'" for mode "'+(x.scope||"")+'"');throw e.mode=x,e}if("illegal"===r.type&&""===s)return 1;if(I>1e5&&I>3*r.index){let e=Error("potential infinite loop, way more iterations than matches");throw e}return C+=s,s.length}let w=A(e);if(!w)throw W(r.replace("{}",e)),Error('Unknown language: "'+e+'"');let v=function(e){function n(n,t){return RegExp(_(n),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(t?"g":""))}class t{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,n){n.position=this.position++,this.matchIndexes[this.matchAt]=n,this.regexes.push([n,e]),this.matchAt+=k(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);let e=this.regexes.map(e=>e[1]);this.matcherRe=n(O(e,{joinWith:"|"}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;let n=this.matcherRe.exec(e);if(!n)return null;let t=n.findIndex((e,n)=>n>0&&void 0!==e),a=this.matchIndexes[t];return n.splice(0,t),Object.assign(n,a)}}class a{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];let n=new t;return this.rules.slice(e).forEach(([e,t])=>n.addRule(e,t)),n.compile(),this.multiRegexes[e]=n,n}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,n){this.rules.push([e,n]),"begin"===n.type&&this.count++}exec(e){let n=this.getMatcher(this.regexIndex);n.lastIndex=this.lastIndex;let t=n.exec(e);if(this.resumingScanAtSamePosition()){if(t&&t.index===this.lastIndex);else{let n=this.getMatcher(0);n.lastIndex=this.lastIndex+1,t=n.exec(e)}}return t&&(this.regexIndex+=t.position+1,this.regexIndex===this.count&&this.considerAll()),t}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.");return e.classNameAliases=g(e.classNameAliases||{}),function t(i,r){let s=i;if(i.isCompiled)return s;[U,H,Y,Z].forEach(e=>e(i,r)),e.compilerExtensions.forEach(e=>e(i,r)),i.__beforeBegin=null,[F,j,K].forEach(e=>e(i,r)),i.isCompiled=!0;let o=null;return"object"==typeof i.keywords&&i.keywords.$pattern&&(i.keywords=Object.assign({},i.keywords),o=i.keywords.$pattern,delete i.keywords.$pattern),o=o||/\w+/,i.keywords&&(i.keywords=function e(n,t,a="keyword"){let i=Object.create(null);return"string"==typeof n?r(a,n.split(" ")):Array.isArray(n)?r(a,n):Object.keys(n).forEach(function(a){Object.assign(i,e(n[a],t,a))}),i;function r(e,n){t&&(n=n.map(e=>e.toLowerCase())),n.forEach(function(n){var t,a;let r=n.split("|");i[r[0]]=[e,(t=r[0],(a=r[1])?Number(a):q.includes(t.toLowerCase())?0:1)]})}}(i.keywords,e.case_insensitive)),s.keywordPatternRe=n(o,!0),r&&(i.begin||(i.begin=/\B|\b/),s.beginRe=n(s.begin),i.end||i.endsWithParent||(i.end=/\B|\b/),i.end&&(s.endRe=n(s.end)),s.terminatorEnd=_(s.end)||"",i.endsWithParent&&r.terminatorEnd&&(s.terminatorEnd+=(i.end?"|":"")+r.terminatorEnd)),i.illegal&&(s.illegalRe=n(i.illegal)),i.contains||(i.contains=[]),i.contains=[].concat(...i.contains.map(function(e){var n;return((n="self"===e?i:e).variants&&!n.cachedVariants&&(n.cachedVariants=n.variants.map(function(e){return g(n,{variants:null},e)})),n.cachedVariants)?n.cachedVariants:!function e(n){return!!n&&(n.endsWithParent||e(n.starts))}(n)?Object.isFrozen(n)?g(n):n:g(n,{starts:n.starts?g(n.starts):null})})),i.contains.forEach(function(e){t(e,s)}),i.starts&&t(i.starts,r),s.matcher=function(e){let n=new a;return e.contains.forEach(e=>n.addRule(e.begin,{rule:e,type:"begin"})),e.terminatorEnd&&n.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&n.addRule(e.illegal,{type:"illegal"}),n}(s),s}(e)}(w),N="",x=s||v,M={},S=new l.__emitter(l);!function(){let e=[];for(let n=x;n!==w;n=n.parent)n.scope&&e.unshift(n.scope);e.forEach(e=>S.openNode(e))}();let C="",T=0,R=0,I=0,L=!1;try{for(x.matcher.considerAll();;){I++,L?L=!1:x.matcher.considerAll(),x.matcher.lastIndex=R;let e=x.matcher.exec(t);if(!e)break;let n=t.substring(R,e.index),a=E(n,e);R=e.index+a}return E(t.substring(R)),S.closeAllNodes(),S.finalize(),N=S.toHTML(),{language:e,value:N,relevance:T,illegal:!1,_emitter:S,_top:x}}catch(n){if(n.message&&n.message.includes("Illegal"))return{language:e,value:d(t),illegal:!0,relevance:0,_illegalBy:{message:n.message,index:R,context:t.slice(R-100,R+100),mode:n.mode,resultSoFar:N},_emitter:S};if(i)return{language:e,value:d(t),illegal:!1,relevance:0,errorRaised:n,_emitter:S,_top:x};throw n}}function m(e,t){t=t||l.languages||Object.keys(n);let a=function(e){let n={value:d(e),illegal:!1,relevance:0,_top:s,_emitter:new l.__emitter(l)};return n._emitter.addText(e),n}(e),i=t.filter(A).filter(T).map(n=>p(n,e,!1));i.unshift(a);let r=i.sort((e,n)=>{if(e.relevance!==n.relevance)return n.relevance-e.relevance;if(e.language&&n.language){if(A(e.language).supersetOf===n.language)return 1;if(A(n.language).supersetOf===e.language)return -1}return 0}),[o,c]=r,g=o;return g.secondBest=c,g}function h(e){let n=null,a=function(e){let n=e.className+" ";n+=e.parentNode?e.parentNode.className:"";let t=l.languageDetectRe.exec(n);if(t){let n=A(t[1]);return n||(X(r.replace("{}",t[1])),X("Falling back to no-highlight mode for this block.",e)),n?t[1]:"no-highlight"}return n.split(/\s+/).find(e=>u(e)||A(e))}(e);if(u(a))return;if(R("before:highlightElement",{el:e,language:a}),e.children.length>0&&(l.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(e)),l.throwUnescapedHTML)){let n=new ee("One of your code blocks includes unescaped HTML.",e.innerHTML);throw n}n=e;let i=n.textContent,s=a?b(i,{language:a,ignoreIllegals:!0}):m(i);e.innerHTML=s.value,function(e,n,a){let i=n&&t[n]||a;e.classList.add("hljs"),e.classList.add(`language-${i}`)}(e,a,s.language),e.result={language:s.language,re:s.relevance,relevance:s.relevance},s.secondBest&&(e.secondBest={language:s.secondBest.language,relevance:s.secondBest.relevance}),R("after:highlightElement",{el:e,result:s,text:i})}let x=()=>{S(),Q("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")},M=!1;function S(){if("loading"===document.readyState){M=!0;return}let e=document.querySelectorAll(l.cssSelector);e.forEach(h)}function A(e){return n[e=(e||"").toLowerCase()]||n[t[e]]}function C(e,{languageName:n}){"string"==typeof e&&(e=[e]),e.forEach(e=>{t[e.toLowerCase()]=n})}function T(e){let n=A(e);return n&&!n.disableAutodetect}function R(e,n){a.forEach(function(t){t[e]&&t[e](n)})}for(let r in"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function(){M&&S()},!1),Object.assign(e,{highlight:b,highlightAuto:m,highlightAll:S,highlightElement:h,highlightBlock:function(e){return Q("10.7.0","highlightBlock will be removed entirely in v12.0"),Q("10.7.0","Please use highlightElement now."),h(e)},configure:function(e){l=g(l,e)},initHighlighting:x,initHighlightingOnLoad:function(){S(),Q("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")},registerLanguage:function(t,a){let r=null;try{r=a(e)}catch(e){if(W("Language definition for '{}' could not be registered.".replace("{}",t)),i)W(e);else throw e;r=s}r.name||(r.name=t),n[t]=r,r.rawDefinition=a.bind(null,e),r.aliases&&C(r.aliases,{languageName:t})},unregisterLanguage:function(e){for(let a of(delete n[e],Object.keys(t)))t[a]===e&&delete t[a]},listLanguages:function(){return Object.keys(n)},getLanguage:A,registerAliases:C,autoDetection:T,inherit:g,addPlugin:function(e){var n;(n=e)["before:highlightBlock"]&&!n["before:highlightElement"]&&(n["before:highlightElement"]=e=>{n["before:highlightBlock"](Object.assign({block:e.el},e))}),n["after:highlightBlock"]&&!n["after:highlightElement"]&&(n["after:highlightElement"]=e=>{n["after:highlightBlock"](Object.assign({block:e.el},e))}),a.push(e)}}),e.debugMode=function(){i=!1},e.safeMode=function(){i=!0},e.versionString="11.6.0",e.regex={concat:v,lookahead:y,either:N,optional:w,anyNumberOfTimes:E},z)"object"==typeof z[r]&&o.exports(z[r]);return Object.assign(e,z),e}({});function ea(e){return e.value||e.children||[]}function ei({doc:e,name:n,lowlight:t,defaultLanguage:a}){let r=[];return(0,i.N2)(e,e=>e.type.name===n).forEach(e=>{let n=e.pos+1,i=e.node.attrs.language||a,o=t.listLanguages(),l=i&&(o.includes(i)||Boolean(et.getLanguage(i)))?ea(t.highlight(i,e.node.textContent)):ea(t.highlightAuto(e.node.textContent));(function e(n,t=[]){return n.map(n=>{let a=[...t,...n.properties?n.properties.className:[]];return n.children?e(n.children,a):{text:n.value,classes:a}}).flat()})(l).forEach(e=>{let t=n+e.text.length;if(e.classes.length){let a=s.p.inline(n,t,{class:e.classes.join(" ")});r.push(a)}n=t})}),s.EH.create(e,r)}et.HighlightJS=et,et.default=et;let er=a.ZP.extend({addOptions(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),lowlight:{},defaultLanguage:null}},addProseMirrorPlugins(){var e;return[...(null===(e=this.parent)||void 0===e?void 0:e.call(this))||[],function({name:e,lowlight:n,defaultLanguage:t}){if(!["highlight","highlightAuto","listLanguages"].every(e=>"function"==typeof n[e]))throw Error("You should provide an instance of lowlight to use the code-block-lowlight extension");let a=new r.Sy({key:new r.H$("lowlight"),state:{init:(a,{doc:i})=>ei({doc:i,name:e,lowlight:n,defaultLanguage:t}),apply:(a,r,s,o)=>{let l=s.selection.$head.parent.type.name,c=o.selection.$head.parent.type.name,d=(0,i.N2)(s.doc,n=>n.type.name===e),g=(0,i.N2)(o.doc,n=>n.type.name===e);return a.docChanged&&([l,c].includes(e)||g.length!==d.length||a.steps.some(e=>void 0!==e.from&&void 0!==e.to&&d.some(n=>n.pos>=e.from&&n.pos+n.node.nodeSize<=e.to)))?ei({doc:a.doc,name:e,lowlight:n,defaultLanguage:t}):r.map(a.mapping,a.doc)}},props:{decorations:e=>a.getState(e)}});return a}({name:this.name,lowlight:this.options.lowlight,defaultLanguage:this.options.defaultLanguage})]}})},71493:function(e,n,t){"use strict";t.d(n,{I:function(){return i}}),t(51655);var a=t(54848);let i=a.hj.create({name:"color",addOptions:()=>({types:["textStyle"]}),addGlobalAttributes(){return[{types:this.options.types,attributes:{color:{default:null,parseHTML:e=>{var n;return null===(n=e.style.color)||void 0===n?void 0:n.replace(/['"]+/g,"")},renderHTML:e=>e.color?{style:`color: ${e.color}`}:{}}}}]},addCommands:()=>({setColor:e=>({chain:n})=>n().setMark("textStyle",{color:e}).run(),unsetColor:()=>({chain:e})=>e().setMark("textStyle",{color:null}).removeEmptyTextStyle().run()})})},86422:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var a=t(54848),i=t(82789),r=t(15463);let s=a.hj.create({name:"placeholder",addOptions:()=>({emptyEditorClass:"is-editor-empty",emptyNodeClass:"is-empty",placeholder:"Write something …",showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}),addProseMirrorPlugins(){return[new i.Sy({key:new i.H$("placeholder"),props:{decorations:({doc:e,selection:n})=>{let t=this.editor.isEditable||!this.options.showOnlyWhenEditable,{anchor:a}=n,i=[];if(!t)return null;let s=e.type.createAndFill(),o=(null==s?void 0:s.sameMarkup(e))&&null===s.content.findDiffStart(e.content);return e.descendants((e,n)=>{let t=a>=n&&a<=n+e.nodeSize,s=!e.isLeaf&&!e.childCount;if((t||!this.options.showOnlyCurrent)&&s){let a=[this.options.emptyNodeClass];o&&a.push(this.options.emptyEditorClass);let s=r.p.node(n,n+e.nodeSize,{class:a.join(" "),"data-placeholder":"function"==typeof this.options.placeholder?this.options.placeholder({editor:this.editor,node:e,pos:n,hasAnchor:t}):this.options.placeholder});i.push(s)}return this.options.includeChildren}),r.EH.create(e,i)}}})]}})},51655:function(e,n,t){"use strict";t.d(n,{Z:function(){return i}});var a=t(54848);let i=a.vc.create({name:"textStyle",addOptions:()=>({HTMLAttributes:{}}),parseHTML:()=>[{tag:"span",getAttrs:e=>{let n=e.hasAttribute("style");return!!n&&{}}}],renderHTML({HTMLAttributes:e}){return["span",(0,a.P1)(this.options.HTMLAttributes,e),0]},addCommands(){return{removeEmptyTextStyle:()=>({state:e,commands:n})=>{let t=(0,a.Jo)(e,this.type),i=Object.entries(t).some(([,e])=>!!e);return!!i||n.unsetMark(this.name)}}}})},49859:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});let a="[A-Za-z$_][0-9A-Za-z$_]*",i=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],r=["true","false","null","undefined","NaN","Infinity"],s=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],o=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],l=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],c=["arguments","this","super","console","window","document","localStorage","module","global"],d=[].concat(l,s,o);function g(e){let n=function(e){var n;let t=e.regex,g=(e,{after:n})=>{let t="",end:""},b={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{let t;let a=e[0].length+e.index,i=e.input[a];if("<"===i||","===i){n.ignoreMatch();return}">"!==i||g(e,{after:a})||n.ignoreMatch();let r=e.input.substring(a);if((t=r.match(/^\s*=/))||(t=r.match(/^\s+extends\s+/))&&0===t.index){n.ignoreMatch();return}}},p={$pattern:a,keyword:i,literal:r,built_in:d,"variable.language":c},m="[0-9](_?[0-9])*",h=`\\.(${m})`,f="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",_={className:"number",variants:[{begin:`(\\b(${f})((${h})|\\.)?|(${h}))[eE][+-]?(${m})\\b`},{begin:`\\b(${f})\\b((${h})\\b|\\.)?|(${h})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},y={className:"subst",begin:"\\$\\{",end:"\\}",keywords:p,contains:[]},E={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,y],subLanguage:"xml"}},w={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,y],subLanguage:"css"}},v={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,y]},N=e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:a+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),k={className:"comment",variants:[N,e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},x=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,E,w,v,{match:/\$\d+/},_];y.contains=x.concat({begin:/\{/,end:/\}/,keywords:p,contains:["self"].concat(x)});let O=[].concat(k,y.contains),M=O.concat([{begin:/\(/,end:/\)/,keywords:p,contains:["self"].concat(O)}]),S={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:p,contains:M},A={variants:[{match:[/class/,/\s+/,a,/\s+/,/extends/,/\s+/,t.concat(a,"(",t.concat(/\./,a),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,a],scope:{1:"keyword",3:"title.class"}}]},C={relevance:0,match:t.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...s,...o]}},T={match:t.concat(/\b/,(n=[...l,"super","import"],t.concat("(?!",n.join("|"),")")),a,t.lookahead(/\(/)),className:"title.function",relevance:0},R={begin:t.concat(/\./,t.lookahead(t.concat(a,/(?![0-9A-Za-z$_(])/))),end:a,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},I="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",L={match:[/const|var|let/,/\s+/,a,/\s*/,/=\s*/,/(async\s*)?/,t.lookahead(I)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[S]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:p,exports:{PARAMS_CONTAINS:M,CLASS_REFERENCE:C},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,E,w,v,k,{match:/\$\d+/},_,C,{className:"attr",begin:a+t.lookahead(":"),relevance:0},L,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[k,e.REGEXP_MODE,{className:"function",begin:I,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:p,contains:M}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:u.begin,end:u.end},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:b.begin,"on:begin":b.isTrulyOpeningTag,end:b.end}],subLanguage:"xml",contains:[{begin:b.begin,end:b.end,skip:!0,contains:["self"]}]}]},{variants:[{match:[/function/,/\s+/,a,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[S],illegal:/%/},{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[S,e.inherit(e.TITLE_MODE,{begin:a,className:"title.function"})]},{match:/\.\.\./,relevance:0},R,{match:"\\$"+a,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[S]},T,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},A,{match:[/get|set/,/\s+/,a,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},S]},{match:/\$[(.]/}]}}(e),t=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],g={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[n.exports.CLASS_REFERENCE]},u={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:t},contains:[n.exports.CLASS_REFERENCE]},b={$pattern:a,keyword:i.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:r,built_in:d.concat(t),"variable.language":c},p={className:"meta",begin:"@"+a},m=(e,n,t)=>{let a=e.contains.findIndex(e=>e.label===n);if(-1===a)throw Error("can not find mode to replace");e.contains.splice(a,1,t)};Object.assign(n.keywords,b),n.exports.PARAMS_CONTAINS.push(p),n.contains=n.contains.concat([p,g,u]),m(n,"shebang",e.SHEBANG()),m(n,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/});let h=n.contains.find(e=>"func.def"===e.label);return h.relevance=0,Object.assign(n,{name:"TypeScript",aliases:["ts","tsx"]}),n}},84468:function(e,n,t){"use strict";t.d(n,{$:function(){return ev}});let a=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),i=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],r=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],s=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],o=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],l=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();var c="[0-9](_*[0-9])*",d=`\\.(${c})`,g="[0-9a-fA-F](_*[0-9a-fA-F])*",u={className:"number",variants:[{begin:`(\\b(${c})((${d})|\\.)?|(${d}))[eE][+-]?(${c})[fFdD]?\\b`},{begin:`\\b(${c})((${d})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{begin:`(${d})[fFdD]?\\b`},{begin:`\\b(${c})[fFdD]\\b`},{begin:`\\b0[xX]((${g})\\.?|(${g})?\\.(${g}))[pP][+-]?(${c})[fFdD]?\\b`},{begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${g})[lL]?\\b`},{begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],relevance:0};let b="[A-Za-z$_][0-9A-Za-z$_]*",p=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],m=["true","false","null","undefined","NaN","Infinity"],h=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],f=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],_=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],y=["arguments","this","super","console","window","document","localStorage","module","global"],E=[].concat(_,h,f);var w="[0-9](_*[0-9])*",v=`\\.(${w})`,N="[0-9a-fA-F](_*[0-9a-fA-F])*",k={className:"number",variants:[{begin:`(\\b(${w})((${v})|\\.)?|(${v}))[eE][+-]?(${w})[fFdD]?\\b`},{begin:`\\b(${w})((${v})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{begin:`(${v})[fFdD]?\\b`},{begin:`\\b(${w})[fFdD]\\b`},{begin:`\\b0[xX]((${N})\\.?|(${N})?\\.(${N}))[pP][+-]?(${w})[fFdD]?\\b`},{begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${N})[lL]?\\b`},{begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],relevance:0};let x=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),O=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],M=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],S=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],A=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],C=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),T=S.concat(A),R=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),I=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],L=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],D=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],B=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],$=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();function z(e){return e?"string"==typeof e?e:e.source:null}function P(e){return U("(?=",e,")")}function U(...e){let n=e.map(e=>z(e)).join("");return n}function F(...e){let n=function(e){let n=e[e.length-1];return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}}(e),t="("+(n.capture?"":"?:")+e.map(e=>z(e)).join("|")+")";return t}let j=e=>U(/\b/,e,/\w$/.test(e)?/\b/:/\B/),H=["Protocol","Type"].map(j),K=["init","self"].map(j),Z=["Any","Self"],q=["actor","any","associatedtype","async","await",/as\?/,/as!/,"as","break","case","catch","class","continue","convenience","default","defer","deinit","didSet","distributed","do","dynamic","else","enum","extension","fallthrough",/fileprivate\(set\)/,"fileprivate","final","for","func","get","guard","if","import","indirect","infix",/init\?/,/init!/,"inout",/internal\(set\)/,"internal","in","is","isolated","nonisolated","lazy","let","mutating","nonmutating",/open\(set\)/,"open","operator","optional","override","postfix","precedencegroup","prefix",/private\(set\)/,"private","protocol",/public\(set\)/,"public","repeat","required","rethrows","return","set","some","static","struct","subscript","super","switch","throws","throw",/try\?/,/try!/,"try","typealias",/unowned\(safe\)/,/unowned\(unsafe\)/,"unowned","var","weak","where","while","willSet"],G=["false","nil","true"],W=["assignment","associativity","higherThan","left","lowerThan","none","right"],X=["#colorLiteral","#column","#dsohandle","#else","#elseif","#endif","#error","#file","#fileID","#fileLiteral","#filePath","#function","#if","#imageLiteral","#keyPath","#line","#selector","#sourceLocation","#warn_unqualified_access","#warning"],Q=["abs","all","any","assert","assertionFailure","debugPrint","dump","fatalError","getVaList","isKnownUniquelyReferenced","max","min","numericCast","pointwiseMax","pointwiseMin","precondition","preconditionFailure","print","readLine","repeatElement","sequence","stride","swap","swift_unboxFromSwiftValueWithType","transcode","type","unsafeBitCast","unsafeDowncast","withExtendedLifetime","withUnsafeMutablePointer","withUnsafePointer","withVaList","withoutActuallyEscaping","zip"],V=F(/[/=\-+!*%<>&|^~?]/,/[\u00A1-\u00A7]/,/[\u00A9\u00AB]/,/[\u00AC\u00AE]/,/[\u00B0\u00B1]/,/[\u00B6\u00BB\u00BF\u00D7\u00F7]/,/[\u2016-\u2017]/,/[\u2020-\u2027]/,/[\u2030-\u203E]/,/[\u2041-\u2053]/,/[\u2055-\u205E]/,/[\u2190-\u23FF]/,/[\u2500-\u2775]/,/[\u2794-\u2BFF]/,/[\u2E00-\u2E7F]/,/[\u3001-\u3003]/,/[\u3008-\u3020]/,/[\u3030]/),J=F(V,/[\u0300-\u036F]/,/[\u1DC0-\u1DFF]/,/[\u20D0-\u20FF]/,/[\uFE00-\uFE0F]/,/[\uFE20-\uFE2F]/),Y=U(V,J,"*"),ee=F(/[a-zA-Z_]/,/[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,/[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,/[\u0100-\u02FF\u0370-\u167F\u1681-\u180D\u180F-\u1DBF]/,/[\u1E00-\u1FFF]/,/[\u200B-\u200D\u202A-\u202E\u203F-\u2040\u2054\u2060-\u206F]/,/[\u2070-\u20CF\u2100-\u218F\u2460-\u24FF\u2776-\u2793]/,/[\u2C00-\u2DFF\u2E80-\u2FFF]/,/[\u3004-\u3007\u3021-\u302F\u3031-\u303F\u3040-\uD7FF]/,/[\uF900-\uFD3D\uFD40-\uFDCF\uFDF0-\uFE1F\uFE30-\uFE44]/,/[\uFE47-\uFEFE\uFF00-\uFFFD]/),en=F(ee,/\d/,/[\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]/),et=U(ee,en,"*"),ea=U(/[A-Z]/,en,"*"),ei=["autoclosure",U(/convention\(/,F("swift","block","c"),/\)/),"discardableResult","dynamicCallable","dynamicMemberLookup","escaping","frozen","GKInspectable","IBAction","IBDesignable","IBInspectable","IBOutlet","IBSegueAction","inlinable","main","nonobjc","NSApplicationMain","NSCopying","NSManaged",U(/objc\(/,et,/\)/),"objc","objcMembers","propertyWrapper","requires_stored_property_inits","resultBuilder","testable","UIApplicationMain","unknown","usableFromInline"],er=["iOS","iOSApplicationExtension","macOS","macOSApplicationExtension","macCatalyst","macCatalystApplicationExtension","watchOS","watchOSApplicationExtension","tvOS","tvOSApplicationExtension","swift"],es="[A-Za-z$_][0-9A-Za-z$_]*",eo=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],el=["true","false","null","undefined","NaN","Infinity"],ec=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],ed=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],eg=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],eu=["arguments","this","super","console","window","document","localStorage","module","global"],eb=[].concat(eg,ec,ed);var ep=t(99792),em=t(28326);let eh=Object.assign(ef(Error),{eval:ef(EvalError),range:ef(RangeError),reference:ef(ReferenceError),syntax:ef(SyntaxError),type:ef(TypeError),uri:ef(URIError)});function ef(e){return n.displayName=e.displayName||e.name,n;function n(t,...a){let i=t?em(t,...a):t;return new e(i)}}let e_={}.hasOwnProperty,ey="hljs-";function eE(e,n,t={}){let a=t.prefix;if("string"!=typeof e)throw eh("Expected `string` for name, got `%s`",e);if(!ep.getLanguage(e))throw eh("Unknown language: `%s` is not registered",e);if("string"!=typeof n)throw eh("Expected `string` for value, got `%s`",n);null==a&&(a=ey),ep.configure({__emitter:ew,classPrefix:a});let i=ep.highlight(n,{language:e,ignoreIllegals:!0});if(ep.configure({}),i.errorRaised)throw i.errorRaised;return i._emitter.root.data.language=i.language,i._emitter.root.data.relevance=i.relevance,i._emitter.root}class ew{constructor(e){this.options=e,this.root={type:"root",data:{language:null,relevance:0},children:[]},this.stack=[this.root]}addText(e){if(""===e)return;let n=this.stack[this.stack.length-1],t=n.children[n.children.length-1];t&&"text"===t.type?t.value+=e:n.children.push({type:"text",value:e})}addKeyword(e,n){this.openNode(n),this.addText(e),this.closeNode()}addSublanguage(e,n){let t=this.stack[this.stack.length-1],a=e.root.children;n?t.children.push({type:"element",tagName:"span",properties:{className:[n]},children:a}):t.children.push(...a)}openNode(e){let n=e.split(".").map((e,n)=>n?e+"_".repeat(n):this.options.classPrefix+e),t=this.stack[this.stack.length-1],a={type:"element",tagName:"span",properties:{className:n},children:[]};t.children.push(a),this.stack.push(a)}closeNode(){this.stack.pop()}closeAllNodes(){}finalize(){}toHTML(){return""}}let ev={highlight:eE,highlightAuto:function(e,n={}){let t=n.subset||ep.listLanguages(),a=n.prefix,i=-1,r={type:"root",data:{language:null,relevance:0},children:[]};if(null==a&&(a=ey),"string"!=typeof e)throw eh("Expected `string` for value, got `%s`",e);for(;++ir.data.relevance&&(r=s)}return r},registerLanguage:function(e,n){ep.registerLanguage(e,n)},registered:function(e){return Boolean(ep.getLanguage(e))},listLanguages:function(){return ep.listLanguages()},registerAlias:function(e,n){if("string"==typeof e)ep.registerAliases(n,{languageName:e});else{let n;for(n in e)e_.call(e,n)&&ep.registerAliases(e[n],{languageName:n})}}};ev.registerLanguage("arduino",function(e){let n={type:["boolean","byte","word","String"],built_in:["KeyboardController","MouseController","SoftwareSerial","EthernetServer","EthernetClient","LiquidCrystal","RobotControl","GSMVoiceCall","EthernetUDP","EsploraTFT","HttpClient","RobotMotor","WiFiClient","GSMScanner","FileSystem","Scheduler","GSMServer","YunClient","YunServer","IPAddress","GSMClient","GSMModem","Keyboard","Ethernet","Console","GSMBand","Esplora","Stepper","Process","WiFiUDP","GSM_SMS","Mailbox","USBHost","Firmata","PImage","Client","Server","GSMPIN","FileIO","Bridge","Serial","EEPROM","Stream","Mouse","Audio","Servo","File","Task","GPRS","WiFi","Wire","TFT","GSM","SPI","SD"],_hints:["setup","loop","runShellCommandAsynchronously","analogWriteResolution","retrieveCallingNumber","printFirmwareVersion","analogReadResolution","sendDigitalPortPair","noListenOnLocalhost","readJoystickButton","setFirmwareVersion","readJoystickSwitch","scrollDisplayRight","getVoiceCallStatus","scrollDisplayLeft","writeMicroseconds","delayMicroseconds","beginTransmission","getSignalStrength","runAsynchronously","getAsynchronously","listenOnLocalhost","getCurrentCarrier","readAccelerometer","messageAvailable","sendDigitalPorts","lineFollowConfig","countryNameWrite","runShellCommand","readStringUntil","rewindDirectory","readTemperature","setClockDivider","readLightSensor","endTransmission","analogReference","detachInterrupt","countryNameRead","attachInterrupt","encryptionType","readBytesUntil","robotNameWrite","readMicrophone","robotNameRead","cityNameWrite","userNameWrite","readJoystickY","readJoystickX","mouseReleased","openNextFile","scanNetworks","noInterrupts","digitalWrite","beginSpeaker","mousePressed","isActionDone","mouseDragged","displayLogos","noAutoscroll","addParameter","remoteNumber","getModifiers","keyboardRead","userNameRead","waitContinue","processInput","parseCommand","printVersion","readNetworks","writeMessage","blinkVersion","cityNameRead","readMessage","setDataMode","parsePacket","isListening","setBitOrder","beginPacket","isDirectory","motorsWrite","drawCompass","digitalRead","clearScreen","serialEvent","rightToLeft","setTextSize","leftToRight","requestFrom","keyReleased","compassRead","analogWrite","interrupts","WiFiServer","disconnect","playMelody","parseFloat","autoscroll","getPINUsed","setPINUsed","setTimeout","sendAnalog","readSlider","analogRead","beginWrite","createChar","motorsStop","keyPressed","tempoWrite","readButton","subnetMask","debugPrint","macAddress","writeGreen","randomSeed","attachGPRS","readString","sendString","remotePort","releaseAll","mouseMoved","background","getXChange","getYChange","answerCall","getResult","voiceCall","endPacket","constrain","getSocket","writeJSON","getButton","available","connected","findUntil","readBytes","exitValue","readGreen","writeBlue","startLoop","IPAddress","isPressed","sendSysex","pauseMode","gatewayIP","setCursor","getOemKey","tuneWrite","noDisplay","loadImage","switchPIN","onRequest","onReceive","changePIN","playFile","noBuffer","parseInt","overflow","checkPIN","knobRead","beginTFT","bitClear","updateIR","bitWrite","position","writeRGB","highByte","writeRed","setSpeed","readBlue","noStroke","remoteIP","transfer","shutdown","hangCall","beginSMS","endWrite","attached","maintain","noCursor","checkReg","checkPUK","shiftOut","isValid","shiftIn","pulseIn","connect","println","localIP","pinMode","getIMEI","display","noBlink","process","getBand","running","beginSD","drawBMP","lowByte","setBand","release","bitRead","prepare","pointTo","readRed","setMode","noFill","remove","listen","stroke","detach","attach","noTone","exists","buffer","height","bitSet","circle","config","cursor","random","IRread","setDNS","endSMS","getKey","micros","millis","begin","print","write","ready","flush","width","isPIN","blink","clear","press","mkdir","rmdir","close","point","yield","image","BSSID","click","delay","read","text","move","peek","beep","rect","line","open","seek","fill","size","turn","stop","home","find","step","tone","sqrt","RSSI","SSID","end","bit","tan","cos","sin","pow","map","abs","max","min","get","run","put"],literal:["DIGITAL_MESSAGE","FIRMATA_STRING","ANALOG_MESSAGE","REPORT_DIGITAL","REPORT_ANALOG","INPUT_PULLUP","SET_PIN_MODE","INTERNAL2V56","SYSTEM_RESET","LED_BUILTIN","INTERNAL1V1","SYSEX_START","INTERNAL","EXTERNAL","DEFAULT","OUTPUT","INPUT","HIGH","LOW"]},t=function(e){let n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="(?!struct)("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={className:"type",begin:"\\b[a-z\\d_]*_t\\b"},o={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]},b={className:"function.dispatch",relevance:0,keywords:{_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]},begin:n.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,n.lookahead(/(<[^<>]+>|)\s*\(/))},p=[b,c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],m={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:u,contains:p.concat([{begin:/\(/,end:/\)/,keywords:u,contains:p.concat(["self"]),relevance:0}]),relevance:0},h={className:"function",begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{begin:g,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{begin:/:/,endsWithParent:!0,contains:[o,l]},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]}]},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:u,illegal:"",keywords:u,contains:["self",s]},{begin:e.IDENT_RE+"::",keywords:u},{match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],className:{1:"keyword",3:"title.class"}}])}}(e),a=t.keywords;return a.type=[...a.type,...n.type],a.literal=[...a.literal,...n.literal],a.built_in=[...a.built_in,...n.built_in],a._hints=n._hints,t.name="Arduino",t.aliases=["ino"],t.supersetOf="cpp",t}),ev.registerLanguage("bash",function(e){let n=e.regex,t={};Object.assign(t,{className:"variable",variants:[{begin:n.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},{begin:/\$\{/,end:/\}/,contains:["self",{begin:/:-/,contains:[t]}]}]});let a={className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]},i={begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,className:"string"})]}},r={className:"string",begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,t,a]};a.contains.push(r);let s={begin:/\$\(\(/,end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,t]},o=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10}),l={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{name:"Bash",aliases:["sh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,keyword:["if","then","else","elif","fi","for","while","in","do","done","case","esac","function"],literal:["true","false"],built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]},contains:[o,e.SHEBANG(),l,s,e.HASH_COMMENT_MODE,i,{match:/(\/[a-z._-]+)+/},r,{className:"",begin:/\\"/},{className:"string",begin:/'/,end:/'/},t]}}),ev.registerLanguage("c",function(e){let n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={className:"type",variants:[{begin:"\\b[a-z\\d_]*_t\\b"},{match:/\batomic_[a-z]{3,6}\b/}]},o={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={keyword:["asm","auto","break","case","continue","default","do","else","enum","extern","for","fortran","goto","if","inline","register","restrict","return","sizeof","struct","switch","typedef","union","volatile","while","_Alignas","_Alignof","_Atomic","_Generic","_Noreturn","_Static_assert","_Thread_local","alignas","alignof","noreturn","static_assert","thread_local","_Pragma"],type:["float","double","signed","unsigned","int","short","long","char","void","_Bool","_Complex","_Imaginary","_Decimal32","_Decimal64","_Decimal128","const","static","complex","bool","imaginary"],literal:"true false NULL",built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set pair bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap priority_queue make_pair array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr"},b=[c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],p={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:u,contains:b.concat([{begin:/\(/,end:/\)/,keywords:u,contains:b.concat(["self"]),relevance:0}]),relevance:0},m={begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{begin:g,returnBegin:!0,contains:[e.inherit(d,{className:"title.function"})],relevance:0},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]}]},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C",aliases:["h"],keywords:u,disableAutodetect:!0,illegal:"=]/,contains:[{beginKeywords:"final class struct"},e.TITLE_MODE]}]),exports:{preprocessor:c,strings:o,keywords:u}}}),ev.registerLanguage("cpp",function(e){let n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="(?!struct)("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={className:"type",begin:"\\b[a-z\\d_]*_t\\b"},o={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]},b={className:"function.dispatch",relevance:0,keywords:{_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]},begin:n.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,n.lookahead(/(<[^<>]+>|)\s*\(/))},p=[b,c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],m={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:u,contains:p.concat([{begin:/\(/,end:/\)/,keywords:u,contains:p.concat(["self"]),relevance:0}]),relevance:0},h={className:"function",begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{begin:g,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{begin:/:/,endsWithParent:!0,contains:[o,l]},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,end:/\)/,keywords:u,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]}]},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:u,illegal:"",keywords:u,contains:["self",s]},{begin:e.IDENT_RE+"::",keywords:u},{match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],className:{1:"keyword",3:"title.class"}}])}}),ev.registerLanguage("csharp",function(e){let n={keyword:["abstract","as","base","break","case","catch","class","const","continue","do","else","event","explicit","extern","finally","fixed","for","foreach","goto","if","implicit","in","interface","internal","is","lock","namespace","new","operator","out","override","params","private","protected","public","readonly","record","ref","return","scoped","sealed","sizeof","stackalloc","static","struct","switch","this","throw","try","typeof","unchecked","unsafe","using","virtual","void","volatile","while"].concat(["add","alias","and","ascending","async","await","by","descending","equals","from","get","global","group","init","into","join","let","nameof","not","notnull","on","or","orderby","partial","remove","select","set","unmanaged","value|0","var","when","where","with","yield"]),built_in:["bool","byte","char","decimal","delegate","double","dynamic","enum","float","int","long","nint","nuint","object","sbyte","short","string","ulong","uint","ushort"],literal:["default","false","null","true"]},t=e.inherit(e.TITLE_MODE,{begin:"[a-zA-Z](\\.?\\w)*"}),a={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},i={className:"string",begin:'@"',end:'"',contains:[{begin:'""'}]},r=e.inherit(i,{illegal:/\n/}),s={className:"subst",begin:/\{/,end:/\}/,keywords:n},o=e.inherit(s,{illegal:/\n/}),l={className:"string",begin:/\$"/,end:'"',illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/},e.BACKSLASH_ESCAPE,o]},c={className:"string",begin:/\$@"/,end:'"',contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},s]},d=e.inherit(c,{illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},o]});s.contains=[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.C_BLOCK_COMMENT_MODE],o.contains=[d,l,r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.inherit(e.C_BLOCK_COMMENT_MODE,{illegal:/\n/})];let g={variants:[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},u={begin:"<",end:">",contains:[{beginKeywords:"in out"},t]},b=e.IDENT_RE+"(<"+e.IDENT_RE+"(\\s*,\\s*"+e.IDENT_RE+")*>)?(\\[\\])?",p={begin:"@"+e.IDENT_RE,relevance:0};return{name:"C#",aliases:["cs","c#"],keywords:n,illegal:/::/,contains:[e.COMMENT("///","$",{returnBegin:!0,contains:[{className:"doctag",variants:[{begin:"///",relevance:0},{begin:""},{begin:""}]}]}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"#",end:"$",keywords:{keyword:"if else elif endif define undef warning error line region endregion pragma checksum"}},g,a,{beginKeywords:"class interface",relevance:0,end:/[{;=]/,illegal:/[^\s:,]/,contains:[{beginKeywords:"where class"},t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"namespace",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,contains:[t,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"record",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,contains:[t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"meta",begin:"^\\s*\\[(?=[\\w])",excludeBegin:!0,end:"\\]",excludeEnd:!0,contains:[{className:"string",begin:/"/,end:/"/}]},{beginKeywords:"new return throw await else",relevance:0},{className:"function",begin:"("+b+"\\s+)+"+e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,end:/\s*[{;=]/,excludeEnd:!0,keywords:n,contains:[{beginKeywords:"public private protected static internal protected abstract async extern override unsafe virtual new sealed partial",relevance:0},{begin:e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,contains:[e.TITLE_MODE,u],relevance:0},{match:/\(\)/},{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,relevance:0,contains:[g,a,e.C_BLOCK_COMMENT_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},p]}}),ev.registerLanguage("css",function(e){let n=e.regex,t=a(e),c=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE];return{name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},contains:[t.BLOCK_COMMENT,{begin:/-(webkit|moz|ms|o)-(?=[a-z])/},t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0},{className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{begin:":("+s.join("|")+")"},{begin:":(:)?("+o.join("|")+")"}]},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+l.join("|")+")\\b"},{begin:/:/,end:/[;}{]/,contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...c,{begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"},contains:[...c,{className:"string",begin:/[^)]/,endsWithParent:!0,excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:n.lookahead(/@/),end:"[{;]",relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{$pattern:/[a-z-]+/,keyword:"and or not only",attribute:r.join(" ")},contains:[{begin:/[a-z-]+(?=:)/,className:"attribute"},...c,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"\\b("+i.join("|")+")\\b"}]}}),ev.registerLanguage("diff",function(e){let n=e.regex;return{name:"Diff",aliases:["patch"],contains:[{className:"meta",relevance:10,match:n.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)},{className:"comment",variants:[{begin:n.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,end:/$/}]}}),ev.registerLanguage("go",function(e){let n={keyword:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var"],type:["bool","byte","complex64","complex128","error","float32","float64","int8","int16","int32","int64","string","uint8","uint16","uint32","uint64","int","uint","uintptr","rune"],literal:["true","false","iota","nil"],built_in:["append","cap","close","complex","copy","imag","len","make","new","panic","print","println","real","recover","delete"]};return{name:"Go",aliases:["golang"],keywords:n,illegal:"e(n,t,a-1))}("(?:<"+t+"~~~(?:\\s*,\\s*"+t+"~~~)*>)?",/~~~/g,2),i={keyword:["synchronized","abstract","private","var","static","if","const ","for","while","strictfp","finally","protected","import","native","final","void","enum","else","break","transient","catch","instanceof","volatile","case","assert","package","default","public","try","switch","continue","throws","protected","public","private","module","requires","exports","do","sealed"],literal:["false","true","null"],type:["char","boolean","long","float","int","byte","short","double"],built_in:["super","this"]},r={className:"meta",begin:"@"+t,contains:[{begin:/\(/,end:/\)/,contains:["self"]}]},s={className:"params",begin:/\(/,end:/\)/,keywords:i,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE],endsParent:!0};return{name:"Java",aliases:["jsp"],keywords:i,illegal:/<\/|#/,contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{begin:/\w+@/,relevance:0},{className:"doctag",begin:"@[A-Za-z]+"}]}),{begin:/import java\.[a-z]+\./,keywords:"import",relevance:2},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{begin:/"""/,end:/"""/,className:"string",contains:[e.BACKSLASH_ESCAPE]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{match:[/\b(?:class|interface|enum|extends|implements|new)/,/\s+/,t],className:{1:"keyword",3:"title.class"}},{match:/non-sealed/,scope:"keyword"},{begin:[n.concat(/(?!else)/,t),/\s+/,t,/\s+/,/=(?!=)/],className:{1:"type",3:"variable",5:"operator"}},{begin:[/record/,/\s+/,t],className:{1:"keyword",3:"title.class"},contains:[s,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"new throw return else",relevance:0},{begin:["(?:"+a+"\\s+)",e.UNDERSCORE_IDENT_RE,/\s*(?=\()/],className:{2:"title.function"},keywords:i,contains:[{className:"params",begin:/\(/,end:/\)/,keywords:i,relevance:0,contains:[r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,u,e.C_BLOCK_COMMENT_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},u,r]}}),ev.registerLanguage("javascript",function(e){var n;let t=e.regex,a=(e,{after:n})=>{let t="",end:""},r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{let t;let i=e[0].length+e.index,r=e.input[i];if("<"===r||","===r){n.ignoreMatch();return}">"!==r||a(e,{after:i})||n.ignoreMatch();let s=e.input.substring(i);if((t=s.match(/^\s+extends\s+/))&&0===t.index){n.ignoreMatch();return}}},s={$pattern:b,keyword:p,literal:m,built_in:E,"variable.language":y},o="[0-9](_?[0-9])*",l=`\\.(${o})`,c="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",d={className:"number",variants:[{begin:`(\\b(${c})((${l})|\\.)?|(${l}))[eE][+-]?(${o})\\b`},{begin:`\\b(${c})\\b((${l})\\b|\\.)?|(${l})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},g={className:"subst",begin:"\\$\\{",end:"\\}",keywords:s,contains:[]},u={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,g],subLanguage:"xml"}},w={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,g],subLanguage:"css"}},v={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,g]},N=e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:b+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),k={className:"comment",variants:[N,e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},x=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,u,w,v,d];g.contains=x.concat({begin:/\{/,end:/\}/,keywords:s,contains:["self"].concat(x)});let O=[].concat(k,g.contains),M=O.concat([{begin:/\(/,end:/\)/,keywords:s,contains:["self"].concat(O)}]),S={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:s,contains:M},A={variants:[{match:[/class/,/\s+/,b,/\s+/,/extends/,/\s+/,t.concat(b,"(",t.concat(/\./,b),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,b],scope:{1:"keyword",3:"title.class"}}]},C={relevance:0,match:t.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...h,...f]}},T={match:t.concat(/\b/,(n=[..._,"super"],t.concat("(?!",n.join("|"),")")),b,t.lookahead(/\(/)),className:"title.function",relevance:0},R={begin:t.concat(/\./,t.lookahead(t.concat(b,/(?![0-9A-Za-z$_(])/))),end:b,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},I="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",L={match:[/const|var|let/,/\s+/,b,/\s*/,/=\s*/,/(async\s*)?/,t.lookahead(I)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[S]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:s,exports:{PARAMS_CONTAINS:M,CLASS_REFERENCE:C},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,u,w,v,k,d,C,{className:"attr",begin:b+t.lookahead(":"),relevance:0},L,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[k,e.REGEXP_MODE,{className:"function",begin:I,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:s,contains:M}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:i.begin,end:i.end},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},{variants:[{match:[/function/,/\s+/,b,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[S],illegal:/%/},{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[S,e.inherit(e.TITLE_MODE,{begin:b,className:"title.function"})]},{match:/\.\.\./,relevance:0},R,{match:"\\$"+b,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[S]},T,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},A,{match:[/get|set/,/\s+/,b,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},S]},{match:/\$[(.]/}]}}),ev.registerLanguage("json",function(e){let n=["true","false","null"],t={scope:"literal",beginKeywords:n.join(" ")};return{name:"JSON",keywords:{literal:n},contains:[{className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,relevance:1.01},{match:/[{}[\],:]/,className:"punctuation",relevance:0},e.QUOTE_STRING_MODE,t,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],illegal:"\\S"}}),ev.registerLanguage("kotlin",function(e){let n={keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual",built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",literal:"true false null"},t={className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"@"},a={className:"subst",begin:/\$\{/,end:/\}/,contains:[e.C_NUMBER_MODE]},i={className:"variable",begin:"\\$"+e.UNDERSCORE_IDENT_RE},r={className:"string",variants:[{begin:'"""',end:'"""(?=[^"])',contains:[i,a]},{begin:"'",end:"'",illegal:/\n/,contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"',illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,i,a]}]};a.contains.push(r);let s={className:"meta",begin:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UNDERSCORE_IDENT_RE+")?"},o={className:"meta",begin:"@"+e.UNDERSCORE_IDENT_RE,contains:[{begin:/\(/,end:/\)/,contains:[e.inherit(r,{className:"string"}),"self"]}]},l=e.COMMENT("/\\*","\\*/",{contains:[e.C_BLOCK_COMMENT_MODE]}),c={variants:[{className:"type",begin:e.UNDERSCORE_IDENT_RE},{begin:/\(/,end:/\)/,contains:[]}]},d=c;return d.variants[1].contains=[c],c.variants[1].contains=[d],{name:"Kotlin",aliases:["kt","kts"],keywords:n,contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"}]}),e.C_LINE_COMMENT_MODE,l,{className:"keyword",begin:/\b(break|continue|return|this)\b/,starts:{contains:[{className:"symbol",begin:/@\w+/}]}},t,s,o,{className:"function",beginKeywords:"fun",end:"[(]|$",returnBegin:!0,excludeEnd:!0,keywords:n,relevance:5,contains:[{begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,relevance:0,contains:[e.UNDERSCORE_TITLE_MODE]},{className:"type",begin://,keywords:"reified",relevance:0},{className:"params",begin:/\(/,end:/\)/,endsParent:!0,keywords:n,relevance:0,contains:[{begin:/:/,end:/[=,\/]/,endsWithParent:!0,contains:[c,e.C_LINE_COMMENT_MODE,l],relevance:0},e.C_LINE_COMMENT_MODE,l,s,o,r,e.C_NUMBER_MODE]},l]},{begin:[/class|interface|trait/,/\s+/,e.UNDERSCORE_IDENT_RE],beginScope:{3:"title.class"},keywords:"class interface trait",end:/[:\{(]|$/,excludeEnd:!0,illegal:"extends implements",contains:[{beginKeywords:"public protected internal private constructor"},e.UNDERSCORE_TITLE_MODE,{className:"type",begin://,excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:/[,:]\s*/,end:/[<\(,){\s]|$/,excludeBegin:!0,returnEnd:!0},s,o]},r,{className:"meta",begin:"^#!/usr/bin/env",end:"$",illegal:"\n"},k]}}),ev.registerLanguage("less",function(e){let n=x(e),t="[\\w-]+",a="("+t+"|@\\{"+t+"\\})",i=[],r=[],s=function(e){return{className:"string",begin:"~?"+e+".*?"+e}},o=function(e,n,t){return{className:e,begin:n,relevance:t}},l={$pattern:/[a-z-]+/,keyword:"and or not only",attribute:M.join(" ")};r.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,s("'"),s('"'),n.CSS_NUMBER_MODE,{begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",excludeEnd:!0}},n.HEXCOLOR,{begin:"\\(",end:"\\)",contains:r,keywords:l,relevance:0},o("variable","@@?"+t,10),o("variable","@\\{"+t+"\\}"),o("built_in","~?`[^`]*?`"),{className:"attribute",begin:t+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0},n.IMPORTANT,{beginKeywords:"and not"},n.FUNCTION_DISPATCH);let c=r.concat({begin:/\{/,end:/\}/,contains:i}),d={beginKeywords:"when",endsWithParent:!0,contains:[{beginKeywords:"and not"}].concat(r)},g={begin:a+"\\s*:",returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/},n.CSS_VARIABLE,{className:"attribute",begin:"\\b("+C.join("|")+")\\b",end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:r}}]},u={variants:[{begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:a,end:/\{/}],returnBegin:!0,returnEnd:!0,illegal:"[<='$\"]",relevance:0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,d,o("keyword","all\\b"),o("variable","@\\{"+t+"\\}"),{begin:"\\b("+O.join("|")+")\\b",className:"selector-tag"},n.CSS_NUMBER_MODE,o("selector-tag",a,0),o("selector-id","#"+a),o("selector-class","\\."+a,0),o("selector-tag","&",0),n.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",begin:":("+S.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+A.join("|")+")"},{begin:/\(/,end:/\)/,relevance:0,contains:c},{begin:"!important"},n.FUNCTION_DISPATCH]},b={begin:t+":(:)?"+`(${T.join("|")})`,returnBegin:!0,contains:[u]};return i.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"keyword",begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{end:"[;{}]",keywords:l,returnEnd:!0,contains:r,relevance:0}},{className:"variable",variants:[{begin:"@"+t+"\\s*:",relevance:15},{begin:"@"+t}],starts:{end:"[;}]",returnEnd:!0,contains:c}},b,g,u,d,n.FUNCTION_DISPATCH),{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:i}}),ev.registerLanguage("lua",function(e){let n="\\[=*\\[",t="\\]=*\\]",a={begin:n,end:t,contains:["self"]},i=[e.COMMENT("--(?!"+n+")","$"),e.COMMENT("--"+n,t,{contains:[a],relevance:10})];return{name:"Lua",keywords:{$pattern:e.UNDERSCORE_IDENT_RE,literal:"true false nil",keyword:"and break do else elseif end for goto if in local not or repeat return then until while",built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall arg self coroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"},contains:i.concat([{className:"function",beginKeywords:"function",end:"\\)",contains:[e.inherit(e.TITLE_MODE,{begin:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{className:"params",begin:"\\(",endsWithParent:!0,contains:i}].concat(i)},e.C_NUMBER_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",begin:n,end:t,contains:[a],relevance:5}])}}),ev.registerLanguage("makefile",function(e){let n={className:"variable",variants:[{begin:"\\$\\("+e.UNDERSCORE_IDENT_RE+"\\)",contains:[e.BACKSLASH_ESCAPE]},{begin:/\$[@%",subLanguage:"xml",relevance:0},a={variants:[{begin:/\[.+?\]\[.*?\]/,relevance:0},{begin:/\[.+?\]\(((data|javascript|mailto):|(?:http|ftp)s?:\/\/).*?\)/,relevance:2},{begin:n.concat(/\[.+?\]\(/,/[A-Za-z][A-Za-z0-9+.-]*/,/:\/\/.*?\)/),relevance:2},{begin:/\[.+?\]\([./?&#].*?\)/,relevance:1},{begin:/\[.*?\]\(.*?\)/,relevance:0}],returnBegin:!0,contains:[{match:/\[(?=\])/},{className:"string",relevance:0,begin:"\\[",end:"\\]",excludeBegin:!0,returnEnd:!0},{className:"link",relevance:0,begin:"\\]\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"symbol",relevance:0,begin:"\\]\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0}]},i={className:"strong",contains:[],variants:[{begin:/_{2}/,end:/_{2}/},{begin:/\*{2}/,end:/\*{2}/}]},r={className:"emphasis",contains:[],variants:[{begin:/\*(?!\*)/,end:/\*/},{begin:/_(?!_)/,end:/_/,relevance:0}]},s=e.inherit(i,{contains:[]}),o=e.inherit(r,{contains:[]});i.contains.push(o),r.contains.push(s);let l=[t,a];[i,r,s,o].forEach(e=>{e.contains=e.contains.concat(l)}),l=l.concat(i,r);let c={className:"section",variants:[{begin:"^#{1,6}",end:"$",contains:l},{begin:"(?=^.+?\\n[=-]{2,}$)",contains:[{begin:"^[=-]*$"},{begin:"^",end:"\\n",contains:l}]}]},d={className:"quote",begin:"^>\\s+",contains:l,end:"$"};return{name:"Markdown",aliases:["md","mkdown","mkd"],contains:[c,t,{className:"bullet",begin:"^[ ]*([*+-]|(\\d+\\.))(?=\\s+)",end:"\\s+",excludeEnd:!0},i,r,d,{className:"code",variants:[{begin:"(`{3,})[^`](.|\\n)*?\\1`*[ ]*"},{begin:"(~{3,})[^~](.|\\n)*?\\1~*[ ]*"},{begin:"```",end:"```+[ ]*$"},{begin:"~~~",end:"~~~+[ ]*$"},{begin:"`.+?`"},{begin:"(?=^( {4}|\\t))",contains:[{begin:"^( {4}|\\t)",end:"(\\n)$"}],relevance:0}]},{begin:"^[-\\*]{3,}",end:"$"},a,{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}}),ev.registerLanguage("objectivec",function(e){let n=/[a-zA-Z@][a-zA-Z0-9_]*/,t={$pattern:n,keyword:["@interface","@class","@protocol","@implementation"]};return{name:"Objective-C",aliases:["mm","objc","obj-c","obj-c++","objective-c++"],keywords:{"variable.language":["this","super"],$pattern:n,keyword:["while","export","sizeof","typedef","const","struct","for","union","volatile","static","mutable","if","do","return","goto","enum","else","break","extern","asm","case","default","register","explicit","typename","switch","continue","inline","readonly","assign","readwrite","self","@synchronized","id","typeof","nonatomic","IBOutlet","IBAction","strong","weak","copy","in","out","inout","bycopy","byref","oneway","__strong","__weak","__block","__autoreleasing","@private","@protected","@public","@try","@property","@end","@throw","@catch","@finally","@autoreleasepool","@synthesize","@dynamic","@selector","@optional","@required","@encode","@package","@import","@defs","@compatibility_alias","__bridge","__bridge_transfer","__bridge_retained","__bridge_retain","__covariant","__contravariant","__kindof","_Nonnull","_Nullable","_Null_unspecified","__FUNCTION__","__PRETTY_FUNCTION__","__attribute__","getter","setter","retain","unsafe_unretained","nonnull","nullable","null_unspecified","null_resettable","class","instancetype","NS_DESIGNATED_INITIALIZER","NS_UNAVAILABLE","NS_REQUIRES_SUPER","NS_RETURNS_INNER_POINTER","NS_INLINE","NS_AVAILABLE","NS_DEPRECATED","NS_ENUM","NS_OPTIONS","NS_SWIFT_UNAVAILABLE","NS_ASSUME_NONNULL_BEGIN","NS_ASSUME_NONNULL_END","NS_REFINED_FOR_SWIFT","NS_SWIFT_NAME","NS_SWIFT_NOTHROW","NS_DURING","NS_HANDLER","NS_ENDHANDLER","NS_VALUERETURN","NS_VOIDRETURN"],literal:["false","true","FALSE","TRUE","nil","YES","NO","NULL"],built_in:["dispatch_once_t","dispatch_queue_t","dispatch_sync","dispatch_async","dispatch_once"],type:["int","float","char","unsigned","signed","short","long","double","wchar_t","unichar","void","bool","BOOL","id|0","_Bool"]},illegal:"/,end:/$/,illegal:"\\n"},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"class",begin:"("+t.keyword.join("|")+")\\b",end:/(\{|$)/,excludeEnd:!0,keywords:t,contains:[e.UNDERSCORE_TITLE_MODE]},{begin:"\\."+e.UNDERSCORE_IDENT_RE,relevance:0}]}}),ev.registerLanguage("perl",function(e){let n=e.regex,t=/[dualxmsipngr]{0,12}/,a={$pattern:/[\w.]+/,keyword:"abs accept alarm and atan2 bind binmode bless break caller chdir chmod chomp chop chown chr chroot close closedir connect continue cos crypt dbmclose dbmopen defined delete die do dump each else elsif endgrent endhostent endnetent endprotoent endpwent endservent eof eval exec exists exit exp fcntl fileno flock for foreach fork format formline getc getgrent getgrgid getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr getnetbyname getnetent getpeername getpgrp getpriority getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid getservbyname getservbyport getservent getsockname getsockopt given glob gmtime goto grep gt hex if index int ioctl join keys kill last lc lcfirst length link listen local localtime log lstat lt ma map mkdir msgctl msgget msgrcv msgsnd my ne next no not oct open opendir or ord our pack package pipe pop pos print printf prototype push q|0 qq quotemeta qw qx rand read readdir readline readlink readpipe recv redo ref rename require reset return reverse rewinddir rindex rmdir say scalar seek seekdir select semctl semget semop send setgrent sethostent setnetent setpgrp setpriority setprotoent setpwent setservent setsockopt shift shmctl shmget shmread shmwrite shutdown sin sleep socket socketpair sort splice split sprintf sqrt srand stat state study sub substr symlink syscall sysopen sysread sysseek system syswrite tell telldir tie tied time times tr truncate uc ucfirst umask undef unless unlink unpack unshift untie until use utime values vec wait waitpid wantarray warn when while write x|0 xor y|0"},i={className:"subst",begin:"[$@]\\{",end:"\\}",keywords:a},r={begin:/->\{/,end:/\}/},s={variants:[{begin:/\$\d/},{begin:n.concat(/[$%@](\^\w\b|#\w+(::\w+)*|\{\w+\}|\w+(::\w*)*)/,"(?![A-Za-z])(?![@$%])")},{begin:/[$%@][^\s\w{]/,relevance:0}]},o=[e.BACKSLASH_ESCAPE,i,s],l=[/!/,/\//,/\|/,/\?/,/'/,/"/,/#/],c=(e,a,i="\\1")=>{let r="\\1"===i?i:n.concat(i,a);return n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,r,/(?:\\.|[^\\\/])*?/,i,t)},d=(e,a,i)=>n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,i,t),g=[s,e.HASH_COMMENT_MODE,e.COMMENT(/^=\w/,/=cut/,{endsWithParent:!0}),r,{className:"string",contains:o,variants:[{begin:"q[qwxr]?\\s*\\(",end:"\\)",relevance:5},{begin:"q[qwxr]?\\s*\\[",end:"\\]",relevance:5},{begin:"q[qwxr]?\\s*\\{",end:"\\}",relevance:5},{begin:"q[qwxr]?\\s*\\|",end:"\\|",relevance:5},{begin:"q[qwxr]?\\s*<",end:">",relevance:5},{begin:"qw\\s+q",end:"q",relevance:5},{begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"'},{begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE]},{begin:/\{\w+\}/,relevance:0},{begin:"-?\\w+\\s*=>",relevance:0}]},{className:"number",begin:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},{begin:"(\\/\\/|"+e.RE_STARTERS_RE+"|\\b(split|return|print|reverse|grep)\\b)\\s*",keywords:"split return print reverse grep",relevance:0,contains:[e.HASH_COMMENT_MODE,{className:"regexp",variants:[{begin:c("s|tr|y",n.either(...l,{capture:!0}))},{begin:c("s|tr|y","\\(","\\)")},{begin:c("s|tr|y","\\[","\\]")},{begin:c("s|tr|y","\\{","\\}")}],relevance:2},{className:"regexp",variants:[{begin:/(m|qr)\/\//,relevance:0},{begin:d("(?:m|qr)?",/\//,/\//)},{begin:d("m|qr",n.either(...l,{capture:!0}),/\1/)},{begin:d("m|qr",/\(/,/\)/)},{begin:d("m|qr",/\[/,/\]/)},{begin:d("m|qr",/\{/,/\}/)}]}]},{className:"function",beginKeywords:"sub",end:"(\\s*\\(.*?\\))?[;{]",excludeEnd:!0,relevance:5,contains:[e.TITLE_MODE]},{begin:"-\\w\\b",relevance:0},{begin:"^__DATA__$",end:"^__END__$",subLanguage:"mojolicious",contains:[{begin:"^@@.*",end:"$",className:"comment"}]}];return i.contains=g,r.contains=g,{name:"Perl",aliases:["pl","pm"],keywords:a,contains:g}}),ev.registerLanguage("php",function(e){let n=e.regex,t=/(?![A-Za-z0-9])(?![$])/,a=n.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,t),i=n.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,t),r={scope:"variable",match:"\\$+"+a},s={scope:"subst",variants:[{begin:/\$\w+/},{begin:/\{\$/,end:/\}/}]},o=e.inherit(e.APOS_STRING_MODE,{illegal:null}),l=e.inherit(e.QUOTE_STRING_MODE,{illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(s)}),c=e.END_SAME_AS_BEGIN({begin:/<<<[ \t]*(\w+)\n/,end:/[ \t]*(\w+)\b/,contains:e.QUOTE_STRING_MODE.contains.concat(s)}),d="[ \n]",g={scope:"string",variants:[l,o,c]},u={scope:"number",variants:[{begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"}],relevance:0},b=["false","null","true"],p=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],m=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],h={keyword:p,literal:(e=>{let n=[];return e.forEach(e=>{n.push(e),e.toLowerCase()===e?n.push(e.toUpperCase()):n.push(e.toLowerCase())}),n})(b),built_in:m},f=e=>e.map(e=>e.replace(/\|\d+$/,"")),_={variants:[{match:[/new/,n.concat(d,"+"),n.concat("(?!",f(m).join("\\b|"),"\\b)"),i],scope:{1:"keyword",4:"title.class"}}]},y=n.concat(a,"\\b(?!\\()"),E={variants:[{match:[n.concat(/::/,n.lookahead(/(?!class\b)/)),y],scope:{2:"variable.constant"}},{match:[/::/,/class/],scope:{2:"variable.language"}},{match:[i,n.concat(/::/,n.lookahead(/(?!class\b)/)),y],scope:{1:"title.class",3:"variable.constant"}},{match:[i,n.concat("::",n.lookahead(/(?!class\b)/))],scope:{1:"title.class"}},{match:[i,/::/,/class/],scope:{1:"title.class",3:"variable.language"}}]},w={scope:"attr",match:n.concat(a,n.lookahead(":"),n.lookahead(/(?!::)/))},v={relevance:0,begin:/\(/,end:/\)/,keywords:h,contains:[w,r,E,e.C_BLOCK_COMMENT_MODE,g,u,_]},N={relevance:0,match:[/\b/,n.concat("(?!fn\\b|function\\b|",f(p).join("\\b|"),"|",f(m).join("\\b|"),"\\b)"),a,n.concat(d,"*"),n.lookahead(/(?=\()/)],scope:{3:"title.function.invoke"},contains:[v]};v.contains.push(N);let k=[w,E,e.C_BLOCK_COMMENT_MODE,g,u,_],x={begin:n.concat(/#\[\s*/,i),beginScope:"meta",end:/]/,endScope:"meta",keywords:{literal:b,keyword:["new","array"]},contains:[{begin:/\[/,end:/]/,keywords:{literal:b,keyword:["new","array"]},contains:["self",...k]},...k,{scope:"meta",match:i}]};return{case_insensitive:!1,keywords:h,contains:[x,e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{contains:[{scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\(\);/,keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},{scope:"meta",variants:[{begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{begin:/\?>/}]},{scope:"variable.language",match:/\$this\b/},r,N,E,{match:[/const/,/\s/,a],scope:{1:"keyword",3:"variable.constant"}},_,{scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"},e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0,keywords:h,contains:["self",r,E,e.C_BLOCK_COMMENT_MODE,g,u]}]},{scope:"class",variants:[{beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{beginKeywords:"use",relevance:0,end:";",contains:[{match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},g,u]}}),ev.registerLanguage("php-template",function(e){return{name:"PHP template",subLanguage:"xml",contains:[{begin:/<\?(php|=)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0},e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0})]}]}}),ev.registerLanguage("plaintext",function(e){return{name:"Plain text",aliases:["text","txt"],disableAutodetect:!0}}),ev.registerLanguage("python",function(e){let n=e.regex,t=/[\p{XID_Start}_]\p{XID_Continue}*/u,a=["and","as","assert","async","await","break","case","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","match","nonlocal|10","not","or","pass","raise","return","try","while","with","yield"],i={$pattern:/[A-Za-z]\w+|__\w+__/,keyword:a,built_in:["__import__","abs","all","any","ascii","bin","bool","breakpoint","bytearray","bytes","callable","chr","classmethod","compile","complex","delattr","dict","dir","divmod","enumerate","eval","exec","filter","float","format","frozenset","getattr","globals","hasattr","hash","help","hex","id","input","int","isinstance","issubclass","iter","len","list","locals","map","max","memoryview","min","next","object","oct","open","ord","pow","print","property","range","repr","reversed","round","set","setattr","slice","sorted","staticmethod","str","sum","super","tuple","type","vars","zip"],literal:["__debug__","Ellipsis","False","None","NotImplemented","True"],type:["Any","Callable","Coroutine","Dict","List","Literal","Generic","Optional","Sequence","Set","Tuple","Type","Union"]},r={className:"meta",begin:/^(>>>|\.\.\.) /},s={className:"subst",begin:/\{/,end:/\}/,keywords:i,illegal:/#/},o={begin:/\{\{/,relevance:0},l={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{begin:/([fF][rR]|[rR][fF]|[fF])'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([uU]|[rR])'/,end:/'/,relevance:10},{begin:/([uU]|[rR])"/,end:/"/,relevance:10},{begin:/([bB]|[bB][rR]|[rR][bB])'/,end:/'/},{begin:/([bB]|[bB][rR]|[rR][bB])"/,end:/"/},{begin:/([fF][rR]|[rR][fF]|[fF])'/,end:/'/,contains:[e.BACKSLASH_ESCAPE,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,o,s]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},c="[0-9](_?[0-9])*",d=`(\\b(${c}))?\\.(${c})|\\b(${c})\\.`,g=`\\b|${a.join("|")}`,u={className:"number",relevance:0,variants:[{begin:`(\\b(${c})|(${d}))[eE][+-]?(${c})[jJ]?(?=${g})`},{begin:`(${d})[jJ]?`},{begin:`\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${g})`},{begin:`\\b0[bB](_?[01])+[lL]?(?=${g})`},{begin:`\\b0[oO](_?[0-7])+[lL]?(?=${g})`},{begin:`\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${g})`},{begin:`\\b(${c})[jJ](?=${g})`}]},b={className:"comment",begin:n.lookahead(/# type:/),end:/$/,keywords:i,contains:[{begin:/# type:/},{begin:/#/,end:/\b\B/,endsWithParent:!0}]},p={className:"params",variants:[{className:"",begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,contains:["self",r,u,l,e.HASH_COMMENT_MODE]}]};return s.contains=[l,u,r],{name:"Python",aliases:["py","gyp","ipython"],unicodeRegex:!0,keywords:i,illegal:/(<\/|->|\?)|=>/,contains:[r,u,{begin:/\bself\b/},{beginKeywords:"if",relevance:0},l,b,e.HASH_COMMENT_MODE,{match:[/\bdef/,/\s+/,t],scope:{1:"keyword",3:"title.function"},contains:[p]},{variants:[{match:[/\bclass/,/\s+/,t,/\s*/,/\(\s*/,t,/\s*\)/]},{match:[/\bclass/,/\s+/,t]}],scope:{1:"keyword",3:"title.class",6:"title.class.inherited"}},{className:"meta",begin:/^[\t ]*@/,end:/(?=#)|$/,contains:[u,p,l]}]}}),ev.registerLanguage("python-repl",function(e){return{aliases:["pycon"],contains:[{className:"meta.prompt",starts:{end:/ |$/,starts:{end:"$",subLanguage:"python"}},variants:[{begin:/^>>>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}}),ev.registerLanguage("r",function(e){let n=e.regex,t=/(?:(?:[a-zA-Z]|\.[._a-zA-Z])[._a-zA-Z0-9]*)|\.(?!\d)/,a=n.either(/0[xX][0-9a-fA-F]+\.[0-9a-fA-F]*[pP][+-]?\d+i?/,/0[xX][0-9a-fA-F]+(?:[pP][+-]?\d+)?[Li]?/,/(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?[Li]?/),i=/[=!<>:]=|\|\||&&|:::?|<-|<<-|->>|->|\|>|[-+*\/?!$&|:<=>@^~]|\*\*/,r=n.either(/[()]/,/[{}]/,/\[\[/,/[[\]]/,/\\/,/,/);return{name:"R",keywords:{$pattern:t,keyword:"function if in break next repeat else for while",literal:"NULL NA TRUE FALSE Inf NaN NA_integer_|10 NA_real_|10 NA_character_|10 NA_complex_|10",built_in:"LETTERS letters month.abb month.name pi T F abs acos acosh all any anyNA Arg as.call as.character as.complex as.double as.environment as.integer as.logical as.null.default as.numeric as.raw asin asinh atan atanh attr attributes baseenv browser c call ceiling class Conj cos cosh cospi cummax cummin cumprod cumsum digamma dim dimnames emptyenv exp expression floor forceAndCall gamma gc.time globalenv Im interactive invisible is.array is.atomic is.call is.character is.complex is.double is.environment is.expression is.finite is.function is.infinite is.integer is.language is.list is.logical is.matrix is.na is.name is.nan is.null is.numeric is.object is.pairlist is.raw is.recursive is.single is.symbol lazyLoadDBfetch length lgamma list log max min missing Mod names nargs nzchar oldClass on.exit pos.to.env proc.time prod quote range Re rep retracemem return round seq_along seq_len seq.int sign signif sin sinh sinpi sqrt standardGeneric substitute sum switch tan tanh tanpi tracemem trigamma trunc unclass untracemem UseMethod xtfrm"},contains:[e.COMMENT(/#'/,/$/,{contains:[{scope:"doctag",match:/@examples/,starts:{end:n.lookahead(n.either(/\n^#'\s*(?=@[a-zA-Z]+)/,/\n^(?!#')/)),endsParent:!0}},{scope:"doctag",begin:"@param",end:/$/,contains:[{scope:"variable",variants:[{match:t},{match:/`(?:\\.|[^`\\])+`/}],endsParent:!0}]},{scope:"doctag",match:/@[a-zA-Z]+/},{scope:"keyword",match:/\\[a-zA-Z]+/}]}),e.HASH_COMMENT_MODE,{scope:"string",contains:[e.BACKSLASH_ESCAPE],variants:[e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\(/,end:/\)(-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\{/,end:/\}(-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\[/,end:/\](-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\(/,end:/\)(-*)'/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\{/,end:/\}(-*)'/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\[/,end:/\](-*)'/}),{begin:'"',end:'"',relevance:0},{begin:"'",end:"'",relevance:0}]},{relevance:0,variants:[{scope:{1:"operator",2:"number"},match:[i,a]},{scope:{1:"operator",2:"number"},match:[/%[^%]*%/,a]},{scope:{1:"punctuation",2:"number"},match:[r,a]},{scope:{2:"number"},match:[/[^a-zA-Z0-9._]|^/,a]}]},{scope:{3:"operator"},match:[t,/\s+/,/<-/,/\s+/]},{scope:"operator",relevance:0,variants:[{match:i},{match:/%[^%]*%/}]},{scope:"punctuation",relevance:0,match:r},{begin:"`",end:"`",contains:[{begin:/\\./}]}]}}),ev.registerLanguage("ruby",function(e){let n=e.regex,t="([a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)",a=n.either(/\b([A-Z]+[a-z0-9]+)+/,/\b([A-Z]+[a-z0-9]+)+[A-Z]+/),i=n.concat(a,/(::\w+)*/),r={"variable.constant":["__FILE__","__LINE__"],"variable.language":["self","super"],keyword:["alias","and","attr_accessor","attr_reader","attr_writer","begin","BEGIN","break","case","class","defined","do","else","elsif","end","END","ensure","for","if","in","include","module","next","not","or","redo","require","rescue","retry","return","then","undef","unless","until","when","while","yield"],built_in:["proc","lambda"],literal:["true","false","nil"]},s={className:"doctag",begin:"@[A-Za-z]+"},o={begin:"#<",end:">"},l=[e.COMMENT("#","$",{contains:[s]}),e.COMMENT("^=begin","^=end",{contains:[s],relevance:10}),e.COMMENT("^__END__",e.MATCH_NOTHING_RE)],c={className:"subst",begin:/#\{/,end:/\}/,keywords:r},d={className:"string",contains:[e.BACKSLASH_ESCAPE,c],variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/`/,end:/`/},{begin:/%[qQwWx]?\(/,end:/\)/},{begin:/%[qQwWx]?\[/,end:/\]/},{begin:/%[qQwWx]?\{/,end:/\}/},{begin:/%[qQwWx]?/},{begin:/%[qQwWx]?\//,end:/\//},{begin:/%[qQwWx]?%/,end:/%/},{begin:/%[qQwWx]?-/,end:/-/},{begin:/%[qQwWx]?\|/,end:/\|/},{begin:/\B\?(\\\d{1,3})/},{begin:/\B\?(\\x[A-Fa-f0-9]{1,2})/},{begin:/\B\?(\\u\{?[A-Fa-f0-9]{1,6}\}?)/},{begin:/\B\?(\\M-\\C-|\\M-\\c|\\c\\M-|\\M-|\\C-\\M-)[\x20-\x7e]/},{begin:/\B\?\\(c|C-)[\x20-\x7e]/},{begin:/\B\?\\?\S/},{begin:n.concat(/<<[-~]?'?/,n.lookahead(/(\w+)(?=\W)[^\n]*\n(?:[^\n]*\n)*?\s*\1\b/)),contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,contains:[e.BACKSLASH_ESCAPE,c]})]}]},g="[0-9](_?[0-9])*",u={className:"number",relevance:0,variants:[{begin:`\\b([1-9](_?[0-9])*|0)(\\.(${g}))?([eE][+-]?(${g})|r)?i?\\b`},{begin:"\\b0[dD][0-9](_?[0-9])*r?i?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*r?i?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*r?i?\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*r?i?\\b"},{begin:"\\b0(_?[0-7])+r?i?\\b"}]},b={variants:[{match:/\(\)/},{className:"params",begin:/\(/,end:/(?=\))/,excludeBegin:!0,endsParent:!0,keywords:r}]},p=[d,{variants:[{match:[/class\s+/,i,/\s+<\s+/,i]},{match:[/class\s+/,i]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:r},{relevance:0,match:[i,/\.new[ (]/],scope:{1:"title.class"}},{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},{match:[/def/,/\s+/,t],scope:{1:"keyword",3:"title.function"},contains:[b]},{begin:e.IDENT_RE+"::"},{className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",begin:":(?!\\s)",contains:[d,{begin:t}],relevance:0},u,{className:"variable",begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},{className:"params",begin:/\|/,end:/\|/,excludeBegin:!0,excludeEnd:!0,relevance:0,keywords:r},{begin:"("+e.RE_STARTERS_RE+"|unless)\\s*",keywords:"unless",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,c],illegal:/\n/,variants:[{begin:"/",end:"/[a-z]*"},{begin:/%r\{/,end:/\}[a-z]*/},{begin:"%r\\(",end:"\\)[a-z]*"},{begin:"%r!",end:"![a-z]*"},{begin:"%r\\[",end:"\\][a-z]*"}]}].concat(o,l),relevance:0}].concat(o,l);return c.contains=p,b.contains=p,l.unshift(o),{name:"Ruby",aliases:["rb","gemspec","podspec","thor","irb"],keywords:r,illegal:/\/\*/,contains:[e.SHEBANG({binary:"ruby"})].concat([{begin:/^\s*=>/,starts:{end:"$",contains:p}},{className:"meta.prompt",begin:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+[>*]|(\\w+-)?\\d+\\.\\d+\\.\\d+(p\\d+)?[^\\d][^>]+>)(?=[ ])",starts:{end:"$",keywords:r,contains:p}}]).concat(l).concat(p)}}),ev.registerLanguage("rust",function(e){let n=e.regex,t={className:"title.function.invoke",relevance:0,begin:n.concat(/\b/,/(?!let\b)/,e.IDENT_RE,n.lookahead(/\s*\(/))},a="([ui](8|16|32|64|128|size)|f(32|64))?",i=["drop ","Copy","Send","Sized","Sync","Drop","Fn","FnMut","FnOnce","ToOwned","Clone","Debug","PartialEq","PartialOrd","Eq","Ord","AsRef","AsMut","Into","From","Default","Iterator","Extend","IntoIterator","DoubleEndedIterator","ExactSizeIterator","SliceConcatExt","ToString","assert!","assert_eq!","bitflags!","bytes!","cfg!","col!","concat!","concat_idents!","debug_assert!","debug_assert_eq!","env!","panic!","file!","format!","format_args!","include_bytes!","include_str!","line!","local_data_key!","module_path!","option_env!","print!","println!","select!","stringify!","try!","unimplemented!","unreachable!","vec!","write!","writeln!","macro_rules!","assert_ne!","debug_assert_ne!"],r=["i8","i16","i32","i64","i128","isize","u8","u16","u32","u64","u128","usize","f32","f64","str","char","bool","Box","Option","Result","String","Vec"];return{name:"Rust",aliases:["rs"],keywords:{$pattern:e.IDENT_RE+"!?",type:r,keyword:["abstract","as","async","await","become","box","break","const","continue","crate","do","dyn","else","enum","extern","false","final","fn","for","if","impl","in","let","loop","macro","match","mod","move","mut","override","priv","pub","ref","return","self","Self","static","struct","super","trait","true","try","type","typeof","unsafe","unsized","use","virtual","where","while","yield"],literal:["true","false","Some","None","Ok","Err"],built_in:i},illegal:""},t]}}),ev.registerLanguage("scss",function(e){let n=R(e),t="@[a-z-]+",a={className:"variable",begin:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b",relevance:0};return{name:"SCSS",case_insensitive:!0,illegal:"[=/|']",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,n.CSS_NUMBER_MODE,{className:"selector-id",begin:"#[A-Za-z0-9_-]+",relevance:0},{className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0},n.ATTRIBUTE_SELECTOR_MODE,{className:"selector-tag",begin:"\\b("+I.join("|")+")\\b",relevance:0},{className:"selector-pseudo",begin:":("+D.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+B.join("|")+")"},a,{begin:/\(/,end:/\)/,contains:[n.CSS_NUMBER_MODE]},n.CSS_VARIABLE,{className:"attribute",begin:"\\b("+$.join("|")+")\\b"},{begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{begin:/:/,end:/[;}{]/,relevance:0,contains:[n.BLOCK_COMMENT,a,n.HEXCOLOR,n.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.IMPORTANT,n.FUNCTION_DISPATCH]},{begin:"@(page|font-face)",keywords:{$pattern:t,keyword:"@page @font-face"}},{begin:"@",end:"[{;]",returnBegin:!0,keywords:{$pattern:/[a-z-]+/,keyword:"and or not only",attribute:L.join(" ")},contains:[{begin:t,className:"keyword"},{begin:/[a-z-]+(?=:)/,className:"attribute"},a,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.HEXCOLOR,n.CSS_NUMBER_MODE]},n.FUNCTION_DISPATCH]}}),ev.registerLanguage("shell",function(e){return{name:"Shell Session",aliases:["console","shellsession"],contains:[{className:"meta.prompt",begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,subLanguage:"bash"}}]}}),ev.registerLanguage("sql",function(e){let n=e.regex,t=e.COMMENT("--","$"),a=["true","false","unknown"],i=["bigint","binary","blob","boolean","char","character","clob","date","dec","decfloat","decimal","float","int","integer","interval","nchar","nclob","national","numeric","real","row","smallint","time","timestamp","varchar","varying","varbinary"],r=["abs","acos","array_agg","asin","atan","avg","cast","ceil","ceiling","coalesce","corr","cos","cosh","count","covar_pop","covar_samp","cume_dist","dense_rank","deref","element","exp","extract","first_value","floor","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","last_value","lead","listagg","ln","log","log10","lower","max","min","mod","nth_value","ntile","nullif","percent_rank","percentile_cont","percentile_disc","position","position_regex","power","rank","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","row_number","sin","sinh","sqrt","stddev_pop","stddev_samp","substring","substring_regex","sum","tan","tanh","translate","translate_regex","treat","trim","trim_array","unnest","upper","value_of","var_pop","var_samp","width_bucket"],s=["create table","insert into","primary key","foreign key","not null","alter table","add constraint","grouping sets","on overflow","character set","respect nulls","ignore nulls","nulls first","nulls last","depth first","breadth first"],o=["abs","acos","all","allocate","alter","and","any","are","array","array_agg","array_max_cardinality","as","asensitive","asin","asymmetric","at","atan","atomic","authorization","avg","begin","begin_frame","begin_partition","between","bigint","binary","blob","boolean","both","by","call","called","cardinality","cascaded","case","cast","ceil","ceiling","char","char_length","character","character_length","check","classifier","clob","close","coalesce","collate","collect","column","commit","condition","connect","constraint","contains","convert","copy","corr","corresponding","cos","cosh","count","covar_pop","covar_samp","create","cross","cube","cume_dist","current","current_catalog","current_date","current_default_transform_group","current_path","current_role","current_row","current_schema","current_time","current_timestamp","current_path","current_role","current_transform_group_for_type","current_user","cursor","cycle","date","day","deallocate","dec","decimal","decfloat","declare","default","define","delete","dense_rank","deref","describe","deterministic","disconnect","distinct","double","drop","dynamic","each","element","else","empty","end","end_frame","end_partition","end-exec","equals","escape","every","except","exec","execute","exists","exp","external","extract","false","fetch","filter","first_value","float","floor","for","foreign","frame_row","free","from","full","function","fusion","get","global","grant","group","grouping","groups","having","hold","hour","identity","in","indicator","initial","inner","inout","insensitive","insert","int","integer","intersect","intersection","interval","into","is","join","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","language","large","last_value","lateral","lead","leading","left","like","like_regex","listagg","ln","local","localtime","localtimestamp","log","log10","lower","match","match_number","match_recognize","matches","max","member","merge","method","min","minute","mod","modifies","module","month","multiset","national","natural","nchar","nclob","new","no","none","normalize","not","nth_value","ntile","null","nullif","numeric","octet_length","occurrences_regex","of","offset","old","omit","on","one","only","open","or","order","out","outer","over","overlaps","overlay","parameter","partition","pattern","per","percent","percent_rank","percentile_cont","percentile_disc","period","portion","position","position_regex","power","precedes","precision","prepare","primary","procedure","ptf","range","rank","reads","real","recursive","ref","references","referencing","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","release","result","return","returns","revoke","right","rollback","rollup","row","row_number","rows","running","savepoint","scope","scroll","search","second","seek","select","sensitive","session_user","set","show","similar","sin","sinh","skip","smallint","some","specific","specifictype","sql","sqlexception","sqlstate","sqlwarning","sqrt","start","static","stddev_pop","stddev_samp","submultiset","subset","substring","substring_regex","succeeds","sum","symmetric","system","system_time","system_user","table","tablesample","tan","tanh","then","time","timestamp","timezone_hour","timezone_minute","to","trailing","translate","translate_regex","translation","treat","trigger","trim","trim_array","true","truncate","uescape","union","unique","unknown","unnest","update","upper","user","using","value","values","value_of","var_pop","var_samp","varbinary","varchar","varying","versioning","when","whenever","where","width_bucket","window","with","within","without","year","add","asc","collation","desc","final","first","last","view"].filter(e=>!r.includes(e)),l={begin:n.concat(/\b/,n.either(...r),/\s*\(/),relevance:0,keywords:{built_in:r}};return{name:"SQL",case_insensitive:!0,illegal:/[{}]|<\//,keywords:{$pattern:/\b[\w\.]+/,keyword:function(e,{exceptions:n,when:t}={}){return n=n||[],e.map(e=>e.match(/\|\d+$/)||n.includes(e)?e:t(e)?`${e}|0`:e)}(o,{when:e=>e.length<3}),literal:a,type:i,built_in:["current_catalog","current_date","current_default_transform_group","current_path","current_role","current_schema","current_transform_group_for_type","current_user","session_user","system_time","system_user","current_time","localtime","current_timestamp","localtimestamp"]},contains:[{begin:n.either(...s),relevance:0,keywords:{$pattern:/[\w\.]+/,keyword:o.concat(s),literal:a,type:i}},{className:"type",begin:n.either(...["double precision","large object","with timezone","without timezone"])},l,{className:"variable",begin:/@[a-z0-9]+/},{className:"string",variants:[{begin:/'/,end:/'/,contains:[{begin:/''/}]}]},{begin:/"/,end:/"/,contains:[{begin:/""/}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,t,{className:"operator",begin:/[-+*/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?/,relevance:0}]}}),ev.registerLanguage("swift",function(e){let n={match:/\s+/,relevance:0},t=e.COMMENT("/\\*","\\*/",{contains:["self"]}),a=[e.C_LINE_COMMENT_MODE,t],i={match:[/\./,F(...H,...K)],className:{2:"keyword"}},r={match:U(/\./,F(...q)),relevance:0},s=q.filter(e=>"string"==typeof e).concat(["_|0"]),o=q.filter(e=>"string"!=typeof e).concat(Z).map(j),l={variants:[{className:"keyword",match:F(...o,...K)}]},c={$pattern:F(/\b\w+/,/#\w+/),keyword:s.concat(X),literal:G},d=[i,r,l],g={match:U(/\./,F(...Q)),relevance:0},u={className:"built_in",match:U(/\b/,F(...Q),/(?=\()/)},b=[g,u],p={match:/->/,relevance:0},m={className:"operator",relevance:0,variants:[{match:Y},{match:`\\.(\\.|${J})+`}]},h=[p,m],f="([0-9]_*)+",_="([0-9a-fA-F]_*)+",y={className:"number",relevance:0,variants:[{match:`\\b(${f})(\\.(${f}))?([eE][+-]?(${f}))?\\b`},{match:`\\b0x(${_})(\\.(${_}))?([pP][+-]?(${f}))?\\b`},{match:/\b0o([0-7]_*)+\b/},{match:/\b0b([01]_*)+\b/}]},E=(e="")=>({className:"subst",variants:[{match:U(/\\/,e,/[0\\tnr"']/)},{match:U(/\\/,e,/u\{[0-9a-fA-F]{1,8}\}/)}]}),w=(e="")=>({className:"subst",match:U(/\\/,e,/[\t ]*(?:[\r\n]|\r\n)/)}),v=(e="")=>({className:"subst",label:"interpol",begin:U(/\\/,e,/\(/),end:/\)/}),N=(e="")=>({begin:U(e,/"""/),end:U(/"""/,e),contains:[E(e),w(e),v(e)]}),k=(e="")=>({begin:U(e,/"/),end:U(/"/,e),contains:[E(e),v(e)]}),x={className:"string",variants:[N(),N("#"),N("##"),N("###"),k(),k("#"),k("##"),k("###")]},O={match:U(/`/,et,/`/)},M={className:"variable",match:`\\$${en}+`},S=[O,{className:"variable",match:/\$\d+/},M],A={match:/(@|#(un)?)available/,className:"keyword",starts:{contains:[{begin:/\(/,end:/\)/,keywords:er,contains:[...h,y,x]}]}},C={className:"keyword",match:U(/@/,F(...ei))},T={className:"meta",match:U(/@/,et)},R=[A,C,T],I={match:P(/\b[A-Z]/),relevance:0,contains:[{className:"type",match:U(/(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)/,en,"+")},{className:"type",match:ea,relevance:0},{match:/[?!]+/,relevance:0},{match:/\.\.\./,relevance:0},{match:U(/\s+&\s+/,P(ea)),relevance:0}]},L={begin://,keywords:c,contains:[...a,...d,...R,p,I]};I.contains.push(L);let D={match:U(et,/\s*:/),keywords:"_|0",relevance:0},B={begin:/\(/,end:/\)/,relevance:0,keywords:c,contains:["self",D,...a,...d,...b,...h,y,x,...S,...R,I]},$={begin://,contains:[...a,I]},z={begin:F(P(U(et,/\s*:/)),P(U(et,/\s+/,et,/\s*:/))),end:/:/,relevance:0,contains:[{className:"keyword",match:/\b_\b/},{className:"params",match:et}]},V={begin:/\(/,end:/\)/,keywords:c,contains:[z,...a,...d,...h,y,x,...R,I,B],endsParent:!0,illegal:/["']/},ee={match:[/func/,/\s+/,F(O.match,et,Y)],className:{1:"keyword",3:"title.function"},contains:[$,V,n],illegal:[/\[/,/%/]},es={begin:[/precedencegroup/,/\s+/,ea],className:{1:"keyword",3:"title"},contains:[I],keywords:[...W,...G],end:/}/};for(let e of x.variants){let n=e.contains.find(e=>"interpol"===e.label);n.keywords=c;let t=[...d,...b,...h,y,x,...S];n.contains=[...t,{begin:/\(/,end:/\)/,contains:["self",...t]}]}return{name:"Swift",keywords:c,contains:[...a,ee,{match:[/\b(?:subscript|init[?!]?)/,/\s*(?=[<(])/],className:{1:"keyword"},contains:[$,V,n],illegal:/\[|%/},{beginKeywords:"struct protocol class extension enum actor",end:"\\{",excludeEnd:!0,keywords:c,contains:[e.inherit(e.TITLE_MODE,{className:"title.class",begin:/[A-Za-z$_][\u00C0-\u02B80-9A-Za-z$_]*/}),...d]},{match:[/operator/,/\s+/,Y],className:{1:"keyword",3:"title"}},es,{beginKeywords:"import",end:/$/,contains:[...a],relevance:0},...d,...b,...h,y,x,...S,...R,I,B]}}),ev.registerLanguage("typescript",function(e){let n=function(e){var n;let t=e.regex,a=(e,{after:n})=>{let t="",end:""},r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{let t;let i=e[0].length+e.index,r=e.input[i];if("<"===r||","===r){n.ignoreMatch();return}">"!==r||a(e,{after:i})||n.ignoreMatch();let s=e.input.substring(i);if((t=s.match(/^\s+extends\s+/))&&0===t.index){n.ignoreMatch();return}}},s={$pattern:es,keyword:eo,literal:el,built_in:eb,"variable.language":eu},o="[0-9](_?[0-9])*",l=`\\.(${o})`,c="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",d={className:"number",variants:[{begin:`(\\b(${c})((${l})|\\.)?|(${l}))[eE][+-]?(${o})\\b`},{begin:`\\b(${c})\\b((${l})\\b|\\.)?|(${l})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},g={className:"subst",begin:"\\$\\{",end:"\\}",keywords:s,contains:[]},u={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,g],subLanguage:"xml"}},b={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,g],subLanguage:"css"}},p={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,g]},m=e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:es+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),h={className:"comment",variants:[m,e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},f=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,u,b,p,d];g.contains=f.concat({begin:/\{/,end:/\}/,keywords:s,contains:["self"].concat(f)});let _=[].concat(h,g.contains),y=_.concat([{begin:/\(/,end:/\)/,keywords:s,contains:["self"].concat(_)}]),E={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:s,contains:y},w={variants:[{match:[/class/,/\s+/,es,/\s+/,/extends/,/\s+/,t.concat(es,"(",t.concat(/\./,es),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,es],scope:{1:"keyword",3:"title.class"}}]},v={relevance:0,match:t.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...ec,...ed]}},N={match:t.concat(/\b/,(n=[...eg,"super"],t.concat("(?!",n.join("|"),")")),es,t.lookahead(/\(/)),className:"title.function",relevance:0},k={begin:t.concat(/\./,t.lookahead(t.concat(es,/(?![0-9A-Za-z$_(])/))),end:es,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},x="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",O={match:[/const|var|let/,/\s+/,es,/\s*/,/=\s*/,/(async\s*)?/,t.lookahead(x)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[E]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:s,exports:{PARAMS_CONTAINS:y,CLASS_REFERENCE:v},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,u,b,p,h,d,v,{className:"attr",begin:es+t.lookahead(":"),relevance:0},O,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[h,e.REGEXP_MODE,{className:"function",begin:x,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:s,contains:y}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:i.begin,end:i.end},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},{variants:[{match:[/function/,/\s+/,es,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[E],illegal:/%/},{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[E,e.inherit(e.TITLE_MODE,{begin:es,className:"title.function"})]},{match:/\.\.\./,relevance:0},k,{match:"\\$"+es,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[E]},N,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},w,{match:[/get|set/,/\s+/,es,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},E]},{match:/\$[(.]/}]}}(e),t=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],a={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[n.exports.CLASS_REFERENCE]},i={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:t},contains:[n.exports.CLASS_REFERENCE]},r={$pattern:es,keyword:eo.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:el,built_in:eb.concat(t),"variable.language":eu},s={className:"meta",begin:"@"+es},o=(e,n,t)=>{let a=e.contains.findIndex(e=>e.label===n);if(-1===a)throw Error("can not find mode to replace");e.contains.splice(a,1,t)};Object.assign(n.keywords,r),n.exports.PARAMS_CONTAINS.push(s),n.contains=n.contains.concat([s,a,i]),o(n,"shebang",e.SHEBANG()),o(n,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/});let l=n.contains.find(e=>"func.def"===e.label);return l.relevance=0,Object.assign(n,{name:"TypeScript",aliases:["ts","tsx"]}),n}),ev.registerLanguage("vbnet",function(e){let n=e.regex,t=/\d{1,2}\/\d{1,2}\/\d{4}/,a=/\d{4}-\d{1,2}-\d{1,2}/,i=/(\d|1[012])(:\d+){0,2} *(AM|PM)/,r=/\d{1,2}(:\d{1,2}){1,2}/,s={className:"literal",variants:[{begin:n.concat(/# */,n.either(a,t),/ *#/)},{begin:n.concat(/# */,r,/ *#/)},{begin:n.concat(/# */,i,/ *#/)},{begin:n.concat(/# */,n.either(a,t),/ +/,n.either(i,r),/ *#/)}]},o=e.COMMENT(/'''/,/$/,{contains:[{className:"doctag",begin:/<\/?/,end:/>/}]}),l=e.COMMENT(null,/$/,{variants:[{begin:/'/},{begin:/([\t ]|^)REM(?=\s)/}]});return{name:"Visual Basic .NET",aliases:["vb"],case_insensitive:!0,classNameAliases:{label:"symbol"},keywords:{keyword:"addhandler alias aggregate ansi as async assembly auto binary by byref byval call case catch class compare const continue custom declare default delegate dim distinct do each equals else elseif end enum erase error event exit explicit finally for friend from function get global goto group handles if implements imports in inherits interface into iterator join key let lib loop me mid module mustinherit mustoverride mybase myclass namespace narrowing new next notinheritable notoverridable of off on operator option optional order overloads overridable overrides paramarray partial preserve private property protected public raiseevent readonly redim removehandler resume return select set shadows shared skip static step stop structure strict sub synclock take text then throw to try unicode until using when where while widening with withevents writeonly yield",built_in:"addressof and andalso await directcast gettype getxmlnamespace is isfalse isnot istrue like mod nameof new not or orelse trycast typeof xor cbool cbyte cchar cdate cdbl cdec cint clng cobj csbyte cshort csng cstr cuint culng cushort",type:"boolean byte char date decimal double integer long object sbyte short single string uinteger ulong ushort",literal:"true false nothing"},illegal:"//|\\{|\\}|endif|gosub|variant|wend|^\\$ ",contains:[{className:"string",begin:/"(""|[^/n])"C\b/},{className:"string",begin:/"/,end:/"/,illegal:/\n/,contains:[{begin:/""/}]},s,{className:"number",relevance:0,variants:[{begin:/\b\d[\d_]*((\.[\d_]+(E[+-]?[\d_]+)?)|(E[+-]?[\d_]+))[RFD@!#]?/},{begin:/\b\d[\d_]*((U?[SIL])|[%&])?/},{begin:/&H[\dA-F_]+((U?[SIL])|[%&])?/},{begin:/&O[0-7_]+((U?[SIL])|[%&])?/},{begin:/&B[01_]+((U?[SIL])|[%&])?/}]},{className:"label",begin:/^\w+:/},o,l,{className:"meta",begin:/[\t ]*#(const|disable|else|elseif|enable|end|externalsource|if|region)\b/,end:/$/,keywords:{keyword:"const disable else elseif enable end externalsource if region then"},contains:[l]}]}}),ev.registerLanguage("wasm",function(e){e.regex;let n=e.COMMENT(/\(;/,/;\)/);n.contains.push("self");let t=e.COMMENT(/;;/,/$/);return{name:"WebAssembly",keywords:{$pattern:/[\w.]+/,keyword:["anyfunc","block","br","br_if","br_table","call","call_indirect","data","drop","elem","else","end","export","func","global.get","global.set","local.get","local.set","local.tee","get_global","get_local","global","if","import","local","loop","memory","memory.grow","memory.size","module","mut","nop","offset","param","result","return","select","set_global","set_local","start","table","tee_local","then","type","unreachable"]},contains:[t,n,{match:[/(?:offset|align)/,/\s*/,/=/],className:{1:"keyword",3:"operator"}},{className:"variable",begin:/\$[\w_]+/},{match:/(\((?!;)|\))+/,className:"punctuation",relevance:0},{begin:[/(?:func|call|call_indirect)/,/\s+/,/\$[^\s)]+/],className:{1:"keyword",3:"title.function"}},e.QUOTE_STRING_MODE,{match:/(i32|i64|f32|f64)(?!\.)/,className:"type"},{className:"keyword",match:/\b(f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))\b/},{className:"number",relevance:0,match:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/}]}}),ev.registerLanguage("xml",function(e){let n=e.regex,t=n.concat(/[\p{L}_]/u,n.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),a={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},i={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},r=e.inherit(i,{begin:/\(/,end:/\)/}),s=e.inherit(e.APOS_STRING_MODE,{className:"string"}),o=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),l={endsWithParent:!0,illegal:/`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin://,relevance:10,contains:[i,o,s,r,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin://,contains:[i,r,o,s]}]}]},e.COMMENT(//,{relevance:10}),{begin://,relevance:10},a,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[o]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/)/,end:/>/,keywords:{name:"style"},contains:[l],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/)/,end:/>/,keywords:{name:"script"},contains:[l],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:n.concat(//,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:l}]},{className:"tag",begin:n.concat(/<\//,n.lookahead(n.concat(t,/>/))),contains:[{className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}),ev.registerLanguage("yaml",function(e){let n="true false yes no null",t="[\\w#;/?:@&=+$,.~*'()[\\]]+",a={className:"string",relevance:0,variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/\S+/}],contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",variants:[{begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},i=e.inherit(a,{variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/[^\s,{}[\]]+/}]}),r={end:",",endsWithParent:!0,excludeEnd:!0,keywords:n,relevance:0},s=[{className:"attr",variants:[{begin:"\\w[\\w :\\/.-]*:(?=[ ]|$)"},{begin:'"\\w[\\w :\\/.-]*":(?=[ ]|$)'},{begin:"'\\w[\\w :\\/.-]*':(?=[ ]|$)"}]},{className:"meta",begin:"^---\\s*$",relevance:10},{className:"string",begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:"!\\w+!"+t},{className:"type",begin:"!<"+t+">"},{className:"type",begin:"!"+t},{className:"type",begin:"!!"+t},{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:n,keywords:{literal:n}},{className:"number",begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"},{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},{begin:/\{/,end:/\}/,contains:[r],illegal:"\\n",relevance:0},{begin:"\\[",end:"\\]",contains:[r],illegal:"\\n",relevance:0},a],o=[...s];return o.pop(),o.push(i),r.contains=o,{name:"YAML",case_insensitive:!0,aliases:["yml"],contains:s}})}}]); \ No newline at end of file diff --git a/_next/static/chunks/327-36704c33b57cac8f.js b/_next/static/chunks/327-36704c33b57cac8f.js new file mode 100644 index 00000000000..8d6613a3961 --- /dev/null +++ b/_next/static/chunks/327-36704c33b57cac8f.js @@ -0,0 +1,78 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{33507:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(e,t,o){o.d(t,{Z:function(){return n}});var n=(0,o(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},14462:function(e,t,o){o.d(t,{D:function(){return G}});var n=o(67294),l=o(50377);let[r,a]=(0,l.V)();var i=o(67399),s={root:"m-7cda1cd6","root--default":"m-44da308b","root--contrast":"m-e3a01f8",label:"m-1e0e6180",remove:"m-ae386778",group:"m-1dcfd90b"},c=o(3154),u=o(30370),p=o(86109),d=o(81110),v=o(8586),m=o(48468),b=Object.defineProperty,f=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,g=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))h.call(t,o)&&g(e,o,t[o]);if(f)for(var o of f(t))y.call(t,o)&&g(e,o,t[o]);return e},O=(e,t)=>{var o={};for(var n in e)h.call(e,n)&&0>t.indexOf(n)&&(o[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&y.call(e,n)&&(o[n]=e[n]);return o};let k={},x=(0,v.Z)((e,{gap:t},{size:o})=>({group:{"--pg-gap":void 0!==t?(0,m.ap)(t):(0,m.ap)(o,"pg-gap")}})),P=(0,c.d)((e,t)=>{let o=(0,u.w)("PillGroup",k,e),{classNames:l,className:a,style:c,styles:v,unstyled:m,vars:b,size:f,disabled:h}=o,y=O(o,["classNames","className","style","styles","unstyled","vars","size","disabled"]),g=(0,i.D)(),P=(null==g?void 0:g.size)||f||void 0,C=(0,p.y)({name:"PillGroup",classes:s,props:o,className:a,style:c,classNames:l,styles:v,unstyled:m,vars:b,varsResolver:x,stylesCtx:{size:P},rootSelector:"group"});return n.createElement(r,{value:{size:P,disabled:h}},n.createElement(d.x,w(w({ref:t,size:P},C("group")),y)))});P.classes=s,P.displayName="@mantine/core/PillGroup";var C=o(76198),D=Object.defineProperty,E=Object.defineProperties,M=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,Z=(e,t,o)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,N=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&Z(e,o,t[o]);if(I)for(var o of I(t))j.call(t,o)&&Z(e,o,t[o]);return e},z=(e,t)=>E(e,M(t)),B=(e,t)=>{var o={};for(var n in e)S.call(e,n)&&0>t.indexOf(n)&&(o[n]=e[n]);if(null!=e&&I)for(var n of I(e))0>t.indexOf(n)&&j.call(e,n)&&(o[n]=e[n]);return o};let R={variant:"default"},F=(0,v.Z)((e,{radius:t},{size:o})=>({root:{"--pill-fz":(0,m.ap)(o,"pill-fz"),"--pill-height":(0,m.ap)(o,"pill-height"),"--pill-radius":void 0===t?void 0:(0,m.H5)(t)}})),G=(0,c.d)((e,t)=>{let o=(0,u.w)("Pill",R,e),{classNames:l,className:r,style:c,styles:v,unstyled:m,vars:b,variant:f,children:h,withRemoveButton:y,onRemove:g,removeButtonProps:w,radius:O,size:k,disabled:x}=o,P=B(o,["classNames","className","style","styles","unstyled","vars","variant","children","withRemoveButton","onRemove","removeButtonProps","radius","size","disabled"]),D=a(),E=(0,i.D)(),M=k||(null==D?void 0:D.size)||void 0,I=(null==E?void 0:E.variant)==="filled"?"contrast":f||"default",S=(0,p.y)({name:"Pill",classes:s,props:o,className:r,style:c,classNames:l,styles:v,unstyled:m,vars:b,varsResolver:F,stylesCtx:{size:M}});return n.createElement(d.x,N(z(N({component:"span",ref:t,variant:I,size:M},S("root",{variant:I})),{mod:{"with-remove":y,disabled:x||(null==D?void 0:D.disabled)}}),P),n.createElement("span",N({},S("label")),h),y&&n.createElement(C.P,z(N(N({variant:"transparent",radius:O,tabIndex:-1,"aria-hidden":!0,unstyled:m},w),S("remove",{className:null==w?void 0:w.className,style:null==w?void 0:w.style})),{onMouseDown:e=>{var t;e.preventDefault(),e.stopPropagation(),null==(t=null==w?void 0:w.onMouseDown)||t.call(w,e)},onClick:e=>{var t;e.stopPropagation(),null==g||g(),null==(t=null==w?void 0:w.onClick)||t.call(w,e)}})))});G.classes=s,G.displayName="@mantine/core/Pill",G.Group=P},67399:function(e,t,o){o.d(t,{D:function(){return r},H:function(){return l}});var n=o(50377);let[l,r]=(0,n.V)()},9461:function(e,t,o){o.d(t,{d:function(){return R}});var n=o(67294),l=o(67399),r=o(83443),a={field:"m-45c4369d"},i=o(22895),s=o(3154),c=o(30370),u=o(86109),p=o(81110),d=Object.defineProperty,v=Object.defineProperties,m=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,y=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,g=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&y(e,o,t[o]);if(b)for(var o of b(t))h.call(t,o)&&y(e,o,t[o]);return e},w=(e,t)=>v(e,m(t)),O=(e,t)=>{var o={};for(var n in e)f.call(e,n)&&0>t.indexOf(n)&&(o[n]=e[n]);if(null!=e&&b)for(var n of b(e))0>t.indexOf(n)&&h.call(e,n)&&(o[n]=e[n]);return o};let k={type:"visible"},x=(0,s.d)((e,t)=>{let o=(0,c.w)("PillsInputField",k,e),{classNames:s,className:d,style:v,styles:m,unstyled:b,vars:f,type:h,disabled:y,id:x,pointer:P}=o,C=O(o,["classNames","className","style","styles","unstyled","vars","type","disabled","id","pointer"]),D=(0,l.D)(),E=(0,i.D)(),M=(0,u.y)({name:"PillsInputField",classes:a,props:o,className:d,style:v,classNames:s,styles:m,unstyled:b,rootSelector:"field"}),I=y||(null==D?void 0:D.disabled);return n.createElement(p.x,w(g(g({component:"input",ref:(0,r.Yx)(t,null==D?void 0:D.fieldRef),"data-type":h,disabled:I,mod:{disabled:I,pointer:P}},M("field")),C),{id:(null==E?void 0:E.inputId)||x,"aria-invalid":null==D?void 0:D.hasError,"aria-describedby":null==E?void 0:E.describedBy}))});x.classes=a,x.displayName="@mantine/core/PillsInputField";var P=o(70097),C=Object.defineProperty,D=Object.defineProperties,E=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,j=(e,t,o)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,Z=(e,t)=>{for(var o in t||(t={}))I.call(t,o)&&j(e,o,t[o]);if(M)for(var o of M(t))S.call(t,o)&&j(e,o,t[o]);return e},N=(e,t)=>D(e,E(t)),z=(e,t)=>{var o={};for(var n in e)I.call(e,n)&&0>t.indexOf(n)&&(o[n]=e[n]);if(null!=e&&M)for(var n of M(e))0>t.indexOf(n)&&S.call(e,n)&&(o[n]=e[n]);return o};let B={},R=(0,s.d)((e,t)=>{let o=(0,c.w)("PillsInput",B,e),{children:r,onMouseDown:a,onClick:i,size:s,disabled:u,__staticSelector:p,error:d,variant:v}=o,m=z(o,["children","onMouseDown","onClick","size","disabled","__staticSelector","error","variant"]),b=(0,n.useRef)();return n.createElement(l.H,{value:{fieldRef:b,size:s,disabled:u,hasError:!!d,variant:v}},n.createElement(P.M,N(Z({size:s,error:d,variant:v,component:"div",ref:t,onMouseDown:e=>{var t;e.preventDefault(),null==a||a(e),null==(t=b.current)||t.focus()},onClick:e=>{var t;e.preventDefault(),null==i||i(e),null==(t=b.current)||t.focus()}},m),{multiline:!0,disabled:u,__staticSelector:p||"PillsInput",withAria:!1}),r))});R.displayName="@mantine/core/PillsInput",R.Field=x},43360:function(e,t,o){o.d(t,{R:function(){return d}});var n=o(67294),l=o(16658),r=o(14462),a=o(84391),i=o(16262),s=o(38238),c=o(9461);let u=` +import { useState } from 'react'; +import { PillsInput, Pill, Combobox, CheckIcon, Group, useCombobox } from '@mantine/core'; + +const groceries = ['\u{1F34E} Apples', '\u{1F34C} Bananas', '\u{1F966} Broccoli', '\u{1F955} Carrots', '\u{1F36B} Chocolate']; + +function Demo() { + const combobox = useCombobox({ + onDropdownClose: () => combobox.resetSelectedOption(), + onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'), + }); + + const [search, setSearch] = useState(''); + const [value, setValue] = useState([]); + + const handleValueSelect = (val: string) => + setValue((current) => + current.includes(val) ? current.filter((v) => v !== val) : [...current, val] + ); + + const handleValueRemove = (val: string) => + setValue((current) => current.filter((v) => v !== val)); + + const values = value.map((item) => ( + handleValueRemove(item)}> + {item} + + )); + + const options = groceries + .filter((item) => item.toLowerCase().includes(search.trim().toLowerCase())) + .map((item) => ( + + + {value.includes(item) ? : null} + {item} + + + )); + + return ( + + + combobox.openDropdown()}> + + {values} + + + combobox.openDropdown()} + onBlur={() => combobox.closeDropdown()} + value={search} + placeholder="Search values" + onChange={(event) => { + combobox.updateSelectedOptionIndex(); + setSearch(event.currentTarget.value); + }} + onKeyDown={(event) => { + if (event.key === 'Backspace' && search.length === 0) { + event.preventDefault(); + handleValueRemove(value[value.length - 1]); + } + }} + /> + + + + + + + + {options.length > 0 ? options : Nothing found...} + + + + ); +} +`,p=["\uD83C\uDF4E Apples","\uD83C\uDF4C Bananas","\uD83E\uDD66 Broccoli","\uD83E\uDD55 Carrots","\uD83C\uDF6B Chocolate"],d={type:"code",component:function(){let e=(0,l.K)({onDropdownClose:()=>e.resetSelectedOption(),onDropdownOpen:()=>e.updateSelectedOptionIndex("active")}),[t,o]=(0,n.useState)(""),[u,d]=(0,n.useState)([]),v=e=>d(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),m=e=>d(t=>t.filter(t=>t!==e)),b=u.map(e=>n.createElement(r.D,{key:e,withRemoveButton:!0,onRemove:()=>m(e)},e)),f=p.filter(e=>e.toLowerCase().includes(t.trim().toLowerCase())).map(e=>n.createElement(a.h.Option,{value:e,key:e,active:u.includes(e)},n.createElement(i.Z,{gap:"sm"},u.includes(e)?n.createElement(s.n,{size:12}):null,n.createElement("span",null,e))));return n.createElement(a.h,{store:e,onOptionSubmit:v},n.createElement(a.h.DropdownTarget,null,n.createElement(c.d,{onClick:()=>e.openDropdown()},n.createElement(r.D.Group,null,b,n.createElement(a.h.EventsTarget,null,n.createElement(c.d.Field,{onFocus:()=>e.openDropdown(),onBlur:()=>e.closeDropdown(),value:t,placeholder:"Search values",onChange:t=>{e.updateSelectedOptionIndex(),o(t.currentTarget.value)},onKeyDown:e=>{"Backspace"===e.key&&0===t.length&&(e.preventDefault(),m(u[u.length-1]))}}))))),n.createElement(a.h.Dropdown,null,n.createElement(a.h.Options,null,f.length>0?f:n.createElement(a.h.Empty,null,"Nothing found..."))))},code:u,centered:!0,defaultExpanded:!1,maxWidth:340}}}]); \ No newline at end of file diff --git a/_next/static/chunks/3378-4869a4e8dd30f131.js b/_next/static/chunks/3378-4869a4e8dd30f131.js new file mode 100644 index 00000000000..3b0df04c9da --- /dev/null +++ b/_next/static/chunks/3378-4869a4e8dd30f131.js @@ -0,0 +1,107 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3378],{33507:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a=(0,n(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},27693:function(e){var t,n,a,r,i,o,s,l,u,c,d,f,h,m,p,v,y,g,$,S,D;e.exports=(t="millisecond",n="second",a="minute",r="hour",i="week",o="month",s="quarter",l="year",u="date",c="Invalid Date",d=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h=function(e,t,n){var a=String(e);return!a||a.length>=t?e:""+Array(t+1-a.length).join(n)+e},(p={})[m="en"]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},v=function(e){return e instanceof S},y=function(e,t,n){var a;if(!e)return m;if("string"==typeof e)p[e]&&(a=e),t&&(p[e]=t,a=e);else{var r=e.name;p[r]=e,a=r}return!n&&a&&(m=a),a||!n&&m},g=function(e,t){if(v(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new S(n)},($={s:h,z:function(e){var t=-e.utcOffset(),n=Math.abs(t);return(t<=0?"+":"-")+h(Math.floor(n/60),2,"0")+":"+h(n%60,2,"0")},m:function e(t,n){if(t.date()=0&&(i[d]=parseInt(c,10))}var f=i[3],h=i[0]+"-"+i[1]+"-"+i[2]+" "+(24===f?0:f)+":"+i[4]+":"+i[5]+":000",m=+e;return(r.utc(h).valueOf()-(m-=m%1e3))/6e4},l=a.prototype;l.tz=function(e,t){void 0===e&&(e=i);var n=this.utcOffset(),a=this.toDate(),o=a.toLocaleString("en-US",{timeZone:e}),s=Math.round((a-new Date(o))/1e3/60),l=r(o).$set("millisecond",this.$ms).utcOffset(-(15*Math.round(a.getTimezoneOffset()/15))-s,!0);if(t){var u=l.utcOffset();l=l.add(n-u,"minute")}return l.$x.$timezone=e,l},l.offsetName=function(e){var t=this.$x.$timezone||r.tz.guess(),n=o(this.valueOf(),t,{timeZoneName:e}).find(function(e){return"timezonename"===e.type.toLowerCase()});return n&&n.value};var u=l.startOf;l.startOf=function(e,t){if(!this.$x||!this.$x.$timezone)return u.call(this,e,t);var n=r(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return u.call(n,e,t).tz(this.$x.$timezone,!0)},r.tz=function(e,t,n){var a=n||t||i,o=s(+r(),a);if("string"!=typeof e)return r(e).tz(a);var l=function(e,t,n){var a=e-60*t*1e3,r=s(a,n);if(t===r)return[a,t];var i=s(a-=60*(r-t)*1e3,n);return r===i?[a,r]:[e-60*Math.min(r,i)*1e3,Math.max(r,i)]}(r.utc(e,n&&t).valueOf(),o,a),u=l[0],c=l[1],d=r(u).utcOffset(c);return d.$x.$timezone=a,d},r.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},r.tz.setDefault=function(e){i=e}})},96600:function(e){var t,n,a;e.exports=(t="minute",n=/[+-]\d\d(?::?\d\d)?/g,a=/([+-]|\d\d)/g,function(e,r,i){var o=r.prototype;i.utc=function(e){var t={date:e,utc:!0,args:arguments};return new r(t)},o.utc=function(e){var n=i(this.toDate(),{locale:this.$L,utc:!0});return e?n.add(this.utcOffset(),t):n},o.local=function(){return i(this.toDate(),{locale:this.$L,utc:!1})};var s=o.parse;o.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),s.call(this,e)};var l=o.init;o.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else l.call(this)};var u=o.utcOffset;o.utcOffset=function(e,r){var i=this.$utils().u;if(i(e))return this.$u?0:i(this.$offset)?u.call(this):this.$offset;if("string"==typeof e&&null===(e=function(e){void 0===e&&(e="");var t=e.match(n);if(!t)return null;var r=(""+t[0]).match(a)||["-",0,0],i=r[0],o=60*+r[1]+ +r[2];return 0===o?0:"+"===i?o:-o}(e)))return this;var o=16>=Math.abs(e)?60*e:e,s=this;if(r)return s.$offset=o,s.$u=0===e,s;if(0!==e){var l=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(s=this.local().add(o+l,t)).$offset=o,s.$x.$localOffset=l}else s=this.utc();return s};var c=o.format;o.format=function(e){var t=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return c.call(this,t)},o.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*e},o.isUTC=function(){return!!this.$u},o.toISOString=function(){return this.toDate().toISOString()},o.toString=function(){return this.toDate().toUTCString()};var d=o.toDate;o.toDate=function(e){return"s"===e&&this.$offset?i(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var f=o.diff;o.diff=function(e,t,n){if(e&&this.$u===e.$u)return f.call(this,e,t,n);var a=this.local(),r=i(e).local();return f.call(a,r,t,n)}})},32718:function(e,t,n){"use strict";n.d(t,{M:function(){return s}});var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,o=(e,t)=>{var n={};for(var o in e)r.call(e,o)&&0>t.indexOf(o)&&(n[o]=e[o]);if(null!=e&&a)for(var o of a(e))0>t.indexOf(o)&&i.call(e,o)&&(n[o]=e[o]);return n};function s(e){let{maxLevel:t,minLevel:n,defaultLevel:a,level:r,onLevelChange:i,nextIcon:s,previousIcon:l,date:u,defaultDate:c,onDateChange:d,numberOfColumns:f,columnsToScroll:h,ariaLabels:m,onYearSelect:p,onMonthSelect:v,onYearMouseEnter:y,onMonthMouseEnter:g,onNextMonth:$,onPreviousMonth:S,onNextYear:D,onPreviousYear:M,onNextDecade:k,onPreviousDecade:b,withCellSpacing:O,__updateDateOnYearSelect:w,__updateDateOnMonthSelect:P,firstDayOfWeek:C,weekdayFormat:I,weekendDays:T,getDayProps:x,excludeDate:V,renderDay:Y,hideOutsideDates:L,hideWeekdays:_,getDayAriaLabel:z,monthLabelFormat:E,monthsListFormat:Z,getMonthControlProps:N,yearLabelFormat:A,yearsListFormat:H,getYearControlProps:W,decadeLabelFormat:F,allowSingleDateInRange:U,allowDeselect:j,minDate:B,maxDate:J,locale:R}=e,q=o(e,["maxLevel","minLevel","defaultLevel","level","onLevelChange","nextIcon","previousIcon","date","defaultDate","onDateChange","numberOfColumns","columnsToScroll","ariaLabels","onYearSelect","onMonthSelect","onYearMouseEnter","onMonthMouseEnter","onNextMonth","onPreviousMonth","onNextYear","onPreviousYear","onNextDecade","onPreviousDecade","withCellSpacing","__updateDateOnYearSelect","__updateDateOnMonthSelect","firstDayOfWeek","weekdayFormat","weekendDays","getDayProps","excludeDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","monthLabelFormat","monthsListFormat","getMonthControlProps","yearLabelFormat","yearsListFormat","getYearControlProps","decadeLabelFormat","allowSingleDateInRange","allowDeselect","minDate","maxDate","locale"]);return{calendarProps:{maxLevel:t,minLevel:n,defaultLevel:a,level:r,onLevelChange:i,nextIcon:s,previousIcon:l,date:u,defaultDate:c,onDateChange:d,numberOfColumns:f,columnsToScroll:h,ariaLabels:m,onYearSelect:p,onMonthSelect:v,onYearMouseEnter:y,onMonthMouseEnter:g,onNextMonth:$,onPreviousMonth:S,onNextYear:D,onPreviousYear:M,onNextDecade:k,onPreviousDecade:b,withCellSpacing:O,__updateDateOnYearSelect:w,__updateDateOnMonthSelect:P,firstDayOfWeek:C,weekdayFormat:I,weekendDays:T,getDayProps:x,excludeDate:V,renderDay:Y,hideOutsideDates:L,hideWeekdays:_,getDayAriaLabel:z,monthLabelFormat:E,monthsListFormat:Z,getMonthControlProps:N,yearLabelFormat:A,yearsListFormat:H,getYearControlProps:W,decadeLabelFormat:F,allowSingleDateInRange:U,allowDeselect:j,minDate:B,maxDate:J,locale:R},others:q}}},26063:function(e,t,n){"use strict";n.d(t,{n:function(){return r}});var a=n(67294);function r({value:e,type:t,name:n,form:r}){return a.createElement("input",{type:"hidden",value:function(e,t){if("range"===t&&Array.isArray(e)){let[t,n]=e;return t?n?`${t.toISOString()} \u2013 ${n.toISOString()}`:`${t.toISOString()} \u2013`:""}return"multiple"===t&&Array.isArray(e)?e.map(e=>null==e?void 0:e.toISOString()).filter(Boolean).join(", "):!Array.isArray(e)&&e?e.toISOString():""}(e,t),name:n,form:r})}r.displayName="@mantine/dates/HiddenDatesInput"},53058:function(e,t,n){"use strict";n.d(t,{i:function(){return b}});var a=n(67294),r=n(40624),i=n(3154),o=n(23957),s=n(76198),l=n(29613),u=n(52561),c=n(84131),d={input:"m-6fa5e2aa"},f=n(26063),h=Object.defineProperty,m=Object.defineProperties,p=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,$=(e,t,n)=>t in e?h(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,S=(e,t)=>{for(var n in t||(t={}))y.call(t,n)&&$(e,n,t[n]);if(v)for(var n of v(t))g.call(t,n)&&$(e,n,t[n]);return e},D=(e,t)=>m(e,p(t)),M=(e,t)=>{var n={};for(var a in e)y.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&v)for(var a of v(e))0>t.indexOf(a)&&g.call(e,a)&&(n[a]=e[a]);return n};let k={},b=(0,i.d)((e,t)=>{let n=(0,o.k)("PickerInputBase",k,e),{inputProps:i,wrapperProps:h,placeholder:m,classNames:p,styles:v,unstyled:y,popoverProps:g,modalProps:$,dropdownType:b,children:O,formattedValue:w,dropdownHandlers:P,dropdownOpened:C,onClick:I,clearable:T,onClear:x,clearButtonProps:V,rightSection:Y,shouldClear:L,readOnly:_,disabled:z,value:E,name:Z,form:N,type:A}=n,H=M(n,["inputProps","wrapperProps","placeholder","classNames","styles","unstyled","popoverProps","modalProps","dropdownType","children","formattedValue","dropdownHandlers","dropdownOpened","onClick","clearable","onClear","clearButtonProps","rightSection","shouldClear","readOnly","disabled","value","name","form","type"]),W=Y||(T&&L&&!_&&!z?a.createElement(s.P,S({variant:"transparent",onClick:x,unstyled:y,size:i.size||"sm"},V)):null),F=()=>{let e="range"===A&&Array.isArray(E)&&E[0]&&!E[1];e&&x(),P.close()};return a.createElement(a.Fragment,null,"modal"===b&&!_&&a.createElement(l.u,S({opened:C,onClose:F,withCloseButton:!1,size:"auto","data-dates-modal":!0,unstyled:y},$),O),a.createElement(u.I.Wrapper,S({},h),a.createElement(c.J,S({position:"bottom-start",opened:C,onClose:F,disabled:"modal"===b||_,trapFocus:!0,returnFocus:!0,unstyled:y},g),a.createElement(c.J.Target,null,a.createElement(u.I,S(D(S({"aria-label":w||m,"data-dates-input":!0,"data-read-only":_||void 0,disabled:z,component:"button",type:"button",multiline:!0,onClick:e=>{null==I||I(e),P.toggle()},rightSection:W},i),{ref:t,classNames:D(S({},p),{input:(0,r.Z)(d.input,null==p?void 0:p.input)})}),H),w||a.createElement(u.I.Placeholder,{error:i.error,unstyled:y},m))),a.createElement(c.J.Dropdown,{"data-dates-dropdown":!0},O))),a.createElement(f.n,{value:E,name:Z,form:N,type:A}))});b.classes=d,b.displayName="@mantine/dates/PickerInputBase"},35024:function(e,t,n){"use strict";n.d(t,{u:function(){return s}});var a=n(12177),r=n(7177),i=n(40484),o=n(27693);function s({type:e,value:t,defaultValue:n,onChange:s,locale:l,format:u,closeOnChange:c,sortDates:d,labelSeparator:f}){let h=(0,i.e)(),[m,p]=(0,a.q)(!1),[v,y]=(0,r.l)({type:e,value:t,defaultValue:n,onChange:s}),g=function({type:e,date:t,locale:n,format:a,labelSeparator:r}){let i=e=>o(e).locale(n).format(a);if("default"===e)return null===t?"":i(t);if("multiple"===e)return t.map(i).join(", ");if("range"===e&&Array.isArray(t)){if(t[0]&&t[1])return`${i(t[0])} ${r} ${i(t[1])}`;if(t[0])return`${i(t[0])} ${r} `}return""}({type:e,date:v,locale:h.getLocale(l),format:u,labelSeparator:h.getLabelSeparator(f)}),$=t=>{c&&("default"===e&&p.close(),"range"===e&&t[0]&&t[1]&&p.close()),d&&"multiple"===e?y([...t].sort((e,t)=>e.getTime()-t.getTime())):y(t)},S=()=>$("range"===e?[null,null]:"multiple"===e?[]:null),D="range"===e?!!v[0]:"multiple"===e?v.length>0:null!==v;return{_value:v,setValue:$,onClear:S,shouldClear:D,formattedValue:g,dropdownOpened:m,dropdownHandlers:p}}},68329:function(e,t,n){"use strict";n.d(t,{D:function(){return s}});var a=n(27693),r=n(67294),i=n(7177);function o(e,t){let n=[...t].sort((e,t)=>e.getTime()-t.getTime());return a(n[0]).startOf("day").subtract(1,"ms").isBefore(e)&&a(n[1]).endOf("day").add(1,"ms").isAfter(e)}function s({type:e,level:t,value:n,defaultValue:s,onChange:l,allowSingleDateInRange:u,allowDeselect:c,onMouseLeave:d,applyTimezone:f=!0}){let[h,m]=(0,i.l)({type:e,value:n,defaultValue:s,onChange:l,applyTimezone:f}),[p,v]=(0,r.useState)("range"===e&&h[0]&&!h[1]?h[0]:null),[y,g]=(0,r.useState)(null),$=n=>{if("range"===e){if(p instanceof Date&&!h[1]){if(a(n).isSame(p,t)&&!u){v(null),g(null),m([null,null]);return}let e=[n,p];e.sort((e,t)=>e.getTime()-t.getTime()),m(e),g(null),v(null);return}if(h[0]&&!h[1]&&a(n).isSame(h[0],t)&&!u){v(null),g(null),m([null,null]);return}m([n,null]),g(null),v(n);return}if("multiple"===e){h.some(e=>a(e).isSame(n,t))?m(h.filter(e=>!a(e).isSame(n,t))):m([...h,n]);return}h&&c&&a(n).isSame(h,t)?m(null):m(n)},S=e=>p instanceof Date&&y instanceof Date?o(e,[y,p]):h[0]instanceof Date&&h[1]instanceof Date&&o(e,h),D=e=>h[0]instanceof Date&&!!a(e).isSame(h[0],t)&&!(y&&a(y).isBefore(h[0])),M=e=>h[1]instanceof Date?a(e).isSame(h[1],t):h[0]instanceof Date&&!!y&&a(y).isBefore(h[0])&&a(e).isSame(h[0],t),k=n=>{if("range"===e)return{selected:h.some(e=>e&&a(e).isSame(n,t)),inRange:S(n),firstInRange:D(n),lastInRange:M(n),"data-autofocus":!!h[0]&&a(h[0]).isSame(n,t)||void 0};if("multiple"===e)return{selected:h.some(e=>e&&a(e).isSame(n,t)),"data-autofocus":!!h[0]&&a(h[0]).isSame(n,t)||void 0};let r=a(h).isSame(n,t);return{selected:r,"data-autofocus":r||void 0}};return{onDateChange:$,onRootMouseLeave:"range"===e?e=>{null==d||d(e),g(null)}:d,onHoveredDateChange:"range"===e&&p?g:()=>{},getControlProps:k,_value:h,setValue:m}}},52269:function(e,t,n){"use strict";n.d(t,{S:function(){return i}});var a=n(27693),r=n(92437);function i({minDate:e,maxDate:t,timezone:n}){let i=(0,r.w)("add",new Date,n);return e||t?e&&a(i).isBefore(e)?e:t&&a(i).isAfter(t)?t:i:i}},17891:function(e,t,n){"use strict";n.d(t,{B:function(){return h}});var a=n(67294);let r=e=>` +import { useState } from 'react'; +import { ${e} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState(null); + return ( + <${e} + label="Pick date" + placeholder="Pick date" + value={value} + onChange={setValue} + /> + ); +} +`,i=e=>` +import { useState } from 'react'; +import { ${e} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState([]); + return ( + <${e} + type="multiple" + label="Pick dates" + placeholder="Pick dates" + value={value} + onChange={setValue} + /> + ); +} +`,o=e=>` +import { useState } from 'react'; +import { ${e} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState<[Date | null, Date | null]>([null, null]); + return ( + <${e} + type="range" + label="Pick dates range" + placeholder="Pick dates range" + value={value} + onChange={setValue} + /> + ); +} +`,s=e=>`import { ${e} } from '@mantine/dates'; + + +function Demo() { + return ( + <${e} + {{props}} + /> + ); +} +`,l=e=>` +import { useState } from 'react'; +import { ${e} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState(null); + return ( + <${e} + dropdownType="modal" + label="Pick date" + placeholder="Pick date" + value={value} + onChange={setValue} + /> + ); +} +`;var u=(0,n(54764).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]]),c=n(72622);let d=e=>` +import { useState } from 'react'; +import { rem } from '@mantine/core'; +import { IconCalendar } from '@tabler/icons-react'; +import { ${e} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState(null); + const icon = ; + return ( + <${e} + leftSection={icon} + leftSectionPointerEvents="none" + label="Pick date" + placeholder="Pick date" + value={value} + onChange={setValue} + /> + ); +} +`,f=e=>` +import { ${e} } from '@mantine/dates'; + +function Demo() { + return ( + <${e} + clearable + defaultValue={new Date()} + label="Pick date" + placeholder="Pick date" + /> + ); +} +`;function h(e){return{usage:{type:"code",centered:!0,maxWidth:400,code:r(e.displayName.replace("@mantine/dates/","")),component:()=>{let[t,n]=(0,a.useState)(null);return a.createElement(e,{label:"Pick date",placeholder:"Pick date",value:t,onChange:n})}},multiple:{type:"code",centered:!0,maxWidth:400,code:i(e.displayName.replace("@mantine/dates/","")),component:()=>{let[t,n]=(0,a.useState)([]);return a.createElement(e,{type:"multiple",label:"Pick dates",placeholder:"Pick dates",value:t,onChange:n})}},range:{type:"code",centered:!0,maxWidth:400,code:o(e.displayName.replace("@mantine/dates/","")),component:()=>{let[t,n]=(0,a.useState)([null,null]);return a.createElement(e,{type:"range",label:"Pick dates range",placeholder:"Pick dates range",value:t,onChange:n})}},configurator:{type:"configurator",component:e,centered:!0,maxWidth:400,code:s(e.displayName.replace("@mantine/dates/","")),controls:[{prop:"placeholder",type:"string",initialValue:"Pick date",libraryValue:"__"},{prop:"label",type:"string",initialValue:"Pick date",libraryValue:""},{prop:"description",type:"string",initialValue:"",libraryValue:""},{prop:"error",type:"string",initialValue:"",libraryValue:""},{prop:"variant",type:"select",data:[{label:"default",value:"default"},{label:"filled",value:"filled"},{label:"unstyled",value:"unstyled"}],initialValue:"default",libraryValue:"default"},{prop:"radius",type:"size",initialValue:"sm",libraryValue:"sm"},{prop:"size",type:"size",initialValue:"sm",libraryValue:"sm"},{prop:"disabled",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"withAsterisk",type:"boolean",initialValue:!0,libraryValue:!1}]},modal:{type:"code",centered:!0,maxWidth:400,code:l(e.displayName.replace("@mantine/dates/","")),component:()=>{let[t,n]=(0,a.useState)(null);return a.createElement(e,{dropdownType:"modal",label:"Pick date",placeholder:"Pick date",value:t,onChange:n})}},icon:{type:"code",centered:!0,maxWidth:400,code:d(e.displayName.replace("@mantine/dates/","")),component:()=>{let[t,n]=(0,a.useState)(null);return a.createElement(e,{leftSection:a.createElement(u,{style:{width:(0,c.h)(18),height:(0,c.h)(18)},stroke:1.5}),leftSectionPointerEvents:"none",label:"Pick date",placeholder:"Pick date",value:t,onChange:n})}},clearable:{type:"code",centered:!0,maxWidth:400,code:f(e.displayName.replace("@mantine/dates/","")),component:()=>a.createElement(e,{clearable:!0,defaultValue:new Date,label:"Pick date",placeholder:"Pick date"})}}}},12177:function(e,t,n){"use strict";n.d(t,{q:function(){return r}});var a=n(67294);function r(e=!1,t){let{onOpen:n,onClose:r}=t||{},[i,o]=(0,a.useState)(e),s=(0,a.useCallback)(()=>{o(e=>e||(null==n||n(),!0))},[n]),l=(0,a.useCallback)(()=>{o(e=>e?(null==r||r(),!1):e)},[r]),u=(0,a.useCallback)(()=>{i?l():s()},[l,s,i]);return[i,{open:s,close:l,toggle:u}]}}}]); \ No newline at end of file diff --git a/_next/static/chunks/3449-9a6e3f322bb9b09c.js b/_next/static/chunks/3449-9a6e3f322bb9b09c.js new file mode 100644 index 00000000000..7667d3da529 --- /dev/null +++ b/_next/static/chunks/3449-9a6e3f322bb9b09c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3449],{83449:function(e,r,t){t.d(r,{d:function(){return eQ}});var l=t(67294),a=t(45763);let[o,n]=(0,a.R)("Drawer component was not found in tree");var s={root:"m-f11b401e",header:"m-5a7c2c9",content:"m-b8a05bbd",inner:"m-31cd769a"},c=t(11486),i=t(3154),f=t(30370),p=t(86109),y=t(88380),u=t(8586),b=t(48468),d=Object.defineProperty,m=Object.defineProperties,O=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,P=(e,r,t)=>r in e?d(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))v.call(r,t)&&P(e,t,r[t]);if(w)for(var t of w(r))j.call(r,t)&&P(e,t,r[t]);return e},h=(e,r)=>m(e,O(r)),E=(e,r)=>{var t={};for(var l in e)v.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&w)for(var l of w(e))0>r.indexOf(l)&&j.call(e,l)&&(t[l]=e[l]);return t};let N={top:"slide-down",bottom:"slide-up",left:"slide-right",right:"slide-left"},x={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,y.w)("modal"),position:"left"},D=(0,u.Z)((e,{position:r,size:t})=>({root:{"--drawer-size":(0,b.ap)(t,"drawer-size"),"--drawer-flex":"left"===r||"right"===r?void 0:"0 0 100%","--drawer-height":"left"===r||"right"===r?void 0:"var(--drawer-size)","--drawer-align":"bottom"===r?"flex-end":void 0,"--drawer-justify":"right"===r?"flex-end":void 0}})),S=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerRoot",x,e),{classNames:a,className:n,style:i,styles:y,unstyled:u,vars:b,scrollAreaComponent:d,position:m,transitionProps:O}=t,w=E(t,["classNames","className","style","styles","unstyled","vars","scrollAreaComponent","position","transitionProps"]),v=(0,p.y)({name:"Drawer",classes:s,props:t,className:n,style:i,classNames:a,styles:y,unstyled:u,vars:b,varsResolver:D});return l.createElement(o,{value:{scrollAreaComponent:d,getStyles:v}},l.createElement(c.e,g(h(g({ref:r},v("root")),{transitionProps:g({transition:N[m]},O),unstyled:u}),w)))});S.classes=s,S.displayName="@mantine/core/DrawerRoot";var C=t(11601),k=Object.defineProperty,I=Object.getOwnPropertySymbols,B=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,_=(e,r,t)=>r in e?k(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,F=(e,r)=>{for(var t in r||(r={}))B.call(r,t)&&_(e,t,r[t]);if(I)for(var t of I(r))z.call(r,t)&&_(e,t,r[t]);return e},R=(e,r)=>{var t={};for(var l in e)B.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&I)for(var l of I(e))0>r.indexOf(l)&&z.call(e,l)&&(t[l]=e[l]);return t};let H={},T=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerBody",H,e),{classNames:a,className:o,style:s,styles:c,vars:i}=t,p=R(t,["classNames","className","style","styles","vars"]),y=n();return l.createElement(C.y,F(F({ref:r},y.getStyles("body",{classNames:a,style:s,styles:c,className:o})),p))});T.classes=s,T.displayName="@mantine/core/DrawerBody";var A=t(87699),M=Object.defineProperty,Z=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,J=(e,r,t)=>r in e?M(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,K=(e,r)=>{for(var t in r||(r={}))q.call(r,t)&&J(e,t,r[t]);if(Z)for(var t of Z(r))G.call(r,t)&&J(e,t,r[t]);return e},L=(e,r)=>{var t={};for(var l in e)q.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&Z)for(var l of Z(e))0>r.indexOf(l)&&G.call(e,l)&&(t[l]=e[l]);return t};let Q={},U=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerCloseButton",Q,e),{classNames:a,className:o,style:s,styles:c,vars:i}=t,p=L(t,["classNames","className","style","styles","vars"]),y=n();return l.createElement(A._,K(K({ref:r},y.getStyles("close",{classNames:a,style:s,styles:c,className:o})),p))});U.classes=s,U.displayName="@mantine/core/DrawerCloseButton";var V=t(56270),W=Object.defineProperty,X=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,ee=(e,r,t)=>r in e?W(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,er=(e,r)=>{for(var t in r||(r={}))Y.call(r,t)&&ee(e,t,r[t]);if(X)for(var t of X(r))$.call(r,t)&&ee(e,t,r[t]);return e},et=(e,r)=>{var t={};for(var l in e)Y.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&X)for(var l of X(e))0>r.indexOf(l)&&$.call(e,l)&&(t[l]=e[l]);return t};let el={},ea=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerOverlay",el,e),{classNames:a,className:o,style:s,styles:c,vars:i}=t,p=et(t,["classNames","className","style","styles","vars"]),y=n();return l.createElement(V.e,er(er({ref:r},y.getStyles("overlay",{classNames:a,style:s,styles:c,className:o})),p))});ea.classes=s,ea.displayName="@mantine/core/DrawerOverlay";var eo=t(92942),en=t(72354),es=Object.defineProperty,ec=Object.defineProperties,ei=Object.getOwnPropertyDescriptors,ef=Object.getOwnPropertySymbols,ep=Object.prototype.hasOwnProperty,ey=Object.prototype.propertyIsEnumerable,eu=(e,r,t)=>r in e?es(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,eb=(e,r)=>{for(var t in r||(r={}))ep.call(r,t)&&eu(e,t,r[t]);if(ef)for(var t of ef(r))ey.call(r,t)&&eu(e,t,r[t]);return e},ed=(e,r)=>ec(e,ei(r)),em=(e,r)=>{var t={};for(var l in e)ep.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&ef)for(var l of ef(e))0>r.indexOf(l)&&ey.call(e,l)&&(t[l]=e[l]);return t};let eO={},ew=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerContent",eO,e),{classNames:a,className:o,style:s,styles:c,vars:i,children:p}=t,y=em(t,["classNames","className","style","styles","vars","children"]),u=n(),b=u.scrollAreaComponent||eo.Z;return l.createElement(en.G,eb(ed(eb({},u.getStyles("content",{className:o,style:s,styles:c,classNames:a})),{innerProps:u.getStyles("inner",{className:o,style:s,styles:c,classNames:a}),ref:r}),y),l.createElement(b,{style:{height:"100vh"}},p))});ew.classes=s,ew.displayName="@mantine/core/DrawerContent";var ev=t(57446),ej=Object.defineProperty,eP=Object.getOwnPropertySymbols,eg=Object.prototype.hasOwnProperty,eh=Object.prototype.propertyIsEnumerable,eE=(e,r,t)=>r in e?ej(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,eN=(e,r)=>{for(var t in r||(r={}))eg.call(r,t)&&eE(e,t,r[t]);if(eP)for(var t of eP(r))eh.call(r,t)&&eE(e,t,r[t]);return e},ex=(e,r)=>{var t={};for(var l in e)eg.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&eP)for(var l of eP(e))0>r.indexOf(l)&&eh.call(e,l)&&(t[l]=e[l]);return t};let eD={},eS=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerTitle",eD,e),{classNames:a,className:o,style:s,styles:c,vars:i}=t,p=ex(t,["classNames","className","style","styles","vars"]),y=n();return l.createElement(ev.q,eN(eN({ref:r},y.getStyles("title",{classNames:a,style:s,styles:c,className:o})),p))});eS.classes=s,eS.displayName="@mantine/core/DrawerTitle";var eC=t(59110),ek=Object.defineProperty,eI=Object.getOwnPropertySymbols,eB=Object.prototype.hasOwnProperty,ez=Object.prototype.propertyIsEnumerable,e_=(e,r,t)=>r in e?ek(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,eF=(e,r)=>{for(var t in r||(r={}))eB.call(r,t)&&e_(e,t,r[t]);if(eI)for(var t of eI(r))ez.call(r,t)&&e_(e,t,r[t]);return e},eR=(e,r)=>{var t={};for(var l in e)eB.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&eI)for(var l of eI(e))0>r.indexOf(l)&&ez.call(e,l)&&(t[l]=e[l]);return t};let eH={},eT=(0,i.d)((e,r)=>{let t=(0,f.w)("DrawerHeader",eH,e),{classNames:a,className:o,style:s,styles:c,vars:i}=t,p=eR(t,["classNames","className","style","styles","vars"]),y=n();return l.createElement(eC.o,eF(eF({ref:r},y.getStyles("header",{classNames:a,style:s,styles:c,className:o})),p))});eT.classes=s,eT.displayName="@mantine/core/DrawerHeader";var eA=Object.defineProperty,eM=Object.getOwnPropertySymbols,eZ=Object.prototype.hasOwnProperty,eq=Object.prototype.propertyIsEnumerable,eG=(e,r,t)=>r in e?eA(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,eJ=(e,r)=>{for(var t in r||(r={}))eZ.call(r,t)&&eG(e,t,r[t]);if(eM)for(var t of eM(r))eq.call(r,t)&&eG(e,t,r[t]);return e},eK=(e,r)=>{var t={};for(var l in e)eZ.call(e,l)&&0>r.indexOf(l)&&(t[l]=e[l]);if(null!=e&&eM)for(var l of eM(e))0>r.indexOf(l)&&eq.call(e,l)&&(t[l]=e[l]);return t};let eL={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,y.w)("modal"),withOverlay:!0,withCloseButton:!0},eQ=(0,i.d)((e,r)=>{let t=(0,f.w)("Drawer",eL,e),{title:a,withOverlay:o,overlayProps:n,withCloseButton:s,closeButtonProps:c,children:i}=t,p=eK(t,["title","withOverlay","overlayProps","withCloseButton","closeButtonProps","children"]);return l.createElement(S,eJ({ref:r},p),o&&l.createElement(ea,eJ({},n)),l.createElement(ew,null,(!!a||s)&&l.createElement(eT,null,a&&l.createElement(eS,null,a),s&&l.createElement(U,eJ({},c))),l.createElement(T,null,i)))});eQ.classes=s,eQ.displayName="@mantine/core/Drawer",eQ.Root=S,eQ.Overlay=ea,eQ.Content=ew,eQ.Body=T,eQ.Header=eT,eQ.Title=eS,eQ.CloseButton=U}}]); \ No newline at end of file diff --git a/_next/static/chunks/3c425cc6-dcff8cac03b5558f.js b/_next/static/chunks/3c425cc6-dcff8cac03b5558f.js new file mode 100644 index 00000000000..5a4af29323f --- /dev/null +++ b/_next/static/chunks/3c425cc6-dcff8cac03b5558f.js @@ -0,0 +1,54 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[846],{54533:function(e,t,r){r.d(t,{Z5:function(){return nH},_l:function(){return n8},bK:function(){return lT}});var n=r(67294),l=r(73935),i=r(75894),a=r(83542),o=r(3495),d=r(72212),s=r(56583),u=r(18726),c=r(66770);let p=/[ \t]{2,}/g,f=/^[ \t]*/gm,g=e=>e.replace(p," ").replace(f,"").trim();function m(e,t){}function b(){}function h(e,t,r){let n=t.map(t=>{var n;let l=(n=t.options,{...r,...n});return e.addEventListener(t.eventName,t.fn,l),function(){e.removeEventListener(t.eventName,t.fn,l)}});return function(){n.forEach(e=>{e()})}}m.bind(null,"warn"),m.bind(null,"error");class I extends Error{}function y(e,t){if(!e)throw new I("Invariant failed")}I.prototype.toString=function(){return this.message};class v extends n.Component{constructor(){super(...arguments),this.callbacks=null,this.unbind=b,this.onWindowError=e=>{let t=this.getCallbacks();t.isDragging()&&t.tryAbort();let r=e.error;r instanceof I&&e.preventDefault()},this.getCallbacks=()=>{if(!this.callbacks)throw Error("Unable to find AppCallbacks in ");return this.callbacks},this.setCallbacks=e=>{this.callbacks=e}}componentDidMount(){this.unbind=h(window,[{eventName:"error",fn:this.onWindowError}])}componentDidCatch(e){if(e instanceof I){this.setState({});return}throw e}componentWillUnmount(){this.unbind()}render(){return this.props.children(this.setCallbacks)}}let x=` + Press space bar to start a drag. + When dragging you can use the arrow keys to move the item around and escape to cancel. + Some screen readers may require you to be in focus mode or to use your pass through key +`,D=e=>e+1,E=e=>` + You have lifted an item in position ${D(e.source.index)} +`,A=(e,t)=>{let r=e.droppableId===t.droppableId,n=D(e.index),l=D(t.index);return r?` + You have moved the item from position ${n} + to position ${l} + `:` + You have moved the item from position ${n} + in list ${e.droppableId} + to list ${t.droppableId} + in position ${l} + `},N=(e,t,r)=>{let n=t.droppableId===r.droppableId;return n?` + The item ${e} + has been combined with ${r.draggableId}`:` + The item ${e} + in list ${t.droppableId} + has been combined with ${r.draggableId} + in list ${r.droppableId} + `},R=e=>{let t=e.destination;if(t)return A(e.source,t);let r=e.combine;return r?N(e.draggableId,e.source,r):"You are over an area that cannot be dropped on"},C=e=>` + The item has returned to its starting position + of ${D(e.index)} +`,P=e=>{if("CANCEL"===e.reason)return` + Movement cancelled. + ${C(e.source)} + `;let t=e.destination,r=e.combine;return t?` + You have dropped the item. + ${A(e.source,t)} + `:r?` + You have dropped the item. + ${N(e.draggableId,e.source,r)} + `:` + The item has been dropped while not over a drop area. + ${C(e.source)} + `};var w={dragHandleUsageInstructions:x,onDragStart:E,onDragUpdate:R,onDragEnd:P};let O={x:0,y:0},B=(e,t)=>({x:e.x+t.x,y:e.y+t.y}),S=(e,t)=>({x:e.x-t.x,y:e.y-t.y}),G=(e,t)=>e.x===t.x&&e.y===t.y,L=e=>({x:0!==e.x?-e.x:0,y:0!==e.y?-e.y:0}),T=function(e,t,r){return(void 0===r&&(r=0),"x"===e)?{x:t,y:r}:{x:r,y:t}},_=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2),M=(e,t)=>Math.min(...t.map(t=>_(e,t))),F=e=>t=>({x:e(t.x),y:e(t.y)});var k=(e,t)=>{let r=(0,d.Dz)({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return r.width<=0||r.height<=0?null:r};let $=(e,t)=>({top:e.top+t.y,left:e.left+t.x,bottom:e.bottom+t.y,right:e.right+t.x}),W=e=>[{x:e.left,y:e.top},{x:e.right,y:e.top},{x:e.left,y:e.bottom},{x:e.right,y:e.bottom}],U=(e,t)=>t?$(e,t.scroll.diff.displacement):e,Y=(e,t,r)=>r&&r.increasedBy?{...e,[t.end]:e[t.end]+r.increasedBy[t.line]}:e,H=(e,t)=>t&&t.shouldClipSubject?k(t.pageMarginBox,e):(0,d.Dz)(e);var V=e=>{let{page:t,withPlaceholder:r,axis:n,frame:l}=e,i=U(t.marginBox,l),a=Y(i,n,r),o=H(a,l);return{page:t,withPlaceholder:r,active:o}},j=(e,t)=>{e.frame||y(!1);let r=e.frame,n=S(t,r.scroll.initial),l=L(n),i={...r,scroll:{initial:r.scroll.initial,current:t,diff:{value:n,displacement:l},max:r.scroll.max}},a=V({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:i}),o={...e,frame:i,subject:a};return o};let z=(0,s.Z)(e=>e.reduce((e,t)=>(e[t.descriptor.id]=t,e),{})),q=(0,s.Z)(e=>e.reduce((e,t)=>(e[t.descriptor.id]=t,e),{})),Z=(0,s.Z)(e=>Object.values(e)),J=(0,s.Z)(e=>Object.values(e));var X=(0,s.Z)((e,t)=>{let r=J(t).filter(t=>e===t.descriptor.droppableId).sort((e,t)=>e.descriptor.index-t.descriptor.index);return r});function K(e){return e.at&&"REORDER"===e.at.type?e.at.destination:null}function Q(e){return e.at&&"COMBINE"===e.at.type?e.at.combine:null}var ee=(0,s.Z)((e,t)=>t.filter(t=>t.descriptor.id!==e.descriptor.id)),et=e=>{let{isMovingForward:t,draggable:r,destination:n,insideDestination:l,previousImpact:i}=e;if(!n.isCombineEnabled)return null;let a=K(i);if(!a)return null;function o(e){let t={type:"COMBINE",combine:{draggableId:e,droppableId:n.descriptor.id}};return{...i,at:t}}let d=i.displaced.all,s=d.length?d[0]:null;if(t)return s?o(s):null;let u=ee(r,l);if(!s){if(!u.length)return null;let e=u[u.length-1];return o(e.descriptor.id)}let c=u.findIndex(e=>e.descriptor.id===s);-1!==c||y(!1);let p=c-1;if(p<0)return null;let f=u[p];return o(f.descriptor.id)},er=(e,t)=>e.descriptor.droppableId===t.descriptor.id;let en={point:O,value:0},el={invisible:{},visible:{},all:[]};var ei={displaced:el,displacedBy:en,at:null},ea=(e,t)=>r=>e<=r&&r<=t,eo=e=>{let t=ea(e.top,e.bottom),r=ea(e.left,e.right);return n=>{let l=t(n.top)&&t(n.bottom)&&r(n.left)&&r(n.right);if(l)return!0;let i=t(n.top)||t(n.bottom),a=r(n.left)||r(n.right);if(i&&a)return!0;let o=n.tope.bottom,d=n.lefte.right;return!!o&&!!d||o&&a||d&&i}},ed=e=>{let t=ea(e.top,e.bottom),r=ea(e.left,e.right);return e=>{let n=t(e.top)&&t(e.bottom)&&r(e.left)&&r(e.right);return n}};let es={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},eu={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"};var ec=e=>t=>{let r=ea(t.top,t.bottom),n=ea(t.left,t.right);return t=>e===es?r(t.top)&&r(t.bottom):n(t.left)&&n(t.right)};let ep=(e,t)=>{let r=t.frame?t.frame.scroll.diff.displacement:O;return $(e,r)},ef=(e,t,r)=>!!t.subject.active&&r(t.subject.active)(e),eg=(e,t,r)=>r(t)(e),em=e=>{let{target:t,destination:r,viewport:n,withDroppableDisplacement:l,isVisibleThroughFrameFn:i}=e,a=l?ep(t,r):t;return ef(a,r,i)&&eg(a,n,i)},eb=e=>em({...e,isVisibleThroughFrameFn:eo}),eh=e=>em({...e,isVisibleThroughFrameFn:ed}),eI=e=>em({...e,isVisibleThroughFrameFn:ec(e.destination.axis)}),ey=(e,t,r)=>{if("boolean"==typeof r)return r;if(!t)return!0;let{invisible:n,visible:l}=t;if(n[e])return!1;let i=l[e];return!i||i.shouldAnimate};function ev(e){let{afterDragging:t,destination:r,displacedBy:n,viewport:l,forceShouldAnimate:i,last:a}=e;return t.reduce(function(e,t){let o=function(e,t){let r=e.page.marginBox,n={top:t.point.y,right:0,bottom:0,left:t.point.x};return(0,d.Dz)((0,d.jn)(r,n))}(t,n),s=t.descriptor.id;e.all.push(s);let u=eb({target:o,destination:r,viewport:l,withDroppableDisplacement:!0});if(!u)return e.invisible[t.descriptor.id]=!0,e;let c=ey(s,a,i);return e.visible[s]={draggableId:s,shouldAnimate:c},e},{all:[],visible:{},invisible:{}})}function ex(e){let{insideDestination:t,inHomeList:r,displacedBy:n,destination:l}=e,i=function(e,t){if(!e.length)return 0;let r=e[e.length-1].descriptor.index;return t.inHomeList?r:r+1}(t,{inHomeList:r});return{displaced:el,displacedBy:n,at:{type:"REORDER",destination:{droppableId:l.descriptor.id,index:i}}}}function eD(e){let{draggable:t,insideDestination:r,destination:n,viewport:l,displacedBy:i,last:a,index:o,forceShouldAnimate:d}=e,s=er(t,n);if(null==o)return ex({insideDestination:r,inHomeList:s,displacedBy:i,destination:n});let u=r.find(e=>e.descriptor.index===o);if(!u)return ex({insideDestination:r,inHomeList:s,displacedBy:i,destination:n});let c=ee(t,r),p=r.indexOf(u),f=c.slice(p),g=ev({afterDragging:f,destination:n,displacedBy:i,last:a,viewport:l.frame,forceShouldAnimate:d});return{displaced:g,displacedBy:i,at:{type:"REORDER",destination:{droppableId:n.descriptor.id,index:o}}}}function eE(e,t){return Boolean(t.effected[e])}var eA=e=>{let{isMovingForward:t,destination:r,draggables:n,combine:l,afterCritical:i}=e;if(!r.isCombineEnabled)return null;let a=l.draggableId,o=n[a],d=o.descriptor.index,s=eE(a,i);return s?t?d:d-1:t?d+1:d},eN=e=>{let{isMovingForward:t,isInHomeList:r,insideDestination:n,location:l}=e;if(!n.length)return null;let i=l.index,a=t?i+1:i-1,o=n[0].descriptor.index,d=n[n.length-1].descriptor.index;return a(r?d:d+1)?null:a},eR=e=>{let{isMovingForward:t,isInHomeList:r,draggable:n,draggables:l,destination:i,insideDestination:a,previousImpact:o,viewport:d,afterCritical:s}=e,u=o.at;if(u||y(!1),"REORDER"===u.type){let e=eN({isMovingForward:t,isInHomeList:r,location:u.destination,insideDestination:a});return null==e?null:eD({draggable:n,insideDestination:a,destination:i,viewport:d,last:o.displaced,displacedBy:o.displacedBy,index:e})}let c=eA({isMovingForward:t,destination:i,displaced:o.displaced,draggables:l,combine:u.combine,afterCritical:s});return null==c?null:eD({draggable:n,insideDestination:a,destination:i,viewport:d,last:o.displaced,displacedBy:o.displacedBy,index:c})},eC=e=>{let{displaced:t,afterCritical:r,combineWith:n,displacedBy:l}=e,i=Boolean(t.visible[n]||t.invisible[n]);return eE(n,r)?i?O:L(l.point):i?l.point:O},eP=e=>{let{afterCritical:t,impact:r,draggables:n}=e,l=Q(r);l||y(!1);let i=l.draggableId,a=n[i].page.borderBox.center,o=eC({displaced:r.displaced,afterCritical:t,combineWith:i,displacedBy:r.displacedBy});return B(a,o)};let ew=(e,t)=>t.margin[e.start]+t.borderBox[e.size]/2,eO=(e,t)=>t.margin[e.end]+t.borderBox[e.size]/2,eB=(e,t,r)=>t[e.crossAxisStart]+r.margin[e.crossAxisStart]+r.borderBox[e.crossAxisSize]/2,eS=e=>{let{axis:t,moveRelativeTo:r,isMoving:n}=e;return T(t.line,r.marginBox[t.end]+ew(t,n),eB(t,r.marginBox,n))},eG=e=>{let{axis:t,moveRelativeTo:r,isMoving:n}=e;return T(t.line,r.marginBox[t.start]-eO(t,n),eB(t,r.marginBox,n))},eL=e=>{let{axis:t,moveInto:r,isMoving:n}=e;return T(t.line,r.contentBox[t.start]+ew(t,n),eB(t,r.contentBox,n))};var eT=e=>{let{impact:t,draggable:r,draggables:n,droppable:l,afterCritical:i}=e,a=X(l.descriptor.id,n),o=r.page,s=l.axis;if(!a.length)return eL({axis:s,moveInto:l.page,isMoving:o});let{displaced:u,displacedBy:c}=t,p=u.all[0];if(p){let e=n[p];if(eE(p,i))return eG({axis:s,moveRelativeTo:e.page,isMoving:o});let t=(0,d.cv)(e.page,c.point);return eG({axis:s,moveRelativeTo:t,isMoving:o})}let f=a[a.length-1];if(f.descriptor.id===r.descriptor.id)return o.borderBox.center;if(eE(f.descriptor.id,i)){let e=(0,d.cv)(f.page,L(i.displacedBy.point));return eS({axis:s,moveRelativeTo:e,isMoving:o})}return eS({axis:s,moveRelativeTo:f.page,isMoving:o})},e_=(e,t)=>{let r=e.frame;return r?B(t,r.scroll.diff.displacement):t};let eM=e=>{let{impact:t,draggable:r,droppable:n,draggables:l,afterCritical:i}=e,a=r.page.borderBox.center,o=t.at;return n&&o?"REORDER"===o.type?eT({impact:t,draggable:r,draggables:l,droppable:n,afterCritical:i}):eP({impact:t,draggables:l,afterCritical:i}):a};var eF=e=>{let t=eM(e),r=e.droppable,n=r?e_(r,t):t;return n},ek=(e,t)=>{let r=S(t,e.scroll.initial),n=L(r),l=(0,d.Dz)({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),i={frame:l,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:r,displacement:n}}};return i};function e$(e,t){return e.map(e=>t[e])}var eW=e=>{let{impact:t,viewport:r,destination:n,draggables:l,maxScrollChange:i}=e,a=ek(r,B(r.scroll.current,i)),o=n.frame?j(n,B(n.frame.scroll.current,i)):n,d=t.displaced,s=ev({afterDragging:e$(d.all,l),destination:n,displacedBy:t.displacedBy,viewport:a.frame,last:d,forceShouldAnimate:!1}),u=ev({afterDragging:e$(d.all,l),destination:o,displacedBy:t.displacedBy,viewport:r.frame,last:d,forceShouldAnimate:!1}),c={},p={},f=[d,s,u];d.all.forEach(e=>{let t=function(e,t){for(let r=0;rB(e.scroll.diff.displacement,t),eY=e=>{let{pageBorderBoxCenter:t,draggable:r,viewport:n}=e,l=eU(n,t),i=S(l,r.page.borderBox.center);return B(r.client.borderBox.center,i)},eH=e=>{let{draggable:t,destination:r,newPageBorderBoxCenter:n,viewport:l,withDroppableDisplacement:i,onlyOnMainAxis:a=!1}=e,o=S(n,t.page.borderBox.center),d=$(t.page.borderBox,o),s={target:d,destination:r,withDroppableDisplacement:i,viewport:l};return a?eI(s):eh(s)},eV=e=>{let{isMovingForward:t,draggable:r,destination:n,draggables:l,previousImpact:i,viewport:a,previousPageBorderBoxCenter:o,previousClientSelection:d,afterCritical:s}=e;if(!n.isEnabled)return null;let u=X(n.descriptor.id,l),c=er(r,n),p=et({isMovingForward:t,draggable:r,destination:n,insideDestination:u,previousImpact:i})||eR({isMovingForward:t,isInHomeList:c,draggable:r,draggables:l,destination:n,insideDestination:u,previousImpact:i,viewport:a,afterCritical:s});if(!p)return null;let f=eF({impact:p,draggable:r,droppable:n,draggables:l,afterCritical:s}),g=eH({draggable:r,destination:n,newPageBorderBoxCenter:f,viewport:a.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){let e=eY({pageBorderBoxCenter:f,draggable:r,viewport:a});return{clientSelection:e,impact:p,scrollJumpRequest:null}}let m=S(f,o),b=eW({impact:p,viewport:a,destination:n,draggables:l,maxScrollChange:m});return{clientSelection:d,impact:b,scrollJumpRequest:m}};let ej=e=>{let t=e.subject.active;return t||y(!1),t};var ez=e=>{let{isMovingForward:t,pageBorderBoxCenter:r,source:n,droppables:l,viewport:i}=e,a=n.subject.active;if(!a)return null;let o=n.axis,d=ea(a[o.start],a[o.end]),s=Z(l).filter(e=>e!==n).filter(e=>e.isEnabled).filter(e=>Boolean(e.subject.active)).filter(e=>eo(i.frame)(ej(e))).filter(e=>{let r=ej(e);return t?a[o.crossAxisEnd]{let t=ej(e),r=ea(t[o.start],t[o.end]);return d(t[o.start])||d(t[o.end])||r(a[o.start])||r(a[o.end])}).sort((e,r)=>{let n=ej(e)[o.crossAxisStart],l=ej(r)[o.crossAxisStart];return t?n-l:l-n}).filter((e,t,r)=>ej(e)[o.crossAxisStart]===ej(r[0])[o.crossAxisStart]);if(!s.length)return null;if(1===s.length)return s[0];let u=s.filter(e=>{let t=ea(ej(e)[o.start],ej(e)[o.end]);return t(r[o.line])});return 1===u.length?u[0]:u.length>1?u.sort((e,t)=>ej(e)[o.start]-ej(t)[o.start])[0]:s.sort((e,t)=>{let n=M(r,W(ej(e))),l=M(r,W(ej(t)));return n!==l?n-l:ej(e)[o.start]-ej(t)[o.start]})[0]};let eq=(e,t)=>{let r=e.page.borderBox.center;return eE(e.descriptor.id,t)?S(r,t.displacedBy.point):r},eZ=(e,t)=>{let r=e.page.borderBox;return eE(e.descriptor.id,t)?$(r,L(t.displacedBy.point)):r};var eJ=e=>{let{pageBorderBoxCenter:t,viewport:r,destination:n,insideDestination:l,afterCritical:i}=e,a=l.filter(e=>eh({target:eZ(e,i),destination:n,viewport:r.frame,withDroppableDisplacement:!0})).sort((e,r)=>{let l=_(t,e_(n,eq(e,i))),a=_(t,e_(n,eq(r,i)));return l{let n=e.axis;if("virtual"===e.descriptor.mode)return T(n.line,t[n.line]);let l=e.subject.page.contentBox[n.size],i=X(e.descriptor.id,r),a=i.reduce((e,t)=>e+t.client.marginBox[n.size],0),o=a+t[n.line],d=o-l;return d<=0?null:T(n.line,d)},eQ=(e,t)=>({...e,scroll:{...e.scroll,max:t}}),e0=(e,t,r)=>{let n=e.frame;er(t,e)&&y(!1),e.subject.withPlaceholder&&y(!1);let l=eX(e.axis,t.displaceBy).point,i=eK(e,l,r),a={placeholderSize:l,increasedBy:i,oldFrameMaxScroll:e.frame?e.frame.scroll.max:null};if(!n){let t=V({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:e.frame});return{...e,subject:t}}let o=i?B(n.scroll.max,i):n.scroll.max,d=eQ(n,o),s=V({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:d});return{...e,subject:s,frame:d}},e1=e=>{let t=e.subject.withPlaceholder;t||y(!1);let r=e.frame;if(!r){let t=V({page:e.subject.page,axis:e.axis,frame:null,withPlaceholder:null});return{...e,subject:t}}let n=t.oldFrameMaxScroll;n||y(!1);let l=eQ(r,n),i=V({page:e.subject.page,axis:e.axis,frame:l,withPlaceholder:null});return{...e,subject:i,frame:l}};var e4=e=>{let{previousPageBorderBoxCenter:t,moveRelativeTo:r,insideDestination:n,draggable:l,draggables:i,destination:a,viewport:o,afterCritical:d}=e;if(!r){if(n.length)return null;let e={displaced:el,displacedBy:en,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:0}}},t=eF({impact:e,draggable:l,droppable:a,draggables:i,afterCritical:d}),r=er(l,a)?a:e0(a,l,i),s=eH({draggable:l,destination:r,newPageBorderBoxCenter:t,viewport:o.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return s?e:null}let s=Boolean(t[a.axis.line]<=r.page.borderBox.center[a.axis.line]),u=(()=>{let e=r.descriptor.index;return r.descriptor.id===l.descriptor.id||s?e:e+1})(),c=eX(a.axis,l.displaceBy);return eD({draggable:l,insideDestination:n,destination:a,viewport:o,displacedBy:c,last:el,index:u})},e2=e=>{let{isMovingForward:t,previousPageBorderBoxCenter:r,draggable:n,isOver:l,draggables:i,droppables:a,viewport:o,afterCritical:d}=e,s=ez({isMovingForward:t,pageBorderBoxCenter:r,source:l,droppables:a,viewport:o});if(!s)return null;let u=X(s.descriptor.id,i),c=eJ({pageBorderBoxCenter:r,viewport:o,destination:s,insideDestination:u,afterCritical:d}),p=e4({previousPageBorderBoxCenter:r,destination:s,draggable:n,draggables:i,moveRelativeTo:c,insideDestination:u,viewport:o,afterCritical:d});if(!p)return null;let f=eF({impact:p,draggable:n,droppable:s,draggables:i,afterCritical:d}),g=eY({pageBorderBoxCenter:f,draggable:n,viewport:o});return{clientSelection:g,impact:p,scrollJumpRequest:null}},e5=e=>{let t=e.at;return t?"REORDER"===t.type?t.destination.droppableId:t.combine.droppableId:null};let e3=(e,t)=>{let r=e5(e);return r?t[r]:null};var e7=e=>{let{state:t,type:r}=e,n=e3(t.impact,t.dimensions.droppables),l=Boolean(n),i=t.dimensions.droppables[t.critical.droppable.id],a=n||i,o=a.axis.direction,d="vertical"===o&&("MOVE_UP"===r||"MOVE_DOWN"===r)||"horizontal"===o&&("MOVE_LEFT"===r||"MOVE_RIGHT"===r);if(d&&!l)return null;let s="MOVE_DOWN"===r||"MOVE_RIGHT"===r,u=t.dimensions.draggables[t.critical.draggable.id],c=t.current.page.borderBoxCenter,{draggables:p,droppables:f}=t.dimensions;return d?eV({isMovingForward:s,previousPageBorderBoxCenter:c,draggable:u,destination:a,draggables:p,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):e2({isMovingForward:s,previousPageBorderBoxCenter:c,draggable:u,isOver:a,draggables:p,droppables:f,viewport:t.viewport,afterCritical:t.afterCritical})};function e6(e){return"DRAGGING"===e.phase||"COLLECTING"===e.phase}function e8(e){let t=ea(e.top,e.bottom),r=ea(e.left,e.right);return function(e){return t(e.y)&&r(e.x)}}let e9=(e,t)=>(0,d.Dz)($(e,t));var te=(e,t)=>{let r=e.frame;return r?e9(t,r.scroll.diff.value):t};function tt(e){let{displaced:t,id:r}=e;return Boolean(t.visible[r]||t.invisible[r])}var tr=e=>{let{pageBorderBoxWithDroppableScroll:t,draggable:r,destination:n,insideDestination:l,last:i,viewport:a,afterCritical:o}=e,d=n.axis,s=eX(n.axis,r.displaceBy),u=s.value,c=t[d.start],p=t[d.end],f=ee(r,l),g=f.find(e=>{let t=e.descriptor.id,r=e.page.borderBox.center[d.line],n=eE(t,o),l=tt({displaced:i,id:t});return n?l?p<=r:ct.descriptor.index?r.descriptor.index-1:r.descriptor.index:null}({draggable:r,closest:g,inHomeList:er(r,n)});return eD({draggable:r,insideDestination:l,destination:n,viewport:a,last:i,displacedBy:s,index:m})},tn=e=>{let{draggable:t,pageBorderBoxWithDroppableScroll:r,previousImpact:n,destination:l,insideDestination:i,afterCritical:a}=e;if(!l.isCombineEnabled)return null;let o=l.axis,d=eX(l.axis,t.displaceBy),s=d.value,u=r[o.start],c=r[o.end],p=ee(t,i),f=p.find(e=>{let t=e.descriptor.id,r=e.page.borderBox,l=r[o.size],i=l/4,d=eE(t,a),p=tt({displaced:n.displaced,id:t});return d?p?c>r[o.start]+i&&cr[o.start]-s+i&&ur[o.start]+s+i&&cr[o.start]+i&&u{let{pageOffset:t,draggable:r,draggables:n,droppables:l,previousImpact:i,viewport:a,afterCritical:o}=e,d=e9(r.page.borderBox,t),s=function(e){let{pageBorderBox:t,draggable:r,droppables:n}=e,l=Z(n).filter(e=>{if(!e.isEnabled)return!1;let r=e.subject.active;if(!r||!(t.leftr.left)||!(t.topr.top))return!1;if(e8(r)(t.center))return!0;let n=e.axis,l=r.center[n.crossAxisLine],i=t[n.crossAxisStart],a=t[n.crossAxisEnd],o=ea(r[n.crossAxisStart],r[n.crossAxisEnd]),d=o(i),s=o(a);return!d&&!s||(d?il)});return l.length?1===l.length?l[0].descriptor.id:function(e){let{pageBorderBox:t,draggable:r,candidates:n}=e,l=r.page.borderBox.center,i=n.map(e=>{let r=e.axis,n=T(e.axis.line,t.center[r.line],e.page.borderBox.center[r.crossAxisLine]);return{id:e.descriptor.id,distance:_(l,n)}}).sort((e,t)=>t.distance-e.distance);return i[0]?i[0].id:null}({pageBorderBox:t,draggable:r,candidates:l}):null}({pageBorderBox:d,draggable:r,droppables:l});if(!s)return ei;let u=l[s],c=X(u.descriptor.id,n),p=te(u,d);return tn({pageBorderBoxWithDroppableScroll:p,draggable:r,previousImpact:i,destination:u,insideDestination:c,afterCritical:o})||tr({pageBorderBoxWithDroppableScroll:p,draggable:r,destination:u,insideDestination:c,last:i.displaced,viewport:a,afterCritical:o})},ti=(e,t)=>({...e,[t.descriptor.id]:t});let ta=e=>{let{previousImpact:t,impact:r,droppables:n}=e,l=e5(t),i=e5(r);if(!l||l===i)return n;let a=n[l];if(!a.subject.withPlaceholder)return n;let o=e1(a);return ti(n,o)};var to=e=>{let{draggable:t,draggables:r,droppables:n,previousImpact:l,impact:i}=e,a=ta({previousImpact:l,impact:i,droppables:n}),o=e5(i);if(!o)return a;let d=n[o];if(er(t,d)||d.subject.withPlaceholder)return a;let s=e0(d,t,r);return ti(a,s)},td=e=>{let{state:t,clientSelection:r,dimensions:n,viewport:l,impact:i,scrollJumpRequest:a}=e,o=l||t.viewport,d=n||t.dimensions,s=r||t.current.client.selection,u=S(s,t.initial.client.selection),c={offset:u,selection:s,borderBoxCenter:B(t.initial.client.borderBoxCenter,u)},p={selection:B(c.selection,o.scroll.current),borderBoxCenter:B(c.borderBoxCenter,o.scroll.current),offset:B(c.offset,o.scroll.diff.value)},f={client:c,page:p};if("COLLECTING"===t.phase)return{...t,dimensions:d,viewport:o,current:f};let g=d.draggables[t.critical.draggable.id],m=i||tl({pageOffset:p.offset,draggable:g,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:o,afterCritical:t.afterCritical}),b=to({draggable:g,impact:m,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),h={...t,current:f,dimensions:{draggables:d.draggables,droppables:b},impact:m,viewport:o,scrollJumpRequest:a||null,forceShouldAnimate:!a&&null};return h},ts=e=>{let{impact:t,viewport:r,draggables:n,destination:l,forceShouldAnimate:i}=e,a=t.displaced,o=a.all.map(e=>n[e]),d=ev({afterDragging:o,destination:l,displacedBy:t.displacedBy,viewport:r.frame,forceShouldAnimate:i,last:a});return{...t,displaced:d}},tu=e=>{let{impact:t,draggable:r,droppable:n,draggables:l,viewport:i,afterCritical:a}=e,o=eF({impact:t,draggable:r,draggables:l,droppable:n,afterCritical:a});return eY({pageBorderBoxCenter:o,draggable:r,viewport:i})},tc=e=>{let{state:t,dimensions:r,viewport:n}=e;"SNAP"!==t.movementMode&&y(!1);let l=t.impact,i=n||t.viewport,a=r||t.dimensions,{draggables:o,droppables:d}=a,s=o[t.critical.draggable.id],u=e5(l);u||y(!1);let c=d[u],p=ts({impact:l,viewport:i,destination:c,draggables:o}),f=tu({impact:p,draggable:s,droppable:c,draggables:o,viewport:i,afterCritical:t.afterCritical});return td({impact:p,clientSelection:f,state:t,dimensions:a,viewport:i})},tp=e=>({index:e.index,droppableId:e.droppableId}),tf=e=>{let{draggable:t,home:r,draggables:n,viewport:l}=e,i=eX(r.axis,t.displaceBy),a=X(r.descriptor.id,n),o=a.indexOf(t);-1!==o||y(!1);let d=a.slice(o+1),s=d.reduce((e,t)=>(e[t.descriptor.id]=!0,e),{}),u={inVirtualList:"virtual"===r.descriptor.mode,displacedBy:i,effected:s},c=ev({afterDragging:d,destination:r,displacedBy:i,last:null,viewport:l.frame,forceShouldAnimate:!1}),p={displaced:c,displacedBy:i,at:{type:"REORDER",destination:tp(t.descriptor)}};return{impact:p,afterCritical:u}},tg=(e,t)=>({draggables:e.draggables,droppables:ti(e.droppables,t)});let tm=e=>{},tb=e=>{};var th=e=>{let{draggable:t,offset:r,initialWindowScroll:n}=e,l=(0,d.cv)(t.client,r),i=(0,d.oc)(l,n),a={...t,placeholder:{...t.placeholder,client:l},client:l,page:i};return a},tI=e=>{let t=e.frame;return t||y(!1),t},ty=e=>{let{additions:t,updatedDroppables:r,viewport:n}=e,l=n.scroll.diff.value;return t.map(e=>{let t=e.descriptor.droppableId,i=r[t],a=tI(i),o=a.scroll.diff.value,d=B(l,o),s=th({draggable:e,offset:d,initialWindowScroll:n.scroll.initial});return s})};let tv="Processing dynamic changes";var tx=e=>{let{state:t,published:r}=e;tm(tv);let n=r.modified.map(e=>{let r=t.dimensions.droppables[e.droppableId],n=j(r,e.scroll);return n}),l={...t.dimensions.droppables,...z(n)},i=q(ty({additions:r.additions,updatedDroppables:l,viewport:t.viewport})),a={...t.dimensions.draggables,...i};r.removals.forEach(e=>{delete a[e]});let o={droppables:l,draggables:a},d=e5(t.impact),s=d?o.droppables[d]:null,u=o.draggables[t.critical.draggable.id],c=o.droppables[t.critical.droppable.id],{impact:p,afterCritical:f}=tf({draggable:u,home:c,draggables:a,viewport:t.viewport}),g=s&&s.isCombineEnabled?t.impact:p,m=tl({pageOffset:t.current.page.offset,draggable:o.draggables[t.critical.draggable.id],draggables:o.draggables,droppables:o.droppables,previousImpact:g,viewport:t.viewport,afterCritical:f});tb(tv);let b={...t,phase:"DRAGGING",impact:m,onLiftImpact:p,dimensions:o,afterCritical:f,forceShouldAnimate:!1};if("COLLECTING"===t.phase)return b;let h={...b,phase:"DROP_PENDING",reason:t.reason,isWaiting:!1};return h};let tD=e=>"SNAP"===e.movementMode,tE=(e,t,r)=>{let n=tg(e.dimensions,t);return!tD(e)||r?td({state:e,dimensions:n}):tc({state:e,dimensions:n})};function tA(e){return e.isDragging&&"SNAP"===e.movementMode?{...e,scrollJumpRequest:null}:e}let tN={phase:"IDLE",completed:null,shouldFlush:!1};var tR=function(e,t){if(void 0===e&&(e=tN),"FLUSH"===t.type)return{...tN,shouldFlush:!0};if("INITIAL_PUBLISH"===t.type){"IDLE"!==e.phase&&y(!1);let{critical:r,clientSelection:n,viewport:l,dimensions:i,movementMode:a}=t.payload,o=i.draggables[r.draggable.id],d=i.droppables[r.droppable.id],s={selection:n,borderBoxCenter:o.client.borderBox.center,offset:O},u={client:s,page:{selection:B(s.selection,l.scroll.initial),borderBoxCenter:B(s.selection,l.scroll.initial),offset:B(s.selection,l.scroll.diff.value)}},c=Z(i.droppables).every(e=>!e.isFixedOnPage),{impact:p,afterCritical:f}=tf({draggable:o,home:d,draggables:i.draggables,viewport:l});return{phase:"DRAGGING",isDragging:!0,critical:r,movementMode:a,dimensions:i,initial:u,current:u,isWindowScrollAllowed:c,impact:p,afterCritical:f,onLiftImpact:p,viewport:l,scrollJumpRequest:null,forceShouldAnimate:null}}if("COLLECTION_STARTING"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&y(!1);let t={...e,phase:"COLLECTING"};return t}if("PUBLISH_WHILE_DRAGGING"===t.type)return"COLLECTING"===e.phase||"DROP_PENDING"===e.phase||y(!1),tx({state:e,published:t.payload});if("MOVE"===t.type){if("DROP_PENDING"===e.phase)return e;e6(e)||y(!1);let{client:r}=t.payload;return G(r,e.current.client.selection)?e:td({state:e,clientSelection:r,impact:tD(e)?e.impact:null})}if("UPDATE_DROPPABLE_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"COLLECTING"===e.phase)return tA(e);e6(e)||y(!1);let{id:r,newScroll:n}=t.payload,l=e.dimensions.droppables[r];if(!l)return e;let i=j(l,n);return tE(e,i,!1)}if("UPDATE_DROPPABLE_IS_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;e6(e)||y(!1);let{id:r,isEnabled:n}=t.payload,l=e.dimensions.droppables[r];l||y(!1),l.isEnabled!==n||y(!1);let i={...l,isEnabled:n};return tE(e,i,!0)}if("UPDATE_DROPPABLE_IS_COMBINE_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;e6(e)||y(!1);let{id:r,isCombineEnabled:n}=t.payload,l=e.dimensions.droppables[r];l||y(!1),l.isCombineEnabled!==n||y(!1);let i={...l,isCombineEnabled:n};return tE(e,i,!0)}if("MOVE_BY_WINDOW_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"DROP_ANIMATING"===e.phase)return e;e6(e)||y(!1),e.isWindowScrollAllowed||y(!1);let r=t.payload.newScroll;if(G(e.viewport.scroll.current,r))return tA(e);let n=ek(e.viewport,r);return tD(e)?tc({state:e,viewport:n}):td({state:e,viewport:n})}if("UPDATE_VIEWPORT_MAX_SCROLL"===t.type){if(!e6(e))return e;let r=t.payload.maxScroll;if(G(r,e.viewport.scroll.max))return e;let n={...e.viewport,scroll:{...e.viewport.scroll,max:r}};return{...e,viewport:n}}if("MOVE_UP"===t.type||"MOVE_DOWN"===t.type||"MOVE_LEFT"===t.type||"MOVE_RIGHT"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&y(!1);let r=e7({state:e,type:t.type});return r?td({state:e,impact:r.impact,clientSelection:r.clientSelection,scrollJumpRequest:r.scrollJumpRequest}):e}if("DROP_PENDING"===t.type){let r=t.payload.reason;"COLLECTING"!==e.phase&&y(!1);let n={...e,phase:"DROP_PENDING",isWaiting:!0,reason:r};return n}if("DROP_ANIMATE"===t.type){let{completed:r,dropDuration:n,newHomeClientOffset:l}=t.payload;"DRAGGING"===e.phase||"DROP_PENDING"===e.phase||y(!1);let i={phase:"DROP_ANIMATING",completed:r,dropDuration:n,newHomeClientOffset:l,dimensions:e.dimensions};return i}if("DROP_COMPLETE"===t.type){let{completed:e}=t.payload;return{phase:"IDLE",completed:e,shouldFlush:!1}}return e};let tC=e=>({type:"BEFORE_INITIAL_CAPTURE",payload:e}),tP=e=>({type:"LIFT",payload:e}),tw=e=>({type:"INITIAL_PUBLISH",payload:e}),tO=e=>({type:"PUBLISH_WHILE_DRAGGING",payload:e}),tB=()=>({type:"COLLECTION_STARTING",payload:null}),tS=e=>({type:"UPDATE_DROPPABLE_SCROLL",payload:e}),tG=e=>({type:"UPDATE_DROPPABLE_IS_ENABLED",payload:e}),tL=e=>({type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:e}),tT=e=>({type:"MOVE",payload:e}),t_=e=>({type:"MOVE_BY_WINDOW_SCROLL",payload:e}),tM=e=>({type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:e}),tF=()=>({type:"MOVE_UP",payload:null}),tk=()=>({type:"MOVE_DOWN",payload:null}),t$=()=>({type:"MOVE_RIGHT",payload:null}),tW=()=>({type:"MOVE_LEFT",payload:null}),tU=()=>({type:"FLUSH",payload:null}),tY=e=>({type:"DROP_ANIMATE",payload:e}),tH=e=>({type:"DROP_COMPLETE",payload:e}),tV=e=>({type:"DROP",payload:e}),tj=e=>({type:"DROP_PENDING",payload:e}),tz=()=>({type:"DROP_ANIMATION_FINISHED",payload:null});var tq=e=>t=>{let{getState:r,dispatch:n}=t;return t=>l=>{if("LIFT"!==l.type){t(l);return}let{id:i,clientSelection:a,movementMode:o}=l.payload,d=r();"DROP_ANIMATING"===d.phase&&n(tH({completed:d.completed})),"IDLE"!==r().phase&&y(!1),n(tU()),n(tC({draggableId:i,movementMode:o}));let{critical:s,dimensions:u,viewport:c}=e.startPublishing({draggableId:i,scrollOptions:{shouldPublishImmediately:"SNAP"===o}});n(tw({critical:s,dimensions:u,clientSelection:a,movementMode:o,viewport:c}))}},tZ=e=>()=>t=>r=>{"INITIAL_PUBLISH"===r.type&&e.dragging(),"DROP_ANIMATE"===r.type&&e.dropping(r.payload.completed.result.reason),("FLUSH"===r.type||"DROP_COMPLETE"===r.type)&&e.resting(),t(r)};let tJ={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},tX={opacity:{drop:0,combining:.7},scale:{drop:.75}},tK={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},tQ=`${tK.outOfTheWay}s ${tJ.outOfTheWay}`,t0={fluid:`opacity ${tQ}`,snap:`transform ${tQ}, opacity ${tQ}`,drop:e=>{let t=`${e}s ${tJ.drop}`;return`transform ${t}, opacity ${t}`},outOfTheWay:`transform ${tQ}`,placeholder:`height ${tQ}, width ${tQ}, margin ${tQ}`},t1=e=>G(e,O)?void 0:`translate(${e.x}px, ${e.y}px)`,t4={moveTo:t1,drop:(e,t)=>{let r=t1(e);return r?t?`${r} scale(${tX.scale.drop})`:r:void 0}},{minDropTime:t2,maxDropTime:t5}=tK,t3=t5-t2;var t7=e=>{let{current:t,destination:r,reason:n}=e,l=_(t,r);if(l<=0)return t2;if(l>=1500)return t5;let i=t2+t3*(l/1500);return Number(("CANCEL"===n?.6*i:i).toFixed(2))},t6=e=>{let{impact:t,draggable:r,dimensions:n,viewport:l,afterCritical:i}=e,{draggables:a,droppables:o}=n,d=e5(t),s=d?o[d]:null,u=o[r.descriptor.droppableId],c=tu({impact:t,draggable:r,draggables:a,afterCritical:i,droppable:s||u,viewport:l}),p=S(c,r.client.borderBox.center);return p},t8=e=>{let{draggables:t,reason:r,lastImpact:n,home:l,viewport:i,onLiftImpact:a}=e;if(!n.at||"DROP"!==r){let e=ts({draggables:t,impact:a,destination:l,viewport:i,forceShouldAnimate:!0});return{impact:e,didDropInsideDroppable:!1}}if("REORDER"===n.at.type)return{impact:n,didDropInsideDroppable:!0};let o={...n,displaced:el};return{impact:o,didDropInsideDroppable:!0}};let t9=e=>{let{getState:t,dispatch:r}=e;return e=>n=>{if("DROP"!==n.type){e(n);return}let l=t(),i=n.payload.reason;if("COLLECTING"===l.phase){r(tj({reason:i}));return}if("IDLE"===l.phase)return;let a="DROP_PENDING"===l.phase&&l.isWaiting;a&&y(!1),"DRAGGING"===l.phase||"DROP_PENDING"===l.phase||y(!1);let o=l.critical,d=l.dimensions,s=d.draggables[l.critical.draggable.id],{impact:u,didDropInsideDroppable:c}=t8({reason:i,lastImpact:l.impact,afterCritical:l.afterCritical,onLiftImpact:l.onLiftImpact,home:l.dimensions.droppables[l.critical.droppable.id],viewport:l.viewport,draggables:l.dimensions.draggables}),p=c?K(u):null,f=c?Q(u):null,g={index:o.draggable.index,droppableId:o.droppable.id},m={draggableId:s.descriptor.id,type:s.descriptor.type,source:g,reason:i,mode:l.movementMode,destination:p,combine:f},b=t6({impact:u,draggable:s,dimensions:d,viewport:l.viewport,afterCritical:l.afterCritical}),h={critical:l.critical,afterCritical:l.afterCritical,result:m,impact:u},I=!G(l.current.client.offset,b)||Boolean(m.combine);if(!I){r(tH({completed:h}));return}let v=t7({current:l.current.client.offset,destination:b,reason:i});r(tY({newHomeClientOffset:b,dropDuration:v,completed:h}))}};var re=()=>({x:window.pageXOffset,y:window.pageYOffset});let rt=e=>"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type,rr=e=>{let t=function(e){let{onWindowScroll:t}=e,r=(0,u.Z)(function(){t(re())}),n={eventName:"scroll",options:{passive:!0,capture:!1},fn:e=>{(e.target===window||e.target===window.document)&&r()}},l=b;function i(){return l!==b}return{start:function(){i()&&y(!1),l=h(window,[n])},stop:function(){i()||y(!1),r.cancel(),l(),l=b},isActive:i}}({onWindowScroll:t=>{e.dispatch(t_({newScroll:t}))}});return e=>r=>{t.isActive()||"INITIAL_PUBLISH"!==r.type||t.start(),t.isActive()&&rt(r)&&t.stop(),e(r)}};var rn=e=>{let t=!1,r=!1,n=setTimeout(()=>{r=!0}),l=l=>{t||r||(t=!0,e(l),clearTimeout(n))};return l.wasCalled=()=>t,l},rl=()=>{let e=[],t=t=>{let r=e.findIndex(e=>e.timerId===t);-1!==r||y(!1);let[n]=e.splice(r,1);n.callback()},r=r=>{let n=setTimeout(()=>t(n));e.push({timerId:n,callback:r})},n=()=>{if(!e.length)return;let t=[...e];e.length=0,t.forEach(e=>{clearTimeout(e.timerId),e.callback()})};return{add:r,flush:n}};let ri=(e,t)=>null==e&&null==t||null!=e&&null!=t&&e.droppableId===t.droppableId&&e.index===t.index,ra=(e,t)=>null==e&&null==t||null!=e&&null!=t&&e.draggableId===t.draggableId&&e.droppableId===t.droppableId,ro=(e,t)=>{if(e===t)return!0;let r=e.draggable.id===t.draggable.id&&e.draggable.droppableId===t.draggable.droppableId&&e.draggable.type===t.draggable.type&&e.draggable.index===t.draggable.index,n=e.droppable.id===t.droppable.id&&e.droppable.type===t.droppable.type;return r&&n},rd=(e,t)=>{tm(),t(),tb()},rs=(e,t)=>({draggableId:e.draggable.id,type:e.droppable.type,source:{droppableId:e.droppable.id,index:e.draggable.index},mode:t});function ru(e,t,r,n){if(!e){r(n(t));return}let l=rn(r);e(t,{announce:l}),l.wasCalled()||r(n(t))}var rc=(e,t)=>{let r=rl(),n=null,l=(t,r)=>{n&&y(!1),rd("onBeforeCapture",()=>{let n=e().onBeforeCapture;n&&n({draggableId:t,mode:r})})},i=(t,r)=>{n&&y(!1),rd("onBeforeDragStart",()=>{let n=e().onBeforeDragStart;n&&n(rs(t,r))})},a=(l,i)=>{n&&y(!1);let a=rs(l,i);n={mode:i,lastCritical:l,lastLocation:a.source,lastCombine:null},r.add(()=>{rd("onDragStart",()=>ru(e().onDragStart,a,t,w.onDragStart))})},o=(l,i)=>{let a=K(i),o=Q(i);n||y(!1);let d=!ro(l,n.lastCritical);d&&(n.lastCritical=l);let s=!ri(n.lastLocation,a);s&&(n.lastLocation=a);let u=!ra(n.lastCombine,o);if(u&&(n.lastCombine=o),!d&&!s&&!u)return;let c={...rs(l,n.mode),combine:o,destination:a};r.add(()=>{rd("onDragUpdate",()=>ru(e().onDragUpdate,c,t,w.onDragUpdate))})},d=()=>{n||y(!1),r.flush()},s=r=>{n||y(!1),n=null,rd("onDragEnd",()=>ru(e().onDragEnd,r,t,w.onDragEnd))},u=()=>{if(!n)return;let e={...rs(n.lastCritical,n.mode),combine:null,destination:null,reason:"CANCEL"};s(e)};return{beforeCapture:l,beforeStart:i,start:a,update:o,flush:d,drop:s,abort:u}},rp=(e,t)=>{let r=rc(e,t);return e=>t=>n=>{if("BEFORE_INITIAL_CAPTURE"===n.type){r.beforeCapture(n.payload.draggableId,n.payload.movementMode);return}if("INITIAL_PUBLISH"===n.type){let e=n.payload.critical;r.beforeStart(e,n.payload.movementMode),t(n),r.start(e,n.payload.movementMode);return}if("DROP_COMPLETE"===n.type){let e=n.payload.completed.result;r.flush(),t(n),r.drop(e);return}if(t(n),"FLUSH"===n.type){r.abort();return}let l=e.getState();"DRAGGING"===l.phase&&r.update(l.critical,l.impact)}};let rf=e=>t=>r=>{if("DROP_ANIMATION_FINISHED"!==r.type){t(r);return}let n=e.getState();"DROP_ANIMATING"!==n.phase&&y(!1),e.dispatch(tH({completed:n.completed}))},rg=e=>{let t=null,r=null;return n=>l=>{if(("FLUSH"===l.type||"DROP_COMPLETE"===l.type||"DROP_ANIMATION_FINISHED"===l.type)&&(r&&(cancelAnimationFrame(r),r=null),t&&(t(),t=null)),n(l),"DROP_ANIMATE"!==l.type)return;let i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){let t=e.getState();"DROP_ANIMATING"===t.phase&&e.dispatch(tz())}};r=requestAnimationFrame(()=>{r=null,t=h(window,[i])})}};var rm=e=>()=>t=>r=>{("DROP_COMPLETE"===r.type||"FLUSH"===r.type||"DROP_ANIMATE"===r.type)&&e.stopPublishing(),t(r)},rb=e=>{let t=!1;return()=>r=>n=>{if("INITIAL_PUBLISH"===n.type){t=!0,e.tryRecordFocus(n.payload.critical.draggable.id),r(n),e.tryRestoreFocusRecorded();return}if(r(n),t){if("FLUSH"===n.type){t=!1,e.tryRestoreFocusRecorded();return}if("DROP_COMPLETE"===n.type){t=!1;let r=n.payload.completed.result;r.combine&&e.tryShiftRecord(r.draggableId,r.combine.draggableId),e.tryRestoreFocusRecorded()}}}};let rh=e=>"DROP_COMPLETE"===e.type||"DROP_ANIMATE"===e.type||"FLUSH"===e.type;var rI=e=>t=>r=>n=>{if(rh(n)){e.stop(),r(n);return}if("INITIAL_PUBLISH"===n.type){r(n);let l=t.getState();"DRAGGING"!==l.phase&&y(!1),e.start(l);return}r(n),e.scroll(t.getState())};let ry=e=>t=>r=>{if(t(r),"PUBLISH_WHILE_DRAGGING"!==r.type)return;let n=e.getState();"DROP_PENDING"!==n.phase||n.isWaiting||e.dispatch(tV({reason:n.reason}))},rv=i.qC;var rx=e=>{let{dimensionMarshal:t,focusMarshal:r,styleMarshal:n,getResponders:l,announce:a,autoScroller:o}=e;return(0,i.MT)(tR,rv((0,i.md)(tZ(n),rm(t),tq(t),t9,rf,rg,ry,rI(o),rr,rb(r),rp(l,a))))};let rD=()=>({additions:{},removals:{},modified:{}});var rE=e=>{let{scrollHeight:t,scrollWidth:r,height:n,width:l}=e,i=S({x:r,y:t},{x:l,y:n}),a={x:Math.max(0,i.x),y:Math.max(0,i.y)};return a},rA=()=>{let e=document.documentElement;return e||y(!1),e},rN=()=>{let e=rA(),t=rE({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},rR=()=>{let e=re(),t=rN(),r=e.y,n=e.x,l=rA(),i=l.clientWidth,a=l.clientHeight,o=(0,d.Dz)({top:r,left:n,right:n+i,bottom:r+a});return{frame:o,scroll:{initial:e,current:e,max:t,diff:{value:O,displacement:O}}}},rC=e=>{let{critical:t,scrollOptions:r,registry:n}=e;tm();let l=rR(),i=l.scroll.current,a=t.droppable,o=n.droppable.getAllByType(a.type).map(e=>e.callbacks.getDimensionAndWatchScroll(i,r)),d=n.draggable.getAllByType(t.draggable.type).map(e=>e.getDimension(i)),s={draggables:q(d),droppables:z(o)};return tb(),{dimensions:s,critical:t,viewport:l}};function rP(e,t,r){if(r.descriptor.id===t.id||r.descriptor.type!==t.type)return!1;let n=e.droppable.getById(r.descriptor.droppableId);return"virtual"===n.descriptor.mode}var rw=(e,t)=>{let r=null,n=function(e){let{registry:t,callbacks:r}=e,n=rD(),l=null,i=()=>{l||(r.collectionStarting(),l=requestAnimationFrame(()=>{l=null,tm();let{additions:e,removals:i,modified:a}=n,o=Object.keys(e).map(e=>t.draggable.getById(e).getDimension(O)).sort((e,t)=>e.descriptor.index-t.descriptor.index),d=Object.keys(a).map(e=>{let r=t.droppable.getById(e),n=r.callbacks.getScrollWhileDragging();return{droppableId:e,scroll:n}}),s={additions:o,removals:Object.keys(i),modified:d};n=rD(),tb(),r.publish(s)}))},a=e=>{let t=e.descriptor.id;n.additions[t]=e,n.modified[e.descriptor.droppableId]=!0,n.removals[t]&&delete n.removals[t],i()},o=e=>{let t=e.descriptor;n.removals[t.id]=!0,n.modified[t.droppableId]=!0,n.additions[t.id]&&delete n.additions[t.id],i()},d=()=>{l&&(cancelAnimationFrame(l),l=null,n=rD())};return{add:a,remove:o,stop:d}}({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),l=(n,l)=>{e.droppable.exists(n)||y(!1),r&&t.updateDroppableIsEnabled({id:n,isEnabled:l})},i=(n,l)=>{r&&(e.droppable.exists(n)||y(!1),t.updateDroppableIsCombineEnabled({id:n,isCombineEnabled:l}))},a=(n,l)=>{r&&(e.droppable.exists(n)||y(!1),t.updateDroppableScroll({id:n,newScroll:l}))},o=(t,n)=>{r&&e.droppable.getById(t).callbacks.scroll(n)},d=()=>{if(!r)return;n.stop();let t=r.critical.droppable;e.droppable.getAllByType(t.type).forEach(e=>e.callbacks.dragStopped()),r.unsubscribe(),r=null},s=t=>{r||y(!1);let l=r.critical.draggable;"ADDITION"===t.type&&rP(e,l,t.value)&&n.add(t.value),"REMOVAL"===t.type&&rP(e,l,t.value)&&n.remove(t.value)},u=t=>{r&&y(!1);let n=e.draggable.getById(t.draggableId),l=e.droppable.getById(n.descriptor.droppableId),i={draggable:n.descriptor,droppable:l.descriptor},a=e.subscribe(s);return r={critical:i,unsubscribe:a},rC({critical:i,registry:e,scrollOptions:t.scrollOptions})};return{updateDroppableIsEnabled:l,updateDroppableIsCombineEnabled:i,scrollDroppable:o,updateDroppableScroll:a,startPublishing:u,stopPublishing:d}},rO=(e,t)=>"IDLE"===e.phase||"DROP_ANIMATING"===e.phase&&e.completed.result.draggableId!==t&&"DROP"===e.completed.result.reason,rB=e=>{window.scrollBy(e.x,e.y)};let rS=(0,s.Z)(e=>Z(e).filter(e=>!!e.isEnabled&&!!e.frame)),rG=(e,t)=>{let r=rS(t).find(t=>(t.frame||y(!1),e8(t.frame.pageMarginBox)(e)))||null;return r};var rL=e=>{let{center:t,destination:r,droppables:n}=e;if(r){let e=n[r];return e.frame?e:null}let l=rG(t,n);return l};let rT={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:e=>e**2,durationDampening:{stopDampeningAt:1200,accelerateAt:360},disabled:!1};var r_=function(e,t,r){void 0===r&&(r=()=>rT);let n=r(),l=e[t.size]*n.startFromPercentage,i=e[t.size]*n.maxScrollAtPercentage;return{startScrollingFrom:l,maxScrollValueAt:i}},rM=e=>{let{startOfRange:t,endOfRange:r,current:n}=e,l=r-t;return 0===l?0:(n-t)/l},rF=function(e,t,r){void 0===r&&(r=()=>rT);let n=r();if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return n.maxPixelScroll;if(e===t.startScrollingFrom)return 1;let l=rM({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),i=n.maxPixelScroll*n.ease(1-l);return Math.ceil(i)},rk=(e,t,r)=>{let n=r(),l=n.durationDampening.accelerateAt,i=n.durationDampening.stopDampeningAt,a=Date.now(),o=a-t;if(o>=i)return e;if(o{let{distanceToEdge:t,thresholds:r,dragStartTime:n,shouldUseTimeDampening:l,getAutoScrollerOptions:i}=e,a=rF(t,r,i);return 0===a?0:l?Math.max(rk(a,n,i),1):a},rW=e=>{let{container:t,distanceToEdges:r,dragStartTime:n,axis:l,shouldUseTimeDampening:i,getAutoScrollerOptions:a}=e,o=r_(t,l,a),d=r[l.end]{let{container:t,subject:r,proposedScroll:n}=e,l=r.height>t.height,i=r.width>t.width;return i||l?i&&l?null:{x:i?0:n.x,y:l?0:n.y}:n};let rY=F(e=>0===e?0:e);var rH=e=>{let{dragStartTime:t,container:r,subject:n,center:l,shouldUseTimeDampening:i,getAutoScrollerOptions:a}=e,o={top:l.y-r.top,right:r.right-l.x,bottom:r.bottom-l.y,left:l.x-r.left},d=rW({container:r,distanceToEdges:o,dragStartTime:t,axis:es,shouldUseTimeDampening:i,getAutoScrollerOptions:a}),s=rW({container:r,distanceToEdges:o,dragStartTime:t,axis:eu,shouldUseTimeDampening:i,getAutoScrollerOptions:a}),u=rY({x:s,y:d});if(G(u,O))return null;let c=rU({container:r,subject:n,proposedScroll:u});return c?G(c,O)?null:c:null};let rV=F(e=>0===e?0:e>0?1:-1),rj=(()=>{let e=(e,t)=>e<0?e:e>t?e-t:0;return t=>{let{current:r,max:n,change:l}=t,i=B(r,l),a={x:e(i.x,n.x),y:e(i.y,n.y)};return G(a,O)?null:a}})(),rz=e=>{let{max:t,current:r,change:n}=e,l={x:Math.max(r.x,t.x),y:Math.max(r.y,t.y)},i=rV(n),a=rj({max:l,current:r,change:i});return!a||0!==i.x&&0===a.x||0!==i.y&&0===a.y},rq=(e,t)=>rz({current:e.scroll.current,max:e.scroll.max,change:t}),rZ=(e,t)=>{if(!rq(e,t))return null;let r=e.scroll.max,n=e.scroll.current;return rj({current:n,max:r,change:t})},rJ=(e,t)=>{let r=e.frame;return!!r&&rz({current:r.scroll.current,max:r.scroll.max,change:t})},rX=(e,t)=>{let r=e.frame;return r&&rJ(e,t)?rj({current:r.scroll.current,max:r.scroll.max,change:t}):null};var rK=e=>{let{viewport:t,subject:r,center:n,dragStartTime:l,shouldUseTimeDampening:i,getAutoScrollerOptions:a}=e,o=rH({dragStartTime:l,container:t.frame,subject:r,center:n,shouldUseTimeDampening:i,getAutoScrollerOptions:a});return o&&rq(t,o)?o:null},rQ=e=>{let{droppable:t,subject:r,center:n,dragStartTime:l,shouldUseTimeDampening:i,getAutoScrollerOptions:a}=e,o=t.frame;if(!o)return null;let d=rH({dragStartTime:l,container:o.pageMarginBox,subject:r,center:n,shouldUseTimeDampening:i,getAutoScrollerOptions:a});return d&&rJ(t,d)?d:null},r0=e=>{let{state:t,dragStartTime:r,shouldUseTimeDampening:n,scrollWindow:l,scrollDroppable:i,getAutoScrollerOptions:a}=e,o=t.current.page.borderBoxCenter,d=t.dimensions.draggables[t.critical.draggable.id],s=d.page.marginBox;if(t.isWindowScrollAllowed){let e=t.viewport,i=rK({dragStartTime:r,viewport:e,subject:s,center:o,shouldUseTimeDampening:n,getAutoScrollerOptions:a});if(i){l(i);return}}let u=rL({center:o,destination:e5(t.impact),droppables:t.dimensions.droppables});if(!u)return;let c=rQ({dragStartTime:r,droppable:u,subject:s,center:o,shouldUseTimeDampening:n,getAutoScrollerOptions:a});c&&i(u.descriptor.id,c)},r1=e=>{let{scrollWindow:t,scrollDroppable:r,getAutoScrollerOptions:n=()=>rT}=e,l=(0,u.Z)(t),i=(0,u.Z)(r),a=null,o=e=>{a||y(!1);let{shouldUseTimeDampening:t,dragStartTime:r}=a;r0({state:e,scrollWindow:l,scrollDroppable:i,dragStartTime:r,shouldUseTimeDampening:t,getAutoScrollerOptions:n})},d=e=>{tm(),a&&y(!1);let t=Date.now(),r=!1,l=()=>{r=!0};r0({state:e,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:l,scrollDroppable:l,getAutoScrollerOptions:n}),a={dragStartTime:t,shouldUseTimeDampening:r},tb(),r&&o(e)},s=()=>{a&&(l.cancel(),i.cancel(),a=null)};return{start:d,stop:s,scroll:o}},r4=e=>{let{move:t,scrollDroppable:r,scrollWindow:n}=e,l=(e,r)=>{let n=B(e.current.client.selection,r);t({client:n})},i=(e,t)=>{if(!rJ(e,t))return t;let n=rX(e,t);if(!n)return r(e.descriptor.id,t),null;let l=S(t,n);r(e.descriptor.id,l);let i=S(t,l);return i},a=(e,t,r)=>{if(!e||!rq(t,r))return r;let l=rZ(t,r);if(!l)return n(r),null;let i=S(r,l);n(i);let a=S(r,i);return a},o=e=>{let t=e.scrollJumpRequest;if(!t)return;let r=e5(e.impact);r||y(!1);let n=i(e.dimensions.droppables[r],t);if(!n)return;let o=e.viewport,d=a(e.isWindowScrollAllowed,o,n);d&&l(e,d)};return o},r2=e=>{let{scrollDroppable:t,scrollWindow:r,move:n,getAutoScrollerOptions:l}=e,i=r1({scrollWindow:r,scrollDroppable:t,getAutoScrollerOptions:l}),a=r4({move:n,scrollWindow:r,scrollDroppable:t}),o=e=>{let t=l();if(!t.disabled&&"DRAGGING"===e.phase){if("FLUID"===e.movementMode){i.scroll(e);return}e.scrollJumpRequest&&a(e)}},d={scroll:o,start:i.start,stop:i.stop};return d};let r5="data-rfd",r3=(()=>{let e=`${r5}-drag-handle`;return{base:e,draggableId:`${e}-draggable-id`,contextId:`${e}-context-id`}})(),r7=(()=>{let e=`${r5}-draggable`;return{base:e,contextId:`${e}-context-id`,id:`${e}-id`}})(),r6=(()=>{let e=`${r5}-droppable`;return{base:e,contextId:`${e}-context-id`,id:`${e}-id`}})(),r8={contextId:`${r5}-scroll-container-context-id`},r9=e=>t=>`[${t}="${e}"]`,ne=(e,t)=>e.map(e=>{let r=e.styles[t];return r?`${e.selector} { ${r} }`:""}).join(" ");var nt=e=>{let t=r9(e),r=(()=>{let e=` + cursor: -webkit-grab; + cursor: grab; + `;return{selector:t(r3.contextId),styles:{always:` + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0,0,0,0); + touch-action: manipulation; + `,resting:e,dragging:"pointer-events: none;",dropAnimating:e}}})(),n=(()=>{let e=` + transition: ${t0.outOfTheWay}; + `;return{selector:t(r7.contextId),styles:{dragging:e,dropAnimating:e,userCancel:e}}})(),l={selector:t(r6.contextId),styles:{always:"overflow-anchor: none;"}},i={selector:"body",styles:{dragging:` + cursor: grabbing; + cursor: -webkit-grabbing; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + overflow-anchor: none; + `}},a=[n,r,l,i];return{always:ne(a,"always"),resting:ne(a,"resting"),dragging:ne(a,"dragging"),dropAnimating:ne(a,"dropAnimating"),userCancel:ne(a,"userCancel")}};let nr="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n.useLayoutEffect:n.useEffect,nn=()=>{let e=document.querySelector("head");return e||y(!1),e},nl=e=>{let t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.type="text/css",t};function ni(e,t){return Array.from(e.querySelectorAll(t))}var na=e=>e?.ownerDocument?.defaultView||window;function no(e){return e instanceof na(e).HTMLElement}function nd(e,t){let r=`[${r3.contextId}="${e}"]`,n=ni(document,r);if(!n.length)return null;let l=n.find(e=>e.getAttribute(r3.draggableId)===t);return l&&no(l)?l:null}function ns(){let e={draggables:{},droppables:{}},t=[];function r(e){t.length&&t.forEach(t=>t(e))}function n(t){return e.draggables[t]||null}function l(t){return e.droppables[t]||null}return{draggable:{register:t=>{e.draggables[t.descriptor.id]=t,r({type:"ADDITION",value:t})},update:(t,r)=>{let n=e.draggables[r.descriptor.id];n&&n.uniqueId===t.uniqueId&&(delete e.draggables[r.descriptor.id],e.draggables[t.descriptor.id]=t)},unregister:t=>{let l=t.descriptor.id,i=n(l);i&&t.uniqueId===i.uniqueId&&(delete e.draggables[l],e.droppables[t.descriptor.droppableId]&&r({type:"REMOVAL",value:t}))},getById:function(e){let t=n(e);return t||y(!1),t},findById:n,exists:e=>Boolean(n(e)),getAllByType:t=>Object.values(e.draggables).filter(e=>e.descriptor.type===t)},droppable:{register:t=>{e.droppables[t.descriptor.id]=t},unregister:t=>{let r=l(t.descriptor.id);r&&t.uniqueId===r.uniqueId&&delete e.droppables[t.descriptor.id]},getById:function(e){let t=l(e);return t||y(!1),t},findById:l,exists:e=>Boolean(l(e)),getAllByType:t=>Object.values(e.droppables).filter(e=>e.descriptor.type===t)},subscribe:function(e){return t.push(e),function(){let r=t.indexOf(e);-1!==r&&t.splice(r,1)}},clean:function(){e.draggables={},e.droppables={},t.length=0}}}var nu=n.createContext(null),nc=()=>{let e=document.body;return e||y(!1),e},np={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"};let nf=e=>`rfd-announcement-${e}`,ng={separator:"::"};var nm=function(e,t){void 0===t&&(t=ng);let r=n.useId();return(0,o.Ye)(()=>`${e}${t.separator}${r}`,[t.separator,e,r])},nb=n.createContext(null),nh={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"};let nI=/(\d+)\.(\d+)\.(\d+)/,ny=e=>{let t=nI.exec(e);null!=t||y(!1);let r=Number(t[1]),n=Number(t[2]),l=Number(t[3]);return{major:r,minor:n,patch:l,raw:e}},nv=(e,t)=>t.major>e.major||!(t.majore.minor||!(t.minor=e.patch);var nx=(e,t)=>{let r=ny(e),n=ny(t);if(nv(r,n))return},nD=e=>{let t=e.doctype;t&&(t.name.toLowerCase(),t.publicId)};function nE(e,t){}function nA(e){let t=(0,n.useRef)(e);return(0,n.useEffect)(()=>{t.current=e}),t}function nN(e){return"IDLE"!==e.phase&&"DROP_ANIMATING"!==e.phase&&e.isDragging}let nR={13:!0,9:!0};var nC=e=>{nR[e.keyCode]&&e.preventDefault()};let nP=(()=>{let e="visibilitychange";if("undefined"==typeof document)return e;let t=[e,`ms${e}`,`webkit${e}`,`moz${e}`,`o${e}`],r=t.find(e=>`on${e}` in document);return r||e})(),nw={type:"IDLE"};function nO(){}let nB={34:!0,33:!0,36:!0,35:!0},nS={type:"IDLE"},nG=["input","button","textarea","select","option","optgroup","video","audio"];var nL=e=>(0,d.Dz)(e.getBoundingClientRect()).center;let nT=(()=>{let e="matches";if("undefined"==typeof document)return e;let t=[e,"msMatchesSelector","webkitMatchesSelector"].find(e=>e in Element.prototype);return t||e})();function n_(e){e.preventDefault()}function nM(e){let{expected:t,phase:r,isLockActive:n,shouldWarn:l}=e;return!!n()&&t===r}function nF(e){let{lockAPI:t,store:r,registry:n,draggableId:l}=e;if(t.isClaimed())return!1;let i=n.draggable.findById(l);return!!(i&&i.options.isEnabled&&rO(r.getState(),l))}let nk=[function(e){let t=(0,n.useRef)(nw),r=(0,n.useRef)(b),l=(0,o.Ye)(()=>({eventName:"mousedown",fn:function(t){if(t.defaultPrevented||0!==t.button||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)return;let n=e.findClosestDraggableId(t);if(!n)return;let l=e.tryGetLock(n,d,{sourceEvent:t});if(!l)return;t.preventDefault();let i={x:t.clientX,y:t.clientY};r.current(),c(l,i)}}),[e]),i=(0,o.Ye)(()=>({eventName:"webkitmouseforcewillbegin",fn:t=>{if(t.defaultPrevented)return;let r=e.findClosestDraggableId(t);if(!r)return;let n=e.findOptionsForDraggable(r);n&&!n.shouldRespectForcePress&&e.canGetLock(r)&&t.preventDefault()}}),[e]),a=(0,o.I4)(function(){r.current=h(window,[i,l],{passive:!1,capture:!0})},[i,l]),d=(0,o.I4)(()=>{let e=t.current;"IDLE"!==e.type&&(t.current=nw,r.current(),a())},[a]),s=(0,o.I4)(()=>{let e=t.current;d(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()},[d]),u=(0,o.I4)(function(){let e=function(e){let{cancel:t,completed:r,getPhase:n,setPhase:l}=e;return[{eventName:"mousemove",fn:e=>{let{button:t,clientX:r,clientY:i}=e;if(0!==t)return;let a={x:r,y:i},o=n();if("DRAGGING"===o.type){e.preventDefault(),o.actions.move(a);return}"PENDING"!==o.type&&y(!1);let d=o.point;if(!(Math.abs(a.x-d.x)>=5||Math.abs(a.y-d.y)>=5))return;e.preventDefault();let s=o.actions.fluidLift(a);l({type:"DRAGGING",actions:s})}},{eventName:"mouseup",fn:e=>{let l=n();if("DRAGGING"!==l.type){t();return}e.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"mousedown",fn:e=>{"DRAGGING"===n().type&&e.preventDefault(),t()}},{eventName:"keydown",fn:e=>{let r=n();if("PENDING"===r.type){t();return}if(27===e.keyCode){e.preventDefault(),t();return}nC(e)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:()=>{"PENDING"===n().type&&t()}},{eventName:"webkitmouseforcedown",fn:e=>{let r=n();if("IDLE"!==r.type||y(!1),r.actions.shouldRespectForcePress()){t();return}e.preventDefault()}},{eventName:nP,fn:t}]}({cancel:s,completed:d,getPhase:()=>t.current,setPhase:e=>{t.current=e}});r.current=h(window,e,{capture:!0,passive:!1})},[s,d]),c=(0,o.I4)(function(e,r){"IDLE"!==t.current.type&&y(!1),t.current={type:"PENDING",point:r,actions:e},u()},[u]);nr(function(){return a(),function(){r.current()}},[a])},function(e){let t=(0,n.useRef)(nO),r=(0,o.Ye)(()=>({eventName:"keydown",fn:function(r){if(r.defaultPrevented||32!==r.keyCode)return;let n=e.findClosestDraggableId(r);if(!n)return;let i=e.tryGetLock(n,d,{sourceEvent:r});if(!i)return;r.preventDefault();let a=!0,o=i.snapLift();function d(){a||y(!1),a=!1,t.current(),l()}t.current(),t.current=h(window,function(e,t){function r(){t(),e.cancel()}return[{eventName:"keydown",fn:n=>{if(27===n.keyCode){n.preventDefault(),r();return}if(32===n.keyCode){n.preventDefault(),t(),e.drop();return}if(40===n.keyCode){n.preventDefault(),e.moveDown();return}if(38===n.keyCode){n.preventDefault(),e.moveUp();return}if(39===n.keyCode){n.preventDefault(),e.moveRight();return}if(37===n.keyCode){n.preventDefault(),e.moveLeft();return}if(nB[n.keyCode]){n.preventDefault();return}nC(n)}},{eventName:"mousedown",fn:r},{eventName:"mouseup",fn:r},{eventName:"click",fn:r},{eventName:"touchstart",fn:r},{eventName:"resize",fn:r},{eventName:"wheel",fn:r,options:{passive:!0}},{eventName:nP,fn:r}]}(o,d),{capture:!0,passive:!1})}}),[e]),l=(0,o.I4)(function(){t.current=h(window,[r],{passive:!1,capture:!0})},[r]);nr(function(){return l(),function(){t.current()}},[l])},function(e){let t=(0,n.useRef)(nS),r=(0,n.useRef)(b),l=(0,o.I4)(function(){return t.current},[]),i=(0,o.I4)(function(e){t.current=e},[]),a=(0,o.Ye)(()=>({eventName:"touchstart",fn:function(t){if(t.defaultPrevented)return;let n=e.findClosestDraggableId(t);if(!n)return;let l=e.tryGetLock(n,s,{sourceEvent:t});if(!l)return;let i=t.touches[0],{clientX:a,clientY:o}=i;r.current(),f(l,{x:a,y:o})}}),[e]),d=(0,o.I4)(function(){r.current=h(window,[a],{capture:!0,passive:!1})},[a]),s=(0,o.I4)(()=>{let e=t.current;"IDLE"!==e.type&&("PENDING"===e.type&&clearTimeout(e.longPressTimerId),i(nS),r.current(),d())},[d,i]),u=(0,o.I4)(()=>{let e=t.current;s(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()},[s]),c=(0,o.I4)(function(){let e={capture:!0,passive:!1},t={cancel:u,completed:s,getPhase:l},n=h(window,function(e){let{cancel:t,completed:r,getPhase:n}=e;return[{eventName:"touchmove",options:{capture:!1},fn:e=>{let r=n();if("DRAGGING"!==r.type){t();return}r.hasMoved=!0;let{clientX:l,clientY:i}=e.touches[0];e.preventDefault(),r.actions.move({x:l,y:i})}},{eventName:"touchend",fn:e=>{let l=n();if("DRAGGING"!==l.type){t();return}e.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"touchcancel",fn:e=>{if("DRAGGING"!==n().type){t();return}e.preventDefault(),t()}},{eventName:"touchforcechange",fn:e=>{let r=n();"IDLE"!==r.type||y(!1);let l=e.touches[0];if(!l)return;let i=l.force>=.15;if(!i)return;let a=r.actions.shouldRespectForcePress();if("PENDING"===r.type){a&&t();return}if(a){if(r.hasMoved){e.preventDefault();return}t();return}e.preventDefault()}},{eventName:nP,fn:t}]}(t),e),i=h(window,function(e){let{cancel:t,getPhase:r}=e;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:e=>{e.preventDefault()}},{eventName:"keydown",fn:e=>{if("DRAGGING"!==r().type){t();return}27===e.keyCode&&e.preventDefault(),t()}},{eventName:nP,fn:t}]}(t),e);r.current=function(){n(),i()}},[u,l,s]),p=(0,o.I4)(function(){let e=l();"PENDING"!==e.type&&y(!1);let t=e.actions.fluidLift(e.point);i({type:"DRAGGING",actions:t,hasMoved:!1})},[l,i]),f=(0,o.I4)(function(e,t){"IDLE"!==l().type&&y(!1);let r=setTimeout(p,120);i({type:"PENDING",point:t,actions:e,longPressTimerId:r}),c()},[c,l,i,p]);nr(function(){return d(),function(){r.current();let e=l();"PENDING"===e.type&&(clearTimeout(e.longPressTimerId),i(nS))}},[l,d,i]),nr(function(){let e=h(window,[{eventName:"touchmove",fn:()=>{},options:{capture:!1,passive:!1}}]);return e},[])}],n$=e=>({onBeforeCapture:t=>{let r=()=>{e.onBeforeCapture&&e.onBeforeCapture(t)};n.version.startsWith("16")||n.version.startsWith("17")?r():(0,l.flushSync)(r)},onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDragUpdate:e.onDragUpdate}),nW=e=>({...rT,...e.autoScrollerOptions,durationDampening:{...rT.durationDampening,...e.autoScrollerOptions}});function nU(e){return e.current||y(!1),e.current}function nY(e){let{contextId:t,setCallbacks:r,sensors:l,nonce:d,dragHandleUsageInstructions:p}=e,f=(0,n.useRef)(null),g=nA(e),m=(0,o.I4)(()=>n$(g.current),[g]),I=(0,o.I4)(()=>nW(g.current),[g]),v=function(e){let t=(0,o.Ye)(()=>nf(e),[e]),r=(0,n.useRef)(null);(0,n.useEffect)(function(){let e=document.createElement("div");return r.current=e,e.id=t,e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),(0,c.Z)(e.style,np),nc().appendChild(e),function(){setTimeout(function(){let t=nc();t.contains(e)&&t.removeChild(e),e===r.current&&(r.current=null)})}},[t]);let l=(0,o.I4)(e=>{let t=r.current;if(t){t.textContent=e;return}},[]);return l}(t),x=function(e){let{contextId:t,text:r}=e,l=nm("hidden-text",{separator:"-"}),i=(0,o.Ye)(()=>(function(e){let{contextId:t,uniqueId:r}=e;return`rfd-hidden-text-${t}-${r}`})({contextId:t,uniqueId:l}),[l,t]);return(0,n.useEffect)(function(){let e=document.createElement("div");return e.id=i,e.textContent=r,e.style.display="none",nc().appendChild(e),function(){let t=nc();t.contains(e)&&t.removeChild(e)}},[i,r]),i}({contextId:t,text:p}),D=function(e,t){let r=(0,o.Ye)(()=>nt(e),[e]),l=(0,n.useRef)(null),i=(0,n.useRef)(null),a=(0,o.I4)((0,s.Z)(e=>{let t=i.current;t||y(!1),t.textContent=e}),[]),d=(0,o.I4)(e=>{let t=l.current;t||y(!1),t.textContent=e},[]);nr(()=>{(l.current||i.current)&&y(!1);let n=nl(t),o=nl(t);return l.current=n,i.current=o,n.setAttribute(`${r5}-always`,e),o.setAttribute(`${r5}-dynamic`,e),nn().appendChild(n),nn().appendChild(o),d(r.always),a(r.resting),()=>{let e=e=>{let t=e.current;t||y(!1),nn().removeChild(t),e.current=null};e(l),e(i)}},[t,d,a,r.always,r.resting,e]);let u=(0,o.I4)(()=>a(r.dragging),[a,r.dragging]),c=(0,o.I4)(e=>{if("DROP"===e){a(r.dropAnimating);return}a(r.userCancel)},[a,r.dropAnimating,r.userCancel]),p=(0,o.I4)(()=>{i.current&&a(r.resting)},[a,r.resting]),f=(0,o.Ye)(()=>({dragging:u,dropping:c,resting:p}),[u,c,p]);return f}(t,d),E=(0,o.I4)(e=>{nU(f).dispatch(e)},[]),A=(0,o.Ye)(()=>(0,i.DE)({publishWhileDragging:tO,updateDroppableScroll:tS,updateDroppableIsEnabled:tG,updateDroppableIsCombineEnabled:tL,collectionStarting:tB},E),[E]),N=function(){let e=(0,o.Ye)(ns,[]);return(0,n.useEffect)(()=>function(){n.version.startsWith("16")||n.version.startsWith("17")?requestAnimationFrame(e.clean):e.clean()},[e]),e}(),R=(0,o.Ye)(()=>rw(N,A),[N,A]),C=(0,o.Ye)(()=>r2({scrollWindow:rB,scrollDroppable:R.scrollDroppable,getAutoScrollerOptions:I,...(0,i.DE)({move:tT},E)}),[R.scrollDroppable,E,I]),P=function(e){let t=(0,n.useRef)({}),r=(0,n.useRef)(null),l=(0,n.useRef)(null),i=(0,n.useRef)(!1),a=(0,o.I4)(function(e,r){let n={id:e,focus:r};return t.current[e]=n,function(){let r=t.current,l=r[e];l!==n&&delete r[e]}},[]),d=(0,o.I4)(function(t){let r=nd(e,t);r&&r!==document.activeElement&&r.focus()},[e]),s=(0,o.I4)(function(e,t){r.current===e&&(r.current=t)},[]),u=(0,o.I4)(function(){!l.current&&i.current&&(l.current=requestAnimationFrame(()=>{l.current=null;let e=r.current;e&&d(e)}))},[d]),c=(0,o.I4)(function(e){r.current=null;let t=document.activeElement;t&&t.getAttribute(r3.draggableId)===e&&(r.current=e)},[]);nr(()=>(i.current=!0,function(){i.current=!1;let e=l.current;e&&cancelAnimationFrame(e)}),[]);let p=(0,o.Ye)(()=>({register:a,tryRecordFocus:c,tryRestoreFocusRecorded:u,tryShiftRecord:s}),[a,c,u,s]);return p}(t),w=(0,o.Ye)(()=>rx({announce:v,autoScroller:C,dimensionMarshal:R,focusMarshal:P,getResponders:m,styleMarshal:D}),[v,C,R,P,m,D]);f.current=w;let O=(0,o.I4)(()=>{let e=nU(f),t=e.getState();"IDLE"!==t.phase&&e.dispatch(tU())},[]),B=(0,o.I4)(()=>{let e=nU(f).getState();return"DROP_ANIMATING"===e.phase||"IDLE"!==e.phase&&e.isDragging},[]),S=(0,o.Ye)(()=>({isDragging:B,tryAbort:O}),[B,O]);r(S);let G=(0,o.I4)(e=>rO(nU(f).getState(),e),[]),L=(0,o.I4)(()=>e6(nU(f).getState()),[]),T=(0,o.Ye)(()=>({marshal:R,focus:P,contextId:t,canLift:G,isMovementAllowed:L,dragHandleUsageInstructionsId:x,registry:N}),[t,R,x,P,G,L,N]);return!function(e){let{contextId:t,store:r,registry:l,customSensors:i,enableDefaultSensors:a}=e,d=[...a?nk:[],...i||[]],s=(0,n.useState)(()=>(function(){let e=null;function t(){e||y(!1),e=null}return{isClaimed:function(){return Boolean(e)},isActive:function(t){return t===e},claim:function(t){e&&y(!1);let r={abandon:t};return e=r,r},release:t,tryAbandon:function(){e&&(e.abandon(),t())}}})())[0],c=(0,o.I4)(function(e,t){nN(e)&&!nN(t)&&s.tryAbandon()},[s]);nr(function(){let e=r.getState(),t=r.subscribe(()=>{let t=r.getState();c(e,t),e=t});return t},[s,r,c]),nr(()=>s.tryAbandon,[s.tryAbandon]);let p=(0,o.I4)(e=>nF({lockAPI:s,registry:l,store:r,draggableId:e}),[s,l,r]),f=(0,o.I4)((e,n,i)=>(function(e){let{lockAPI:t,contextId:r,store:n,registry:l,draggableId:i,forceSensorStop:a,sourceEvent:o}=e,d=nF({lockAPI:t,store:n,registry:l,draggableId:i});if(!d)return null;let s=l.draggable.getById(i),c=function(e,t){let r=`[${r7.contextId}="${e}"]`,n=ni(document,r),l=n.find(e=>e.getAttribute(r7.id)===t);return l&&no(l)?l:null}(r,s.descriptor.id);if(!c||o&&!s.options.canDragInteractiveElements&&function(e,t){let r=t.target;return!!no(r)&&function e(t,r){if(null==r)return!1;let n=nG.includes(r.tagName.toLowerCase());if(n)return!0;let l=r.getAttribute("contenteditable");return"true"===l||""===l||r!==t&&e(t,r.parentElement)}(e,r)}(c,o))return null;let p=t.claim(a||b),f="PRE_DRAG";function g(){return s.options.shouldRespectForcePress}function m(){return t.isActive(p)}let I=(function(e,t){nM({expected:e,phase:f,isLockActive:m,shouldWarn:!0})&&n.dispatch(t())}).bind(null,"DRAGGING");function v(e){function r(){t.release(),f="COMPLETED"}function l(t,l){if(void 0===l&&(l={shouldBlockNextClick:!1}),e.cleanup(),l.shouldBlockNextClick){let e=h(window,[{eventName:"click",fn:n_,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(e)}r(),n.dispatch(tV({reason:t}))}return"PRE_DRAG"!==f&&(r(),y(!1)),n.dispatch(tP(e.liftActionArgs)),f="DRAGGING",{isActive:()=>nM({expected:"DRAGGING",phase:f,isLockActive:m,shouldWarn:!1}),shouldRespectForcePress:g,drop:e=>l("DROP",e),cancel:e=>l("CANCEL",e),...e.actions}}return{isActive:()=>nM({expected:"PRE_DRAG",phase:f,isLockActive:m,shouldWarn:!1}),shouldRespectForcePress:g,fluidLift:function(e){let t=(0,u.Z)(e=>{I(()=>tT({client:e}))}),r=v({liftActionArgs:{id:i,clientSelection:e,movementMode:"FLUID"},cleanup:()=>t.cancel(),actions:{move:t}});return{...r,move:t}},snapLift:function(){return v({liftActionArgs:{id:i,clientSelection:nL(c),movementMode:"SNAP"},cleanup:b,actions:{moveUp:()=>I(tF),moveRight:()=>I(t$),moveDown:()=>I(tk),moveLeft:()=>I(tW)}})},abort:function(){let e=nM({expected:"PRE_DRAG",phase:f,isLockActive:m,shouldWarn:!0});e&&t.release()}}})({lockAPI:s,registry:l,contextId:t,store:r,draggableId:e,forceSensorStop:n||null,sourceEvent:i&&i.sourceEvent?i.sourceEvent:null}),[t,s,l,r]),g=(0,o.I4)(e=>(function(e,t){let r=function(e,t){let r=t.target;if(!(r instanceof na(r).Element))return null;let n=`[${r3.contextId}="${e}"]`,l=r.closest?r.closest(n):function e(t,r){return null==t?null:t[nT](r)?t:e(t.parentElement,r)}(r,n);return l&&no(l)?l:null}(e,t);return r?r.getAttribute(r3.draggableId):null})(t,e),[t]),m=(0,o.I4)(e=>{let t=l.draggable.findById(e);return t?t.options:null},[l.draggable]),I=(0,o.I4)(function(){s.isClaimed()&&(s.tryAbandon(),"IDLE"!==r.getState().phase&&r.dispatch(tU()))},[s,r]),v=(0,o.I4)(()=>s.isClaimed(),[s]),x=(0,o.Ye)(()=>({canGetLock:p,tryGetLock:f,findClosestDraggableId:g,findOptionsForDraggable:m,tryReleaseLock:I,isLockClaimed:v}),[p,f,g,m,I,v]);for(let e=0;eO,[O]),n.createElement(nb.Provider,{value:T},n.createElement(a.zt,{context:nu,store:w},e.children))}function nH(e){let t=n.useId(),r=e.dragHandleUsageInstructions||w.dragHandleUsageInstructions;return n.createElement(v,null,l=>n.createElement(nY,{nonce:e.nonce,contextId:t,setCallbacks:l,dragHandleUsageInstructions:r,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd,autoScrollerOptions:e.autoScrollerOptions},e.children))}let nV={dragging:5e3,dropAnimating:4500},nj=(e,t)=>t?t0.drop(t.duration):e?t0.snap:t0.fluid,nz=(e,t)=>{if(e)return t?tX.opacity.drop:tX.opacity.combining},nq=e=>null!=e.forceShouldAnimate?e.forceShouldAnimate:"SNAP"===e.mode;var nZ=n.createContext(null);function nJ(e){e&&no(e)||y(!1)}function nX(e){let t=(0,n.useContext)(e);return t||y(!1),t}function nK(e){e.preventDefault()}let nQ=e=>{let t=(0,n.useRef)(null),r=(0,o.I4)(function(e){void 0===e&&(e=null),t.current=e},[]),i=(0,o.I4)(()=>t.current,[]),{contextId:a,dragHandleUsageInstructionsId:s,registry:u}=nX(nb),{type:c,droppableId:p}=nX(nZ),f=(0,o.Ye)(()=>({id:e.draggableId,index:e.index,type:c,droppableId:p}),[e.draggableId,e.index,c,p]),{children:g,draggableId:m,isEnabled:b,shouldRespectForcePress:h,canDragInteractiveElements:I,isClone:v,mapped:x,dropAnimationFinished:D}=e;if(()=>{let t=e.draggableId;t||y(!1),"string"!=typeof t&&y(!1),Number.isInteger(e.index)||y(!1),"DRAGGING"!==e.mapped.type&&(nJ(i()),e.isEnabled&&(nd(a,t)||y(!1)))},!v){let e=(0,o.Ye)(()=>({descriptor:f,registry:u,getDraggableRef:i,canDragInteractiveElements:I,shouldRespectForcePress:h,isEnabled:b}),[f,u,i,I,h,b]);!function(e){let t=nm("draggable"),{descriptor:r,registry:l,getDraggableRef:i,canDragInteractiveElements:a,shouldRespectForcePress:s,isEnabled:u}=e,c=(0,o.Ye)(()=>({canDragInteractiveElements:a,shouldRespectForcePress:s,isEnabled:u}),[a,u,s]),p=(0,o.I4)(e=>{let t=i();return t||y(!1),function(e,t,r){void 0===r&&(r=O);let n=window.getComputedStyle(t),l=t.getBoundingClientRect(),i=(0,d.Oq)(l,n),a=(0,d.oc)(i,r),o={client:i,tagName:t.tagName.toLowerCase(),display:n.display},s={x:i.marginBox.width,y:i.marginBox.height};return{descriptor:e,placeholder:o,displaceBy:s,client:i,page:a}}(r,t,e)},[r,i]),f=(0,o.Ye)(()=>({uniqueId:t,descriptor:r,options:c,getDimension:p}),[r,p,c,t]),g=(0,n.useRef)(f),m=(0,n.useRef)(!0);nr(()=>(l.draggable.register(g.current),()=>l.draggable.unregister(g.current)),[l.draggable]),nr(()=>{if(m.current){m.current=!1;return}let e=g.current;g.current=f,l.draggable.update(f,e)},[f,l.draggable])}(e)}let E=(0,o.Ye)(()=>b?{tabIndex:0,role:"button","aria-describedby":s,"data-rfd-drag-handle-draggable-id":m,"data-rfd-drag-handle-context-id":a,draggable:!1,onDragStart:nK}:null,[a,s,m,b]),A=(0,o.I4)(e=>{"DRAGGING"===x.type&&x.dropping&&"transform"===e.propertyName&&(n.version.startsWith("16")||n.version.startsWith("17")?D():(0,l.flushSync)(D))},[D,x]),N=(0,o.Ye)(()=>{let e="DRAGGING"===x.type?function(e){let t=e.dimension,r=t.client,{offset:n,combineWith:l,dropping:i}=e,a=Boolean(l),o=nq(e),d=Boolean(i),s=d?t4.drop(n,a):t4.moveTo(n),u={position:"fixed",top:r.marginBox.top,left:r.marginBox.left,boxSizing:"border-box",width:r.borderBox.width,height:r.borderBox.height,transition:nj(o,i),transform:s,opacity:nz(a,d),zIndex:d?nV.dropAnimating:nV.dragging,pointerEvents:"none"};return u}(x):{transform:t4.moveTo(x.offset),transition:x.shouldAnimateDisplacement?void 0:"none"},t="DRAGGING"===x.type&&x.dropping?A:void 0;return{innerRef:r,draggableProps:{"data-rfd-draggable-context-id":a,"data-rfd-draggable-id":m,style:e,onTransitionEnd:t},dragHandleProps:E}},[a,E,m,x,A,r]),R=(0,o.Ye)(()=>({draggableId:f.id,type:f.type,source:{index:f.index,droppableId:f.droppableId}}),[f.droppableId,f.id,f.index,f.type]);return n.createElement(n.Fragment,null,g(N,x.snapshot,R))};var n0=e=>{let{combine:t,destination:r}=e;return r?r.droppableId:t?t.droppableId:null};let n1=e=>e.combine?e.combine.draggableId:null,n4=e=>e.at&&"COMBINE"===e.at.type?e.at.combine.draggableId:null;function n2(e){return void 0===e&&(e=null),{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}let n5={mapped:{type:"SECONDARY",offset:O,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:n2(null)}},n3=()=>{let e=function(){let e=(0,s.Z)((e,t)=>({x:e,y:t})),t=(0,s.Z)(function(e,t,r,n,l){return void 0===r&&(r=null),void 0===n&&(n=null),void 0===l&&(l=null),{isDragging:!0,isClone:t,isDropAnimating:Boolean(l),dropAnimation:l,mode:e,draggingOver:r,combineWith:n,combineTargetFor:null}}),r=(0,s.Z)(function(e,r,n,l,i,a,o){return void 0===i&&(i=null),void 0===a&&(a=null),void 0===o&&(o=null),{mapped:{type:"DRAGGING",dropping:null,draggingOver:i,combineWith:a,mode:r,offset:e,dimension:n,forceShouldAnimate:o,snapshot:t(r,l,i,a,null)}}}),n=(n,l)=>{if(nN(n)){if(n.critical.draggable.id!==l.draggableId)return null;let t=n.current.client.offset,i=n.dimensions.draggables[l.draggableId],a=e5(n.impact),o=n4(n.impact),d=n.forceShouldAnimate;return r(e(t.x,t.y),n.movementMode,i,l.isClone,a,o,d)}if("DROP_ANIMATING"===n.phase){let e=n.completed;if(e.result.draggableId!==l.draggableId)return null;let r=l.isClone,i=n.dimensions.draggables[l.draggableId],a=e.result,o=a.mode,d=n0(a),s=n1(a),u=n.dropDuration,c={duration:u,curve:tJ.drop,moveTo:n.newHomeClientOffset,opacity:s?tX.opacity.drop:null,scale:s?tX.scale.drop:null};return{mapped:{type:"DRAGGING",offset:n.newHomeClientOffset,dimension:i,dropping:c,draggingOver:d,combineWith:s,mode:o,forceShouldAnimate:null,snapshot:t(o,r,d,s,c)}}}return null};return n}(),t=function(){let e=(0,s.Z)((e,t)=>({x:e,y:t})),t=(0,s.Z)(n2),r=(0,s.Z)(function(e,r,n){return void 0===r&&(r=null),{mapped:{type:"SECONDARY",offset:e,combineTargetFor:r,shouldAnimateDisplacement:n,snapshot:t(r)}}}),n=e=>e?r(O,e,!0):null,l=(t,l,i,a)=>{let o=i.displaced.visible[t],d=Boolean(a.inVirtualList&&a.effected[t]),s=Q(i),u=s&&s.draggableId===t?l:null;if(!o){if(!d)return n(u);if(i.displaced.invisible[t])return null;let l=L(a.displacedBy.point),o=e(l.x,l.y);return r(o,u,!0)}if(d)return n(u);let c=i.displacedBy.point,p=e(c.x,c.y);return r(p,u,o.shouldAnimate)},i=(e,t)=>{if(nN(e))return e.critical.draggable.id===t.draggableId?null:l(t.draggableId,e.critical.draggable.id,e.impact,e.afterCritical);if("DROP_ANIMATING"===e.phase){let r=e.completed;return r.result.draggableId===t.draggableId?null:l(t.draggableId,r.result.draggableId,r.impact,r.afterCritical)}return null};return i}(),r=(r,n)=>e(r,n)||t(r,n)||n5;return r},n7=(0,a.$j)(n3,{dropAnimationFinished:tz},null,{context:nu,areStatePropsEqual:(e,t)=>e===t})(nQ);function n6(e){let t=nX(nZ),r=t.isUsingCloneFor;return r!==e.draggableId||e.isClone?n.createElement(n7,e):null}function n8(e){let t="boolean"!=typeof e.isDragDisabled||!e.isDragDisabled,r=Boolean(e.disableInteractiveElementBlocking),l=Boolean(e.shouldRespectForcePress);return n.createElement(n6,(0,c.Z)({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:r,shouldRespectForcePress:l}))}let n9=e=>t=>e===t,le=n9("scroll"),lt=n9("auto");n9("visible");let lr=(e,t)=>t(e.overflowX)||t(e.overflowY),ln=e=>{let t=window.getComputedStyle(e),r={overflowX:t.overflowX,overflowY:t.overflowY};return lr(r,le)||lr(r,lt)},ll=()=>!1,li=e=>null==e?null:e===document.body?ll()?e:null:e===document.documentElement?null:ln(e)?e:li(e.parentElement);var la=e=>({x:e.scrollLeft,y:e.scrollTop});let lo=e=>{if(!e)return!1;let t=window.getComputedStyle(e);return"fixed"===t.position||lo(e.parentElement)};var ld=e=>{let t=li(e),r=lo(e);return{closestScrollable:t,isFixedOnPage:r}},ls=e=>{let{descriptor:t,isEnabled:r,isCombineEnabled:n,isFixedOnPage:l,direction:i,client:a,page:o,closest:d}=e,s=(()=>{if(!d)return null;let{scrollSize:e,client:t}=d,r=rE({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,height:t.paddingBox.height,width:t.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:t,scrollSize:e,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:r,diff:{value:O,displacement:O}}}})(),u="vertical"===i?es:eu,c=V({page:o,withPlaceholder:null,axis:u,frame:s});return{descriptor:t,isCombineEnabled:n,isFixedOnPage:l,axis:u,isEnabled:r,client:a,page:o,frame:s,subject:c}};let lu=(e,t)=>{let r=(0,d.iz)(e);if(!t||e!==t)return r;let n=r.paddingBox.top-t.scrollTop,l=r.paddingBox.left-t.scrollLeft,i=n+t.scrollHeight,a=l+t.scrollWidth,o=(0,d.jn)({top:n,right:a,bottom:i,left:l},r.border),s=(0,d.dO)({borderBox:o,margin:r.margin,border:r.border,padding:r.padding});return s};var lc=e=>{let{ref:t,descriptor:r,env:n,windowScroll:l,direction:i,isDropDisabled:a,isCombineEnabled:o,shouldClipSubject:s}=e,u=n.closestScrollable,c=lu(t,u),p=(0,d.oc)(c,l),f=(()=>{if(!u)return null;let e=(0,d.iz)(u),t={scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth};return{client:e,page:(0,d.oc)(e,l),scroll:la(u),scrollSize:t,shouldClipSubject:s}})(),g=ls({descriptor:r,isEnabled:!a,isCombineEnabled:o,isFixedOnPage:n.isFixedOnPage,direction:i,client:c,page:p,closest:f});return g};let lp={passive:!1},lf={passive:!0};var lg=e=>e.shouldPublishImmediately?lp:lf;let lm=e=>e&&e.env.closestScrollable||null;function lb(){}let lh={width:0,height:0,margin:{top:0,right:0,bottom:0,left:0}},lI=e=>{let{isAnimatingOpenOnMount:t,placeholder:r,animate:n}=e;return t||"close"===n?lh:{height:r.client.borderBox.height,width:r.client.borderBox.width,margin:r.client.margin}},ly=e=>{let{isAnimatingOpenOnMount:t,placeholder:r,animate:n}=e,l=lI({isAnimatingOpenOnMount:t,placeholder:r,animate:n});return{display:r.display,boxSizing:"border-box",width:l.width,height:l.height,marginTop:l.margin.top,marginRight:l.margin.right,marginBottom:l.margin.bottom,marginLeft:l.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:"none"!==n?t0.placeholder:null}},lv=e=>{let t=(0,n.useRef)(null),r=(0,o.I4)(()=>{t.current&&(clearTimeout(t.current),t.current=null)},[]),{animate:l,onTransitionEnd:i,onClose:a,contextId:d}=e,[s,u]=(0,n.useState)("open"===e.animate);(0,n.useEffect)(()=>s?"open"!==l?(r(),u(!1),lb):t.current?lb:(t.current=setTimeout(()=>{t.current=null,u(!1)}),r):lb,[l,s,r]);let c=(0,o.I4)(e=>{"height"===e.propertyName&&(i(),"close"===l&&a())},[l,a,i]),p=ly({isAnimatingOpenOnMount:s,animate:e.animate,placeholder:e.placeholder});return n.createElement(e.placeholder.tagName,{style:p,"data-rfd-placeholder-context-id":d,onTransitionEnd:c,ref:e.innerRef})};var lx=n.memo(lv);function lD(e){return"boolean"==typeof e}function lE(e,t){t.forEach(t=>t(e))}let lA=[function(e){let{props:t}=e;t.droppableId||y(!1),"string"!=typeof t.droppableId&&y(!1)},function(e){let{props:t}=e;lD(t.isDropDisabled)||y(!1),lD(t.isCombineEnabled)||y(!1),lD(t.ignoreContainerClipping)||y(!1)},function(e){let{getDroppableRef:t}=e;nJ(t())}],lN=[function(e){let{props:t,getPlaceholderRef:r}=e;if(!t.placeholder)return;let n=r();if(n)return}],lR=[function(e){let{props:t}=e;t.renderClone||y(!1)},function(e){let{getPlaceholderRef:t}=e;t()&&y(!1)}];class lC extends n.PureComponent{constructor(){super(...arguments),this.state={isVisible:Boolean(this.props.on),data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{"close"===this.state.animate&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(e,t){return e.shouldAnimate?e.on?{isVisible:!0,data:e.on,animate:"open"}:t.isVisible?{isVisible:!0,data:t.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(e.on),data:e.on,animate:"none"}}render(){if(!this.state.isVisible)return null;let e={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(e)}}let lP=e=>{var t;let r=(0,n.useContext)(nb);r||y(!1);let{contextId:i,isMovementAllowed:a}=r,d=(0,n.useRef)(null),c=(0,n.useRef)(null),{children:p,droppableId:f,type:g,mode:m,direction:b,ignoreContainerClipping:h,isDropDisabled:I,isCombineEnabled:v,snapshot:x,useClone:D,updateViewportMaxScroll:E,getContainerForClone:A}=e,N=(0,o.I4)(()=>d.current,[]),R=(0,o.I4)(function(e){void 0===e&&(e=null),d.current=e},[]),C=(0,o.I4)(()=>c.current,[]),P=(0,o.I4)(function(e){void 0===e&&(e=null),c.current=e},[]);t={props:e,getDroppableRef:N,getPlaceholderRef:C},()=>{lE(t,lA),"standard"===t.props.mode&&lE(t,lN),"virtual"===t.props.mode&&lE(t,lR)};let w=(0,o.I4)(()=>{a()&&E({maxScroll:rN()})},[a,E]);!function(e){let t=(0,n.useRef)(null),r=nX(nb),l=nm("droppable"),{registry:i,marshal:a}=r,d=nA(e),c=(0,o.Ye)(()=>({id:e.droppableId,type:e.type,mode:e.mode}),[e.droppableId,e.mode,e.type]),p=(0,n.useRef)(c),f=(0,o.Ye)(()=>(0,s.Z)((e,r)=>{t.current||y(!1),a.updateDroppableScroll(c.id,{x:e,y:r})}),[c.id,a]),g=(0,o.I4)(()=>{let e=t.current;return e&&e.env.closestScrollable?la(e.env.closestScrollable):O},[]),m=(0,o.I4)(()=>{let e=g();f(e.x,e.y)},[g,f]),b=(0,o.Ye)(()=>(0,u.Z)(m),[m]),h=(0,o.I4)(()=>{let e=t.current,r=lm(e);e&&r||y(!1);let n=e.scrollOptions;if(n.shouldPublishImmediately){m();return}b()},[b,m]),I=(0,o.I4)((e,n)=>{t.current&&y(!1);let l=d.current,i=l.getDroppableRef();i||y(!1);let a=ld(i),o={ref:i,descriptor:c,env:a,scrollOptions:n};t.current=o;let s=lc({ref:i,descriptor:c,env:a,windowScroll:e,direction:l.direction,isDropDisabled:l.isDropDisabled,isCombineEnabled:l.isCombineEnabled,shouldClipSubject:!l.ignoreContainerClipping}),u=a.closestScrollable;return u&&(u.setAttribute(r8.contextId,r.contextId),u.addEventListener("scroll",h,lg(o.scrollOptions))),s},[r.contextId,c,h,d]),v=(0,o.I4)(()=>{let e=t.current,r=lm(e);return e&&r||y(!1),la(r)},[]),x=(0,o.I4)(()=>{let e=t.current;e||y(!1);let r=lm(e);t.current=null,r&&(b.cancel(),r.removeAttribute(r8.contextId),r.removeEventListener("scroll",h,lg(e.scrollOptions)))},[h,b]),D=(0,o.I4)(e=>{let r=t.current;r||y(!1);let n=lm(r);n||y(!1),n.scrollTop+=e.y,n.scrollLeft+=e.x},[]),E=(0,o.Ye)(()=>({getDimensionAndWatchScroll:I,getScrollWhileDragging:v,dragStopped:x,scroll:D}),[x,I,v,D]),A=(0,o.Ye)(()=>({uniqueId:l,descriptor:c,callbacks:E}),[E,c,l]);nr(()=>(p.current=A.descriptor,i.droppable.register(A),()=>{t.current&&x(),i.droppable.unregister(A)}),[E,c,x,A,a,i.droppable]),nr(()=>{t.current&&a.updateDroppableIsEnabled(p.current.id,!e.isDropDisabled)},[e.isDropDisabled,a]),nr(()=>{t.current&&a.updateDroppableIsCombineEnabled(p.current.id,e.isCombineEnabled)},[e.isCombineEnabled,a])}({droppableId:f,type:g,mode:m,direction:b,isDropDisabled:I,isCombineEnabled:v,ignoreContainerClipping:h,getDroppableRef:N});let B=(0,o.Ye)(()=>n.createElement(lC,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},e=>{let{onClose:t,data:r,animate:l}=e;return n.createElement(lx,{placeholder:r,onClose:t,innerRef:P,animate:l,contextId:i,onTransitionEnd:w})}),[i,w,e.placeholder,e.shouldAnimatePlaceholder,P]),S=(0,o.Ye)(()=>({innerRef:R,placeholder:B,droppableProps:{"data-rfd-droppable-id":f,"data-rfd-droppable-context-id":i}}),[i,f,B,R]),G=D?D.dragging.draggableId:null,L=(0,o.Ye)(()=>({droppableId:f,type:g,isUsingCloneFor:G}),[f,G,g]);return n.createElement(nZ.Provider,{value:L},p(S,x),function(){if(!D)return null;let{dragging:e,render:t}=D,r=n.createElement(n6,{draggableId:e.draggableId,index:e.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(r,n)=>t(r,n,e));return l.createPortal(r,A())}())},lw={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:function(){return document.body||y(!1),document.body}},lO=e=>{let t,r={...e};for(t in lw)void 0===e[t]&&(r={...r,[t]:lw[t]});return r},lB=(e,t)=>e===t.droppable.type,lS=(e,t)=>t.draggables[e.draggable.id],lG=()=>{let e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},r=(0,s.Z)(e=>({draggableId:e.id,type:e.type,source:{index:e.index,droppableId:e.droppableId}})),n=(0,s.Z)((n,l,i,a,o,d)=>{let s=o.descriptor.id,u=o.descriptor.droppableId===n;if(u){let e=d?{render:d,dragging:r(o.descriptor)}:null;return{placeholder:o.placeholder,shouldAnimatePlaceholder:!1,snapshot:{isDraggingOver:i,draggingOverWith:i?s:null,draggingFromThisWith:s,isUsingPlaceholder:!0},useClone:e}}return l?a?{placeholder:o.placeholder,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:i,draggingOverWith:s,draggingFromThisWith:null,isUsingPlaceholder:!0},useClone:null}:e:t}),l=(r,l)=>{let i=lO(l),a=i.droppableId,o=i.type,d=!i.isDropDisabled,s=i.renderClone;if(nN(r)){let e=r.critical;if(!lB(o,e))return t;let l=lS(e,r.dimensions),i=e5(r.impact)===a;return n(a,d,i,i,l,s)}if("DROP_ANIMATING"===r.phase){let e=r.completed;if(!lB(o,e.critical))return t;let l=lS(e.critical,r.dimensions);return n(a,d,n0(e.result)===a,e5(e.impact)===a,l,s)}if("IDLE"===r.phase&&r.completed&&!r.shouldFlush){let n=r.completed;if(!lB(o,n.critical))return t;let l=e5(n.impact)===a,i=Boolean(n.impact.at&&"COMBINE"===n.impact.at.type),d=n.critical.droppable.id===a;if(l)return i?e:t;if(d)return e}return t};return l},lL=(0,a.$j)(lG,{updateViewportMaxScroll:tM},(e,t,r)=>({...lO(r),...e,...t}),{context:nu,areStatePropsEqual:(e,t)=>e===t})(lP);var lT=lL}}]); \ No newline at end of file diff --git a/_next/static/chunks/4039-ad1c33a04f9417e5.js b/_next/static/chunks/4039-ad1c33a04f9417e5.js new file mode 100644 index 00000000000..32d9a7c125a --- /dev/null +++ b/_next/static/chunks/4039-ad1c33a04f9417e5.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4039],{24691:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("arrows-maximize","IconArrowsMaximize",[["path",{d:"M16 4l4 0l0 4",key:"svg-0"}],["path",{d:"M14 10l6 -6",key:"svg-1"}],["path",{d:"M8 20l-4 0l0 -4",key:"svg-2"}],["path",{d:"M4 20l6 -6",key:"svg-3"}],["path",{d:"M16 20l4 0l0 -4",key:"svg-4"}],["path",{d:"M14 14l6 6",key:"svg-5"}],["path",{d:"M8 4l-4 0l0 4",key:"svg-6"}],["path",{d:"M4 4l6 6",key:"svg-7"}]])},29594:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("bold","IconBold",[["path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7h-6z",key:"svg-0"}],["path",{d:"M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7",key:"svg-1"}]])},49631:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("clock","IconClock",[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 7v5l3 3",key:"svg-1"}]])},11773:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("hand-off","IconHandOff",[["path",{d:"M3 3l18 18",key:"svg-0"}],["path",{d:"M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75",key:"svg-1"}]])},5306:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("lifebuoy","IconLifebuoy",[["path",{d:"M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",key:"svg-0"}],["path",{d:"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-1"}],["path",{d:"M15 15l3.35 3.35",key:"svg-2"}],["path",{d:"M9 15l-3.35 3.35",key:"svg-3"}],["path",{d:"M5.65 5.65l3.35 3.35",key:"svg-4"}],["path",{d:"M18.35 5.65l-3.35 3.35",key:"svg-5"}]])},44235:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("maximize","IconMaximize",[["path",{d:"M4 8v-2a2 2 0 0 1 2 -2h2",key:"svg-0"}],["path",{d:"M4 16v2a2 2 0 0 0 2 2h2",key:"svg-1"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v2",key:"svg-2"}],["path",{d:"M16 20h2a2 2 0 0 0 2 -2v-2",key:"svg-3"}]])},2013:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("message-circle","IconMessageCircle",[["path",{d:"M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1",key:"svg-0"}]])},82093:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("moon-stars","IconMoonStars",[["path",{d:"M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z",key:"svg-0"}],["path",{d:"M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2",key:"svg-1"}],["path",{d:"M19 11h2m-1 -1v2",key:"svg-2"}]])},17339:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("photo","IconPhoto",[["path",{d:"M15 8h.01",key:"svg-0"}],["path",{d:"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z",key:"svg-1"}],["path",{d:"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5",key:"svg-2"}],["path",{d:"M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3",key:"svg-3"}]])},55256:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("resize","IconResize",[["path",{d:"M4 11v8a1 1 0 0 0 1 1h8m-9 -14v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1",key:"svg-0"}],["path",{d:"M4 12h7a1 1 0 0 1 1 1v7",key:"svg-1"}]])},84530:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("rocket","IconRocket",[["path",{d:"M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3",key:"svg-0"}],["path",{d:"M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3",key:"svg-1"}],["path",{d:"M15 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]])},17578:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("scale","IconScale",[["path",{d:"M7 20l10 0",key:"svg-0"}],["path",{d:"M6 6l6 -1l6 1",key:"svg-1"}],["path",{d:"M12 3l0 17",key:"svg-2"}],["path",{d:"M9 12l-3 -6l-3 6a3 3 0 0 0 6 0",key:"svg-3"}],["path",{d:"M21 12l-3 -6l-3 6a3 3 0 0 0 6 0",key:"svg-4"}]])},33111:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("settings","IconSettings",[["path",{d:"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z",key:"svg-0"}],["path",{d:"M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0",key:"svg-1"}]])},38982:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("slideshow","IconSlideshow",[["path",{d:"M15 6l.01 0",key:"svg-0"}],["path",{d:"M3 3m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z",key:"svg-1"}],["path",{d:"M3 13l4 -4a3 5 0 0 1 3 0l4 4",key:"svg-2"}],["path",{d:"M13 12l2 -2a3 5 0 0 1 3 0l3 3",key:"svg-3"}],["path",{d:"M8 21l.01 0",key:"svg-4"}],["path",{d:"M12 21l.01 0",key:"svg-5"}],["path",{d:"M16 21l.01 0",key:"svg-6"}]])},3048:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("stack-2","IconStack2",[["path",{d:"M12 4l-8 4l8 4l8 -4l-8 -4",key:"svg-0"}],["path",{d:"M4 12l8 4l8 -4",key:"svg-1"}],["path",{d:"M4 16l8 4l8 -4",key:"svg-2"}]])},64738:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("sun","IconSun",[["path",{d:"M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",key:"svg-0"}],["path",{d:"M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7",key:"svg-1"}]])},27484:function(t){var e,n,r,s,i,a,u,o,c,f,h,d,l,v,g,$,y,M,p,m,k;t.exports=(e="millisecond",n="second",r="minute",s="hour",i="week",a="month",u="quarter",o="year",c="date",f="Invalid Date",h=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,d=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,l=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},(g={})[v="en"]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||"th")+"]"}},$=function(t){return t instanceof m},y=function t(e,n,r){var s;if(!e)return v;if("string"==typeof e){var i=e.toLowerCase();g[i]&&(s=i),n&&(g[i]=n,s=i);var a=e.split("-");if(!s&&a.length>1)return t(a[0])}else{var u=e.name;g[u]=e,s=u}return!r&&s&&(v=s),s||!r&&v},M=function(t,e){if($(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new m(n)},(p={s:l,z:function(t){var e=-t.utcOffset(),n=Math.abs(e);return(e<=0?"+":"-")+l(Math.floor(n/60),2,"0")+":"+l(n%60,2,"0")},m:function t(e,n){if(e.date()=e?t:""+Array(e+1-r.length).join(n)+t},(g={})[v="en"]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},$=function(t){return t instanceof m},y=function(t,e,n){var r;if(!t)return v;if("string"==typeof t)g[t]&&(r=t),e&&(g[t]=e,r=t);else{var s=t.name;g[s]=t,r=s}return!n&&r&&(v=r),r||!n&&v},M=function(t,e){if($(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new m(n)},(p={s:l,z:function(t){var e=-t.utcOffset(),n=Math.abs(e);return(e<=0?"+":"-")+l(Math.floor(n/60),2,"0")+":"+l(n%60,2,"0")},m:function t(e,n){if(e.date()=0&&(i[h]=parseInt(f,10))}var d=i[3],l=i[0]+"-"+i[1]+"-"+i[2]+" "+(24===d?0:d)+":"+i[4]+":"+i[5]+":000",v=+t;return(s.utc(l).valueOf()-(v-=v%1e3))/6e4},o=r.prototype;o.tz=function(t,e){void 0===t&&(t=i);var n=this.utcOffset(),r=this.toDate(),a=r.toLocaleString("en-US",{timeZone:t}),u=Math.round((r-new Date(a))/1e3/60),o=s(a).$set("millisecond",this.$ms).utcOffset(-(15*Math.round(r.getTimezoneOffset()/15))-u,!0);if(e){var c=o.utcOffset();o=o.add(n-c,"minute")}return o.$x.$timezone=t,o},o.offsetName=function(t){var e=this.$x.$timezone||s.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find(function(t){return"timezonename"===t.type.toLowerCase()});return n&&n.value};var c=o.startOf;o.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return c.call(this,t,e);var n=s(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return c.call(n,t,e).tz(this.$x.$timezone,!0)},s.tz=function(t,e,n){var r=n||e||i,a=u(+s(),r);if("string"!=typeof t)return s(t).tz(r);var o=function(t,e,n){var r=t-60*e*1e3,s=u(r,n);if(e===s)return[r,e];var i=u(r-=60*(s-e)*1e3,n);return s===i?[r,s]:[t-60*Math.min(s,i)*1e3,Math.max(s,i)]}(s.utc(t,n&&e).valueOf(),a,r),c=o[0],f=o[1],h=s(c).utcOffset(f);return h.$x.$timezone=r,h},s.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},s.tz.setDefault=function(t){i=t}})},96600:function(t){var e,n,r;t.exports=(e="minute",n=/[+-]\d\d(?::?\d\d)?/g,r=/([+-]|\d\d)/g,function(t,s,i){var a=s.prototype;i.utc=function(t){var e={date:t,utc:!0,args:arguments};return new s(e)},a.utc=function(t){var n=i(this.toDate(),{locale:this.$L,utc:!0});return t?n.add(this.utcOffset(),e):n},a.local=function(){return i(this.toDate(),{locale:this.$L,utc:!1})};var u=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),u.call(this,t)};var o=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else o.call(this)};var c=a.utcOffset;a.utcOffset=function(t,s){var i=this.$utils().u;if(i(t))return this.$u?0:i(this.$offset)?c.call(this):this.$offset;if("string"==typeof t&&null===(t=function(t){void 0===t&&(t="");var e=t.match(n);if(!e)return null;var s=(""+e[0]).match(r)||["-",0,0],i=s[0],a=60*+s[1]+ +s[2];return 0===a?0:"+"===i?a:-a}(t)))return this;var a=16>=Math.abs(t)?60*t:t,u=this;if(s)return u.$offset=a,u.$u=0===t,u;if(0!==t){var o=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(u=this.local().add(a+o,e)).$offset=a,u.$x.$localOffset=o}else u=this.utc();return u};var f=a.format;a.format=function(t){var e=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return f.call(this,e)},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var h=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?i(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():h.call(this)};var d=a.diff;a.diff=function(t,e,n){if(t&&this.$u===t.$u)return d.call(this,t,e,n);var r=this.local(),s=i(t).local();return d.call(r,s,e,n)}})},66471:function(t){"use strict";t.exports=function t(e,n){if(e===n)return!0;if(e&&n&&"object"==typeof e&&"object"==typeof n){if(e.constructor!==n.constructor)return!1;if(Array.isArray(e)){if((r=e.length)!=n.length)return!1;for(s=r;0!=s--;)if(!t(e[s],n[s]))return!1;return!0}if(e.constructor===RegExp)return e.source===n.source&&e.flags===n.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===n.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===n.toString();if((r=(i=Object.keys(e)).length)!==Object.keys(n).length)return!1;for(s=r;0!=s--;)if(!Object.prototype.hasOwnProperty.call(n,i[s]))return!1;for(s=r;0!=s--;){var r,s,i,a=i[s];if(!t(e[a],n[a]))return!1}return!0}return e!=e&&n!=n}},28380:function(t,e,n){"use strict";function r(t,e,n){"object"==typeof n.value&&(n.value=s(n.value)),n.enumerable&&!n.get&&!n.set&&n.configurable&&n.writable&&"__proto__"!==e?t[e]=n.value:Object.defineProperty(t,e,n)}function s(t){if("object"!=typeof t)return t;var e,n,i,a=0,u=Object.prototype.toString.call(t);if("[object Object]"===u?i=Object.create(t.__proto__||null):"[object Array]"===u?i=Array(t.length):"[object Set]"===u?(i=new Set,t.forEach(function(t){i.add(s(t))})):"[object Map]"===u?(i=new Map,t.forEach(function(t,e){i.set(s(e),s(t))})):"[object Date]"===u?i=new Date(+t):"[object RegExp]"===u?i=RegExp(t.source,t.flags):"[object DataView]"===u?i=new t.constructor(s(t.buffer)):"[object ArrayBuffer]"===u?i=t.slice(0):"Array]"===u.slice(-6)&&(i=new t.constructor(t)),i){for(n=Object.getOwnPropertySymbols(t);at.indexOf(n)&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,n=Object.getOwnPropertySymbols(e);at.indexOf(n[a])&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]]);return r}function i(){}function l(e){return!!(e||"").match(/\d/)}function s(e){return null==e}function c(e){return s(e)||"number"==typeof e&&isNaN(e)||"number"==typeof e&&!isFinite(e)}function f(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function v(e,t){void 0===t&&(t=!0);var r="-"===e[0],n=r&&t,a=(e=e.replace("-","")).split(".");return{beforeDecimal:a[0],afterDecimal:a[1]||"",hasNegation:r,addNegation:n}}function d(e,t,r){for(var n="",a=r?"0":"",o=0;o<=t-1;o++)n+=e[o]||a;return n}function g(e,t){return Array(t+1).join(e)}function p(e){var t=e+"",r="-"===t[0]?"-":"";r&&(t=t.substring(1));var n=t.split(/[eE]/g),a=n[0],o=n[1];if(!(o=Number(o)))return r+a;a=a.replace(".","");var u=1+o,i=a.length;return u<0?a="0."+g("0",Math.abs(u))+a:u>=i?a+=g("0",u-i):a=(a.substring(0,u)||"0")+"."+a.substring(u),r+a}function h(e,t,r){if(-1!==["","-"].indexOf(e))return e;var n=(-1!==e.indexOf(".")||r)&&t,a=v(e),o=a.beforeDecimal,u=a.afterDecimal,i=a.hasNegation,l=parseFloat("0."+(u||"0")),s=(u.length<=t?"0."+u:l.toFixed(t)).split(".");return(i?"-":"")+o.split("").reverse().reduce(function(e,t,r){return e.length>r?(Number(e[0])+Number(t)).toString()+e.substring(1,e.length):t+e},s[0])+(n?".":"")+d(s[1]||"",t,r)}function m(e,t){if(e.value=e.value,null!==e){if(e.createTextRange){var r=e.createTextRange();return r.move("character",t),r.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(t,t),!0):(e.focus(),!1)}}function y(e,t){for(var r=0,n=0,a=e.length,o=t.length;e[r]===t[r]&&rr&&a-n>r;)n++;return{from:{start:r,end:a-n},to:{start:r,end:o-n}}}function S(e){return Math.max(e.selectionStart,e.selectionEnd)}function b(e,t,r,n){var a=e.length;if(t=Math.min(Math.max(t,0),a),"left"===n){for(;t>=0&&!r[t];)t--;-1===t&&(t=r.indexOf(!0))}else{for(;t<=a&&!r[t];)t++;t>a&&(t=r.lastIndexOf(!0))}return -1===t&&(t=a),t}function w(e){for(var t=Array.from({length:e.length+1}).map(function(){return!0}),r=0,n=t.length;r0&&-1===g[m];)m--;var b=-1===m||-1===g[m]?0:g[m]+1;return b>S?S:n-bE.length-c.length||OT?I=m:m>e.length-c.length&&(I=m),e=e.substring(0,I),void 0===(n=M?"-"+e:e)&&(n=""),a=RegExp("(-)(.)*(-)"),o=/(-)/.test(n),u=a.test(n),n=n.replace(/-/g,""),o&&!u&&i&&(n="-"+n);var B=(e=((e=n).match(RegExp("(^-)|[0-9]|"+f(b),"g"))||[]).join("")).indexOf(b),j=v(e=e.replace(RegExp(f(b),"g"),function(e,t){return t===B?".":""}),i),R=j.beforeDecimal,Z=j.afterDecimal,F=j.addNegation;return p.end-p.startt in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&m(e,r,t[r]);if(u)for(var r of u(t))f.call(t,r)&&m(e,r,t[r]);return e},O=(e,t)=>b(e,p(t));function v({onKeyDown:e,withKeyboardNavigation:t,withAriaAttributes:r,withExpandedAttribute:n,targetType:a}){let l=i(),[c,s]=(0,o.useState)(null),b=r=>{null==e||e(r),!l.readOnly&&t&&("ArrowDown"===r.nativeEvent.code&&(r.preventDefault(),l.store.dropdownOpened?s(l.store.selectNextOption()):(l.store.openDropdown("keyboard"),s(l.store.selectActiveOption()))),"ArrowUp"===r.nativeEvent.code&&(r.preventDefault(),l.store.dropdownOpened?s(l.store.selectPreviousOption()):(l.store.openDropdown("keyboard"),s(l.store.selectActiveOption()))),"Enter"===r.nativeEvent.code&&(l.store.dropdownOpened?(r.preventDefault(),l.store.clickSelectedOption()):"button"===a&&(r.preventDefault(),l.store.openDropdown("keyboard"))),"Escape"===r.nativeEvent.code&&l.store.closeDropdown("keyboard"),"Space"===r.nativeEvent.code&&"button"===a&&(r.preventDefault(),l.store.toggleDropdown("keyboard")))},p=r?{"aria-haspopup":"listbox","aria-expanded":n&&!!(l.store.listId&&l.store.dropdownOpened)||void 0,"aria-controls":l.store.listId,"aria-activedescendant":l.store.dropdownOpened&&c||void 0,autoComplete:"off","data-expanded":!!l.store.dropdownOpened||void 0}:{};return O(y({},p),{onKeyDown:b})}var w=r(84131),x=r(3154),g=r(30370),h=r(12322),j=Object.defineProperty,P=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,D=(e,t)=>{for(var r in t||(t={}))C.call(t,r)&&S(e,r,t[r]);if(P)for(var r of P(t))E.call(t,r)&&S(e,r,t[r]);return e},A=(e,t)=>{var r={};for(var o in e)C.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&P)for(var o of P(e))0>t.indexOf(o)&&E.call(e,o)&&(r[o]=e[o]);return r};let N={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1},k=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxTarget",N,e),{children:n,refProp:a,withKeyboardNavigation:l,withAriaAttributes:s,withExpandedAttribute:b,targetType:p}=r,u=A(r,["children","refProp","withKeyboardNavigation","withAriaAttributes","withExpandedAttribute","targetType"]);if(!(0,h.k)(n))throw Error("Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");let d=i(),f=v({targetType:p,withAriaAttributes:s,withKeyboardNavigation:l,withExpandedAttribute:b,onKeyDown:n.props.onKeyDown}),m=(0,o.cloneElement)(n,D(D({},f),u));return o.createElement(w.J.Target,{ref:(0,c.Yx)(t,d.store.targetRef)},m)});k.displayName="@mantine/core/ComboboxTarget";var I=r(77331),T=Object.defineProperty,K=Object.defineProperties,R=Object.getOwnPropertyDescriptors,Z=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,$=(e,t,r)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,z=(e,t)=>{for(var r in t||(t={}))M.call(t,r)&&$(e,r,t[r]);if(Z)for(var r of Z(t))q.call(t,r)&&$(e,r,t[r]);return e},_=(e,t)=>K(e,R(t)),F=(e,t)=>{var r={};for(var o in e)M.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&Z)for(var o of Z(e))0>t.indexOf(o)&&q.call(e,o)&&(r[o]=e[o]);return r};let H={},B=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxDropdown",H,e),{classNames:n,styles:a,className:l,style:c,hidden:s}=r,b=F(r,["classNames","styles","className","style","hidden"]),p=i();return o.createElement(w.J.Dropdown,z(_(z({},b),{ref:t,role:"presentation","data-hidden":s||void 0}),p.getStyles("dropdown",{className:l,style:c,classNames:n,styles:a})))});B.classes=I.Z,B.displayName="@mantine/core/ComboboxDropdown";var J=r(9779),G=r(81110),V=Object.defineProperty,Y=Object.defineProperties,L=Object.getOwnPropertyDescriptors,U=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ee=(e,t)=>{for(var r in t||(t={}))Q.call(t,r)&&X(e,r,t[r]);if(U)for(var r of U(t))W.call(t,r)&&X(e,r,t[r]);return e},et=(e,t)=>Y(e,L(t)),er=(e,t)=>{var r={};for(var o in e)Q.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&U)for(var o of U(e))0>t.indexOf(o)&&W.call(e,o)&&(r[o]=e[o]);return r};let eo={},en=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxOptions",eo,e),{classNames:n,className:a,style:l,styles:c,id:s,onMouseDown:b,labelledBy:p}=r,u=er(r,["classNames","className","style","styles","id","onMouseDown","labelledBy"]),d=i(),f=(0,J.M)(s);return(0,o.useEffect)(()=>{d.store.setListId(f)},[f]),o.createElement(G.x,et(ee(ee({ref:t},d.getStyles("options",{className:a,style:l,classNames:n,styles:c})),u),{id:f,role:"listbox","aria-labelledby":p,onMouseDown:e=>{e.preventDefault(),null==b||b(e)}}))});en.classes=I.Z,en.displayName="@mantine/core/ComboboxOptions";var ea=Object.defineProperty,el=Object.defineProperties,ei=Object.getOwnPropertyDescriptors,ec=Object.getOwnPropertySymbols,es=Object.prototype.hasOwnProperty,eb=Object.prototype.propertyIsEnumerable,ep=(e,t,r)=>t in e?ea(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eu=(e,t)=>{for(var r in t||(t={}))es.call(t,r)&&ep(e,r,t[r]);if(ec)for(var r of ec(t))eb.call(t,r)&&ep(e,r,t[r]);return e},ed=(e,t)=>el(e,ei(t)),ef=(e,t)=>{var r={};for(var o in e)es.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&ec)for(var o of ec(e))0>t.indexOf(o)&&eb.call(e,o)&&(r[o]=e[o]);return r};let em={},ey=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxOption",em,e),{classNames:n,className:a,style:l,styles:c,vars:s,onClick:b,id:p,active:u,onMouseDown:d,onMouseOver:f,disabled:m,selected:y}=r,O=ef(r,["classNames","className","style","styles","vars","onClick","id","active","onMouseDown","onMouseOver","disabled","selected"]),v=i(),w=(0,o.useId)();return o.createElement(G.x,ed(eu(eu({},v.getStyles("option",{className:a,classNames:n,styles:c,style:l})),O),{ref:t,id:p||w,mod:["combobox-option",{"combobox-active":u,"combobox-disabled":m,"combobox-selected":y}],role:"option",onClick:e=>{var t;m?e.preventDefault():(null==(t=v.onOptionSubmit)||t.call(v,r.value,r),null==b||b(e))},onMouseDown:e=>{e.preventDefault(),null==d||d(e)},onMouseOver:e=>{v.resetSelectionOnOptionHover&&v.store.resetSelectedOption(),null==f||f(e)}}))});ey.classes=I.Z,ey.displayName="@mantine/core/ComboboxOption";var eO=r(52561),ev=Object.defineProperty,ew=Object.defineProperties,ex=Object.getOwnPropertyDescriptors,eg=Object.getOwnPropertySymbols,eh=Object.prototype.hasOwnProperty,ej=Object.prototype.propertyIsEnumerable,eP=(e,t,r)=>t in e?ev(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eC=(e,t)=>{for(var r in t||(t={}))eh.call(t,r)&&eP(e,r,t[r]);if(eg)for(var r of eg(t))ej.call(t,r)&&eP(e,r,t[r]);return e},eE=(e,t)=>ew(e,ex(t)),eS=(e,t)=>{var r={};for(var o in e)eh.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&eg)for(var o of eg(e))0>t.indexOf(o)&&ej.call(e,o)&&(r[o]=e[o]);return r};let eD={withAriaAttributes:!0,withKeyboardNavigation:!0},eA=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxSearch",eD,e),{classNames:n,styles:a,unstyled:l,vars:s,withAriaAttributes:b,onKeyDown:p,withKeyboardNavigation:u,size:d}=r,f=eS(r,["classNames","styles","unstyled","vars","withAriaAttributes","onKeyDown","withKeyboardNavigation","size"]),m=i(),y=m.getStyles("search"),O=v({targetType:"input",withAriaAttributes:b,withKeyboardNavigation:u,withExpandedAttribute:!1,onKeyDown:p});return o.createElement(eO.I,eE(eC(eC({ref:(0,c.Yx)(t,m.store.searchRef),classNames:[{input:y.className},n],styles:[{input:y.style},a],size:d||m.size},O),f),{__staticSelector:"Combobox"}))});eA.classes=I.Z,eA.displayName="@mantine/core/ComboboxSearch";var eN=Object.defineProperty,ek=Object.getOwnPropertySymbols,eI=Object.prototype.hasOwnProperty,eT=Object.prototype.propertyIsEnumerable,eK=(e,t,r)=>t in e?eN(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eR=(e,t)=>{for(var r in t||(t={}))eI.call(t,r)&&eK(e,r,t[r]);if(ek)for(var r of ek(t))eT.call(t,r)&&eK(e,r,t[r]);return e},eZ=(e,t)=>{var r={};for(var o in e)eI.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&ek)for(var o of ek(e))0>t.indexOf(o)&&eT.call(e,o)&&(r[o]=e[o]);return r};let eM={},eq=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxEmpty",eM,e),{classNames:n,className:a,style:l,styles:c,vars:s}=r,b=eZ(r,["classNames","className","style","styles","vars"]),p=i();return o.createElement(G.x,eR(eR({ref:t},p.getStyles("empty",{className:a,classNames:n,styles:c,style:l})),b))});eq.classes=I.Z,eq.displayName="@mantine/core/ComboboxEmpty";var e$=r(63017),ez=Object.defineProperty,e_=Object.getOwnPropertySymbols,eF=Object.prototype.hasOwnProperty,eH=Object.prototype.propertyIsEnumerable,eB=(e,t,r)=>t in e?ez(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eJ=(e,t)=>{for(var r in t||(t={}))eF.call(t,r)&&eB(e,r,t[r]);if(e_)for(var r of e_(t))eH.call(t,r)&&eB(e,r,t[r]);return e},eG=(e,t)=>{var r={};for(var o in e)eF.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&e_)for(var o of e_(e))0>t.indexOf(o)&&eH.call(e,o)&&(r[o]=e[o]);return r};let eV={},eY=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxFooter",eV,e),{classNames:n,className:a,style:l,styles:c,vars:s}=r,b=eG(r,["classNames","className","style","styles","vars"]),p=i();return o.createElement(G.x,eJ(eJ({ref:t},p.getStyles("footer",{className:a,classNames:n,style:l,styles:c})),b))});eY.classes=I.Z,eY.displayName="@mantine/core/ComboboxFooter";var eL=Object.defineProperty,eU=Object.getOwnPropertySymbols,eQ=Object.prototype.hasOwnProperty,eW=Object.prototype.propertyIsEnumerable,eX=(e,t,r)=>t in e?eL(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e0=(e,t)=>{for(var r in t||(t={}))eQ.call(t,r)&&eX(e,r,t[r]);if(eU)for(var r of eU(t))eW.call(t,r)&&eX(e,r,t[r]);return e},e1=(e,t)=>{var r={};for(var o in e)eQ.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&eU)for(var o of eU(e))0>t.indexOf(o)&&eW.call(e,o)&&(r[o]=e[o]);return r};let e6={},e3=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxHeader",e6,e),{classNames:n,className:a,style:l,styles:c,vars:s}=r,b=e1(r,["classNames","className","style","styles","vars"]),p=i();return o.createElement(G.x,e0(e0({ref:t},p.getStyles("header",{className:a,classNames:n,style:l,styles:c})),b))});e3.classes=I.Z,e3.displayName="@mantine/core/ComboboxHeader";var e4=Object.defineProperty,e8=Object.defineProperties,e7=Object.getOwnPropertyDescriptors,e2=Object.getOwnPropertySymbols,e9=Object.prototype.hasOwnProperty,e5=Object.prototype.propertyIsEnumerable,te=(e,t,r)=>t in e?e4(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tt=(e,t)=>{for(var r in t||(t={}))e9.call(t,r)&&te(e,r,t[r]);if(e2)for(var r of e2(t))e5.call(t,r)&&te(e,r,t[r]);return e},tr=(e,t)=>e8(e,e7(t)),to=(e,t)=>{var r={};for(var o in e)e9.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&e2)for(var o of e2(e))0>t.indexOf(o)&&e5.call(e,o)&&(r[o]=e[o]);return r};let tn={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1},ta=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxEventsTarget",tn,e),{children:n,refProp:a,withKeyboardNavigation:l,withAriaAttributes:s,withExpandedAttribute:b,targetType:p}=r,u=to(r,["children","refProp","withKeyboardNavigation","withAriaAttributes","withExpandedAttribute","targetType"]);if(!(0,h.k)(n))throw Error("Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");let d=i(),f=v({targetType:p,withAriaAttributes:s,withKeyboardNavigation:l,withExpandedAttribute:b,onKeyDown:n.props.onKeyDown});return(0,o.cloneElement)(n,tr(tt(tt({},f),u),{[a]:(0,c.Yx)(t,d.store.targetRef,null==n?void 0:n.ref)}))});ta.displayName="@mantine/core/ComboboxEventsTarget";let tl={refProp:"ref"},ti=(0,x.d)((e,t)=>{let{children:r,refProp:n}=(0,g.w)("ComboboxDropdownTarget",tl,e);if(i(),!(0,h.k)(r))throw Error("Combobox.DropdownTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");return o.createElement(w.J.Target,{ref:t,refProp:n},r)});ti.displayName="@mantine/core/ComboboxDropdownTarget";var tc=Object.defineProperty,ts=Object.getOwnPropertySymbols,tb=Object.prototype.hasOwnProperty,tp=Object.prototype.propertyIsEnumerable,tu=(e,t,r)=>t in e?tc(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,td=(e,t)=>{for(var r in t||(t={}))tb.call(t,r)&&tu(e,r,t[r]);if(ts)for(var r of ts(t))tp.call(t,r)&&tu(e,r,t[r]);return e},tf=(e,t)=>{var r={};for(var o in e)tb.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&ts)for(var o of ts(e))0>t.indexOf(o)&&tp.call(e,o)&&(r[o]=e[o]);return r};let tm={},ty=(0,x.d)((e,t)=>{let r=(0,g.w)("ComboboxGroup",tm,e),{classNames:n,className:a,style:l,styles:c,vars:s,children:b,label:p}=r,u=tf(r,["classNames","className","style","styles","vars","children","label"]),d=i();return o.createElement(G.x,td(td({ref:t},d.getStyles("group",{className:a,classNames:n,style:l,styles:c})),u),p&&o.createElement("div",td({},d.getStyles("groupLabel",{classNames:n,styles:c})),p),b)});ty.classes=I.Z,ty.displayName="@mantine/core/ComboboxGroup";var tO=r(76198),tv=Object.defineProperty,tw=Object.defineProperties,tx=Object.getOwnPropertyDescriptors,tg=Object.getOwnPropertySymbols,th=Object.prototype.hasOwnProperty,tj=Object.prototype.propertyIsEnumerable,tP=(e,t,r)=>t in e?tv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tC=(e,t)=>{for(var r in t||(t={}))th.call(t,r)&&tP(e,r,t[r]);if(tg)for(var r of tg(t))tj.call(t,r)&&tP(e,r,t[r]);return e},tE=(e,t)=>tw(e,tx(t)),tS=(e,t)=>{var r={};for(var o in e)th.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&tg)for(var o of tg(e))0>t.indexOf(o)&&tj.call(e,o)&&(r[o]=e[o]);return r};let tD=(0,o.forwardRef)((e,t)=>{var{size:r,onMouseDown:n,onClick:a,onClear:l}=e,i=tS(e,["size","onMouseDown","onClick","onClear"]);return o.createElement(tO.P,tE(tC({ref:t,size:r||"sm",variant:"transparent",tabIndex:-1,"aria-hidden":!0},i),{onMouseDown:e=>{e.preventDefault(),null==n||n(e)},onClick:e=>{l(),null==a||a(e)}}))});tD.displayName="@mantine/core/ComboboxClearButton";var tA=r(86109),tN=r(8586),tk=r(48468),tI=r(72622),tT=Object.defineProperty,tK=Object.defineProperties,tR=Object.getOwnPropertyDescriptors,tZ=Object.getOwnPropertySymbols,tM=Object.prototype.hasOwnProperty,tq=Object.prototype.propertyIsEnumerable,t$=(e,t,r)=>t in e?tT(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tz=(e,t)=>{for(var r in t||(t={}))tM.call(t,r)&&t$(e,r,t[r]);if(tZ)for(var r of tZ(t))tq.call(t,r)&&t$(e,r,t[r]);return e},t_=(e,t)=>tK(e,tR(t)),tF=(e,t)=>{var r={};for(var o in e)tM.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&tZ)for(var o of tZ(e))0>t.indexOf(o)&&tq.call(e,o)&&(r[o]=e[o]);return r};let tH={keepMounted:!0,withinPortal:!0,resetSelectionOnOptionHover:!1,width:"target",transitionProps:{transition:"fade",duration:0}},tB=(0,tN.Z)((e,{size:t,dropdownPadding:r})=>({options:{"--combobox-option-fz":(0,tk.yv)(t),"--combobox-option-padding":(0,tk.ap)(t,"combobox-option-padding")},dropdown:{"--combobox-padding":void 0===r?void 0:(0,tI.h)(r),"--combobox-option-fz":(0,tk.yv)(t),"--combobox-option-padding":(0,tk.ap)(t,"combobox-option-padding")}}));function tJ(e){let t=(0,g.w)("Combobox",tH,e),{classNames:r,styles:a,unstyled:i,children:c,store:s,vars:b,onOptionSubmit:p,size:u,dropdownPadding:d,resetSelectionOnOptionHover:f,__staticSelector:m,readOnly:y}=t,O=tF(t,["classNames","styles","unstyled","children","store","vars","onOptionSubmit","size","dropdownPadding","resetSelectionOnOptionHover","__staticSelector","readOnly"]),v=(0,n.K)(),x=s||v,h=(0,tA.y)({name:m||"Combobox",classes:I.Z,props:t,classNames:r,styles:a,unstyled:i,vars:b,varsResolver:tB});return o.createElement(l,{value:{getStyles:h,store:x,onOptionSubmit:p,size:u,resetSelectionOnOptionHover:f,readOnly:y}},o.createElement(w.J,t_(tz({opened:x.dropdownOpened},O),{onClose:x.closeDropdown,withRoles:!1,unstyled:i}),c))}tJ.extend=e=>e,tJ.classes=I.Z,tJ.displayName="@mantine/core/Combobox",tJ.Target=k,tJ.Dropdown=B,tJ.Options=en,tJ.Option=ey,tJ.Search=eA,tJ.Empty=eq,tJ.Chevron=e$.d,tJ.Footer=eY,tJ.Header=e3,tJ.EventsTarget=ta,tJ.DropdownTarget=ti,tJ.Group=ty,tJ.ClearButton=tD},16658:function(e,t,r){r.d(t,{K:function(){return a}});var o=r(67294),n=r(643);function a({defaultOpened:e,opened:t,onOpenedChange:r,onDropdownClose:a,onDropdownOpen:l,loop:i=!0,scrollBehavior:c="instant"}={}){let[s,b]=(0,n.C)({value:t,defaultValue:e,finalValue:!1,onChange:r}),p=(0,o.useRef)(null),u=(0,o.useRef)(-1),d=(0,o.useRef)(null),f=(0,o.useRef)(null),m=(0,o.useRef)(-1),y=(0,o.useRef)(-1),O=(0,o.useRef)(-1),v=(0,o.useCallback)((e="unknown")=>{s||(b(!0),null==l||l(e))},[b,l,s]),w=(0,o.useCallback)((e="unknown")=>{s&&(b(!1),null==a||a(e))},[b,a,s]),x=(0,o.useCallback)((e="unknown")=>{s?w(e):v(e)},[w,v,s]),g=(0,o.useCallback)(()=>{let e=document.querySelector(`#${p.current} [data-combobox-selected]`);null==e||e.removeAttribute("data-combobox-selected"),null==e||e.removeAttribute("aria-selected")},[]),h=(0,o.useCallback)(e=>{let t=document.getElementById(p.current),r=null==t?void 0:t.querySelectorAll("[data-combobox-option]");if(!r)return null;let o=e>=r.length?0:e<0?r.length-1:e;return(u.current=o,(null==r?void 0:r[o])&&!r[o].hasAttribute("data-combobox-disabled"))?(g(),r[o].setAttribute("data-combobox-selected","true"),r[o].setAttribute("aria-selected","true"),r[o].scrollIntoView({block:"nearest",behavior:c}),r[o].id):null},[c,g]),j=(0,o.useCallback)(()=>{let e=document.querySelector(`#${p.current} [data-combobox-active]`);if(e){let t=document.querySelectorAll(`#${p.current} [data-combobox-option]`),r=Array.from(t).findIndex(t=>t===e);return h(r)}return h(0)},[h]),P=(0,o.useCallback)(()=>h(function(e,t,r){for(let r=e+1;rh(function(e,t,r){for(let r=e-1;r>=0;r-=1)if(!t[r].hasAttribute("data-combobox-disabled"))return r;if(r){for(let e=t.length-1;e>-1;e-=1)if(!t[e].hasAttribute("data-combobox-disabled"))return e}return e}(u.current,document.querySelectorAll(`#${p.current} [data-combobox-option]`),i)),[h,i]),E=(0,o.useCallback)(()=>h(function(e){for(let t=0;t{O.current=window.setTimeout(()=>{let t=document.querySelectorAll(`#${p.current} [data-combobox-option]`),r=Array.from(t).findIndex(t=>t.hasAttribute(`data-combobox-${e}`));u.current=r},0)},[]),D=(0,o.useCallback)(()=>{u.current=-1,g()},[g]),A=(0,o.useCallback)(()=>{let e=document.querySelectorAll(`#${p.current} [data-combobox-option]`),t=null==e?void 0:e[u.current];null==t||t.click()},[]),N=(0,o.useCallback)(e=>{p.current=e},[]),k=(0,o.useCallback)(()=>{m.current=window.setTimeout(()=>d.current.focus(),0)},[]),I=(0,o.useCallback)(()=>{y.current=window.setTimeout(()=>f.current.focus(),0)},[]);return(0,o.useEffect)(()=>()=>{window.clearTimeout(m.current),window.clearTimeout(y.current),window.clearTimeout(O.current)},[]),{dropdownOpened:s,openDropdown:v,closeDropdown:w,toggleDropdown:x,selectedOptionIndex:u.current,selectOption:h,selectFirstOption:E,selectActiveOption:j,selectNextOption:P,selectPreviousOption:C,resetSelectedOption:D,updateSelectedOptionIndex:S,listId:p.current,setListId:N,clickSelectedOption:A,searchRef:d,focusSearchInput:k,targetRef:f,focusTarget:I}}}}]); \ No newline at end of file diff --git a/_next/static/chunks/4589-522e4c93411fb50d.js b/_next/static/chunks/4589-522e4c93411fb50d.js new file mode 100644 index 00000000000..d2130074655 --- /dev/null +++ b/_next/static/chunks/4589-522e4c93411fb50d.js @@ -0,0 +1,74 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4589],{52987:function(e,t,r){r.d(t,{M:function(){return S}});var l=r(67294),o=r(43440),n=r(45016),i=r(48468),a=r(92925),c=r(88313),s=r(57197),p=r(43602);function u({spacing:e,verticalSpacing:t,cols:r,selector:u}){var d;let b=(0,o.rZ)(),m=void 0===t?e:t,f=(0,n.L)({"--sg-spacing-x":(0,i.bG)((0,a.v)(e)),"--sg-spacing-y":(0,i.bG)((0,a.v)(m)),"--sg-cols":null==(d=(0,a.v)(r))?void 0:d.toString()}),g=(0,c.X)(b.breakpoints).reduce((t,l)=>(t[l]||(t[l]={}),"object"==typeof e&&void 0!==e[l]&&(t[l]["--sg-spacing-x"]=(0,i.bG)(e[l])),"object"==typeof m&&void 0!==m[l]&&(t[l]["--sg-spacing-y"]=(0,i.bG)(m[l])),"object"==typeof r&&void 0!==r[l]&&(t[l]["--sg-cols"]=r[l]),t),{}),h=(0,s.I)((0,c.X)(g),b).filter(e=>(0,c.X)(g[e.value]).length>0),E=h.map(e=>({query:`(min-width: ${b.breakpoints[e.value]})`,styles:g[e.value]}));return l.createElement(p.f,{styles:f,media:E,selector:u})}var d={root:"m-2415a157"},b=r(3154),m=r(30370),f=r(86109),g=r(13035),h=r(81110),E=Object.defineProperty,y=Object.defineProperties,v=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,L=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))C.call(t,r)&&L(e,r,t[r]);if(k)for(var r of k(t))x.call(t,r)&&L(e,r,t[r]);return e},P=(e,t)=>y(e,v(t)),T=(e,t)=>{var r={};for(var l in e)C.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&k)for(var l of k(e))0>t.indexOf(l)&&x.call(e,l)&&(r[l]=e[l]);return r};let w={cols:1,spacing:"md"},S=(0,b.d)((e,t)=>{let r=(0,m.w)("SimpleGrid",w,e),{classNames:o,className:n,style:i,styles:a,unstyled:c,vars:s,cols:p,verticalSpacing:b,spacing:E}=r,y=T(r,["classNames","className","style","styles","unstyled","vars","cols","verticalSpacing","spacing"]),v=(0,f.y)({name:"SimpleGrid",classes:d,props:r,className:n,style:i,classNames:o,styles:a,unstyled:c,vars:s}),k=(0,g.m)();return l.createElement(l.Fragment,null,l.createElement(u,P(O({},r),{selector:`.${k}`})),l.createElement(h.x,O(O({ref:t},v("root",{className:k})),y)))});S.classes=d,S.displayName="@mantine/core/SimpleGrid"},73956:function(e,t,r){r.d(t,{l:function(){return h}});var l=r(67294),o={root:"m-d6493fad"},n=r(3154),i=r(30370),a=r(86109),c=r(81110),s=Object.defineProperty,p=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,b=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&b(e,r,t[r]);if(p)for(var r of p(t))d.call(t,r)&&b(e,r,t[r]);return e},f=(e,t)=>{var r={};for(var l in e)u.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&p)for(var l of p(e))0>t.indexOf(l)&&d.call(e,l)&&(r[l]=e[l]);return r};let g={},h=(0,n.d)((e,t)=>{let r=(0,i.w)("TypographyStylesProvider",g,e),{classNames:n,className:s,style:p,styles:u,unstyled:d}=r,b=f(r,["classNames","className","style","styles","unstyled"]),h=(0,a.y)({name:"TypographyStylesProvider",classes:o,props:r,className:s,style:p,classNames:n,styles:u,unstyled:d});return l.createElement(c.x,m(m({ref:t},h("root")),b))});h.classes=o,h.displayName="@mantine/core/TypographyStylesProvider"},92925:function(e,t,r){r.d(t,{v:function(){return l}});function l(e){return"object"==typeof e&&null!==e?"base"in e?e.base:void 0:e}},30514:function(e,t,r){r.d(t,{o:function(){return o}});var l=r(91624);function o(e,t){return e in t.breakpoints?(0,l.px)(t.breakpoints[e]):(0,l.px)(e)}},57197:function(e,t,r){r.d(t,{I:function(){return o}});var l=r(30514);function o(e,t){let r=e.map(e=>({value:e,px:(0,l.o)(e,t)}));return r.sort((e,t)=>e.px-t.px),r}},34589:function(e,t,r){r.d(t,{j:function(){return m}});var l=r(67294),o=r(49947),n=r(61506),i=r(86873),a=r(67890),c=r(16985),s=r(56437),p=r(64088),u=r(7851),d=r(57840);let b=` +import { RichTextEditor, Link } from '@mantine/tiptap'; +import { useEditor } from '@tiptap/react'; +import Highlight from '@tiptap/extension-highlight'; +import StarterKit from '@tiptap/starter-kit'; +import Underline from '@tiptap/extension-underline'; +import TextAlign from '@tiptap/extension-text-align'; +import Superscript from '@tiptap/extension-superscript'; +import SubScript from '@tiptap/extension-subscript'; + +const content = + '

Welcome to Mantine rich text editor

RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:

  • General text formatting: bold, italic, underline, strike-through
  • Headings (h1-h6)
  • Sub and super scripts (<sup /> and <sub /> tags)
  • Ordered and bullet lists
  • Text align 
  • And all other extensions
'; + +function Demo() { + const editor = useEditor({ + extensions: [ + StarterKit, + Underline, + Link, + Superscript, + SubScript, + Highlight, + TextAlign.configure({ types: ['heading', 'paragraph'] }), + ], + content, + }); + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} +`,m={type:"code",component:function(){let e=(0,o.jE)({extensions:[i.Z,a.Z,u.r,s.Z,p.Z,n.ZP,c.Z.configure({types:["heading","paragraph"]})],content:'

Welcome to Mantine rich text editor

RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:

  • General text formatting: bold, italic, underline, strike-through
  • Headings (h1-h6)
  • Sub and super scripts (<sup /> and <sub /> tags)
  • Ordered and bullet lists
  • Text align 
  • And all other extensions
'});return l.createElement(d.L,{editor:e},l.createElement(d.L.Toolbar,{sticky:!0,stickyOffset:60},l.createElement(d.L.ControlsGroup,null,l.createElement(d.L.Bold,null),l.createElement(d.L.Italic,null),l.createElement(d.L.Underline,null),l.createElement(d.L.Strikethrough,null),l.createElement(d.L.ClearFormatting,null),l.createElement(d.L.Highlight,null),l.createElement(d.L.Code,null)),l.createElement(d.L.ControlsGroup,null,l.createElement(d.L.H1,null),l.createElement(d.L.H2,null),l.createElement(d.L.H3,null),l.createElement(d.L.H4,null)),l.createElement(d.L.ControlsGroup,null,l.createElement(d.L.Blockquote,null),l.createElement(d.L.Hr,null),l.createElement(d.L.BulletList,null),l.createElement(d.L.OrderedList,null),l.createElement(d.L.Subscript,null),l.createElement(d.L.Superscript,null)),l.createElement(d.L.ControlsGroup,null,l.createElement(d.L.Link,null),l.createElement(d.L.Unlink,null)),l.createElement(d.L.ControlsGroup,null,l.createElement(d.L.AlignLeft,null),l.createElement(d.L.AlignCenter,null),l.createElement(d.L.AlignJustify,null),l.createElement(d.L.AlignRight,null))),l.createElement(d.L.Content,null))},code:b}},49225:function(e,t,r){r.d(t,{U:function(){return o}});var l=r(67294);function o(e){let[t,r]=(0,l.useState)(e);return[t,e=>{if(e){if("function"==typeof e)r(e);else if("object"==typeof e&&"nativeEvent"in e){let{currentTarget:t}=e;r("checkbox"===t.type?t.checked:t.value)}else r(e)}else r(e)}]}},75410:function(e,t,r){r.d(t,{Y:function(){return n},r:function(){return o}});var l=r(45763);let[o,n]=(0,l.R)("RichTextEditor component was not found in tree")},57840:function(e,t,r){r.d(t,{L:function(){return ra}});var l=r(67294),o=r(3154),n=r(30370),i=r(86109),a=r(81110);let c={linkControlLabel:"Link",colorPickerControlLabel:"Text color",highlightControlLabel:"Highlight text",colorControlLabel:e=>`Set text color ${e}`,boldControlLabel:"Bold",italicControlLabel:"Italic",underlineControlLabel:"Underline",strikeControlLabel:"Strikethrough",clearFormattingControlLabel:"Clear formatting",unlinkControlLabel:"Remove link",bulletListControlLabel:"Bullet list",orderedListControlLabel:"Ordered list",h1ControlLabel:"Heading 1",h2ControlLabel:"Heading 2",h3ControlLabel:"Heading 3",h4ControlLabel:"Heading 4",h5ControlLabel:"Heading 5",h6ControlLabel:"Heading 6",blockquoteControlLabel:"Blockquote",alignLeftControlLabel:"Align text: left",alignCenterControlLabel:"Align text: center",alignRightControlLabel:"Align text: right",alignJustifyControlLabel:"Align text: justify",codeControlLabel:"Code",codeBlockControlLabel:"Code block",subscriptControlLabel:"Subscript",superscriptControlLabel:"Superscript",unsetColorControlLabel:"Unset color",hrControlLabel:"Horizontal line",linkEditorInputLabel:"Enter URL",linkEditorInputPlaceholder:"https://example.com/",linkEditorExternalLink:"Open link in a new tab",linkEditorInternalLink:"Open link in the same tab",linkEditorSave:"Save",colorPickerCancel:"Cancel",colorPickerClear:"Clear color",colorPickerColorPicker:"Color picker",colorPickerPalette:"Color palette",colorPickerSave:"Save",colorPickerColorLabel:e=>`Set text color ${e}`};var s=r(75410),p=r(72622),u={root:"m-dd3f7539",typographyStylesProvider:"m-d37966d9",content:"m-c2204cc2",linkEditorDropdown:"m-8a991b4f",control:"m-c2207da6",controlsGroup:"m-2ab47ef2",linkEditor:"m-b67b711e",linkEditorInput:"m-296cf94c",linkEditorExternalControl:"m-cfef614",linkEditorSave:"m-3b28e7bb",toolbar:"m-4574a3c4"},d=Object.defineProperty,b=Object.defineProperties,m=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(f)for(var r of f(t))h.call(t,r)&&E(e,r,t[r]);return e},v=(e,t)=>b(e,m(t)),k=(e,t)=>{var r={};for(var l in e)g.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&f)for(var l of f(e))0>t.indexOf(l)&&h.call(e,l)&&(r[l]=e[l]);return r};let C={},x=(0,o.d)((e,t)=>{let r=(0,n.w)("RichTextEditorToolbar",C,e),{classNames:o,className:i,style:c,styles:u,vars:d,sticky:b,stickyOffset:m}=r,f=k(r,["classNames","className","style","styles","vars","sticky","stickyOffset"]),g=(0,s.Y)();return l.createElement(a.x,v(y(y({ref:t,mod:{sticky:b}},g.getStyles("toolbar",{className:i,style:c,styles:u,classNames:o})),f),{__vars:{"--rte-sticky-offset":(0,p.h)(m)}}))});x.classes=u,x.displayName="@mantine/tiptap/RichTextEditorToolbar";var L=Object.defineProperty,O=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,S=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&w(e,r,t[r]);if(O)for(var r of O(t))T.call(t,r)&&w(e,r,t[r]);return e},R=(e,t)=>{var r={};for(var l in e)P.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&O)for(var l of O(e))0>t.indexOf(l)&&T.call(e,l)&&(r[l]=e[l]);return r};let j={},A=(0,o.d)((e,t)=>{let r=(0,n.w)("RichTextEditorControlsGroup",j,e),{classNames:o,className:i,style:c,styles:p,vars:u}=r,d=R(r,["classNames","className","style","styles","vars"]),b=(0,s.Y)();return l.createElement(a.x,S(S({ref:t},b.getStyles("controlsGroup",{className:i,style:c,styles:p,classNames:o})),d))});A.classes=u,A.displayName="@mantine/tiptap/RichTextEditorControlsGroup";var H=r(73956),Z=r(49947),N=Object.defineProperty,G=Object.defineProperties,I=Object.getOwnPropertyDescriptors,B=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,z=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))D.call(t,r)&&z(e,r,t[r]);if(B)for(var r of B(t))U.call(t,r)&&z(e,r,t[r]);return e},q=(e,t)=>G(e,I(t)),J=(e,t)=>{var r={};for(var l in e)D.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&B)for(var l of B(e))0>t.indexOf(l)&&U.call(e,l)&&(r[l]=e[l]);return r};let M={},Y=(0,o.d)((e,t)=>{let r=(0,n.w)("RichTextEditorContent",M,e),{classNames:o,className:i,style:c,styles:p,vars:u}=r,d=J(r,["classNames","className","style","styles","vars"]),b=(0,s.Y)();return b.withTypographyStyles?l.createElement(H.l,q(_({},b.getStyles("typographyStylesProvider",{className:i,style:c,styles:p,classNames:o})),{unstyled:b.unstyled,ref:t}),l.createElement(a.x,_(_({component:Z.kg,editor:b.editor},b.getStyles("content",{classNames:o,styles:p})),d))):l.createElement(a.x,_(_({component:Z.kg,editor:b.editor},b.getStyles("content",{classNames:o,styles:p,className:i,style:c})),d))});Y.classes=u,Y.displayName="@mantine/tiptap/RichTextEditorContent";var F=r(86610),K=Object.defineProperty,$=Object.defineProperties,X=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertySymbols,V=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,ee=(e,t,r)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,et=(e,t)=>{for(var r in t||(t={}))V.call(t,r)&&ee(e,r,t[r]);if(W)for(var r of W(t))Q.call(t,r)&&ee(e,r,t[r]);return e},er=(e,t)=>$(e,X(t)),el=(e,t)=>{var r={};for(var l in e)V.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&W)for(var l of W(e))0>t.indexOf(l)&&Q.call(e,l)&&(r[l]=e[l]);return r};let eo={interactive:!0},en=(0,o.d)((e,t)=>{let r=(0,n.w)("RichTextEditorControl",eo,e),{classNames:o,className:i,style:a,styles:c,vars:p,interactive:u,active:d,onMouseDown:b}=r,m=el(r,["classNames","className","style","styles","vars","interactive","active","onMouseDown"]),f=(0,s.Y)();return l.createElement(F.k,er(et(et({},m),f.getStyles("control",{className:i,style:a,classNames:o,styles:c})),{"data-rich-text-editor-control":!0,tabIndex:u?0:-1,"data-interactive":u||void 0,"data-active":d||void 0,"aria-pressed":d&&u||void 0,"aria-hidden":!u||void 0,ref:t,unstyled:f.unstyled,onMouseDown:e=>{e.preventDefault(),null==b||b(e)}}))});en.classes=u,en.displayName="@mantine/tiptap/RichTextEditorControl";let ei=(0,l.forwardRef)((e,t)=>{var{className:r,icon:o}=e,n=el(e,["className","icon"]);return l.createElement(en,et({ref:t},n),l.createElement(o,{style:{width:(0,p.h)(16),height:(0,p.h)(16)}}))});function ea({label:e,isActive:t,operation:r,icon:o}){return(0,l.forwardRef)((n,i)=>{let{editor:a,labels:c}=(0,s.Y)(),p=c[e];return l.createElement(ei,er(et({},n),{"aria-label":p,title:p,active:null!=t&&!!t.name&&(null==a?void 0:a.isActive(t.name,t.attributes)),ref:i,onClick:()=>null==a?void 0:a.chain().focus()[r.name](r.attributes).run(),icon:n.icon||o}))})}ei.displayName="@mantine/tiptap/RichTextEditorControlBase";var ec=r(52025),es=r(4014),ep=r(11269),eu=r(53770),ed=r(25696),eb=r(96930),em=r(47261),ef=r(4702),eg=r(23052),eh=r(1363),eE=r(97567),ey=r(10713),ev=r(72437),ek=r(24878),eC=r(54928),ex=r(89483),eL=r(4861),eO=r(90318),eP=r(68577),eT=r(50078),ew=r(3727),eS=r(77573),eR=r(63465),ej=r(12976),eA=r(78483),eH=Object.defineProperty,eZ=Object.defineProperties,eN=Object.getOwnPropertyDescriptors,eG=Object.getOwnPropertySymbols,eI=Object.prototype.hasOwnProperty,eB=Object.prototype.propertyIsEnumerable,eD=(e,t,r)=>t in e?eH(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eU=(e,t)=>{for(var r in t||(t={}))eI.call(t,r)&&eD(e,r,t[r]);if(eG)for(var r of eG(t))eB.call(t,r)&&eD(e,r,t[r]);return e},ez=(e,t)=>eZ(e,eN(t));let e_=ea({label:"boldControlLabel",icon:e=>l.createElement(ec.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"bold"},operation:{name:"toggleBold"}}),eq=ea({label:"italicControlLabel",icon:e=>l.createElement(es.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"italic"},operation:{name:"toggleItalic"}}),eJ=ea({label:"underlineControlLabel",icon:e=>l.createElement(ep.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"underline"},operation:{name:"toggleUnderline"}}),eM=ea({label:"strikeControlLabel",icon:e=>l.createElement(eu.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"strike"},operation:{name:"toggleStrike"}}),eY=ea({label:"clearFormattingControlLabel",icon:e=>l.createElement(ed.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"unsetAllMarks"}}),eF=ea({label:"unlinkControlLabel",icon:e=>l.createElement(eb.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"unsetLink"}}),eK=ea({label:"bulletListControlLabel",icon:e=>l.createElement(em.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"bulletList"},operation:{name:"toggleBulletList"}}),e$=ea({label:"orderedListControlLabel",icon:e=>l.createElement(ef.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"orderedList"},operation:{name:"toggleOrderedList"}}),eX=ea({label:"h1ControlLabel",icon:e=>l.createElement(eg.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:1}},operation:{name:"toggleHeading",attributes:{level:1}}}),eW=ea({label:"h2ControlLabel",icon:e=>l.createElement(eh.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:2}},operation:{name:"toggleHeading",attributes:{level:2}}}),eV=ea({label:"h3ControlLabel",icon:e=>l.createElement(eE.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:3}},operation:{name:"toggleHeading",attributes:{level:3}}}),eQ=ea({label:"h4ControlLabel",icon:e=>l.createElement(ey.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:4}},operation:{name:"toggleHeading",attributes:{level:4}}}),e0=ea({label:"h5ControlLabel",icon:e=>l.createElement(ev.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:5}},operation:{name:"toggleHeading",attributes:{level:5}}}),e1=ea({label:"h6ControlLabel",icon:e=>l.createElement(ek.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"heading",attributes:{level:6}},operation:{name:"toggleHeading",attributes:{level:6}}}),e5=ea({label:"blockquoteControlLabel",icon:e=>l.createElement(eC.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"blockquote"},operation:{name:"toggleBlockquote"}}),e4=ea({label:"alignLeftControlLabel",icon:e=>l.createElement(ex.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"setTextAlign",attributes:"left"}}),e6=ea({label:"alignRightControlLabel",icon:e=>l.createElement(eL.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"setTextAlign",attributes:"right"}}),e2=ea({label:"alignCenterControlLabel",icon:e=>l.createElement(eO.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"setTextAlign",attributes:"center"}}),e7=ea({label:"alignJustifyControlLabel",icon:e=>l.createElement(eP.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"setTextAlign",attributes:"justify"}}),e3=ea({label:"subscriptControlLabel",icon:e=>l.createElement(eT.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"subscript"},operation:{name:"toggleSubscript"}}),e9=ea({label:"superscriptControlLabel",icon:e=>l.createElement(ew.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"superscript"},operation:{name:"toggleSuperscript"}}),e8=ea({label:"codeControlLabel",icon:e=>l.createElement(eS.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"code"},operation:{name:"toggleCode"}}),te=ea({label:"codeBlockControlLabel",icon:e=>l.createElement(eS.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"codeBlock"},operation:{name:"toggleCodeBlock"}}),tt=ea({label:"highlightControlLabel",icon:e=>l.createElement(eR.Z,ez(eU({},e),{stroke:1.5})),isActive:{name:"highlight"},operation:{name:"toggleHighlight"}}),tr=ea({label:"hrControlLabel",icon:e=>l.createElement(ej.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"setHorizontalRule"}}),tl=ea({label:"unsetColorControlLabel",icon:e=>l.createElement(eA.Z,ez(eU({},e),{stroke:1.5})),operation:{name:"unsetColor"}});var to=r(28816),tn=r(84131),ti=r(50780),ta=r(46842),tc=r(14469),ts=r(49225),tp=r(12177),tu=r(37662),td=r(56809),tb=r(31550),tm=Object.defineProperty,tf=Object.defineProperties,tg=Object.getOwnPropertyDescriptors,th=Object.getOwnPropertySymbols,tE=Object.prototype.hasOwnProperty,ty=Object.prototype.propertyIsEnumerable,tv=(e,t,r)=>t in e?tm(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tk=(e,t)=>{for(var r in t||(t={}))tE.call(t,r)&&tv(e,r,t[r]);if(th)for(var r of th(t))ty.call(t,r)&&tv(e,r,t[r]);return e},tC=(e,t)=>tf(e,tg(t)),tx=(e,t)=>{var r={};for(var l in e)tE.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&th)for(var l of th(e))0>t.indexOf(l)&&ty.call(e,l)&&(r[l]=e[l]);return r};let tL=e=>l.createElement(td.Z,tk({stroke:1.5},e)),tO={},tP=(0,o.d)((e,t)=>{var r;let o=(0,n.w)("RichTextEditorLinkControl",tO,e),{classNames:i,className:a,style:c,styles:u,vars:d,icon:b,popoverProps:m,disableTooltips:f,initialExternal:g}=o,h=tx(o,["classNames","className","style","styles","vars","icon","popoverProps","disableTooltips","initialExternal"]),E=(0,s.Y)(),y={classNames:i,styles:u},[v,k]=(0,ts.U)(""),[C,x]=(0,l.useState)(g),[L,{open:O,close:P}]=(0,tp.q)(!1),T=()=>{var e;O();let t=null==(e=E.editor)?void 0:e.getAttributes("link");k((null==t?void 0:t.href)||""),x((null==t?void 0:t.target)==="_blank")},w=()=>{P(),k(""),x(g)},S=()=>{var e,t;w(),""===v?null==(e=E.editor)||e.chain().focus().extendMarkRange("link").unsetLink().run():null==(t=E.editor)||t.chain().focus().extendMarkRange("link").setLink({href:v,target:C?"_blank":null}).run()},R=e=>{"Enter"===e.key&&(e.preventDefault(),S())};(0,tu.s)("edit-link",T,!1);let{resolvedClassNames:j,resolvedStyles:A}=(0,to.h)({classNames:i,styles:u,props:o});return l.createElement(tn.J,tk({trapFocus:!0,shadow:"md",withinPortal:!0,opened:L,onClose:w,offset:-44,zIndex:1e4},m),l.createElement(tn.J.Target,null,l.createElement(ei,tC(tk({icon:b||tL},h),{"aria-label":E.labels.linkControlLabel,title:E.labels.linkControlLabel,onClick:T,active:null==(r=E.editor)?void 0:r.isActive("link"),ref:t,classNames:j,styles:A,className:a,style:c}))),l.createElement(tn.J.Dropdown,tk({},E.getStyles("linkEditorDropdown",y)),l.createElement("div",tk({},E.getStyles("linkEditor",y)),l.createElement(ti.o,{placeholder:E.labels.linkEditorInputPlaceholder,"aria-label":E.labels.linkEditorInputLabel,type:"url",value:v,onChange:k,classNames:{input:E.getStyles("linkEditorInput",y).className},onKeyDown:R,rightSection:l.createElement(ta.u,{label:C?E.labels.linkEditorExternalLink:E.labels.linkEditorInternalLink,events:{hover:!0,focus:!0,touch:!0},withinPortal:!0,withArrow:!0,disabled:f,zIndex:1e4},l.createElement(F.k,tk({onClick:()=>x(e=>!e),"data-active":C||void 0},E.getStyles("linkEditorExternalControl",y)),l.createElement(tb.Z,{style:{width:(0,p.h)(14),height:(0,p.h)(14)},stroke:1.5})))}),l.createElement(tc.z,tk({variant:"default",onClick:S},E.getStyles("linkEditorSave",y)),E.labels.linkEditorSave))))});tP.classes=u,tP.displayName="@mantine/tiptap/RichTextEditorLinkControl";var tT=r(221),tw=r(52987),tS=r(35901),tR=r(16262),tj=r(89363),tA=r(86171),tH=r(40903),tZ=r(91564),tN=r(16659),tG=Object.defineProperty,tI=Object.defineProperties,tB=Object.getOwnPropertyDescriptors,tD=Object.getOwnPropertySymbols,tU=Object.prototype.hasOwnProperty,tz=Object.prototype.propertyIsEnumerable,t_=(e,t,r)=>t in e?tG(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tq=(e,t)=>{for(var r in t||(t={}))tU.call(t,r)&&t_(e,r,t[r]);if(tD)for(var r of tD(t))tz.call(t,r)&&t_(e,r,t[r]);return e},tJ=(e,t)=>tI(e,tB(t)),tM=(e,t)=>{var r={};for(var l in e)tU.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&tD)for(var l of tD(e))0>t.indexOf(l)&&tz.call(e,l)&&(r[l]=e[l]);return r};let tY={},tF=(0,l.forwardRef)((e,t)=>{let r=(0,n.w)("RichTextEditorColorPickerControl",tY,e),{popoverProps:o,colors:i,colorPickerProps:a}=r,c=tM(r,["popoverProps","colors","colorPickerProps"]),{editor:p,labels:u,getStyles:d}=(0,s.Y)(),[b,{toggle:m,close:f}]=(0,tp.q)(!1),[g,h]=(0,l.useState)("palette"),E=(null==p?void 0:p.getAttributes("textStyle").color)||"var(--mantine-color-text)",y=(e,t=!0)=>{(null==p?void 0:p.chain()).focus().setColor(e).run(),t&&f()},v=()=>{(null==p?void 0:p.chain()).focus().unsetColor().run(),f()},k=i.map((e,t)=>l.createElement(tT.b,{key:t,component:"button",color:e,onClick:()=>y(e),size:26,radius:"xs",style:{cursor:"pointer"},title:u.colorPickerColorLabel(e),"aria-label":u.colorPickerColorLabel(e)}));return l.createElement(tn.J,tq({opened:b,withinPortal:!0,trapFocus:!0,onClose:f},o),l.createElement(tn.J.Target,null,l.createElement(en,tJ(tq({},c),{"aria-label":u.colorPickerControlLabel,title:u.colorPickerControlLabel,ref:t,onClick:m}),l.createElement(tT.b,{color:E,size:14}))),l.createElement(tn.J.Dropdown,tq({},d("linkEditorDropdown")),"palette"===g&&l.createElement(tw.M,{cols:7,spacing:2},k),"colorPicker"===g&&l.createElement(tS.z,tq({defaultValue:E,onChange:e=>y(e,!1)},a)),l.createElement(ta.u.Group,{closeDelay:200},l.createElement(tR.Z,{justify:"flex-end",gap:"xs",mt:"sm"},"palette"===g&&l.createElement(tj.A,{variant:"default",onClick:f,title:u.colorPickerCancel,"aria-label":u.colorPickerCancel},l.createElement(tA.Z,{stroke:1.5,size:"1rem"})),l.createElement(tj.A,{variant:"default",onClick:v,title:u.colorPickerClear,"aria-label":u.colorPickerClear},l.createElement(eA.Z,{stroke:1.5,size:"1rem"})),"palette"===g?l.createElement(tj.A,{variant:"default",onClick:()=>h("colorPicker"),title:u.colorPickerColorPicker,"aria-label":u.colorPickerColorPicker},l.createElement(tH.Z,{stroke:1.5,size:"1rem"})):l.createElement(tj.A,{variant:"default",onClick:()=>h("palette"),"aria-label":u.colorPickerPalette,title:u.colorPickerPalette},l.createElement(tZ.Z,{stroke:1.5,size:"1rem"})),"colorPicker"===g&&l.createElement(tj.A,{variant:"default",onClick:f,title:u.colorPickerSave,"aria-label":u.colorPickerSave},l.createElement(tN.Z,{stroke:1.5,size:"1rem"}))))))});tF.displayName="@mantine/tiptap/ColorPickerControl";var tK=Object.defineProperty,t$=Object.defineProperties,tX=Object.getOwnPropertyDescriptors,tW=Object.getOwnPropertySymbols,tV=Object.prototype.hasOwnProperty,tQ=Object.prototype.propertyIsEnumerable,t0=(e,t,r)=>t in e?tK(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,t1=(e,t)=>{for(var r in t||(t={}))tV.call(t,r)&&t0(e,r,t[r]);if(tW)for(var r of tW(t))tQ.call(t,r)&&t0(e,r,t[r]);return e},t5=(e,t)=>t$(e,tX(t)),t4=(e,t)=>{var r={};for(var l in e)tV.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&tW)for(var l of tW(e))0>t.indexOf(l)&&tQ.call(e,l)&&(r[l]=e[l]);return r};let t6={},t2=(0,l.forwardRef)((e,t)=>{let r=(0,n.w)("RichTextEditorColorControl",t6,e),{color:o}=r,i=t4(r,["color"]),{editor:a,labels:c}=(0,s.Y)(),p=(null==a?void 0:a.getAttributes("textStyle").color)||null,u=c.colorControlLabel(o);return l.createElement(en,t5(t1({},i),{active:p===o,"aria-label":u,title:u,onClick:()=>(null==a?void 0:a.chain()).focus().setColor(o).run(),ref:t}),l.createElement(tT.b,{color:o,size:14}))});var t7=Object.defineProperty,t3=Object.defineProperties,t9=Object.getOwnPropertyDescriptors,t8=Object.getOwnPropertySymbols,re=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable,rr=(e,t,r)=>t in e?t7(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,rl=(e,t)=>{for(var r in t||(t={}))re.call(t,r)&&rr(e,r,t[r]);if(t8)for(var r of t8(t))rt.call(t,r)&&rr(e,r,t[r]);return e},ro=(e,t)=>t3(e,t9(t)),rn=(e,t)=>{var r={};for(var l in e)re.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&t8)for(var l of t8(e))0>t.indexOf(l)&&rt.call(e,l)&&(r[l]=e[l]);return r};let ri={withCodeHighlightStyles:!0,withTypographyStyles:!0},ra=(0,o.d)((e,t)=>{let r=(0,n.w)("RichTextEditor",ri,e),{classNames:o,className:p,style:d,styles:b,unstyled:m,vars:f,editor:g,withCodeHighlightStyles:h,withTypographyStyles:E,labels:y,children:v}=r,k=rn(r,["classNames","className","style","styles","unstyled","vars","editor","withCodeHighlightStyles","withTypographyStyles","labels","children"]),C=(0,i.y)({name:"RichTextEditor",classes:u,props:r,className:p,style:d,classNames:o,styles:b,unstyled:m,vars:f}),x=(0,l.useMemo)(()=>rl(rl({},c),y),[y]);return l.createElement(s.r,{value:{editor:g,getStyles:C,labels:x,withCodeHighlightStyles:h,withTypographyStyles:E,unstyled:m}},l.createElement(a.x,ro(rl(rl({},C("root")),k),{ref:t}),v))});ra.classes=u,ra.displayName="@mantine/tiptap/RichTextEditor",ra.Content=Y,ra.Control=en,ra.Toolbar=x,ra.ControlsGroup=A,ra.Bold=e_,ra.Italic=eq,ra.Strikethrough=eM,ra.Underline=eJ,ra.ClearFormatting=eY,ra.H1=eX,ra.H2=eW,ra.H3=eV,ra.H4=eQ,ra.H5=e0,ra.H6=e1,ra.BulletList=eK,ra.OrderedList=e$,ra.Link=tP,ra.Unlink=eF,ra.Blockquote=e5,ra.AlignLeft=e4,ra.AlignRight=e6,ra.AlignCenter=e2,ra.AlignJustify=e7,ra.Superscript=e9,ra.Subscript=e3,ra.Code=e8,ra.CodeBlock=te,ra.ColorPicker=tF,ra.Color=t2,ra.Highlight=tt,ra.Hr=tr,ra.UnsetColor=tl},7851:function(e,t,r){r.d(t,{r:function(){return o}});var l=r(61165);let o=l.Z.extend({addKeyboardShortcuts:()=>({"Mod-k":()=>(window.dispatchEvent(new Event("edit-link")),!0)})}).configure({openOnClick:!1})}}]); \ No newline at end of file diff --git a/_next/static/chunks/5060-7540dfb08e46808c.js b/_next/static/chunks/5060-7540dfb08e46808c.js new file mode 100644 index 00000000000..6e68801e7fd --- /dev/null +++ b/_next/static/chunks/5060-7540dfb08e46808c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5060],{66471:function(e){e.exports=function e(t,a){if(t===a)return!0;if(t&&a&&"object"==typeof t&&"object"==typeof a){if(t.constructor!==a.constructor)return!1;if(Array.isArray(t)){if((r=t.length)!=a.length)return!1;for(s=r;0!=s--;)if(!e(t[s],a[s]))return!1;return!0}if(t.constructor===RegExp)return t.source===a.source&&t.flags===a.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===a.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===a.toString();if((r=(i=Object.keys(t)).length)!==Object.keys(a).length)return!1;for(s=r;0!=s--;)if(!Object.prototype.hasOwnProperty.call(a,i[s]))return!1;for(s=r;0!=s--;){var r,s,i,n=i[s];if(!e(t[n],a[n]))return!1}return!0}return t!=t&&a!=a}},28380:function(e,t,a){function r(e,t,a){"object"==typeof a.value&&(a.value=s(a.value)),a.enumerable&&!a.get&&!a.set&&a.configurable&&a.writable&&"__proto__"!==t?e[t]=a.value:Object.defineProperty(e,t,a)}function s(e){if("object"!=typeof e)return e;var t,a,i,n=0,d=Object.prototype.toString.call(e);if("[object Object]"===d?i=Object.create(e.__proto__||null):"[object Array]"===d?i=Array(e.length):"[object Set]"===d?(i=new Set,e.forEach(function(e){i.add(s(e))})):"[object Map]"===d?(i=new Map,e.forEach(function(e,t){i.set(s(t),s(e))})):"[object Date]"===d?i=new Date(+e):"[object RegExp]"===d?i=RegExp(e.source,e.flags):"[object DataView]"===d?i=new e.constructor(s(e.buffer)):"[object ArrayBuffer]"===d?i=e.slice(0):"Array]"===d.slice(-6)&&(i=new e.constructor(e)),i){for(a=Object.getOwnPropertySymbols(e);ne,e9.assertIs=function(e){},e9.assertNever=function(e){throw Error()},e9.arrayToEnum=e=>{let t={};for(let a of e)t[a]=a;return t},e9.getValidEnumValues=e=>{let t=e9.objectKeys(e).filter(t=>"number"!=typeof e[e[t]]),a={};for(let r of t)a[r]=e[r];return e9.objectValues(a)},e9.objectValues=e=>e9.objectKeys(e).map(function(t){return e[t]}),e9.objectKeys="function"==typeof Object.keys?e=>Object.keys(e):e=>{let t=[];for(let a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.push(a);return t},e9.find=(e,t)=>{for(let a of e)if(t(a))return a},e9.isInteger="function"==typeof Number.isInteger?e=>Number.isInteger(e):e=>"number"==typeof e&&isFinite(e)&&Math.floor(e)===e,e9.joinValues=function(e,t=" | "){return e.map(e=>"string"==typeof e?`'${e}'`:e).join(t)},e9.jsonStringifyReplacer=(e,t)=>"bigint"==typeof t?t.toString():t,(e6||(e6={})).mergeShapes=(e,t)=>({...e,...t});let r=e3.arrayToEnum(["string","nan","number","integer","float","boolean","date","bigint","symbol","function","undefined","null","array","object","unknown","promise","void","never","map","set"]),s=e=>{switch(typeof e){case"undefined":return r.undefined;case"string":return r.string;case"number":return isNaN(e)?r.nan:r.number;case"boolean":return r.boolean;case"function":return r.function;case"bigint":return r.bigint;case"symbol":return r.symbol;case"object":if(Array.isArray(e))return r.array;if(null===e)return r.null;if(e.then&&"function"==typeof e.then&&e.catch&&"function"==typeof e.catch)return r.promise;if("undefined"!=typeof Map&&e instanceof Map)return r.map;if("undefined"!=typeof Set&&e instanceof Set)return r.set;if("undefined"!=typeof Date&&e instanceof Date)return r.date;return r.object;default:return r.unknown}},i=e3.arrayToEnum(["invalid_type","invalid_literal","custom","invalid_union","invalid_union_discriminator","invalid_enum_value","unrecognized_keys","invalid_arguments","invalid_return_type","invalid_date","invalid_string","too_small","too_big","invalid_intersection_types","not_multiple_of","not_finite"]),n=e=>{let t=JSON.stringify(e,null,2);return t.replace(/"([^"]+)":/g,"$1:")};class d extends Error{constructor(e){super(),this.issues=[],this.addIssue=e=>{this.issues=[...this.issues,e]},this.addIssues=(e=[])=>{this.issues=[...this.issues,...e]};let t=new.target.prototype;Object.setPrototypeOf?Object.setPrototypeOf(this,t):this.__proto__=t,this.name="ZodError",this.issues=e}get errors(){return this.issues}format(e){let t=e||function(e){return e.message},a={_errors:[]},r=e=>{for(let s of e.issues)if("invalid_union"===s.code)s.unionErrors.map(r);else if("invalid_return_type"===s.code)r(s.returnTypeError);else if("invalid_arguments"===s.code)r(s.argumentsError);else if(0===s.path.length)a._errors.push(t(s));else{let e=a,r=0;for(;re.message){let t={},a=[];for(let r of this.issues)r.path.length>0?(t[r.path[0]]=t[r.path[0]]||[],t[r.path[0]].push(e(r))):a.push(e(r));return{formErrors:a,fieldErrors:t}}get formErrors(){return this.flatten()}}d.create=e=>{let t=new d(e);return t};let o=(e,t)=>{let a;switch(e.code){case i.invalid_type:a=e.received===r.undefined?"Required":`Expected ${e.expected}, received ${e.received}`;break;case i.invalid_literal:a=`Invalid literal value, expected ${JSON.stringify(e.expected,e3.jsonStringifyReplacer)}`;break;case i.unrecognized_keys:a=`Unrecognized key(s) in object: ${e3.joinValues(e.keys,", ")}`;break;case i.invalid_union:a="Invalid input";break;case i.invalid_union_discriminator:a=`Invalid discriminator value. Expected ${e3.joinValues(e.options)}`;break;case i.invalid_enum_value:a=`Invalid enum value. Expected ${e3.joinValues(e.options)}, received '${e.received}'`;break;case i.invalid_arguments:a="Invalid function arguments";break;case i.invalid_return_type:a="Invalid function return type";break;case i.invalid_date:a="Invalid date";break;case i.invalid_string:"object"==typeof e.validation?"includes"in e.validation?(a=`Invalid input: must include "${e.validation.includes}"`,"number"==typeof e.validation.position&&(a=`${a} at one or more positions greater than or equal to ${e.validation.position}`)):"startsWith"in e.validation?a=`Invalid input: must start with "${e.validation.startsWith}"`:"endsWith"in e.validation?a=`Invalid input: must end with "${e.validation.endsWith}"`:e3.assertNever(e.validation):a="regex"!==e.validation?`Invalid ${e.validation}`:"Invalid";break;case i.too_small:a="array"===e.type?`Array must contain ${e.exact?"exactly":e.inclusive?"at least":"more than"} ${e.minimum} element(s)`:"string"===e.type?`String must contain ${e.exact?"exactly":e.inclusive?"at least":"over"} ${e.minimum} character(s)`:"number"===e.type?`Number must be ${e.exact?"exactly equal to ":e.inclusive?"greater than or equal to ":"greater than "}${e.minimum}`:"date"===e.type?`Date must be ${e.exact?"exactly equal to ":e.inclusive?"greater than or equal to ":"greater than "}${new Date(Number(e.minimum))}`:"Invalid input";break;case i.too_big:a="array"===e.type?`Array must contain ${e.exact?"exactly":e.inclusive?"at most":"less than"} ${e.maximum} element(s)`:"string"===e.type?`String must contain ${e.exact?"exactly":e.inclusive?"at most":"under"} ${e.maximum} character(s)`:"number"===e.type?`Number must be ${e.exact?"exactly":e.inclusive?"less than or equal to":"less than"} ${e.maximum}`:"bigint"===e.type?`BigInt must be ${e.exact?"exactly":e.inclusive?"less than or equal to":"less than"} ${e.maximum}`:"date"===e.type?`Date must be ${e.exact?"exactly":e.inclusive?"smaller than or equal to":"smaller than"} ${new Date(Number(e.maximum))}`:"Invalid input";break;case i.custom:a="Invalid input";break;case i.invalid_intersection_types:a="Intersection results could not be merged";break;case i.not_multiple_of:a=`Number must be a multiple of ${e.multipleOf}`;break;case i.not_finite:a="Number must be finite";break;default:a=t.defaultError,e3.assertNever(e)}return{message:a}},u=o,l=e=>{let{data:t,path:a,errorMaps:r,issueData:s}=e,i=[...a,...s.path||[]],n={...s,path:i},d="",o=r.filter(e=>!!e).slice().reverse();for(let e of o)d=e(n,{data:t,defaultError:d}).message;return{...s,path:i,message:s.message||d}};function c(e,t){let a=l({issueData:t,data:e.data,path:e.path,errorMaps:[e.common.contextualErrorMap,e.schemaErrorMap,u,o].filter(e=>!!e)});e.common.issues.push(a)}class h{constructor(){this.value="valid"}dirty(){"valid"===this.value&&(this.value="dirty")}abort(){"aborted"!==this.value&&(this.value="aborted")}static mergeArray(e,t){let a=[];for(let r of t){if("aborted"===r.status)return p;"dirty"===r.status&&e.dirty(),a.push(r.value)}return{status:e.value,value:a}}static async mergeObjectAsync(e,t){let a=[];for(let e of t)a.push({key:await e.key,value:await e.value});return h.mergeObjectSync(e,a)}static mergeObjectSync(e,t){let a={};for(let r of t){let{key:t,value:s}=r;if("aborted"===t.status||"aborted"===s.status)return p;"dirty"===t.status&&e.dirty(),"dirty"===s.status&&e.dirty(),(void 0!==s.value||r.alwaysSet)&&(a[t.value]=s.value)}return{status:e.value,value:a}}}let p=Object.freeze({status:"aborted"}),m=e=>({status:"dirty",value:e}),f=e=>({status:"valid",value:e}),y=e=>"aborted"===e.status,_=e=>"dirty"===e.status,v=e=>"valid"===e.status,g=e=>"undefined"!=typeof Promise&&e instanceof Promise;(e4=e8||(e8={})).errToObj=e=>"string"==typeof e?{message:e}:e||{},e4.toString=e=>"string"==typeof e?e:null==e?void 0:e.message;class b{constructor(e,t,a,r){this._cachedPath=[],this.parent=e,this.data=t,this._path=a,this._key=r}get path(){return this._cachedPath.length||(this._key instanceof Array?this._cachedPath.push(...this._path,...this._key):this._cachedPath.push(...this._path,this._key)),this._cachedPath}}let x=(e,t)=>{if(v(t))return{success:!0,data:t.value};if(!e.common.issues.length)throw Error("Validation failed but no issues detected.");return{success:!1,get error(){if(this._error)return this._error;let t=new d(e.common.issues);return this._error=t,this._error}}};function k(e){if(!e)return{};let{errorMap:t,invalid_type_error:a,required_error:r,description:s}=e;if(t&&(a||r))throw Error('Can\'t use "invalid_type_error" or "required_error" in conjunction with custom error map.');if(t)return{errorMap:t,description:s};let i=(e,t)=>"invalid_type"!==e.code?{message:t.defaultError}:void 0===t.data?{message:null!=r?r:t.defaultError}:{message:null!=a?a:t.defaultError};return{errorMap:i,description:s}}class w{constructor(e){this.spa=this.safeParseAsync,this._def=e,this.parse=this.parse.bind(this),this.safeParse=this.safeParse.bind(this),this.parseAsync=this.parseAsync.bind(this),this.safeParseAsync=this.safeParseAsync.bind(this),this.spa=this.spa.bind(this),this.refine=this.refine.bind(this),this.refinement=this.refinement.bind(this),this.superRefine=this.superRefine.bind(this),this.optional=this.optional.bind(this),this.nullable=this.nullable.bind(this),this.nullish=this.nullish.bind(this),this.array=this.array.bind(this),this.promise=this.promise.bind(this),this.or=this.or.bind(this),this.and=this.and.bind(this),this.transform=this.transform.bind(this),this.brand=this.brand.bind(this),this.default=this.default.bind(this),this.catch=this.catch.bind(this),this.describe=this.describe.bind(this),this.pipe=this.pipe.bind(this),this.isNullable=this.isNullable.bind(this),this.isOptional=this.isOptional.bind(this)}get description(){return this._def.description}_getType(e){return s(e.data)}_getOrReturnCtx(e,t){return t||{common:e.parent.common,data:e.data,parsedType:s(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}_processInputParams(e){return{status:new h,ctx:{common:e.parent.common,data:e.data,parsedType:s(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}}_parseSync(e){let t=this._parse(e);if(g(t))throw Error("Synchronous parse encountered promise.");return t}_parseAsync(e){let t=this._parse(e);return Promise.resolve(t)}parse(e,t){let a=this.safeParse(e,t);if(a.success)return a.data;throw a.error}safeParse(e,t){var a;let r={common:{issues:[],async:null!==(a=null==t?void 0:t.async)&&void 0!==a&&a,contextualErrorMap:null==t?void 0:t.errorMap},path:(null==t?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:s(e)},i=this._parseSync({data:e,path:r.path,parent:r});return x(r,i)}async parseAsync(e,t){let a=await this.safeParseAsync(e,t);if(a.success)return a.data;throw a.error}async safeParseAsync(e,t){let a={common:{issues:[],contextualErrorMap:null==t?void 0:t.errorMap,async:!0},path:(null==t?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:s(e)},r=this._parse({data:e,path:a.path,parent:a}),i=await (g(r)?r:Promise.resolve(r));return x(a,i)}refine(e,t){let a=e=>"string"==typeof t||void 0===t?{message:t}:"function"==typeof t?t(e):t;return this._refinement((t,r)=>{let s=e(t),n=()=>r.addIssue({code:i.custom,...a(t)});return"undefined"!=typeof Promise&&s instanceof Promise?s.then(e=>!!e||(n(),!1)):!!s||(n(),!1)})}refinement(e,t){return this._refinement((a,r)=>!!e(a)||(r.addIssue("function"==typeof t?t(a,r):t),!1))}_refinement(e){return new eo({schema:this,typeName:e7.ZodEffects,effect:{type:"refinement",refinement:e}})}superRefine(e){return this._refinement(e)}optional(){return eu.create(this,this._def)}nullable(){return el.create(this,this._def)}nullish(){return this.nullable().optional()}array(){return W.create(this,this._def)}promise(){return ed.create(this,this._def)}or(e){return q.create([this,e],this._def)}and(e){return G.create(this,e,this._def)}transform(e){return new eo({...k(this._def),schema:this,typeName:e7.ZodEffects,effect:{type:"transform",transform:e}})}default(e){return new ec({...k(this._def),innerType:this,defaultValue:"function"==typeof e?e:()=>e,typeName:e7.ZodDefault})}brand(){return new ef({typeName:e7.ZodBranded,type:this,...k(this._def)})}catch(e){return new eh({...k(this._def),innerType:this,catchValue:"function"==typeof e?e:()=>e,typeName:e7.ZodCatch})}describe(e){let t=this.constructor;return new t({...this._def,description:e})}pipe(e){return ey.create(this,e)}isOptional(){return this.safeParse(void 0).success}isNullable(){return this.safeParse(null).success}}let Z=/^c[^\s-]{8,}$/i,O=/^[a-z][a-z0-9]*$/,T=/[0-9A-HJKMNP-TV-Z]{26}/,j=/^([a-f0-9]{8}-[a-f0-9]{4}-[1-5][a-f0-9]{3}-[a-f0-9]{4}-[a-f0-9]{12}|00000000-0000-0000-0000-000000000000)$/i,N=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\])|(\[IPv6:(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))\])|([A-Za-z0-9]([A-Za-z0-9-]*[A-Za-z0-9])*(\.[A-Za-z]{2,})+))$/,S=/^(\p{Extended_Pictographic}|\p{Emoji_Component})+$/u,C=/^(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))$/,E=/^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/,I=e=>e.precision?e.offset?RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}(([+-]\\d{2}(:?\\d{2})?)|Z)$`):RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}Z$`):0===e.precision?e.offset?RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(([+-]\\d{2}(:?\\d{2})?)|Z)$"):RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$"):e.offset?RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$"):RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$");class P extends w{constructor(){super(...arguments),this._regex=(e,t,a)=>this.refinement(t=>e.test(t),{validation:t,code:i.invalid_string,...e8.errToObj(a)}),this.nonempty=e=>this.min(1,e8.errToObj(e)),this.trim=()=>new P({...this._def,checks:[...this._def.checks,{kind:"trim"}]}),this.toLowerCase=()=>new P({...this._def,checks:[...this._def.checks,{kind:"toLowerCase"}]}),this.toUpperCase=()=>new P({...this._def,checks:[...this._def.checks,{kind:"toUpperCase"}]})}_parse(e){let t;this._def.coerce&&(e.data=String(e.data));let a=this._getType(e);if(a!==r.string){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.string,received:t.parsedType}),p}let s=new h;for(let a of this._def.checks)if("min"===a.kind)e.data.lengtha.value&&(c(t=this._getOrReturnCtx(e,t),{code:i.too_big,maximum:a.value,type:"string",inclusive:!0,exact:!1,message:a.message}),s.dirty());else if("length"===a.kind){let r=e.data.length>a.value,n=e.data.length"datetime"===e.kind)}get isEmail(){return!!this._def.checks.find(e=>"email"===e.kind)}get isURL(){return!!this._def.checks.find(e=>"url"===e.kind)}get isEmoji(){return!!this._def.checks.find(e=>"emoji"===e.kind)}get isUUID(){return!!this._def.checks.find(e=>"uuid"===e.kind)}get isCUID(){return!!this._def.checks.find(e=>"cuid"===e.kind)}get isCUID2(){return!!this._def.checks.find(e=>"cuid2"===e.kind)}get isULID(){return!!this._def.checks.find(e=>"ulid"===e.kind)}get isIP(){return!!this._def.checks.find(e=>"ip"===e.kind)}get minLength(){let e=null;for(let t of this._def.checks)"min"===t.kind&&(null===e||t.value>e)&&(e=t.value);return e}get maxLength(){let e=null;for(let t of this._def.checks)"max"===t.kind&&(null===e||t.value{var t;return new P({checks:[],typeName:e7.ZodString,coerce:null!==(t=null==e?void 0:e.coerce)&&void 0!==t&&t,...k(e)})};class R extends w{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte,this.step=this.multipleOf}_parse(e){let t;this._def.coerce&&(e.data=Number(e.data));let a=this._getType(e);if(a!==r.number){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.number,received:t.parsedType}),p}let s=new h;for(let a of this._def.checks)if("int"===a.kind)e3.isInteger(e.data)||(c(t=this._getOrReturnCtx(e,t),{code:i.invalid_type,expected:"integer",received:"float",message:a.message}),s.dirty());else if("min"===a.kind){let r=a.inclusive?e.dataa.value:e.data>=a.value;r&&(c(t=this._getOrReturnCtx(e,t),{code:i.too_big,maximum:a.value,type:"number",inclusive:a.inclusive,exact:!1,message:a.message}),s.dirty())}else"multipleOf"===a.kind?0!==function(e,t){let a=(e.toString().split(".")[1]||"").length,r=(t.toString().split(".")[1]||"").length,s=a>r?a:r,i=parseInt(e.toFixed(s).replace(".","")),n=parseInt(t.toFixed(s).replace(".",""));return i%n/Math.pow(10,s)}(e.data,a.value)&&(c(t=this._getOrReturnCtx(e,t),{code:i.not_multiple_of,multipleOf:a.value,message:a.message}),s.dirty()):"finite"===a.kind?Number.isFinite(e.data)||(c(t=this._getOrReturnCtx(e,t),{code:i.not_finite,message:a.message}),s.dirty()):e3.assertNever(a);return{status:s.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,e8.toString(t))}gt(e,t){return this.setLimit("min",e,!1,e8.toString(t))}lte(e,t){return this.setLimit("max",e,!0,e8.toString(t))}lt(e,t){return this.setLimit("max",e,!1,e8.toString(t))}setLimit(e,t,a,r){return new R({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:a,message:e8.toString(r)}]})}_addCheck(e){return new R({...this._def,checks:[...this._def.checks,e]})}int(e){return this._addCheck({kind:"int",message:e8.toString(e)})}positive(e){return this._addCheck({kind:"min",value:0,inclusive:!1,message:e8.toString(e)})}negative(e){return this._addCheck({kind:"max",value:0,inclusive:!1,message:e8.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:0,inclusive:!0,message:e8.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:0,inclusive:!0,message:e8.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:e8.toString(t)})}finite(e){return this._addCheck({kind:"finite",message:e8.toString(e)})}safe(e){return this._addCheck({kind:"min",inclusive:!0,value:Number.MIN_SAFE_INTEGER,message:e8.toString(e)})._addCheck({kind:"max",inclusive:!0,value:Number.MAX_SAFE_INTEGER,message:e8.toString(e)})}get minValue(){let e=null;for(let t of this._def.checks)"min"===t.kind&&(null===e||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(let t of this._def.checks)"max"===t.kind&&(null===e||t.value"int"===e.kind||"multipleOf"===e.kind&&e3.isInteger(e.value))}get isFinite(){let e=null,t=null;for(let a of this._def.checks){if("finite"===a.kind||"int"===a.kind||"multipleOf"===a.kind)return!0;"min"===a.kind?(null===t||a.value>t)&&(t=a.value):"max"===a.kind&&(null===e||a.valuenew R({checks:[],typeName:e7.ZodNumber,coerce:(null==e?void 0:e.coerce)||!1,...k(e)});class A extends w{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte}_parse(e){let t;this._def.coerce&&(e.data=BigInt(e.data));let a=this._getType(e);if(a!==r.bigint){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.bigint,received:t.parsedType}),p}let s=new h;for(let a of this._def.checks)if("min"===a.kind){let r=a.inclusive?e.dataa.value:e.data>=a.value;r&&(c(t=this._getOrReturnCtx(e,t),{code:i.too_big,type:"bigint",maximum:a.value,inclusive:a.inclusive,message:a.message}),s.dirty())}else"multipleOf"===a.kind?e.data%a.value!==BigInt(0)&&(c(t=this._getOrReturnCtx(e,t),{code:i.not_multiple_of,multipleOf:a.value,message:a.message}),s.dirty()):e3.assertNever(a);return{status:s.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,e8.toString(t))}gt(e,t){return this.setLimit("min",e,!1,e8.toString(t))}lte(e,t){return this.setLimit("max",e,!0,e8.toString(t))}lt(e,t){return this.setLimit("max",e,!1,e8.toString(t))}setLimit(e,t,a,r){return new A({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:a,message:e8.toString(r)}]})}_addCheck(e){return new A({...this._def,checks:[...this._def.checks,e]})}positive(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!1,message:e8.toString(e)})}negative(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!1,message:e8.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!0,message:e8.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!0,message:e8.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:e8.toString(t)})}get minValue(){let e=null;for(let t of this._def.checks)"min"===t.kind&&(null===e||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(let t of this._def.checks)"max"===t.kind&&(null===e||t.value{var t;return new A({checks:[],typeName:e7.ZodBigInt,coerce:null!==(t=null==e?void 0:e.coerce)&&void 0!==t&&t,...k(e)})};class M extends w{_parse(e){this._def.coerce&&(e.data=Boolean(e.data));let t=this._getType(e);if(t!==r.boolean){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.boolean,received:t.parsedType}),p}return f(e.data)}}M.create=e=>new M({typeName:e7.ZodBoolean,coerce:(null==e?void 0:e.coerce)||!1,...k(e)});class $ extends w{_parse(e){let t;this._def.coerce&&(e.data=new Date(e.data));let a=this._getType(e);if(a!==r.date){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.date,received:t.parsedType}),p}if(isNaN(e.data.getTime())){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_date}),p}let s=new h;for(let a of this._def.checks)"min"===a.kind?e.data.getTime()a.value&&(c(t=this._getOrReturnCtx(e,t),{code:i.too_big,message:a.message,inclusive:!0,exact:!1,maximum:a.value,type:"date"}),s.dirty()):e3.assertNever(a);return{status:s.value,value:new Date(e.data.getTime())}}_addCheck(e){return new $({...this._def,checks:[...this._def.checks,e]})}min(e,t){return this._addCheck({kind:"min",value:e.getTime(),message:e8.toString(t)})}max(e,t){return this._addCheck({kind:"max",value:e.getTime(),message:e8.toString(t)})}get minDate(){let e=null;for(let t of this._def.checks)"min"===t.kind&&(null===e||t.value>e)&&(e=t.value);return null!=e?new Date(e):null}get maxDate(){let e=null;for(let t of this._def.checks)"max"===t.kind&&(null===e||t.valuenew $({checks:[],coerce:(null==e?void 0:e.coerce)||!1,typeName:e7.ZodDate,...k(e)});class L extends w{_parse(e){let t=this._getType(e);if(t!==r.symbol){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.symbol,received:t.parsedType}),p}return f(e.data)}}L.create=e=>new L({typeName:e7.ZodSymbol,...k(e)});class D extends w{_parse(e){let t=this._getType(e);if(t!==r.undefined){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.undefined,received:t.parsedType}),p}return f(e.data)}}D.create=e=>new D({typeName:e7.ZodUndefined,...k(e)});class z extends w{_parse(e){let t=this._getType(e);if(t!==r.null){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.null,received:t.parsedType}),p}return f(e.data)}}z.create=e=>new z({typeName:e7.ZodNull,...k(e)});class V extends w{constructor(){super(...arguments),this._any=!0}_parse(e){return f(e.data)}}V.create=e=>new V({typeName:e7.ZodAny,...k(e)});class U extends w{constructor(){super(...arguments),this._unknown=!0}_parse(e){return f(e.data)}}U.create=e=>new U({typeName:e7.ZodUnknown,...k(e)});class K extends w{_parse(e){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.never,received:t.parsedType}),p}}K.create=e=>new K({typeName:e7.ZodNever,...k(e)});class B extends w{_parse(e){let t=this._getType(e);if(t!==r.undefined){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.void,received:t.parsedType}),p}return f(e.data)}}B.create=e=>new B({typeName:e7.ZodVoid,...k(e)});class W extends w{_parse(e){let{ctx:t,status:a}=this._processInputParams(e),s=this._def;if(t.parsedType!==r.array)return c(t,{code:i.invalid_type,expected:r.array,received:t.parsedType}),p;if(null!==s.exactLength){let e=t.data.length>s.exactLength.value,r=t.data.lengths.maxLength.value&&(c(t,{code:i.too_big,maximum:s.maxLength.value,type:"array",inclusive:!0,exact:!1,message:s.maxLength.message}),a.dirty()),t.common.async)return Promise.all([...t.data].map((e,a)=>s.type._parseAsync(new b(t,e,t.path,a)))).then(e=>h.mergeArray(a,e));let n=[...t.data].map((e,a)=>s.type._parseSync(new b(t,e,t.path,a)));return h.mergeArray(a,n)}get element(){return this._def.type}min(e,t){return new W({...this._def,minLength:{value:e,message:e8.toString(t)}})}max(e,t){return new W({...this._def,maxLength:{value:e,message:e8.toString(t)}})}length(e,t){return new W({...this._def,exactLength:{value:e,message:e8.toString(t)}})}nonempty(e){return this.min(1,e)}}W.create=(e,t)=>new W({type:e,minLength:null,maxLength:null,exactLength:null,typeName:e7.ZodArray,...k(t)});class F extends w{constructor(){super(...arguments),this._cached=null,this.nonstrict=this.passthrough,this.augment=this.extend}_getCached(){if(null!==this._cached)return this._cached;let e=this._def.shape(),t=e3.objectKeys(e);return this._cached={shape:e,keys:t}}_parse(e){let t=this._getType(e);if(t!==r.object){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.object,received:t.parsedType}),p}let{status:a,ctx:s}=this._processInputParams(e),{shape:n,keys:d}=this._getCached(),o=[];if(!(this._def.catchall instanceof K&&"strip"===this._def.unknownKeys))for(let e in s.data)d.includes(e)||o.push(e);let u=[];for(let e of d){let t=n[e],a=s.data[e];u.push({key:{status:"valid",value:e},value:t._parse(new b(s,a,s.path,e)),alwaysSet:e in s.data})}if(this._def.catchall instanceof K){let e=this._def.unknownKeys;if("passthrough"===e)for(let e of o)u.push({key:{status:"valid",value:e},value:{status:"valid",value:s.data[e]}});else if("strict"===e)o.length>0&&(c(s,{code:i.unrecognized_keys,keys:o}),a.dirty());else if("strip"===e);else throw Error("Internal ZodObject error: invalid unknownKeys value.")}else{let e=this._def.catchall;for(let t of o){let a=s.data[t];u.push({key:{status:"valid",value:t},value:e._parse(new b(s,a,s.path,t)),alwaysSet:t in s.data})}}return s.common.async?Promise.resolve().then(async()=>{let e=[];for(let t of u){let a=await t.key;e.push({key:a,value:await t.value,alwaysSet:t.alwaysSet})}return e}).then(e=>h.mergeObjectSync(a,e)):h.mergeObjectSync(a,u)}get shape(){return this._def.shape()}strict(e){return e8.errToObj,new F({...this._def,unknownKeys:"strict",...void 0!==e?{errorMap:(t,a)=>{var r,s,i,n;let d=null!==(i=null===(s=(r=this._def).errorMap)||void 0===s?void 0:s.call(r,t,a).message)&&void 0!==i?i:a.defaultError;return"unrecognized_keys"===t.code?{message:null!==(n=e8.errToObj(e).message)&&void 0!==n?n:d}:{message:d}}}:{}})}strip(){return new F({...this._def,unknownKeys:"strip"})}passthrough(){return new F({...this._def,unknownKeys:"passthrough"})}extend(e){return new F({...this._def,shape:()=>({...this._def.shape(),...e})})}merge(e){let t=new F({unknownKeys:e._def.unknownKeys,catchall:e._def.catchall,shape:()=>({...this._def.shape(),...e._def.shape()}),typeName:e7.ZodObject});return t}setKey(e,t){return this.augment({[e]:t})}catchall(e){return new F({...this._def,catchall:e})}pick(e){let t={};return e3.objectKeys(e).forEach(a=>{e[a]&&this.shape[a]&&(t[a]=this.shape[a])}),new F({...this._def,shape:()=>t})}omit(e){let t={};return e3.objectKeys(this.shape).forEach(a=>{e[a]||(t[a]=this.shape[a])}),new F({...this._def,shape:()=>t})}deepPartial(){return function e(t){if(t instanceof F){let a={};for(let r in t.shape){let s=t.shape[r];a[r]=eu.create(e(s))}return new F({...t._def,shape:()=>a})}return t instanceof W?new W({...t._def,type:e(t.element)}):t instanceof eu?eu.create(e(t.unwrap())):t instanceof el?el.create(e(t.unwrap())):t instanceof H?H.create(t.items.map(t=>e(t))):t}(this)}partial(e){let t={};return e3.objectKeys(this.shape).forEach(a=>{let r=this.shape[a];e&&!e[a]?t[a]=r:t[a]=r.optional()}),new F({...this._def,shape:()=>t})}required(e){let t={};return e3.objectKeys(this.shape).forEach(a=>{if(e&&!e[a])t[a]=this.shape[a];else{let e=this.shape[a],r=e;for(;r instanceof eu;)r=r._def.innerType;t[a]=r}}),new F({...this._def,shape:()=>t})}keyof(){return es(e3.objectKeys(this.shape))}}F.create=(e,t)=>new F({shape:()=>e,unknownKeys:"strip",catchall:K.create(),typeName:e7.ZodObject,...k(t)}),F.strictCreate=(e,t)=>new F({shape:()=>e,unknownKeys:"strict",catchall:K.create(),typeName:e7.ZodObject,...k(t)}),F.lazycreate=(e,t)=>new F({shape:e,unknownKeys:"strip",catchall:K.create(),typeName:e7.ZodObject,...k(t)});class q extends w{_parse(e){let{ctx:t}=this._processInputParams(e),a=this._def.options;if(t.common.async)return Promise.all(a.map(async e=>{let a={...t,common:{...t.common,issues:[]},parent:null};return{result:await e._parseAsync({data:t.data,path:t.path,parent:a}),ctx:a}})).then(function(e){for(let t of e)if("valid"===t.result.status)return t.result;for(let a of e)if("dirty"===a.result.status)return t.common.issues.push(...a.ctx.common.issues),a.result;let a=e.map(e=>new d(e.ctx.common.issues));return c(t,{code:i.invalid_union,unionErrors:a}),p});{let e;let r=[];for(let s of a){let a={...t,common:{...t.common,issues:[]},parent:null},i=s._parseSync({data:t.data,path:t.path,parent:a});if("valid"===i.status)return i;"dirty"!==i.status||e||(e={result:i,ctx:a}),a.common.issues.length&&r.push(a.common.issues)}if(e)return t.common.issues.push(...e.ctx.common.issues),e.result;let s=r.map(e=>new d(e));return c(t,{code:i.invalid_union,unionErrors:s}),p}}get options(){return this._def.options}}q.create=(e,t)=>new q({options:e,typeName:e7.ZodUnion,...k(t)});let J=e=>{if(e instanceof ea)return J(e.schema);if(e instanceof eo)return J(e.innerType());if(e instanceof er)return[e.value];if(e instanceof ei)return e.options;if(e instanceof en)return Object.keys(e.enum);if(e instanceof ec)return J(e._def.innerType);if(e instanceof D)return[void 0];else if(e instanceof z)return[null];else return null};class Y extends w{_parse(e){let{ctx:t}=this._processInputParams(e);if(t.parsedType!==r.object)return c(t,{code:i.invalid_type,expected:r.object,received:t.parsedType}),p;let a=this.discriminator,s=t.data[a],n=this.optionsMap.get(s);return n?t.common.async?n._parseAsync({data:t.data,path:t.path,parent:t}):n._parseSync({data:t.data,path:t.path,parent:t}):(c(t,{code:i.invalid_union_discriminator,options:Array.from(this.optionsMap.keys()),path:[a]}),p)}get discriminator(){return this._def.discriminator}get options(){return this._def.options}get optionsMap(){return this._def.optionsMap}static create(e,t,a){let r=new Map;for(let a of t){let t=J(a.shape[e]);if(!t)throw Error(`A discriminator value for key \`${e}\` could not be extracted from all schema options`);for(let s of t){if(r.has(s))throw Error(`Discriminator property ${String(e)} has duplicate value ${String(s)}`);r.set(s,a)}}return new Y({typeName:e7.ZodDiscriminatedUnion,discriminator:e,options:t,optionsMap:r,...k(a)})}}class G extends w{_parse(e){let{status:t,ctx:a}=this._processInputParams(e),n=(e,n)=>{if(y(e)||y(n))return p;let d=function e(t,a){let i=s(t),n=s(a);if(t===a)return{valid:!0,data:t};if(i===r.object&&n===r.object){let r=e3.objectKeys(a),s=e3.objectKeys(t).filter(e=>-1!==r.indexOf(e)),i={...t,...a};for(let r of s){let s=e(t[r],a[r]);if(!s.valid)return{valid:!1};i[r]=s.data}return{valid:!0,data:i}}if(i===r.array&&n===r.array){if(t.length!==a.length)return{valid:!1};let r=[];for(let s=0;sn(e,t)):n(this._def.left._parseSync({data:a.data,path:a.path,parent:a}),this._def.right._parseSync({data:a.data,path:a.path,parent:a}))}}G.create=(e,t,a)=>new G({left:e,right:t,typeName:e7.ZodIntersection,...k(a)});class H extends w{_parse(e){let{status:t,ctx:a}=this._processInputParams(e);if(a.parsedType!==r.array)return c(a,{code:i.invalid_type,expected:r.array,received:a.parsedType}),p;if(a.data.lengththis._def.items.length&&(c(a,{code:i.too_big,maximum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),t.dirty());let n=[...a.data].map((e,t)=>{let r=this._def.items[t]||this._def.rest;return r?r._parse(new b(a,e,a.path,t)):null}).filter(e=>!!e);return a.common.async?Promise.all(n).then(e=>h.mergeArray(t,e)):h.mergeArray(t,n)}get items(){return this._def.items}rest(e){return new H({...this._def,rest:e})}}H.create=(e,t)=>{if(!Array.isArray(e))throw Error("You must pass an array of schemas to z.tuple([ ... ])");return new H({items:e,typeName:e7.ZodTuple,rest:null,...k(t)})};class X extends w{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){let{status:t,ctx:a}=this._processInputParams(e);if(a.parsedType!==r.object)return c(a,{code:i.invalid_type,expected:r.object,received:a.parsedType}),p;let s=[],n=this._def.keyType,d=this._def.valueType;for(let e in a.data)s.push({key:n._parse(new b(a,e,a.path,e)),value:d._parse(new b(a,a.data[e],a.path,e))});return a.common.async?h.mergeObjectAsync(t,s):h.mergeObjectSync(t,s)}get element(){return this._def.valueType}static create(e,t,a){return new X(t instanceof w?{keyType:e,valueType:t,typeName:e7.ZodRecord,...k(a)}:{keyType:P.create(),valueType:e,typeName:e7.ZodRecord,...k(t)})}}class Q extends w{_parse(e){let{status:t,ctx:a}=this._processInputParams(e);if(a.parsedType!==r.map)return c(a,{code:i.invalid_type,expected:r.map,received:a.parsedType}),p;let s=this._def.keyType,n=this._def.valueType,d=[...a.data.entries()].map(([e,t],r)=>({key:s._parse(new b(a,e,a.path,[r,"key"])),value:n._parse(new b(a,t,a.path,[r,"value"]))}));if(a.common.async){let e=new Map;return Promise.resolve().then(async()=>{for(let a of d){let r=await a.key,s=await a.value;if("aborted"===r.status||"aborted"===s.status)return p;("dirty"===r.status||"dirty"===s.status)&&t.dirty(),e.set(r.value,s.value)}return{status:t.value,value:e}})}{let e=new Map;for(let a of d){let r=a.key,s=a.value;if("aborted"===r.status||"aborted"===s.status)return p;("dirty"===r.status||"dirty"===s.status)&&t.dirty(),e.set(r.value,s.value)}return{status:t.value,value:e}}}}Q.create=(e,t,a)=>new Q({valueType:t,keyType:e,typeName:e7.ZodMap,...k(a)});class ee extends w{_parse(e){let{status:t,ctx:a}=this._processInputParams(e);if(a.parsedType!==r.set)return c(a,{code:i.invalid_type,expected:r.set,received:a.parsedType}),p;let s=this._def;null!==s.minSize&&a.data.sizes.maxSize.value&&(c(a,{code:i.too_big,maximum:s.maxSize.value,type:"set",inclusive:!0,exact:!1,message:s.maxSize.message}),t.dirty());let n=this._def.valueType;function d(e){let a=new Set;for(let r of e){if("aborted"===r.status)return p;"dirty"===r.status&&t.dirty(),a.add(r.value)}return{status:t.value,value:a}}let o=[...a.data.values()].map((e,t)=>n._parse(new b(a,e,a.path,t)));return a.common.async?Promise.all(o).then(e=>d(e)):d(o)}min(e,t){return new ee({...this._def,minSize:{value:e,message:e8.toString(t)}})}max(e,t){return new ee({...this._def,maxSize:{value:e,message:e8.toString(t)}})}size(e,t){return this.min(e,t).max(e,t)}nonempty(e){return this.min(1,e)}}ee.create=(e,t)=>new ee({valueType:e,minSize:null,maxSize:null,typeName:e7.ZodSet,...k(t)});class et extends w{constructor(){super(...arguments),this.validate=this.implement}_parse(e){let{ctx:t}=this._processInputParams(e);if(t.parsedType!==r.function)return c(t,{code:i.invalid_type,expected:r.function,received:t.parsedType}),p;function a(e,a){return l({data:e,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,u,o].filter(e=>!!e),issueData:{code:i.invalid_arguments,argumentsError:a}})}function s(e,a){return l({data:e,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,u,o].filter(e=>!!e),issueData:{code:i.invalid_return_type,returnTypeError:a}})}let n={errorMap:t.common.contextualErrorMap},h=t.data;return this._def.returns instanceof ed?f(async(...e)=>{let t=new d([]),r=await this._def.args.parseAsync(e,n).catch(r=>{throw t.addIssue(a(e,r)),t}),i=await h(...r),o=await this._def.returns._def.type.parseAsync(i,n).catch(e=>{throw t.addIssue(s(i,e)),t});return o}):f((...e)=>{let t=this._def.args.safeParse(e,n);if(!t.success)throw new d([a(e,t.error)]);let r=h(...t.data),i=this._def.returns.safeParse(r,n);if(!i.success)throw new d([s(r,i.error)]);return i.data})}parameters(){return this._def.args}returnType(){return this._def.returns}args(...e){return new et({...this._def,args:H.create(e).rest(U.create())})}returns(e){return new et({...this._def,returns:e})}implement(e){let t=this.parse(e);return t}strictImplement(e){let t=this.parse(e);return t}static create(e,t,a){return new et({args:e||H.create([]).rest(U.create()),returns:t||U.create(),typeName:e7.ZodFunction,...k(a)})}}class ea extends w{get schema(){return this._def.getter()}_parse(e){let{ctx:t}=this._processInputParams(e),a=this._def.getter();return a._parse({data:t.data,path:t.path,parent:t})}}ea.create=(e,t)=>new ea({getter:e,typeName:e7.ZodLazy,...k(t)});class er extends w{_parse(e){if(e.data!==this._def.value){let t=this._getOrReturnCtx(e);return c(t,{received:t.data,code:i.invalid_literal,expected:this._def.value}),p}return{status:"valid",value:e.data}}get value(){return this._def.value}}function es(e,t){return new ei({values:e,typeName:e7.ZodEnum,...k(t)})}er.create=(e,t)=>new er({value:e,typeName:e7.ZodLiteral,...k(t)});class ei extends w{_parse(e){if("string"!=typeof e.data){let t=this._getOrReturnCtx(e),a=this._def.values;return c(t,{expected:e3.joinValues(a),received:t.parsedType,code:i.invalid_type}),p}if(-1===this._def.values.indexOf(e.data)){let t=this._getOrReturnCtx(e),a=this._def.values;return c(t,{received:t.data,code:i.invalid_enum_value,options:a}),p}return f(e.data)}get options(){return this._def.values}get enum(){let e={};for(let t of this._def.values)e[t]=t;return e}get Values(){let e={};for(let t of this._def.values)e[t]=t;return e}get Enum(){let e={};for(let t of this._def.values)e[t]=t;return e}extract(e){return ei.create(e)}exclude(e){return ei.create(this.options.filter(t=>!e.includes(t)))}}ei.create=es;class en extends w{_parse(e){let t=e3.getValidEnumValues(this._def.values),a=this._getOrReturnCtx(e);if(a.parsedType!==r.string&&a.parsedType!==r.number){let e=e3.objectValues(t);return c(a,{expected:e3.joinValues(e),received:a.parsedType,code:i.invalid_type}),p}if(-1===t.indexOf(e.data)){let e=e3.objectValues(t);return c(a,{received:a.data,code:i.invalid_enum_value,options:e}),p}return f(e.data)}get enum(){return this._def.values}}en.create=(e,t)=>new en({values:e,typeName:e7.ZodNativeEnum,...k(t)});class ed extends w{unwrap(){return this._def.type}_parse(e){let{ctx:t}=this._processInputParams(e);if(t.parsedType!==r.promise&&!1===t.common.async)return c(t,{code:i.invalid_type,expected:r.promise,received:t.parsedType}),p;let a=t.parsedType===r.promise?t.data:Promise.resolve(t.data);return f(a.then(e=>this._def.type.parseAsync(e,{path:t.path,errorMap:t.common.contextualErrorMap})))}}ed.create=(e,t)=>new ed({type:e,typeName:e7.ZodPromise,...k(t)});class eo extends w{innerType(){return this._def.schema}sourceType(){return this._def.schema._def.typeName===e7.ZodEffects?this._def.schema.sourceType():this._def.schema}_parse(e){let{status:t,ctx:a}=this._processInputParams(e),r=this._def.effect||null;if("preprocess"===r.type){let e=r.transform(a.data);return a.common.async?Promise.resolve(e).then(e=>this._def.schema._parseAsync({data:e,path:a.path,parent:a})):this._def.schema._parseSync({data:e,path:a.path,parent:a})}let s={addIssue:e=>{c(a,e),e.fatal?t.abort():t.dirty()},get path(){return a.path}};if(s.addIssue=s.addIssue.bind(s),"refinement"===r.type){let e=e=>{let t=r.refinement(e,s);if(a.common.async)return Promise.resolve(t);if(t instanceof Promise)throw Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");return e};if(!1!==a.common.async)return this._def.schema._parseAsync({data:a.data,path:a.path,parent:a}).then(a=>"aborted"===a.status?p:("dirty"===a.status&&t.dirty(),e(a.value).then(()=>({status:t.value,value:a.value}))));{let r=this._def.schema._parseSync({data:a.data,path:a.path,parent:a});return"aborted"===r.status?p:("dirty"===r.status&&t.dirty(),e(r.value),{status:t.value,value:r.value})}}if("transform"===r.type){if(!1!==a.common.async)return this._def.schema._parseAsync({data:a.data,path:a.path,parent:a}).then(e=>v(e)?Promise.resolve(r.transform(e.value,s)).then(e=>({status:t.value,value:e})):e);{let e=this._def.schema._parseSync({data:a.data,path:a.path,parent:a});if(!v(e))return e;let i=r.transform(e.value,s);if(i instanceof Promise)throw Error("Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.");return{status:t.value,value:i}}}e3.assertNever(r)}}eo.create=(e,t,a)=>new eo({schema:e,typeName:e7.ZodEffects,effect:t,...k(a)}),eo.createWithPreprocess=(e,t,a)=>new eo({schema:t,effect:{type:"preprocess",transform:e},typeName:e7.ZodEffects,...k(a)});class eu extends w{_parse(e){let t=this._getType(e);return t===r.undefined?f(void 0):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}eu.create=(e,t)=>new eu({innerType:e,typeName:e7.ZodOptional,...k(t)});class el extends w{_parse(e){let t=this._getType(e);return t===r.null?f(null):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}el.create=(e,t)=>new el({innerType:e,typeName:e7.ZodNullable,...k(t)});class ec extends w{_parse(e){let{ctx:t}=this._processInputParams(e),a=t.data;return t.parsedType===r.undefined&&(a=this._def.defaultValue()),this._def.innerType._parse({data:a,path:t.path,parent:t})}removeDefault(){return this._def.innerType}}ec.create=(e,t)=>new ec({innerType:e,typeName:e7.ZodDefault,defaultValue:"function"==typeof t.default?t.default:()=>t.default,...k(t)});class eh extends w{_parse(e){let{ctx:t}=this._processInputParams(e),a={...t,common:{...t.common,issues:[]}},r=this._def.innerType._parse({data:a.data,path:a.path,parent:{...a}});return g(r)?r.then(e=>({status:"valid",value:"valid"===e.status?e.value:this._def.catchValue({get error(){return new d(a.common.issues)},input:a.data})})):{status:"valid",value:"valid"===r.status?r.value:this._def.catchValue({get error(){return new d(a.common.issues)},input:a.data})}}removeCatch(){return this._def.innerType}}eh.create=(e,t)=>new eh({innerType:e,typeName:e7.ZodCatch,catchValue:"function"==typeof t.catch?t.catch:()=>t.catch,...k(t)});class ep extends w{_parse(e){let t=this._getType(e);if(t!==r.nan){let t=this._getOrReturnCtx(e);return c(t,{code:i.invalid_type,expected:r.nan,received:t.parsedType}),p}return{status:"valid",value:e.data}}}ep.create=e=>new ep({typeName:e7.ZodNaN,...k(e)});let em=Symbol("zod_brand");class ef extends w{_parse(e){let{ctx:t}=this._processInputParams(e),a=t.data;return this._def.type._parse({data:a,path:t.path,parent:t})}unwrap(){return this._def.type}}class ey extends w{_parse(e){let{status:t,ctx:a}=this._processInputParams(e);if(a.common.async){let e=async()=>{let e=await this._def.in._parseAsync({data:a.data,path:a.path,parent:a});return"aborted"===e.status?p:"dirty"===e.status?(t.dirty(),m(e.value)):this._def.out._parseAsync({data:e.value,path:a.path,parent:a})};return e()}{let e=this._def.in._parseSync({data:a.data,path:a.path,parent:a});return"aborted"===e.status?p:"dirty"===e.status?(t.dirty(),{status:"dirty",value:e.value}):this._def.out._parseSync({data:e.value,path:a.path,parent:a})}}static create(e,t){return new ey({in:e,out:t,typeName:e7.ZodPipeline})}}let e_=(e,t={},a)=>e?V.create().superRefine((r,s)=>{var i,n;if(!e(r)){let e="function"==typeof t?t(r):"string"==typeof t?{message:t}:t,d=null===(n=null!==(i=e.fatal)&&void 0!==i?i:a)||void 0===n||n;s.addIssue({code:"custom",..."string"==typeof e?{message:e}:e,fatal:d})}}):V.create(),ev={object:F.lazycreate};(e5=e7||(e7={})).ZodString="ZodString",e5.ZodNumber="ZodNumber",e5.ZodNaN="ZodNaN",e5.ZodBigInt="ZodBigInt",e5.ZodBoolean="ZodBoolean",e5.ZodDate="ZodDate",e5.ZodSymbol="ZodSymbol",e5.ZodUndefined="ZodUndefined",e5.ZodNull="ZodNull",e5.ZodAny="ZodAny",e5.ZodUnknown="ZodUnknown",e5.ZodNever="ZodNever",e5.ZodVoid="ZodVoid",e5.ZodArray="ZodArray",e5.ZodObject="ZodObject",e5.ZodUnion="ZodUnion",e5.ZodDiscriminatedUnion="ZodDiscriminatedUnion",e5.ZodIntersection="ZodIntersection",e5.ZodTuple="ZodTuple",e5.ZodRecord="ZodRecord",e5.ZodMap="ZodMap",e5.ZodSet="ZodSet",e5.ZodFunction="ZodFunction",e5.ZodLazy="ZodLazy",e5.ZodLiteral="ZodLiteral",e5.ZodEnum="ZodEnum",e5.ZodEffects="ZodEffects",e5.ZodNativeEnum="ZodNativeEnum",e5.ZodOptional="ZodOptional",e5.ZodNullable="ZodNullable",e5.ZodDefault="ZodDefault",e5.ZodCatch="ZodCatch",e5.ZodPromise="ZodPromise",e5.ZodBranded="ZodBranded",e5.ZodPipeline="ZodPipeline";let eg=(e,t={message:`Input not instance of ${e.name}`})=>e_(t=>t instanceof e,t),eb=P.create,ex=R.create,ek=ep.create,ew=A.create,eZ=M.create,eO=$.create,eT=L.create,ej=D.create,eN=z.create,eS=V.create,eC=U.create,eE=K.create,eI=B.create,eP=W.create,eR=F.create,eA=F.strictCreate,eM=q.create,e$=Y.create,eL=G.create,eD=H.create,ez=X.create,eV=Q.create,eU=ee.create,eK=et.create,eB=ea.create,eW=er.create,eF=ei.create,eq=en.create,eJ=ed.create,eY=eo.create,eG=eu.create,eH=el.create,eX=eo.createWithPreprocess,eQ=ey.create,e0=()=>eb().optional(),e1=()=>ex().optional(),e2=()=>eZ().optional();var e9,e4,e5,e3,e6,e8,e7,te=Object.freeze({__proto__:null,defaultErrorMap:o,setErrorMap:function(e){u=e},getErrorMap:function(){return u},makeIssue:l,EMPTY_PATH:[],addIssueToContext:c,ParseStatus:h,INVALID:p,DIRTY:m,OK:f,isAborted:y,isDirty:_,isValid:v,isAsync:g,get util(){return e3},get objectUtil(){return e6},ZodParsedType:r,getParsedType:s,ZodType:w,ZodString:P,ZodNumber:R,ZodBigInt:A,ZodBoolean:M,ZodDate:$,ZodSymbol:L,ZodUndefined:D,ZodNull:z,ZodAny:V,ZodUnknown:U,ZodNever:K,ZodVoid:B,ZodArray:W,ZodObject:F,ZodUnion:q,ZodDiscriminatedUnion:Y,ZodIntersection:G,ZodTuple:H,ZodRecord:X,ZodMap:Q,ZodSet:ee,ZodFunction:et,ZodLazy:ea,ZodLiteral:er,ZodEnum:ei,ZodNativeEnum:en,ZodPromise:ed,ZodEffects:eo,ZodTransformer:eo,ZodOptional:eu,ZodNullable:el,ZodDefault:ec,ZodCatch:eh,ZodNaN:ep,BRAND:em,ZodBranded:ef,ZodPipeline:ey,custom:e_,Schema:w,ZodSchema:w,late:ev,get ZodFirstPartyTypeKind(){return e7},coerce:{string:e=>P.create({...e,coerce:!0}),number:e=>R.create({...e,coerce:!0}),boolean:e=>M.create({...e,coerce:!0}),bigint:e=>A.create({...e,coerce:!0}),date:e=>$.create({...e,coerce:!0})},any:eS,array:eP,bigint:ew,boolean:eZ,date:eO,discriminatedUnion:e$,effect:eY,enum:eF,function:eK,instanceof:eg,intersection:eL,lazy:eB,literal:eW,map:eV,nan:ek,nativeEnum:eq,never:eE,null:eN,nullable:eH,number:ex,object:eR,oboolean:e2,onumber:e1,optional:eG,ostring:e0,pipeline:eQ,preprocess:eX,promise:eJ,record:ez,set:eU,strictObject:eA,string:eb,symbol:eT,transformer:eY,tuple:eD,undefined:ej,union:eM,unknown:eC,void:eI,NEVER:p,ZodIssueCode:i,quotelessJson:n,ZodError:d})}}]); \ No newline at end of file diff --git a/_next/static/chunks/6047-db7c69d34e4fde5e.js b/_next/static/chunks/6047-db7c69d34e4fde5e.js new file mode 100644 index 00000000000..e7473d0f0cb --- /dev/null +++ b/_next/static/chunks/6047-db7c69d34e4fde5e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6047],{16683:function(e,t,r){r.d(t,{r:function(){return d}});var l=r(67294),n=r(40624),o=r(18094),a=r(84391),i=r(23560),s=r(77331),c=r(38238);function u(e,t){return Array.isArray(e)?e.includes(t):e===t}function p({data:e,withCheckIcon:t,value:r,checkIconPosition:o,unstyled:d}){if(!(0,i.f)(e)){let i=t&&u(r,e.value)&&l.createElement(c.n,{className:s.Z.optionsDropdownCheckIcon});return l.createElement(a.h.Option,{value:e.value,disabled:e.disabled,className:(0,n.Z)({[s.Z.optionsDropdownOption]:!d}),"data-reverse":"right"===o||void 0,"data-checked":u(r,e.value)||void 0,"aria-selected":u(r,e.value)},"left"===o&&i,e.label,"right"===o&&i)}let f=e.items.map(e=>l.createElement(p,{data:e,key:e.value,unstyled:d}));return l.createElement(a.h.Group,{label:e.group},f)}function d({data:e,hidden:t,hiddenWhenEmpty:r,filter:n,search:c,limit:u,maxDropdownHeight:d,withScrollArea:f=!0,filterOptions:m=!0,withCheckIcon:v=!1,value:b,checkIconPosition:y,nothingFoundMessage:h,unstyled:O,labelId:g}){!function e(t,r=new Set){if(Array.isArray(t))for(let l of t)if((0,i.f)(l))e(l.items,r);else{if(void 0===l.value)throw Error("[@mantine/core] Each option must have value property");if("string"!=typeof l.value)throw Error(`[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof l.value}`);if(r.has(l.value))throw Error(`[@mantine/core] Duplicate options are not supported. Option with value "${l.value}" was provided more than once`);r.add(l.value)}}(e);let w="string"==typeof c?(n||function e({options:t,search:r,limit:l}){let n=r.trim().toLowerCase(),o=[];for(let a=0;a0)return!1;return!0}(w),E=w.map(e=>l.createElement(p,{data:e,key:(0,i.f)(e)?e.group:e.value,withCheckIcon:v,value:b,checkIconPosition:y,unstyled:O}));return l.createElement(a.h.Dropdown,{hidden:t||r&&P},l.createElement(a.h.Options,{labelledBy:g},f?l.createElement(o.x.Autosize,{mah:null!=d?d:220,type:"scroll",scrollbarSize:"var(--_combobox-padding)",offsetScrollbars:"y",className:s.Z.optionsDropdownScrollArea},E):E,P&&h&&l.createElement(a.h.Empty,null,h)))}},23560:function(e,t,r){r.d(t,{f:function(){return l}});function l(e){return"group"in e}},98897:function(e,t,r){r.d(t,{g:function(){return function e(t){return t.reduce((t,r)=>"group"in r?s(s({},t),e(r.items)):(t[r.value]=r,t),{})}}});var l=Object.defineProperty,n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))a.call(t,r)&&i(e,r,t[r]);return e}},46047:function(e,t,r){r.d(t,{N:function(){return I}});var l=r(67294),n=r(9779),o=r(643),a=r(23560),i=r(7995),s=r(98897),c=r(16658),u=r(14462),p=r(84391),d=r(9461),f=r(16683),m=r(70097),v=r(3154),b=r(30370),y=r(7872),h=r(86109),O=r(28816),g=Object.defineProperty,w=Object.defineProperties,P=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,j=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&j(e,r,t[r]);if(E)for(var r of E(t))D.call(t,r)&&j(e,r,t[r]);return e},x=(e,t)=>w(e,P(t)),k=(e,t)=>{var r={};for(var l in e)S.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&E)for(var l of E(e))0>t.indexOf(l)&&D.call(e,l)&&(r[l]=e[l]);return r};let N={maxValues:1/0,withCheckIcon:!0,checkIconPosition:"left"},I=(0,v.d)((e,t)=>{let r=(0,b.w)("MultiSelect",N,e),{classNames:m,className:v,style:g,styles:w,unstyled:P,vars:E,size:S,value:D,defaultValue:j,onChange:I,onKeyDown:z,variant:_,data:M,dropdownOpened:F,defaultDropdownOpened:A,onDropdownOpen:B,onDropdownClose:V,selectFirstOptionOnChange:R,onOptionSubmit:G,comboboxProps:L,filter:Z,limit:$,withScrollArea:H,maxDropdownHeight:W,searchValue:K,defaultSearchValue:T,onSearchChange:Y,readOnly:q,disabled:J,onFocus:Q,onBlur:U,onPaste:X,radius:ee,rightSection:et,rightSectionWidth:er,rightSectionPointerEvents:el,rightSectionProps:en,leftSection:eo,leftSectionWidth:ea,leftSectionPointerEvents:ei,leftSectionProps:es,inputContainer:ec,inputWrapperOrder:eu,withAsterisk:ep,labelProps:ed,descriptionProps:ef,errorProps:em,wrapperProps:ev,description:eb,label:ey,error:eh,maxValues:eO,searchable:eg,nothingFoundMessage:ew,withCheckIcon:eP,checkIconPosition:eE,hidePickedOptions:eS,withErrorStyles:eD,name:ej,form:eC,id:ex,clearable:ek,clearButtonProps:eN}=r,eI=k(r,["classNames","className","style","styles","unstyled","vars","size","value","defaultValue","onChange","onKeyDown","variant","data","dropdownOpened","defaultDropdownOpened","onDropdownOpen","onDropdownClose","selectFirstOptionOnChange","onOptionSubmit","comboboxProps","filter","limit","withScrollArea","maxDropdownHeight","searchValue","defaultSearchValue","onSearchChange","readOnly","disabled","onFocus","onBlur","onPaste","radius","rightSection","rightSectionWidth","rightSectionPointerEvents","rightSectionProps","leftSection","leftSectionWidth","leftSectionPointerEvents","leftSectionProps","inputContainer","inputWrapperOrder","withAsterisk","labelProps","descriptionProps","errorProps","wrapperProps","description","label","error","maxValues","searchable","nothingFoundMessage","withCheckIcon","checkIconPosition","hidePickedOptions","withErrorStyles","name","form","id","clearable","clearButtonProps"]),ez=(0,n.M)(ex),e_=(0,i.R)(M),eM=(0,s.g)(e_),eF=(0,c.K)({opened:F,defaultOpened:A,onDropdownOpen:B,onDropdownClose:()=>{null==V||V(),eF.resetSelectedOption()}}),{styleProps:eA,rest:eB}=(0,y.c)(eI),eV=k(eB,["type"]),[eR,eG]=(0,o.C)({value:D,defaultValue:j,finalValue:[],onChange:I}),[eL,eZ]=(0,o.C)({value:K,defaultValue:T,finalValue:"",onChange:Y}),e$=(0,h.y)({name:"MultiSelect",classes:{},props:r,classNames:m,styles:w,unstyled:P}),{resolvedClassNames:eH,resolvedStyles:eW}=(0,O.h)({props:r,styles:w,classNames:m}),eK=e=>{null==z||z(e),"Backspace"===e.key&&0===eL.length&&eR.length>0&&eG(eR.slice(0,eR.length-1))},eT=eR.map((e,t)=>{var r;return l.createElement(u.D,C({key:`${e}-${t}`,withRemoveButton:!q,onRemove:()=>eG(eR.filter(t=>e!==t)),unstyled:P},e$("pill")),(null==(r=eM[e])?void 0:r.label)||e)}),eY=ek&&eR.length>0&&!J&&!q&&l.createElement(p.h.ClearButton,x(C({size:S},eN),{onClear:()=>{eG([]),eZ("")}}));return l.createElement(l.Fragment,null,l.createElement(p.h,C({store:eF,classNames:eH,styles:eW,unstyled:P,size:S,readOnly:q,__staticSelector:"MultiSelect",onOptionSubmit:e=>{null==G||G(e),eZ(""),eF.updateSelectedOptionIndex("selected"),eR.includes(eM[e].value)?eG(eR.filter(t=>t!==eM[e].value)):eR.lengtheg?eF.openDropdown():eF.toggleDropdown(),id:ez}),l.createElement(u.D.Group,C({disabled:J,unstyled:P},e$("pillsList")),eT,l.createElement(p.h.EventsTarget,null,l.createElement(d.d.Field,x(C(x(C({},eV),{ref:t,id:ez}),e$("inputField")),{unstyled:P,onFocus:e=>{null==Q||Q(e),eg&&eF.openDropdown()},onBlur:e=>{null==U||U(e),eF.closeDropdown(),eg&&eF.closeDropdown(),eZ("")},onKeyDown:eK,value:eL,onChange:e=>{eZ(e.currentTarget.value),eg&&eF.openDropdown()},disabled:J,readOnly:q||!eg,pointer:!eg})))))),l.createElement(f.r,{data:eS?function({data:e,value:t}){let r=t.map(e=>e.trim().toLowerCase()),l=e.reduce((e,t)=>((0,a.f)(t)?e.push({group:t.group,items:t.items.filter(e=>-1===r.indexOf(e.value.toLowerCase().trim()))}):-1===r.indexOf(t.value.toLowerCase().trim())&&e.push(t),e),[]);return l}({data:e_,value:eR}):e_,hidden:q||J,filter:Z,search:eL,limit:$,hiddenWhenEmpty:eS||!ew||!eg&&0!==eL.trim().length,withScrollArea:H,maxDropdownHeight:W,filterOptions:eg,value:eR,checkIconPosition:eE,withCheckIcon:eP,nothingFoundMessage:ew,unstyled:P,labelId:`${ez}-label`})),l.createElement("input",{type:"hidden",name:ej,value:eR.join(","),form:eC,disabled:J}))});I.classes=C(C({},m.M.classes),p.h.classes),I.displayName="@mantine/core/MultiSelect"},14462:function(e,t,r){r.d(t,{D:function(){return V}});var l=r(67294),n=r(50377);let[o,a]=(0,n.V)();var i=r(67399),s={root:"m-7cda1cd6","root--default":"m-44da308b","root--contrast":"m-e3a01f8",label:"m-1e0e6180",remove:"m-ae386778",group:"m-1dcfd90b"},c=r(3154),u=r(30370),p=r(86109),d=r(81110),f=r(8586),m=r(48468),v=Object.defineProperty,b=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(b)for(var r of b(t))h.call(t,r)&&O(e,r,t[r]);return e},w=(e,t)=>{var r={};for(var l in e)y.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&b)for(var l of b(e))0>t.indexOf(l)&&h.call(e,l)&&(r[l]=e[l]);return r};let P={},E=(0,f.Z)((e,{gap:t},{size:r})=>({group:{"--pg-gap":void 0!==t?(0,m.ap)(t):(0,m.ap)(r,"pg-gap")}})),S=(0,c.d)((e,t)=>{let r=(0,u.w)("PillGroup",P,e),{classNames:n,className:a,style:c,styles:f,unstyled:m,vars:v,size:b,disabled:y}=r,h=w(r,["classNames","className","style","styles","unstyled","vars","size","disabled"]),O=(0,i.D)(),S=(null==O?void 0:O.size)||b||void 0,D=(0,p.y)({name:"PillGroup",classes:s,props:r,className:a,style:c,classNames:n,styles:f,unstyled:m,vars:v,varsResolver:E,stylesCtx:{size:S},rootSelector:"group"});return l.createElement(o,{value:{size:S,disabled:y}},l.createElement(d.x,g(g({ref:t,size:S},D("group")),h)))});S.classes=s,S.displayName="@mantine/core/PillGroup";var D=r(76198),j=Object.defineProperty,C=Object.defineProperties,x=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,z=(e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))N.call(t,r)&&z(e,r,t[r]);if(k)for(var r of k(t))I.call(t,r)&&z(e,r,t[r]);return e},M=(e,t)=>C(e,x(t)),F=(e,t)=>{var r={};for(var l in e)N.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&k)for(var l of k(e))0>t.indexOf(l)&&I.call(e,l)&&(r[l]=e[l]);return r};let A={variant:"default"},B=(0,f.Z)((e,{radius:t},{size:r})=>({root:{"--pill-fz":(0,m.ap)(r,"pill-fz"),"--pill-height":(0,m.ap)(r,"pill-height"),"--pill-radius":void 0===t?void 0:(0,m.H5)(t)}})),V=(0,c.d)((e,t)=>{let r=(0,u.w)("Pill",A,e),{classNames:n,className:o,style:c,styles:f,unstyled:m,vars:v,variant:b,children:y,withRemoveButton:h,onRemove:O,removeButtonProps:g,radius:w,size:P,disabled:E}=r,S=F(r,["classNames","className","style","styles","unstyled","vars","variant","children","withRemoveButton","onRemove","removeButtonProps","radius","size","disabled"]),j=a(),C=(0,i.D)(),x=P||(null==j?void 0:j.size)||void 0,k=(null==C?void 0:C.variant)==="filled"?"contrast":b||"default",N=(0,p.y)({name:"Pill",classes:s,props:r,className:o,style:c,classNames:n,styles:f,unstyled:m,vars:v,varsResolver:B,stylesCtx:{size:x}});return l.createElement(d.x,_(M(_({component:"span",ref:t,variant:k,size:x},N("root",{variant:k})),{mod:{"with-remove":h,disabled:E||(null==j?void 0:j.disabled)}}),S),l.createElement("span",_({},N("label")),y),h&&l.createElement(D.P,M(_(_({variant:"transparent",radius:w,tabIndex:-1,"aria-hidden":!0,unstyled:m},g),N("remove",{className:null==g?void 0:g.className,style:null==g?void 0:g.style})),{onMouseDown:e=>{var t;e.preventDefault(),e.stopPropagation(),null==(t=null==g?void 0:g.onMouseDown)||t.call(g,e)},onClick:e=>{var t;e.stopPropagation(),null==O||O(),null==(t=null==g?void 0:g.onClick)||t.call(g,e)}})))});V.classes=s,V.displayName="@mantine/core/Pill",V.Group=S},67399:function(e,t,r){r.d(t,{D:function(){return o},H:function(){return n}});var l=r(50377);let[n,o]=(0,l.V)()},9461:function(e,t,r){r.d(t,{d:function(){return A}});var l=r(67294),n=r(67399),o=r(83443),a={field:"m-45c4369d"},i=r(22895),s=r(3154),c=r(30370),u=r(86109),p=r(81110),d=Object.defineProperty,f=Object.defineProperties,m=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(v)for(var r of v(t))y.call(t,r)&&h(e,r,t[r]);return e},g=(e,t)=>f(e,m(t)),w=(e,t)=>{var r={};for(var l in e)b.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&v)for(var l of v(e))0>t.indexOf(l)&&y.call(e,l)&&(r[l]=e[l]);return r};let P={type:"visible"},E=(0,s.d)((e,t)=>{let r=(0,c.w)("PillsInputField",P,e),{classNames:s,className:d,style:f,styles:m,unstyled:v,vars:b,type:y,disabled:h,id:E,pointer:S}=r,D=w(r,["classNames","className","style","styles","unstyled","vars","type","disabled","id","pointer"]),j=(0,n.D)(),C=(0,i.D)(),x=(0,u.y)({name:"PillsInputField",classes:a,props:r,className:d,style:f,classNames:s,styles:m,unstyled:v,rootSelector:"field"}),k=h||(null==j?void 0:j.disabled);return l.createElement(p.x,g(O(O({component:"input",ref:(0,o.Yx)(t,null==j?void 0:j.fieldRef),"data-type":y,disabled:k,mod:{disabled:k,pointer:S}},x("field")),D),{id:(null==C?void 0:C.inputId)||E,"aria-invalid":null==j?void 0:j.hasError,"aria-describedby":null==C?void 0:C.describedBy}))});E.classes=a,E.displayName="@mantine/core/PillsInputField";var S=r(70097),D=Object.defineProperty,j=Object.defineProperties,C=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,I=(e,t,r)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,z=(e,t)=>{for(var r in t||(t={}))k.call(t,r)&&I(e,r,t[r]);if(x)for(var r of x(t))N.call(t,r)&&I(e,r,t[r]);return e},_=(e,t)=>j(e,C(t)),M=(e,t)=>{var r={};for(var l in e)k.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&x)for(var l of x(e))0>t.indexOf(l)&&N.call(e,l)&&(r[l]=e[l]);return r};let F={},A=(0,s.d)((e,t)=>{let r=(0,c.w)("PillsInput",F,e),{children:o,onMouseDown:a,onClick:i,size:s,disabled:u,__staticSelector:p,error:d,variant:f}=r,m=M(r,["children","onMouseDown","onClick","size","disabled","__staticSelector","error","variant"]),v=(0,l.useRef)();return l.createElement(n.H,{value:{fieldRef:v,size:s,disabled:u,hasError:!!d,variant:f}},l.createElement(S.M,_(z({size:s,error:d,variant:f,component:"div",ref:t,onMouseDown:e=>{var t;e.preventDefault(),null==a||a(e),null==(t=v.current)||t.focus()},onClick:e=>{var t;e.preventDefault(),null==i||i(e),null==(t=v.current)||t.focus()}},m),{multiline:!0,disabled:u,__staticSelector:p||"PillsInput",withAria:!1}),o))});A.displayName="@mantine/core/PillsInput",A.Field=E}}]); \ No newline at end of file diff --git a/_next/static/chunks/6346-0805fe0f71932a0e.js b/_next/static/chunks/6346-0805fe0f71932a0e.js new file mode 100644 index 00000000000..5e488f9bbe5 --- /dev/null +++ b/_next/static/chunks/6346-0805fe0f71932a0e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6346],{17286:function(e,t,r){r.d(t,{f:function(){return j}});var o=r(67294),l={root:"m-6e45937b",loader:"m-e8eb006c",overlay:"m-df587f17"},a=r(56338),n=r(77015),i=r(9065),s=r(3154),c=r(30370),u=r(43440),p=r(86109),d=r(81110),m=r(88380),f=r(8586),b=Object.defineProperty,v=Object.defineProperties,y=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,P=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&P(e,r,t[r]);if(g)for(var r of g(t))C.call(t,r)&&P(e,r,t[r]);return e},O=(e,t)=>v(e,y(t)),E=(e,t)=>{var r={};for(var o in e)w.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&g)for(var o of g(e))0>t.indexOf(o)&&C.call(e,o)&&(r[o]=e[o]);return r};let S={transitionProps:{transition:"fade",duration:0},overlayProps:{backgroundOpacity:.75},zIndex:(0,m.w)("overlay")},I=(0,f.Z)((e,{zIndex:t})=>({root:{"--lo-z-index":null==t?void 0:t.toString()}})),j=(0,s.d)((e,t)=>{let r=(0,c.w)("LoadingOverlay",S,e),{classNames:s,className:m,style:f,styles:b,unstyled:v,vars:y,transitionProps:g,loaderProps:w,overlayProps:C,visible:P,zIndex:j}=r,k=E(r,["classNames","className","style","styles","unstyled","vars","transitionProps","loaderProps","overlayProps","visible","zIndex"]),x=(0,u.rZ)(),z=(0,p.y)({name:"LoadingOverlay",classes:l,props:r,className:m,style:f,classNames:s,styles:b,unstyled:v,vars:y,varsResolver:I}),Z=h(h({},S.overlayProps),C);return o.createElement(a.u,O(h({transition:"fade"},g),{mounted:!!P}),e=>o.createElement(d.x,h(O(h({},z("root",{style:e})),{ref:t}),k),o.createElement(n.a,h(O(h({},z("loader")),{unstyled:v}),w)),o.createElement(i.a,O(h(h({},Z),z("overlay")),{"data-light":!0,unstyled:v,color:(null==C?void 0:C.color)||x.white})),o.createElement(i.a,O(h(h({},Z),z("overlay")),{"data-dark":!0,unstyled:v,color:(null==C?void 0:C.color)||x.colors.dark[5]}))))});j.classes=l,j.displayName="@mantine/core/LoadingOverlay"},91361:function(e,t,r){r.d(t,{W:function(){return Z}});var o=r(67294),l=r(40624),a=r(9779),n=r(643);let i=({reveal:e})=>o.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{width:"var(--psi-icon-size)",height:"var(--psi-icon-size)"}},o.createElement("path",{d:e?"M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z":"M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));var s={root:"m-f61ca620",input:"m-ccf8da4c",innerInput:"m-f2d85dd2",visibilityToggle:"m-b1072d44"},c=r(89363),u=r(52561),p=r(70097),d=r(3154),m=r(30370),f=r(86109),b=r(28816),v=r(7872),y=r(8586),g=r(48468),w=Object.defineProperty,C=Object.defineProperties,P=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,I=(e,t)=>{for(var r in t||(t={}))O.call(t,r)&&S(e,r,t[r]);if(h)for(var r of h(t))E.call(t,r)&&S(e,r,t[r]);return e},j=(e,t)=>C(e,P(t)),k=(e,t)=>{var r={};for(var o in e)O.call(e,o)&&0>t.indexOf(o)&&(r[o]=e[o]);if(null!=e&&h)for(var o of h(e))0>t.indexOf(o)&&E.call(e,o)&&(r[o]=e[o]);return r};let x={__staticSelector:"PasswordInput",visibilityToggleIcon:i},z=(0,y.Z)((e,{size:t})=>({root:{"--psi-icon-size":(0,g.ap)(t,"psi-icon-size"),"--psi-button-size":(0,g.ap)(t,"psi-button-size")}})),Z=(0,d.d)((e,t)=>{let r=(0,m.w)("PasswordInput",x,e),{classNames:i,className:p,style:d,styles:y,unstyled:g,vars:w,required:C,error:P,leftSection:h,disabled:O,id:E,variant:S,inputContainer:Z,description:N,label:L,size:D,__staticSelector:M,errorProps:_,descriptionProps:q,labelProps:W,withAsterisk:T,inputWrapperOrder:V,wrapperProps:R,radius:A,rightSection:Y,rightSectionWidth:B,leftSectionWidth:F,visible:K,defaultVisible:U,onVisibilityChange:X,visibilityToggleIcon:H,visibilityToggleButtonProps:G,rightSectionProps:J,leftSectionProps:Q,leftSectionPointerEvents:$}=r,ee=k(r,["classNames","className","style","styles","unstyled","vars","required","error","leftSection","disabled","id","variant","inputContainer","description","label","size","__staticSelector","errorProps","descriptionProps","labelProps","withAsterisk","inputWrapperOrder","wrapperProps","radius","rightSection","rightSectionWidth","leftSectionWidth","visible","defaultVisible","onVisibilityChange","visibilityToggleIcon","visibilityToggleButtonProps","rightSectionProps","leftSectionProps","leftSectionPointerEvents"]),et=(0,a.M)(E),[er,eo]=(0,n.C)({value:K,defaultValue:U,finalValue:!1,onChange:X}),el=()=>eo(!er),ea=(0,f.y)({name:"PasswordInput",classes:s,props:r,className:p,style:d,classNames:i,styles:y,unstyled:g,vars:w,varsResolver:z}),{resolvedClassNames:en,resolvedStyles:ei}=(0,b.h)({classNames:i,styles:y,props:r}),{styleProps:es,rest:ec}=(0,v.c)(ee),eu=o.createElement(c.A,j(I(j(I({},ea("visibilityToggle")),{radius:A,"aria-hidden":!G,tabIndex:-1}),G),{variant:"subtle",color:"gray",unstyled:g,onMouseDown:e=>{var t;e.preventDefault(),null==(t=null==G?void 0:G.onMouseDown)||t.call(G,e),el()},onKeyDown:e=>{var t;null==(t=null==G?void 0:G.onKeyDown)||t.call(G,e)," "===e.key&&(e.preventDefault(),el())}}),o.createElement(H,{reveal:er}));return o.createElement(u.I.Wrapper,I(I(I({required:C,id:et,label:L,error:P,description:N,size:D,classNames:en,styles:ei,__staticSelector:M,errorProps:_,descriptionProps:q,unstyled:g,withAsterisk:T,inputWrapperOrder:V,inputContainer:Z,variant:S,labelProps:j(I({},W),{htmlFor:et})},ea("root")),es),R),o.createElement(u.I,{component:"div",error:P,leftSection:h,size:D,classNames:j(I({},en),{input:(0,l.Z)(s.input,en.input)}),styles:ei,radius:A,disabled:O,__staticSelector:M,rightSectionWidth:B,rightSection:null!=Y?Y:eu,variant:S,unstyled:g,leftSectionWidth:F,rightSectionPointerEvents:"all",rightSectionProps:J,leftSectionProps:Q,leftSectionPointerEvents:$,withAria:!1},o.createElement("input",j(I(j(I({required:C,"data-invalid":!!P||void 0,"data-with-left-section":!!h||void 0},ea("innerInput")),{disabled:O,id:et,ref:t}),ec),{autoComplete:ec.autoComplete||"off",type:er?"text":"password"}))))});Z.classes=I(I({},p.M.classes),s),Z.displayName="@mantine/core/PasswordInput"},79734:function(e,t,r){r.d(t,{_:function(){return S}});var o=r(67294),l=r(69814),a=r(93693),n=r(38956),i=r(93384),s=r(17286),c=r(16262),u=r(50780),p=r(91361),d=r(19286),m=r(72039),f=r(67585),b=r(14469),v=Object.defineProperty,y=Object.defineProperties,g=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))C.call(t,r)&&h(e,r,t[r]);if(w)for(var r of w(t))P.call(t,r)&&h(e,r,t[r]);return e},E=(e,t)=>y(e,g(t));function S({noShadow:e,noPadding:t,noSubmit:r,style:v}){let[y,g]=(0,o.useState)("register"),[w,C]=(0,o.useState)(!1),[P,h]=(0,o.useState)(null),S=()=>{g(e=>"register"===e?"login":"register"),h(null)},I=(0,l.c)({initialValues:{firstName:"",lastName:"",email:"",password:"",confirmPassword:"",termsOfService:!0}}),j=()=>{C(!0),h(null),setTimeout(()=>{C(!1),h("register"===y?"User with this email already exists":"User with this email does not exist")},3e3)};return o.createElement(i.X,{p:t?0:"lg",shadow:e?"none":"sm",style:E(O({},v),{position:"relative",backgroundColor:"var(--mantine-color-body)"})},o.createElement("form",{onSubmit:I.onSubmit(j)},o.createElement(s.f,{visible:w}),"register"===y&&o.createElement(c.Z,{grow:!0},o.createElement(u.o,O({"data-autofocus":!0,required:!0,placeholder:"Your first name",label:"First name"},I.getInputProps("firstName"))),o.createElement(u.o,O({required:!0,placeholder:"Your last name",label:"Last name"},I.getInputProps("lastName")))),o.createElement(u.o,O({mt:"md",required:!0,placeholder:"Your email",label:"Email",leftSection:o.createElement(a.Z,{size:16,stroke:1.5})},I.getInputProps("email"))),o.createElement(p.W,O({mt:"md",required:!0,placeholder:"Password",label:"Password",leftSection:o.createElement(n.Z,{size:16,stroke:1.5})},I.getInputProps("password"))),"register"===y&&o.createElement(p.W,O({mt:"md",required:!0,label:"Confirm Password",placeholder:"Confirm password",leftSection:o.createElement(n.Z,{size:16,stroke:1.5})},I.getInputProps("confirmPassword"))),"register"===y&&o.createElement(d.X,O({mt:"xl",label:"I agree to sell my soul and privacy to this corporation"},I.getInputProps("termsOfService",{type:"checkbox"}))),P&&o.createElement(m.x,{c:"red",size:"sm",mt:"sm"},P),!r&&o.createElement(c.Z,{justify:"space-between",mt:"xl"},o.createElement(f.e,{component:"button",type:"button",c:"dimmed",onClick:S,size:"sm"},"register"===y?"Have an account? Login":"Don't have an account? Register"),o.createElement(b.z,{color:"blue",type:"submit"},"register"===y?"Register":"Login"))))}},12177:function(e,t,r){r.d(t,{q:function(){return l}});var o=r(67294);function l(e=!1,t){let{onOpen:r,onClose:l}=t||{},[a,n]=(0,o.useState)(e),i=(0,o.useCallback)(()=>{n(e=>e||(null==r||r(),!0))},[r]),s=(0,o.useCallback)(()=>{n(e=>e?(null==l||l(),!1):e)},[l]),c=(0,o.useCallback)(()=>{a?s():i()},[s,i,a]);return[a,{open:i,close:s,toggle:c}]}}}]); \ No newline at end of file diff --git a/_next/static/chunks/6430-9674f7f02c40d6b6.js b/_next/static/chunks/6430-9674f7f02c40d6b6.js new file mode 100644 index 00000000000..0553daf7f6d --- /dev/null +++ b/_next/static/chunks/6430-9674f7f02c40d6b6.js @@ -0,0 +1,13 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6430],{16683:function(e,t,r){r.d(t,{r:function(){return d}});var l=r(67294),n=r(40624),a=r(18094),o=r(84391),i=r(23560),s=r(77331),u=r(38238);function c(e,t){return Array.isArray(e)?e.includes(t):e===t}function p({data:e,withCheckIcon:t,value:r,checkIconPosition:a,unstyled:d}){if(!(0,i.f)(e)){let i=t&&c(r,e.value)&&l.createElement(u.n,{className:s.Z.optionsDropdownCheckIcon});return l.createElement(o.h.Option,{value:e.value,disabled:e.disabled,className:(0,n.Z)({[s.Z.optionsDropdownOption]:!d}),"data-reverse":"right"===a||void 0,"data-checked":c(r,e.value)||void 0,"aria-selected":c(r,e.value)},"left"===a&&i,e.label,"right"===a&&i)}let f=e.items.map(e=>l.createElement(p,{data:e,key:e.value,unstyled:d}));return l.createElement(o.h.Group,{label:e.group},f)}function d({data:e,hidden:t,hiddenWhenEmpty:r,filter:n,search:u,limit:c,maxDropdownHeight:d,withScrollArea:f=!0,filterOptions:m=!0,withCheckIcon:v=!1,value:b,checkIconPosition:y,nothingFoundMessage:h,unstyled:g,labelId:O}){!function e(t,r=new Set){if(Array.isArray(t))for(let l of t)if((0,i.f)(l))e(l.items,r);else{if(void 0===l.value)throw Error("[@mantine/core] Each option must have value property");if("string"!=typeof l.value)throw Error(`[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof l.value}`);if(r.has(l.value))throw Error(`[@mantine/core] Duplicate options are not supported. Option with value "${l.value}" was provided more than once`);r.add(l.value)}}(e);let w="string"==typeof u?(n||function e({options:t,search:r,limit:l}){let n=r.trim().toLowerCase(),a=[];for(let o=0;o0)return!1;return!0}(w),E=w.map(e=>l.createElement(p,{data:e,key:(0,i.f)(e)?e.group:e.value,withCheckIcon:v,value:b,checkIconPosition:y,unstyled:g}));return l.createElement(o.h.Dropdown,{hidden:t||r&&P},l.createElement(o.h.Options,{labelledBy:O},f?l.createElement(a.x.Autosize,{mah:null!=d?d:220,type:"scroll",scrollbarSize:"var(--_combobox-padding)",offsetScrollbars:"y",className:s.Z.optionsDropdownScrollArea},E):E,P&&h&&l.createElement(o.h.Empty,null,h)))}},23560:function(e,t,r){r.d(t,{f:function(){return l}});function l(e){return"group"in e}},98897:function(e,t,r){r.d(t,{g:function(){return function e(t){return t.reduce((t,r)=>"group"in r?s(s({},t),e(r.items)):(t[r.value]=r,t),{})}}});var l=Object.defineProperty,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))a.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))o.call(t,r)&&i(e,r,t[r]);return e}},14462:function(e,t,r){r.d(t,{D:function(){return F}});var l=r(67294),n=r(50377);let[a,o]=(0,n.V)();var i=r(67399),s={root:"m-7cda1cd6","root--default":"m-44da308b","root--contrast":"m-e3a01f8",label:"m-1e0e6180",remove:"m-ae386778",group:"m-1dcfd90b"},u=r(3154),c=r(30370),p=r(86109),d=r(81110),f=r(8586),m=r(48468),v=Object.defineProperty,b=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&g(e,r,t[r]);if(b)for(var r of b(t))h.call(t,r)&&g(e,r,t[r]);return e},w=(e,t)=>{var r={};for(var l in e)y.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&b)for(var l of b(e))0>t.indexOf(l)&&h.call(e,l)&&(r[l]=e[l]);return r};let P={},E=(0,f.Z)((e,{gap:t},{size:r})=>({group:{"--pg-gap":void 0!==t?(0,m.ap)(t):(0,m.ap)(r,"pg-gap")}})),D=(0,u.d)((e,t)=>{let r=(0,c.w)("PillGroup",P,e),{classNames:n,className:o,style:u,styles:f,unstyled:m,vars:v,size:b,disabled:y}=r,h=w(r,["classNames","className","style","styles","unstyled","vars","size","disabled"]),g=(0,i.D)(),D=(null==g?void 0:g.size)||b||void 0,S=(0,p.y)({name:"PillGroup",classes:s,props:r,className:o,style:u,classNames:n,styles:f,unstyled:m,vars:v,varsResolver:E,stylesCtx:{size:D},rootSelector:"group"});return l.createElement(a,{value:{size:D,disabled:y}},l.createElement(d.x,O(O({ref:t,size:D},S("group")),h)))});D.classes=s,D.displayName="@mantine/core/PillGroup";var S=r(76198),j=Object.defineProperty,C=Object.defineProperties,x=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,z=(e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))N.call(t,r)&&z(e,r,t[r]);if(I)for(var r of I(t))k.call(t,r)&&z(e,r,t[r]);return e},T=(e,t)=>C(e,x(t)),A=(e,t)=>{var r={};for(var l in e)N.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&I)for(var l of I(e))0>t.indexOf(l)&&k.call(e,l)&&(r[l]=e[l]);return r};let B={variant:"default"},R=(0,f.Z)((e,{radius:t},{size:r})=>({root:{"--pill-fz":(0,m.ap)(r,"pill-fz"),"--pill-height":(0,m.ap)(r,"pill-height"),"--pill-radius":void 0===t?void 0:(0,m.H5)(t)}})),F=(0,u.d)((e,t)=>{let r=(0,c.w)("Pill",B,e),{classNames:n,className:a,style:u,styles:f,unstyled:m,vars:v,variant:b,children:y,withRemoveButton:h,onRemove:g,removeButtonProps:O,radius:w,size:P,disabled:E}=r,D=A(r,["classNames","className","style","styles","unstyled","vars","variant","children","withRemoveButton","onRemove","removeButtonProps","radius","size","disabled"]),j=o(),C=(0,i.D)(),x=P||(null==j?void 0:j.size)||void 0,I=(null==C?void 0:C.variant)==="filled"?"contrast":b||"default",N=(0,p.y)({name:"Pill",classes:s,props:r,className:a,style:u,classNames:n,styles:f,unstyled:m,vars:v,varsResolver:R,stylesCtx:{size:x}});return l.createElement(d.x,_(T(_({component:"span",ref:t,variant:I,size:x},N("root",{variant:I})),{mod:{"with-remove":h,disabled:E||(null==j?void 0:j.disabled)}}),D),l.createElement("span",_({},N("label")),y),h&&l.createElement(S.P,T(_(_({variant:"transparent",radius:w,tabIndex:-1,"aria-hidden":!0,unstyled:m},O),N("remove",{className:null==O?void 0:O.className,style:null==O?void 0:O.style})),{onMouseDown:e=>{var t;e.preventDefault(),e.stopPropagation(),null==(t=null==O?void 0:O.onMouseDown)||t.call(O,e)},onClick:e=>{var t;e.stopPropagation(),null==g||g(),null==(t=null==O?void 0:O.onClick)||t.call(O,e)}})))});F.classes=s,F.displayName="@mantine/core/Pill",F.Group=D},67399:function(e,t,r){r.d(t,{D:function(){return a},H:function(){return n}});var l=r(50377);let[n,a]=(0,l.V)()},9461:function(e,t,r){r.d(t,{d:function(){return B}});var l=r(67294),n=r(67399),a=r(83443),o={field:"m-45c4369d"},i=r(22895),s=r(3154),u=r(30370),c=r(86109),p=r(81110),d=Object.defineProperty,f=Object.defineProperties,m=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(v)for(var r of v(t))y.call(t,r)&&h(e,r,t[r]);return e},O=(e,t)=>f(e,m(t)),w=(e,t)=>{var r={};for(var l in e)b.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&v)for(var l of v(e))0>t.indexOf(l)&&y.call(e,l)&&(r[l]=e[l]);return r};let P={type:"visible"},E=(0,s.d)((e,t)=>{let r=(0,u.w)("PillsInputField",P,e),{classNames:s,className:d,style:f,styles:m,unstyled:v,vars:b,type:y,disabled:h,id:E,pointer:D}=r,S=w(r,["classNames","className","style","styles","unstyled","vars","type","disabled","id","pointer"]),j=(0,n.D)(),C=(0,i.D)(),x=(0,c.y)({name:"PillsInputField",classes:o,props:r,className:d,style:f,classNames:s,styles:m,unstyled:v,rootSelector:"field"}),I=h||(null==j?void 0:j.disabled);return l.createElement(p.x,O(g(g({component:"input",ref:(0,a.Yx)(t,null==j?void 0:j.fieldRef),"data-type":y,disabled:I,mod:{disabled:I,pointer:D}},x("field")),S),{id:(null==C?void 0:C.inputId)||E,"aria-invalid":null==j?void 0:j.hasError,"aria-describedby":null==C?void 0:C.describedBy}))});E.classes=o,E.displayName="@mantine/core/PillsInputField";var D=r(70097),S=Object.defineProperty,j=Object.defineProperties,C=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,k=(e,t,r)=>t in e?S(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,z=(e,t)=>{for(var r in t||(t={}))I.call(t,r)&&k(e,r,t[r]);if(x)for(var r of x(t))N.call(t,r)&&k(e,r,t[r]);return e},_=(e,t)=>j(e,C(t)),T=(e,t)=>{var r={};for(var l in e)I.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&x)for(var l of x(e))0>t.indexOf(l)&&N.call(e,l)&&(r[l]=e[l]);return r};let A={},B=(0,s.d)((e,t)=>{let r=(0,u.w)("PillsInput",A,e),{children:a,onMouseDown:o,onClick:i,size:s,disabled:c,__staticSelector:p,error:d,variant:f}=r,m=T(r,["children","onMouseDown","onClick","size","disabled","__staticSelector","error","variant"]),v=(0,l.useRef)();return l.createElement(n.H,{value:{fieldRef:v,size:s,disabled:c,hasError:!!d,variant:f}},l.createElement(D.M,_(z({size:s,error:d,variant:f,component:"div",ref:t,onMouseDown:e=>{var t;e.preventDefault(),null==o||o(e),null==(t=v.current)||t.focus()},onClick:e=>{var t;e.preventDefault(),null==i||i(e),null==(t=v.current)||t.focus()}},m),{multiline:!0,disabled:c,__staticSelector:p||"PillsInput",withAria:!1}),a))});B.displayName="@mantine/core/PillsInput",B.Field=E},5200:function(e,t,r){r.d(t,{B:function(){return z}});var l=r(67294),n=r(9779),a=r(643);function o({splitChars:e,allowDuplicates:t,maxTags:r,value:l,currentTags:n}){let a=e?l.split(RegExp(`[${e.join("")}]`)).map(e=>e.trim()).filter(e=>""!==e):[l],o=t?[...n,...a]:[...new Set([...n,...a])];return r?o.slice(0,r):o}var i=r(23560),s=r(7995),u=r(98897),c=r(16658),p=r(14462),d=r(84391),f=r(9461),m=r(16683),v=r(70097),b=r(3154),y=r(30370),h=r(7872),g=r(86109),O=r(28816),w=Object.defineProperty,P=Object.defineProperties,E=Object.getOwnPropertyDescriptors,D=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,C=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,x=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&C(e,r,t[r]);if(D)for(var r of D(t))j.call(t,r)&&C(e,r,t[r]);return e},I=(e,t)=>P(e,E(t)),N=(e,t)=>{var r={};for(var l in e)S.call(e,l)&&0>t.indexOf(l)&&(r[l]=e[l]);if(null!=e&&D)for(var l of D(e))0>t.indexOf(l)&&j.call(e,l)&&(r[l]=e[l]);return r};let k={maxTags:1/0,allowDuplicates:!1,splitChars:[","]},z=(0,b.d)((e,t)=>{let r=(0,y.w)("TagsInput",k,e),{classNames:v,className:b,style:w,styles:P,unstyled:E,vars:D,size:S,value:j,defaultValue:C,onChange:z,onKeyDown:_,maxTags:T,allowDuplicates:A,onDuplicate:B,variant:R,data:F,dropdownOpened:L,defaultDropdownOpened:V,onDropdownOpen:M,onDropdownClose:G,selectFirstOptionOnChange:Z,onOptionSubmit:$,comboboxProps:W,filter:H,limit:K,withScrollArea:Y,maxDropdownHeight:q,searchValue:J,defaultSearchValue:Q,onSearchChange:U,readOnly:X,disabled:ee,splitChars:et,onFocus:er,onBlur:el,onPaste:en,radius:ea,rightSection:eo,rightSectionWidth:ei,rightSectionPointerEvents:es,rightSectionProps:eu,leftSection:ec,leftSectionWidth:ep,leftSectionPointerEvents:ed,leftSectionProps:ef,inputContainer:em,inputWrapperOrder:ev,withAsterisk:eb,labelProps:ey,descriptionProps:eh,errorProps:eg,wrapperProps:eO,description:ew,label:eP,error:eE,withErrorStyles:eD,name:eS,form:ej,id:eC,clearable:ex,clearButtonProps:eI}=r,eN=N(r,["classNames","className","style","styles","unstyled","vars","size","value","defaultValue","onChange","onKeyDown","maxTags","allowDuplicates","onDuplicate","variant","data","dropdownOpened","defaultDropdownOpened","onDropdownOpen","onDropdownClose","selectFirstOptionOnChange","onOptionSubmit","comboboxProps","filter","limit","withScrollArea","maxDropdownHeight","searchValue","defaultSearchValue","onSearchChange","readOnly","disabled","splitChars","onFocus","onBlur","onPaste","radius","rightSection","rightSectionWidth","rightSectionPointerEvents","rightSectionProps","leftSection","leftSectionWidth","leftSectionPointerEvents","leftSectionProps","inputContainer","inputWrapperOrder","withAsterisk","labelProps","descriptionProps","errorProps","wrapperProps","description","label","error","withErrorStyles","name","form","id","clearable","clearButtonProps"]),ek=(0,n.M)(eC),ez=(0,s.R)(F),e_=(0,u.g)(ez),eT=(0,c.K)({opened:L,defaultOpened:V,onDropdownOpen:M,onDropdownClose:()=>{null==G||G(),eT.resetSelectedOption()}}),{styleProps:eA,rest:eB}=(0,h.c)(eN),eR=N(eB,["type"]),[eF,eL]=(0,a.C)({value:j,defaultValue:C,finalValue:[],onChange:z}),[eV,eM]=(0,a.C)({value:J,defaultValue:Q,finalValue:"",onChange:U}),eG=(0,g.y)({name:"TagsInput",classes:{},props:r,classNames:v,styles:P,unstyled:E}),{resolvedClassNames:eZ,resolvedStyles:e$}=(0,O.h)({props:r,styles:P,classNames:v}),eW=e=>{null==_||_(e);let t=eV.trim(),{length:r}=t;if(et.includes(e.key)&&r>0&&(eL(o({splitChars:et,allowDuplicates:A,maxTags:T,value:eV,currentTags:eF})),eM(""),e.preventDefault()),"Enter"===e.key&&r>0){e.preventDefault();let r=eF.some(e=>e.toLowerCase()===t.toLowerCase());r&&(null==B||B(t)),(!r||r&&A)&&eF.length0&&eL([...eF,t]))}"Backspace"===e.key&&0===r&&eF.length>0&&eL(eF.slice(0,eF.length-1))},eH=e=>{if(null==en||en(e),e.preventDefault(),e.clipboardData){let t=e.clipboardData.getData("text/plain");eL(o({splitChars:et,allowDuplicates:A,maxTags:T,value:t,currentTags:eF})),eM("")}},eK=eF.map((e,t)=>l.createElement(p.D,x({key:`${e}-${t}`,withRemoveButton:!X,onRemove:()=>eL(eF.filter(t=>e!==t)),unstyled:E},eG("pill")),e)),eY=ex&&eF.length>0&&!ee&&!X&&l.createElement(d.h.ClearButton,I(x({size:S},eI),{onClear:()=>{eL([]),eM("")}}));return l.createElement(l.Fragment,null,l.createElement(d.h,x({store:eT,classNames:eZ,styles:e$,unstyled:E,size:S,readOnly:X,__staticSelector:"TagsInput",onOptionSubmit:e=>{null==$||$(e),eM(""),eF.length{null==er||er(e),eT.openDropdown()},onBlur:e=>{null==el||el(e),eT.closeDropdown()},onPaste:eH,value:eV,onChange:e=>eM(e.currentTarget.value),disabled:ee,readOnly:X,id:ek})))))),l.createElement(m.r,{data:function({data:e,value:t}){let r=t.map(e=>e.trim().toLowerCase()),l=e.reduce((e,t)=>((0,i.f)(t)?e.push({group:t.group,items:t.items.filter(e=>-1===r.indexOf(e.label.toLowerCase().trim()))}):-1===r.indexOf(t.label.toLowerCase().trim())&&e.push(t),e),[]);return l}({data:ez,value:eF}),hidden:X||ee,filter:H,search:eV,limit:K,hiddenWhenEmpty:!0,withScrollArea:Y,maxDropdownHeight:q,unstyled:E,labelId:`${ek}-label`})),l.createElement("input",{type:"hidden",name:eS,form:ej,value:eF.join(","),disabled:ee}))});z.classes=x(x({},v.M.classes),d.h.classes),z.displayName="@mantine/core/TagsInput"},6430:function(e,t,r){r.d(t,{a:function(){return o}});var l=r(67294),n=r(5200);let a=` +import { TagsInput } from '@mantine/core'; + +function Demo() { + return ( + + ); +} +`,o={type:"code",component:function(){return l.createElement(n.B,{label:"Press Enter to submit a tag",placeholder:"Pick tag from list",data:["React","Angular","Svelte"]})},code:a,maxWidth:340,centered:!0}}}]); \ No newline at end of file diff --git a/_next/static/chunks/6685-84fd9d866dca5b2b.js b/_next/static/chunks/6685-84fd9d866dca5b2b.js new file mode 100644 index 00000000000..eff90672cad --- /dev/null +++ b/_next/static/chunks/6685-84fd9d866dca5b2b.js @@ -0,0 +1,68 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6685],{238:function(e,r,t){t.d(r,{U:function(){return eb}});var n=t(67294),o=t(9779),a=t(643),i=t(53768),l=t(45763);let[c,s]=(0,l.R)("Accordion component was not found in the tree"),[d,m]=(0,l.R)("Accordion.Item component was not found in the tree");var u={root:"m-9bdbb667",panel:"m-df78851f",content:"m-4ba554d4",itemTitle:"m-8fa820a0",control:"m-4ba585b8","control--default":"m-6939a5e9","control--contained":"m-4271d21b",label:"m-df3ffa0f",chevron:"m-3f35ae96",icon:"m-9bd771fe",item:"m-9bd7b098","item--default":"m-fe19b709","item--contained":"m-1f921b3b","item--filled":"m-2cdf939a","item--separated":"m-9f59b069"},p=t(3154),f=t(30370),b=t(81110),v=Object.defineProperty,h=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,O=(e,r,t)=>r in e?v(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,w=(e,r)=>{for(var t in r||(r={}))y.call(r,t)&&O(e,t,r[t]);if(h)for(var t of h(r))g.call(r,t)&&O(e,t,r[t]);return e},P=(e,r)=>{var t={};for(var n in e)y.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>r.indexOf(n)&&g.call(e,n)&&(t[n]=e[n]);return t};let C={},E=(0,p.d)((e,r)=>{let t=(0,f.w)("AccordionItem",C,e),{classNames:o,className:a,style:i,styles:l,vars:c,value:m}=t,u=P(t,["classNames","className","style","styles","vars","value"]),p=s();return n.createElement(d,{value:{value:m}},n.createElement(b.x,w(w({ref:r,mod:{active:p.isItemActive(m)}},p.getStyles("item",{className:a,classNames:o,styles:l,style:i,variant:p.variant})),u)))});E.displayName="@mantine/core/AccordionItem",E.classes=u;var j=t(50226),x=Object.defineProperty,A=Object.defineProperties,S=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,R=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,k=(e,r)=>{for(var t in r||(r={}))M.call(r,t)&&R(e,t,r[t]);if(I)for(var t of I(r))N.call(r,t)&&R(e,t,r[t]);return e},z=(e,r)=>A(e,S(r)),T=(e,r)=>{var t={};for(var n in e)M.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&I)for(var n of I(e))0>r.indexOf(n)&&N.call(e,n)&&(t[n]=e[n]);return t};let B={},D=(0,p.d)((e,r)=>{var t;let o=(0,f.w)("AccordionPanel",B,e),{classNames:a,className:i,style:l,styles:c,vars:d,children:u}=o,p=T(o,["classNames","className","style","styles","vars","children"]),{value:b}=m(),v=s();return n.createElement(j.U,z(k(k({ref:r},v.getStyles("panel",{className:i,classNames:a,style:l,styles:c})),p),{in:v.isItemActive(b),transitionDuration:null!=(t=v.transitionDuration)?t:200,role:"region",id:v.getRegionId(b),"aria-labelledby":v.getControlId(b)}),n.createElement("div",k({},v.getStyles("content",{classNames:a,styles:c})),u))});D.displayName="@mantine/core/AccordionPanel",D.classes=u;var H=t(86610),F=t(49999),G=Object.defineProperty,Z=Object.defineProperties,U=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,q=(e,r,t)=>r in e?G(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,_=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&q(e,t,r[t]);if(L)for(var t of L(r))J.call(r,t)&&q(e,t,r[t]);return e},K=(e,r)=>Z(e,U(r)),Q=(e,r)=>{var t={};for(var n in e)$.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&L)for(var n of L(e))0>r.indexOf(n)&&J.call(e,n)&&(t[n]=e[n]);return t};let V={},W=(0,p.d)((e,r)=>{let t=(0,f.w)("AccordionControl",V,e),{classNames:o,className:a,style:i,styles:l,vars:c,chevron:d,icon:u,onClick:p,onKeyDown:v,children:h,disabled:y}=t,g=Q(t,["classNames","className","style","styles","vars","chevron","icon","onClick","onKeyDown","children","disabled"]),{value:O}=m(),w=s(),P=w.isItemActive(O),C="number"==typeof w.order,E=`h${w.order}`,j=n.createElement(H.k,K(_(_({},g),w.getStyles("control",{className:a,classNames:o,style:i,styles:l,variant:w.variant})),{unstyled:w.unstyled,mod:["accordion-control",{active:P,"chevron-position":w.chevronPosition,disabled:y}],ref:r,onClick:e=>{null==p||p(e),w.onChange(O)},type:"button",disabled:y,"aria-expanded":P,"aria-controls":w.getRegionId(O),id:w.getControlId(O),onKeyDown:(0,F.R)({siblingSelector:"[data-accordion-control]",parentSelector:"[data-accordion]",activateOnFocus:!1,loop:w.loop,orientation:"vertical",onKeyDown:v})}),n.createElement(b.x,_({component:"span",mod:{rotate:!w.disableChevronRotation&&P,position:w.chevronPosition}},w.getStyles("chevron",{classNames:o,styles:l})),d||w.chevron),n.createElement("span",_({},w.getStyles("label",{classNames:o,styles:l})),h),u&&n.createElement(b.x,_({component:"span",mod:{"chevron-position":w.chevronPosition}},w.getStyles("icon",{classNames:o,styles:l})),u));return C?n.createElement(E,_({},w.getStyles("itemTitle",{classNames:o,styles:l})),j):j});W.displayName="@mantine/core/AccordionControl",W.classes=u;var X=t(47065),Y=t(86109),ee=t(8586),er=t(72622),et=t(48468),en=Object.defineProperty,eo=Object.defineProperties,ea=Object.getOwnPropertyDescriptors,ei=Object.getOwnPropertySymbols,el=Object.prototype.hasOwnProperty,ec=Object.prototype.propertyIsEnumerable,es=(e,r,t)=>r in e?en(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,ed=(e,r)=>{for(var t in r||(r={}))el.call(r,t)&&es(e,t,r[t]);if(ei)for(var t of ei(r))ec.call(r,t)&&es(e,t,r[t]);return e},em=(e,r)=>eo(e,ea(r)),eu=(e,r)=>{var t={};for(var n in e)el.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&ei)for(var n of ei(e))0>r.indexOf(n)&&ec.call(e,n)&&(t[n]=e[n]);return t};let ep={multiple:!1,disableChevronRotation:!1,chevronPosition:"right",variant:"default",chevron:n.createElement(i.Q,null)},ef=(0,ee.Z)((e,{transitionDuration:r,chevronSize:t,radius:n})=>({root:{"--accordion-transition-duration":void 0===r?void 0:`${r}ms`,"--accordion-chevron-size":void 0===t?void 0:(0,er.h)(t),"--accordion-radius":void 0===n?void 0:(0,et.H5)(n)}}));function eb(e){let r=(0,f.w)("Accordion",ep,e),{classNames:t,className:i,style:l,styles:s,unstyled:d,vars:m,children:p,multiple:v,value:h,defaultValue:y,onChange:g,id:O,loop:w,transitionDuration:P,disableChevronRotation:C,chevronPosition:E,chevronSize:j,order:x,chevron:A,variant:S,radius:I}=r,M=eu(r,["classNames","className","style","styles","unstyled","vars","children","multiple","value","defaultValue","onChange","id","loop","transitionDuration","disableChevronRotation","chevronPosition","chevronSize","order","chevron","variant","radius"]),N=(0,o.M)(O),[R,k]=(0,a.C)({value:h,defaultValue:y,finalValue:v?[]:null,onChange:g}),z=e=>Array.isArray(R)?R.includes(e):e===R,T=e=>{let r=Array.isArray(R)?R.includes(e)?R.filter(r=>r!==e):[...R,e]:e===R?null:e;k(r)},B=(0,Y.y)({name:"Accordion",classes:u,props:r,className:i,style:l,classNames:t,styles:s,unstyled:d,vars:m,varsResolver:ef});return n.createElement(c,{value:{isItemActive:z,onChange:T,getControlId:(0,X.A)(`${N}-control`,"Accordion.Item component was rendered with invalid value or without value"),getRegionId:(0,X.A)(`${N}-panel`,"Accordion.Item component was rendered with invalid value or without value"),transitionDuration:P,disableChevronRotation:C,chevronPosition:E,order:x,chevron:A,loop:w,getStyles:B,variant:S,unstyled:d}},n.createElement(b.x,em(ed(em(ed({},B("root")),{id:N}),M),{variant:S,"data-accordion":!0}),p))}eb.extend=e=>e,eb.classes=u,eb.displayName="@mantine/core/Accordion",eb.Item=E,eb.Panel=D,eb.Control=W,eb.Chevron=i.Q},66740:function(e,r,t){t.d(r,{q:function(){return q}});var n=t(67294);let o=(0,n.createContext)(null),a=o.Provider;var i={root:"m-f85678b6",image:"m-11f8ac07",placeholder:"m-104cd71f",group:"m-11def92b"},l=t(3154),c=t(30370),s=t(86109),d=t(81110),m=t(8586),u=t(48468),p=Object.defineProperty,f=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,h=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,y=(e,r)=>{for(var t in r||(r={}))b.call(r,t)&&h(e,t,r[t]);if(f)for(var t of f(r))v.call(r,t)&&h(e,t,r[t]);return e},g=(e,r)=>{var t={};for(var n in e)b.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>r.indexOf(n)&&v.call(e,n)&&(t[n]=e[n]);return t};let O={},w=(0,m.Z)((e,{spacing:r})=>({group:{"--ag-spacing":(0,u.bG)(r)}})),P=(0,l.d)((e,r)=>{let t=(0,c.w)("AvatarGroup",O,e),{classNames:o,className:l,style:m,styles:u,unstyled:p,vars:f,spacing:b}=t,v=g(t,["classNames","className","style","styles","unstyled","vars","spacing"]),h=(0,s.y)({name:"AvatarGroup",classes:i,props:t,className:l,style:m,classNames:o,styles:u,unstyled:p,vars:f,varsResolver:w,rootSelector:"group"});return n.createElement(a,{value:!0},n.createElement(d.x,y(y({ref:r},h("group")),v)))});P.classes=i,P.displayName="@mantine/core/AvatarGroup";var C=Object.defineProperty,E=Object.defineProperties,j=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,I=(e,r,t)=>r in e?C(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,M=(e,r)=>{for(var t in r||(r={}))A.call(r,t)&&I(e,t,r[t]);if(x)for(var t of x(r))S.call(r,t)&&I(e,t,r[t]);return e},N=(e,r)=>E(e,j(r));function R(e){return n.createElement("svg",N(M({},e),{"data-avatar-placeholder-icon":!0,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),n.createElement("path",{d:"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}var k=t(70405),z=Object.defineProperty,T=Object.defineProperties,B=Object.getOwnPropertyDescriptors,D=Object.getOwnPropertySymbols,H=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(e,r,t)=>r in e?z(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Z=(e,r)=>{for(var t in r||(r={}))H.call(r,t)&&G(e,t,r[t]);if(D)for(var t of D(r))F.call(r,t)&&G(e,t,r[t]);return e},U=(e,r)=>T(e,B(r)),L=(e,r)=>{var t={};for(var n in e)H.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&D)for(var n of D(e))0>r.indexOf(n)&&F.call(e,n)&&(t[n]=e[n]);return t};let $={},J=(0,m.Z)((e,{size:r,radius:t,variant:n,gradient:o,color:a})=>{let i=e.variantColorResolver({color:a||"gray",theme:e,gradient:o,variant:n||"light"});return{root:{"--avatar-size":(0,u.ap)(r,"avatar-size"),"--avatar-radius":void 0===t?void 0:(0,u.H5)(t),"--avatar-bg":a||n?i.background:void 0,"--avatar-color":a||n?i.color:void 0,"--avatar-bd":a||n?i.border:void 0}}}),q=(0,k.b)((e,r)=>{let t=(0,c.w)("Avatar",$,e),{classNames:a,className:l,style:m,styles:u,unstyled:p,vars:f,src:b,alt:v,radius:h,color:y,gradient:g,imageProps:O,children:w}=t,P=L(t,["classNames","className","style","styles","unstyled","vars","src","alt","radius","color","gradient","imageProps","children"]),C=function(){let e=(0,n.useContext)(o);return{withinGroup:!!e}}(),[E,j]=(0,n.useState)(!b),x=(0,s.y)({name:"Avatar",props:t,classes:i,className:l,style:m,classNames:a,styles:u,unstyled:p,vars:f,varsResolver:J});return(0,n.useEffect)(()=>j(!b),[b]),n.createElement(d.x,Z(U(Z({},x("root")),{mod:{"within-group":C.withinGroup},ref:r}),P),E?n.createElement("span",U(Z({},x("placeholder")),{title:v}),w||n.createElement(R,null)):n.createElement("img",U(Z(Z({},O),x("image")),{src:b,alt:v,onError:e=>{var r;j(!0),null==(r=null==O?void 0:O.onError)||r.call(O,e)}})))});q.classes=i,q.displayName="@mantine/core/Avatar",q.Group=P},50226:function(e,r,t){t.d(r,{U:function(){return R}});var n=t(67294),o=t(34223),a=t(73935),i=t(14372),l=t(83443),c=Object.defineProperty,s=Object.defineProperties,d=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,f=(e,r,t)=>r in e?c(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,b=(e,r)=>{for(var t in r||(r={}))u.call(r,t)&&f(e,t,r[t]);if(m)for(var t of m(r))p.call(r,t)&&f(e,t,r[t]);return e},v=(e,r)=>s(e,d(r)),h=(e,r)=>{var t={};for(var n in e)u.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>r.indexOf(n)&&p.call(e,n)&&(t[n]=e[n]);return t};function y(e){return(null==e?void 0:e.current)?e.current.scrollHeight:"auto"}let g="undefined"!=typeof window&&window.requestAnimationFrame;var O=t(30370),w=t(43440),P=t(81110),C=t(42654),E=Object.defineProperty,j=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,S=(e,r,t)=>r in e?E(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,I=(e,r)=>{for(var t in r||(r={}))x.call(r,t)&&S(e,t,r[t]);if(j)for(var t of j(r))A.call(r,t)&&S(e,t,r[t]);return e},M=(e,r)=>{var t={};for(var n in e)x.call(e,n)&&0>r.indexOf(n)&&(t[n]=e[n]);if(null!=e&&j)for(var n of j(e))0>r.indexOf(n)&&A.call(e,n)&&(t[n]=e[n]);return t};let N={transitionDuration:200,transitionTimingFunction:"ease",animateOpacity:!0},R=(0,n.forwardRef)((e,r)=>{let t=(0,O.w)("Collapse",N,e),{children:c,in:s,transitionDuration:d,transitionTimingFunction:m,style:u,onTransitionEnd:p,animateOpacity:f}=t,E=M(t,["children","in","transitionDuration","transitionTimingFunction","style","onTransitionEnd","animateOpacity"]),j=(0,w.rZ)(),x=(0,o.J)(),A=!!j.respectReducedMotion&&x,S=A?0:d,R=function({transitionDuration:e,transitionTimingFunction:r="ease",onTransitionEnd:t=()=>{},opened:o}){let c=(0,n.useRef)(null),s={display:"none",height:0,overflow:"hidden"},[d,m]=(0,n.useState)(o?{}:s),u=e=>{(0,a.flushSync)(()=>m(e))},p=e=>{u(r=>b(b({},r),e))};function f(t){let n=e||function(e){if(!e||"string"==typeof e)return 0;let r=e/36;return Math.round((4+15*r**.25+r/5)*10)}(t);return{transition:`height ${n}ms ${r}`}}(0,i.l)(()=>{"function"==typeof g&&(o?g(()=>{p({willChange:"height",display:"block",overflow:"hidden"}),g(()=>{let e=y(c);p(v(b({},f(e)),{height:e}))})}):g(()=>{let e=y(c);p(v(b({},f(e)),{willChange:"height",height:e})),g(()=>p({height:0,overflow:"hidden"}))}))},[o]);let O=e=>{if(e.target===c.current&&"height"===e.propertyName){if(o){let e=y(c);e===d.height?u({}):p({height:e}),t()}else 0===d.height&&(u(s),t())}};return function(e={}){var{style:r={},refKey:t="ref"}=e,n=h(e,["style","refKey"]);let a=n[t];return v(b({"aria-hidden":!o},n),{[t]:(0,l.lq)(c,a),onTransitionEnd:O,style:b(b({boxSizing:"border-box"},r),d)})}}({opened:s,transitionDuration:S,transitionTimingFunction:m,onTransitionEnd:p});return 0===S?s?n.createElement(P.x,I({},E),c):null:n.createElement(P.x,I({},R(I({style:(0,C.c)(u,j),ref:r},E))),n.createElement("div",{style:{opacity:s||!f?1:0,transition:f?`opacity ${S}ms ${m}`:"none"}},c))});R.displayName="@mantine/core/Collapse"},56685:function(e,r,t){t.d(r,{P:function(){return y},t:function(){return h}});var n=t(67294),o=t(16262),a=t(66740),i=t(72039),l=t(238),c=Object.defineProperty,s=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,u=(e,r,t)=>r in e?c(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))d.call(r,t)&&u(e,t,r[t]);if(s)for(var t of s(r))m.call(r,t)&&u(e,t,r[t]);return e};let f=[{id:"bender",image:"https://img.icons8.com/clouds/256/000000/futurama-bender.png",label:"Bender Bending Rodr\xedguez",description:"Fascinated with cooking, though has no sense of taste",content:"Bender Bending Rodr\xedguez, (born September 4, 2996), designated Bending Unit 22, and commonly known as Bender, is a bending unit created by a division of MomCorp in Tijuana, Mexico, and his serial number is 2716057. His mugshot id number is 01473. He is Fry's best friend."},{id:"carol",image:"https://img.icons8.com/clouds/256/000000/futurama-mom.png",label:"Carol Miller",description:"One of the richest people on Earth",content:"Carol Miller (born January 30, 2880), better known as Mom, is the evil chief executive officer and shareholder of 99.7% of Momcorp, one of the largest industrial conglomerates in the universe and the source of most of Earth's robots. She is also one of the main antagonists of the Futurama series."},{id:"homer",image:"https://img.icons8.com/clouds/256/000000/homer-simpson.png",label:"Homer Simpson",description:"Overweight, lazy, and often ignorant",content:"Homer Jay Simpson (born May 12) is the main protagonist and one of the five main characters of The Simpsons series(or show). He is the spouse of Marge Simpson and father of Bart, Lisa and Maggie Simpson."}],b=` +import { Group, Avatar, Text, Accordion } from '@mantine/core'; + +const charactersList = [ + { + id: 'bender', + image: 'https://img.icons8.com/clouds/256/000000/futurama-bender.png', + label: 'Bender Bending Rodr\xedguez', + description: 'Fascinated with cooking, though has no sense of taste', + content: "Bender Bending Rodr\xedguez, (born September 4, 2996), designated Bending Unit 22, and commonly known as Bender, is a bending unit created by a division of MomCorp in Tijuana, Mexico, and his serial number is 2716057. His mugshot id number is 01473. He is Fry's best friend.", + }, + + { + id: 'carol', + image: 'https://img.icons8.com/clouds/256/000000/futurama-mom.png', + label: 'Carol Miller', + description: 'One of the richest people on Earth', + content: "Carol Miller (born January 30, 2880), better known as Mom, is the evil chief executive officer and shareholder of 99.7% of Momcorp, one of the largest industrial conglomerates in the universe and the source of most of Earth's robots. She is also one of the main antagonists of the Futurama series.", + }, + + { + id: 'homer', + image: 'https://img.icons8.com/clouds/256/000000/homer-simpson.png', + label: 'Homer Simpson', + description: 'Overweight, lazy, and often ignorant', + content: 'Homer Jay Simpson (born May 12) is the main protagonist and one of the five main characters of The Simpsons series(or show). He is the spouse of Marge Simpson and father of Bart, Lisa and Maggie Simpson.', + }, +]; + +interface AccordionLabelProps { + label: string; + image: string; + description: string; +} + +function AccordionLabel({ label, image, description }: AccordionLabelProps) { + return ( + + +
+ {label} + + {description} + +
+ + ); +} + +function Demo() { + const items = charactersList.map((item) => ( + + + + + + {item.content} + + + )); + + return ( + + {items} + + ); +} +`;function v({label:e,image:r,description:t}){return n.createElement(o.Z,{wrap:"nowrap"},n.createElement(a.q,{src:r,radius:"xl",size:"lg"}),n.createElement("div",null,n.createElement(i.x,null,e),n.createElement(i.x,{size:"sm",c:"dimmed",fw:400},t)))}function h(e){let r=f.map(e=>n.createElement(l.U.Item,{value:e.id,key:e.label},n.createElement(l.U.Control,null,n.createElement(v,p({},e))),n.createElement(l.U.Panel,null,n.createElement(i.x,{size:"sm"},e.content))));return n.createElement(l.U,p({chevronPosition:"right",variant:"contained"},e),r)}let y={type:"code",code:b,component:function(){return n.createElement(h,null)},maxWidth:540,centered:!0}}}]); \ No newline at end of file diff --git a/_next/static/chunks/7444-d624c9c4efa439ba.js b/_next/static/chunks/7444-d624c9c4efa439ba.js new file mode 100644 index 00000000000..44de37d4e9a --- /dev/null +++ b/_next/static/chunks/7444-d624c9c4efa439ba.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7444],{32718:function(e,t,n){n.d(t,{M:function(){return s}});var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,o=(e,t)=>{var n={};for(var o in e)r.call(e,o)&&0>t.indexOf(o)&&(n[o]=e[o]);if(null!=e&&a)for(var o of a(e))0>t.indexOf(o)&&l.call(e,o)&&(n[o]=e[o]);return n};function s(e){let{maxLevel:t,minLevel:n,defaultLevel:a,level:r,onLevelChange:l,nextIcon:s,previousIcon:i,date:u,defaultDate:c,onDateChange:d,numberOfColumns:m,columnsToScroll:p,ariaLabels:f,onYearSelect:y,onMonthSelect:v,onYearMouseEnter:g,onMonthMouseEnter:b,onNextMonth:O,onPreviousMonth:D,onNextYear:S,onPreviousYear:h,onNextDecade:w,onPreviousDecade:P,withCellSpacing:C,__updateDateOnYearSelect:_,__updateDateOnMonthSelect:E,firstDayOfWeek:M,weekdayFormat:I,weekendDays:j,getDayProps:k,excludeDate:N,renderDay:L,hideOutsideDates:T,hideWeekdays:x,getDayAriaLabel:Y,monthLabelFormat:A,monthsListFormat:H,getMonthControlProps:z,yearLabelFormat:F,yearsListFormat:B,getYearControlProps:R,decadeLabelFormat:W,allowSingleDateInRange:$,allowDeselect:J,minDate:V,maxDate:K,locale:Z}=e,q=o(e,["maxLevel","minLevel","defaultLevel","level","onLevelChange","nextIcon","previousIcon","date","defaultDate","onDateChange","numberOfColumns","columnsToScroll","ariaLabels","onYearSelect","onMonthSelect","onYearMouseEnter","onMonthMouseEnter","onNextMonth","onPreviousMonth","onNextYear","onPreviousYear","onNextDecade","onPreviousDecade","withCellSpacing","__updateDateOnYearSelect","__updateDateOnMonthSelect","firstDayOfWeek","weekdayFormat","weekendDays","getDayProps","excludeDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","monthLabelFormat","monthsListFormat","getMonthControlProps","yearLabelFormat","yearsListFormat","getYearControlProps","decadeLabelFormat","allowSingleDateInRange","allowDeselect","minDate","maxDate","locale"]);return{calendarProps:{maxLevel:t,minLevel:n,defaultLevel:a,level:r,onLevelChange:l,nextIcon:s,previousIcon:i,date:u,defaultDate:c,onDateChange:d,numberOfColumns:m,columnsToScroll:p,ariaLabels:f,onYearSelect:y,onMonthSelect:v,onYearMouseEnter:g,onMonthMouseEnter:b,onNextMonth:O,onPreviousMonth:D,onNextYear:S,onPreviousYear:h,onNextDecade:w,onPreviousDecade:P,withCellSpacing:C,__updateDateOnYearSelect:_,__updateDateOnMonthSelect:E,firstDayOfWeek:M,weekdayFormat:I,weekendDays:j,getDayProps:k,excludeDate:N,renderDay:L,hideOutsideDates:T,hideWeekdays:x,getDayAriaLabel:Y,monthLabelFormat:A,monthsListFormat:H,getMonthControlProps:z,yearLabelFormat:F,yearsListFormat:B,getYearControlProps:R,decadeLabelFormat:W,allowSingleDateInRange:$,allowDeselect:J,minDate:V,maxDate:K,locale:Z},others:q}}},70864:function(e,t,n){n.d(t,{M:function(){return h}});var a=n(67294),r=n(3154),l=n(30370),o=n(28816),s=n(68329),i=n(40484),u=n(69013),c=n(92437),d=Object.defineProperty,m=Object.defineProperties,p=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,g=(e,t,n)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,b=(e,t)=>{for(var n in t||(t={}))y.call(t,n)&&g(e,n,t[n]);if(f)for(var n of f(t))v.call(t,n)&&g(e,n,t[n]);return e},O=(e,t)=>m(e,p(t)),D=(e,t)=>{var n={};for(var a in e)y.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&f)for(var a of f(e))0>t.indexOf(a)&&v.call(e,a)&&(n[a]=e[a]);return n};let S={type:"default",defaultLevel:"month",numberOfColumns:1},h=(0,r.d)((e,t)=>{let n=(0,l.w)("DatePicker",S,e),{classNames:r,styles:d,vars:m,type:p,defaultValue:f,value:y,onChange:v,__staticSelector:g,getDayProps:h,allowSingleDateInRange:w,allowDeselect:P,onMouseLeave:C,numberOfColumns:_,hideOutsideDates:E,__onDayMouseEnter:M,__onDayClick:I,__timezoneApplied:j}=n,k=D(n,["classNames","styles","vars","type","defaultValue","value","onChange","__staticSelector","getDayProps","allowSingleDateInRange","allowDeselect","onMouseLeave","numberOfColumns","hideOutsideDates","__onDayMouseEnter","__onDayClick","__timezoneApplied"]),{onDateChange:N,onRootMouseLeave:L,onHoveredDateChange:T,getControlProps:x}=(0,s.D)({type:p,level:"day",allowDeselect:P,allowSingleDateInRange:w,value:y,defaultValue:f,onChange:v,onMouseLeave:C,applyTimezone:!j}),{resolvedClassNames:Y,resolvedStyles:A}=(0,o.h)({classNames:r,styles:d,props:n}),H=(0,i.e)();return a.createElement(u.f,O(b({ref:t,minLevel:"month",classNames:Y,styles:A,__staticSelector:g||"DatePicker",onMouseLeave:L,numberOfColumns:_,hideOutsideDates:null!=E?E:1!==_,__onDayMouseEnter:(e,t)=>{T(t),null==M||M(e,t)},__onDayClick:(e,t)=>{N(t),null==I||I(e,t)},getDayProps:e=>b(b({},x(e)),null==h?void 0:h(e))},k),{date:(0,c.w)("add",k.date,H.getTimezone(),j),__timezoneApplied:!0}))});h.classes=u.f.classes,h.displayName="@mantine/dates/DatePicker"},58681:function(e,t,n){n.d(t,{x:function(){return T}});var a=n(27693),r=n(67294),l=n(3154),o=n(30370),s=n(86109),i=n(28816),u=n(89363),c=n(38238),d=n(83443),m=n(12177),p=n(14372),f={timeWrapper:"m-208d2562",timeInput:"m-62ee059"},y=n(32718),v=n(40484),g=n(7177),b=n(53058),O=n(70864),D=n(26713),S=n(92437),h=n(77354),w=Object.defineProperty,P=Object.defineProperties,C=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,I=(e,t,n)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,j=(e,t)=>{for(var n in t||(t={}))E.call(t,n)&&I(e,n,t[n]);if(_)for(var n of _(t))M.call(t,n)&&I(e,n,t[n]);return e},k=(e,t)=>P(e,C(t)),N=(e,t)=>{var n={};for(var a in e)E.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&_)for(var a of _(e))0>t.indexOf(a)&&M.call(e,a)&&(n[a]=e[a]);return n};let L={dropdownType:"popover"},T=(0,l.d)((e,t)=>{let n=(0,o.w)("DateTimePicker",L,e),{value:l,defaultValue:w,onChange:P,valueFormat:C,locale:_,classNames:E,styles:M,unstyled:I,timeInputProps:T,submitButtonProps:x,withSeconds:Y,level:A,defaultLevel:H,size:z,variant:F,dropdownType:B,vars:R}=n,W=N(n,["value","defaultValue","onChange","valueFormat","locale","classNames","styles","unstyled","timeInputProps","submitButtonProps","withSeconds","level","defaultLevel","size","variant","dropdownType","vars"]),$=(0,s.y)({name:"DateTimePicker",classes:f,props:n,classNames:E,styles:M,unstyled:I,vars:R}),{resolvedClassNames:J,resolvedStyles:V}=(0,i.h)({classNames:E,styles:M,props:n}),K=(0,r.useRef)(),Z=(0,d.Yx)(K,null==T?void 0:T.ref),q=(0,y.M)(W),{calendarProps:G}=q,Q=N(G,["allowSingleDateInRange"]),{others:U}=q,X=(0,v.e)(),[ee,et]=(0,g.l)({type:"default",value:l,defaultValue:w,onChange:P}),en=e=>e?a(e).format(Y?"HH:mm:ss":"HH:mm"):"",[ea,er]=(0,r.useState)(en(ee)),[el,eo]=(0,r.useState)(A||H||"month"),[es,ei]=(0,m.q)(!1),eu=ee?a(ee).locale(X.getLocale(_)).format(C||(Y?"DD/MM/YYYY HH:mm:ss":"DD/MM/YYYY HH:mm")):"",ec=e=>{var t;null==(t=null==T?void 0:T.onChange)||t.call(T,e);let n=e.currentTarget.value;if(er(n),n){let[e,t,a]=n.split(":").map(Number),r=(0,S.w)("add",new Date,X.getTimezone());r.setHours(e),r.setMinutes(t),r.setSeconds(a||0),et((0,h.o)(r,ee||(0,S.w)("add",new Date,X.getTimezone())))}},ed=e=>{var t;et((0,h.o)(ee,e)),null==(t=K.current)||t.focus()},em=e=>{var t;null==(t=null==T?void 0:T.onKeyDown)||t.call(T,e),"Enter"===e.key&&(e.preventDefault(),ei.close())};(0,p.l)(()=>{es||er(en(ee))},[ee,es]),(0,p.l)(()=>{es&&eo("month")},[es]);let ep="popover"===B;return r.createElement(b.i,k(j({formattedValue:eu,dropdownOpened:es,dropdownHandlers:ei,classNames:J,styles:V,unstyled:I,ref:t,onClear:()=>et(null),shouldClear:!!ee,value:ee,size:z,variant:F,dropdownType:B},U),{type:"default",__staticSelector:"DateTimePicker"}),r.createElement(O.M,k(j({},Q),{size:z,variant:F,type:"default",value:ee,defaultDate:ee,onChange:ed,locale:_,classNames:J,styles:V,unstyled:I,__staticSelector:"DateTimePicker",__stopPropagation:ep,level:A,defaultLevel:H,onLevelChange:e=>{var t;eo(e),null==(t=Q.onLevelChange)||t.call(Q,e)},__timezoneApplied:!0})),"month"===el&&r.createElement("div",j({},$("timeWrapper")),r.createElement(D.M,k(j(j({value:ea,withSeconds:Y,ref:Z,unstyled:I},T),$("timeInput",{className:null==T?void 0:T.className,style:null==T?void 0:T.style})),{onChange:ec,onKeyDown:em,size:z,"data-mantine-stop-propagation":ep||void 0})),r.createElement(u.A,k(j(k(j({variant:"default",size:`input-${z||"sm"}`},$("submitButton",{className:null==x?void 0:x.className,style:null==x?void 0:x.style})),{unstyled:I,"data-mantine-stop-propagation":ep||void 0,children:r.createElement(c.n,{size:"30%"})}),x),{onClick:e=>{var t;null==(t=null==x?void 0:x.onClick)||t.call(x,e),ei.close()}}))))});T.classes=j(j(j({},f),b.i.classes),O.M.classes),T.displayName="@mantine/dates/DateTimePicker"},26063:function(e,t,n){n.d(t,{n:function(){return r}});var a=n(67294);function r({value:e,type:t,name:n,form:r}){return a.createElement("input",{type:"hidden",value:function(e,t){if("range"===t&&Array.isArray(e)){let[t,n]=e;return t?n?`${t.toISOString()} \u2013 ${n.toISOString()}`:`${t.toISOString()} \u2013`:""}return"multiple"===t&&Array.isArray(e)?e.map(e=>null==e?void 0:e.toISOString()).filter(Boolean).join(", "):!Array.isArray(e)&&e?e.toISOString():""}(e,t),name:n,form:r})}r.displayName="@mantine/dates/HiddenDatesInput"},53058:function(e,t,n){n.d(t,{i:function(){return P}});var a=n(67294),r=n(40624),l=n(3154),o=n(23957),s=n(76198),i=n(29613),u=n(52561),c=n(84131),d={input:"m-6fa5e2aa"},m=n(26063),p=Object.defineProperty,f=Object.defineProperties,y=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,O=(e,t,n)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,D=(e,t)=>{for(var n in t||(t={}))g.call(t,n)&&O(e,n,t[n]);if(v)for(var n of v(t))b.call(t,n)&&O(e,n,t[n]);return e},S=(e,t)=>f(e,y(t)),h=(e,t)=>{var n={};for(var a in e)g.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&v)for(var a of v(e))0>t.indexOf(a)&&b.call(e,a)&&(n[a]=e[a]);return n};let w={},P=(0,l.d)((e,t)=>{let n=(0,o.k)("PickerInputBase",w,e),{inputProps:l,wrapperProps:p,placeholder:f,classNames:y,styles:v,unstyled:g,popoverProps:b,modalProps:O,dropdownType:P,children:C,formattedValue:_,dropdownHandlers:E,dropdownOpened:M,onClick:I,clearable:j,onClear:k,clearButtonProps:N,rightSection:L,shouldClear:T,readOnly:x,disabled:Y,value:A,name:H,form:z,type:F}=n,B=h(n,["inputProps","wrapperProps","placeholder","classNames","styles","unstyled","popoverProps","modalProps","dropdownType","children","formattedValue","dropdownHandlers","dropdownOpened","onClick","clearable","onClear","clearButtonProps","rightSection","shouldClear","readOnly","disabled","value","name","form","type"]),R=L||(j&&T&&!x&&!Y?a.createElement(s.P,D({variant:"transparent",onClick:k,unstyled:g,size:l.size||"sm"},N)):null),W=()=>{let e="range"===F&&Array.isArray(A)&&A[0]&&!A[1];e&&k(),E.close()};return a.createElement(a.Fragment,null,"modal"===P&&!x&&a.createElement(i.u,D({opened:M,onClose:W,withCloseButton:!1,size:"auto","data-dates-modal":!0,unstyled:g},O),C),a.createElement(u.I.Wrapper,D({},p),a.createElement(c.J,D({position:"bottom-start",opened:M,onClose:W,disabled:"modal"===P||x,trapFocus:!0,returnFocus:!0,unstyled:g},b),a.createElement(c.J.Target,null,a.createElement(u.I,D(S(D({"aria-label":_||f,"data-dates-input":!0,"data-read-only":x||void 0,disabled:Y,component:"button",type:"button",multiline:!0,onClick:e=>{null==I||I(e),E.toggle()},rightSection:R},l),{ref:t,classNames:S(D({},y),{input:(0,r.Z)(d.input,null==y?void 0:y.input)})}),B),_||a.createElement(u.I.Placeholder,{error:l.error,unstyled:g},f))),a.createElement(c.J.Dropdown,{"data-dates-dropdown":!0},C))),a.createElement(m.n,{value:A,name:H,form:z,type:F}))});P.classes=d,P.displayName="@mantine/dates/PickerInputBase"},26713:function(e,t,n){n.d(t,{M:function(){return S}});var a=n(67294),r=n(40624),l=n(3154),o=n(30370),s=n(28816),i=n(70097),u={input:"m-468e7eda"},c=Object.defineProperty,d=Object.defineProperties,m=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,v=(e,t,n)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,g=(e,t)=>{for(var n in t||(t={}))f.call(t,n)&&v(e,n,t[n]);if(p)for(var n of p(t))y.call(t,n)&&v(e,n,t[n]);return e},b=(e,t)=>d(e,m(t)),O=(e,t)=>{var n={};for(var a in e)f.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&p)for(var a of p(e))0>t.indexOf(a)&&y.call(e,a)&&(n[a]=e[a]);return n};let D={},S=(0,l.d)((e,t)=>{let n=(0,o.w)("TimeInput",D,e),{classNames:l,styles:c,unstyled:d,vars:m,withSeconds:p}=n,f=O(n,["classNames","styles","unstyled","vars","withSeconds"]),{resolvedClassNames:y,resolvedStyles:v}=(0,s.h)({classNames:l,styles:c,props:n});return a.createElement(i.M,b(g({classNames:b(g({},y),{input:(0,r.Z)(u.input,null==y?void 0:y.input)}),styles:v,unstyled:d,ref:t},f),{step:p?1:60,type:"time",__staticSelector:"TimeInput"}))});S.classes=i.M.classes,S.displayName="@mantine/dates/TimeInput"},68329:function(e,t,n){n.d(t,{D:function(){return s}});var a=n(27693),r=n(67294),l=n(7177);function o(e,t){let n=[...t].sort((e,t)=>e.getTime()-t.getTime());return a(n[0]).startOf("day").subtract(1,"ms").isBefore(e)&&a(n[1]).endOf("day").add(1,"ms").isAfter(e)}function s({type:e,level:t,value:n,defaultValue:s,onChange:i,allowSingleDateInRange:u,allowDeselect:c,onMouseLeave:d,applyTimezone:m=!0}){let[p,f]=(0,l.l)({type:e,value:n,defaultValue:s,onChange:i,applyTimezone:m}),[y,v]=(0,r.useState)("range"===e&&p[0]&&!p[1]?p[0]:null),[g,b]=(0,r.useState)(null),O=n=>{if("range"===e){if(y instanceof Date&&!p[1]){if(a(n).isSame(y,t)&&!u){v(null),b(null),f([null,null]);return}let e=[n,y];e.sort((e,t)=>e.getTime()-t.getTime()),f(e),b(null),v(null);return}if(p[0]&&!p[1]&&a(n).isSame(p[0],t)&&!u){v(null),b(null),f([null,null]);return}f([n,null]),b(null),v(n);return}if("multiple"===e){p.some(e=>a(e).isSame(n,t))?f(p.filter(e=>!a(e).isSame(n,t))):f([...p,n]);return}p&&c&&a(n).isSame(p,t)?f(null):f(n)},D=e=>y instanceof Date&&g instanceof Date?o(e,[g,y]):p[0]instanceof Date&&p[1]instanceof Date&&o(e,p),S=e=>p[0]instanceof Date&&!!a(e).isSame(p[0],t)&&!(g&&a(g).isBefore(p[0])),h=e=>p[1]instanceof Date?a(e).isSame(p[1],t):p[0]instanceof Date&&!!g&&a(g).isBefore(p[0])&&a(e).isSame(p[0],t),w=n=>{if("range"===e)return{selected:p.some(e=>e&&a(e).isSame(n,t)),inRange:D(n),firstInRange:S(n),lastInRange:h(n),"data-autofocus":!!p[0]&&a(p[0]).isSame(n,t)||void 0};if("multiple"===e)return{selected:p.some(e=>e&&a(e).isSame(n,t)),"data-autofocus":!!p[0]&&a(p[0]).isSame(n,t)||void 0};let r=a(p).isSame(n,t);return{selected:r,"data-autofocus":r||void 0}};return{onDateChange:O,onRootMouseLeave:"range"===e?e=>{null==d||d(e),b(null)}:d,onHoveredDateChange:"range"===e&&y?b:()=>{},getControlProps:w,_value:p,setValue:f}}},77354:function(e,t,n){n.d(t,{o:function(){return a}});function a(e,t){if(!e||!t)return t;let n=e.getHours(),a=e.getMinutes(),r=e.getSeconds(),l=e.getMilliseconds(),o=new Date(t);return o.setHours(n),o.setMinutes(a),o.setSeconds(r),o.setMilliseconds(l),o}}}]); \ No newline at end of file diff --git a/_next/static/chunks/761-35955f10110e3a96.js b/_next/static/chunks/761-35955f10110e3a96.js new file mode 100644 index 00000000000..ea34d5ec6b6 --- /dev/null +++ b/_next/static/chunks/761-35955f10110e3a96.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[761],{33507:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},17339:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("photo","IconPhoto",[["path",{d:"M15 8h.01",key:"svg-0"}],["path",{d:"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z",key:"svg-1"}],["path",{d:"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5",key:"svg-2"}],["path",{d:"M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3",key:"svg-3"}]])},62640:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},30904:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("upload","IconUpload",[["path",{d:"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2",key:"svg-0"}],["path",{d:"M7 9l5 -5l5 5",key:"svg-1"}],["path",{d:"M12 4l0 12",key:"svg-2"}]])},97283:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=(0,n(30853).Z)("x","IconX",[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]])},17094:function(e,t){"use strict";t.Z=function(e,t){if(e&&t){var n=Array.isArray(t)?t:t.split(","),r=e.name||"",o=(e.type||"").toLowerCase(),i=o.replace(/\/.*$/,"");return n.some(function(e){var t=e.trim().toLowerCase();return"."===t.charAt(0)?r.toLowerCase().endsWith(t):t.endsWith("/*")?i===t.replace(/\/.*$/,""):o===t})}return!0}},26263:function(e,t,n){"use strict";n.d(t,{uI:function(){return et}});var r=n(67294),o=n(5705),i=n.n(o);function a(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):((t=e.value)instanceof n?t:new n(function(e){e(t)})).then(a,c)}u((r=r.apply(e,t||[])).next())})}function c(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){return function(i){if(n)throw TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function l(e,t,n){if(n||2==arguments.length)for(var r,o=0,i=t.length;o0?r:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}var p=[".DS_Store","Thumbs.db"];function d(e){return"object"==typeof e&&null!==e}function v(e){return e.filter(function(e){return -1===p.indexOf(e.name)})}function y(e){if(null===e)return[];for(var t=[],n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);nn)return[!1,P(n)];if(e.sizen)return[!1,P(n)]}return[!0,null]}function z(e){return null!=e}function R(e){return"function"==typeof e.isPropagationStopped?e.isPropagationStopped():void 0!==e.cancelBubble&&e.cancelBubble}function T(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(e){return"Files"===e||"application/x-moz-file"===e}):!!e.target&&!!e.target.files}function _(e){e.preventDefault()}function Z(){for(var e=arguments.length,t=Array(e),n=0;n1?n-1:0),o=1;oe.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var J=(0,r.forwardRef)(function(e,t){var n=e.children,o=et(X(e,K)),i=o.open,a=X(o,U);return(0,r.useImperativeHandle)(t,function(){return{open:i}},[i]),r.createElement(r.Fragment,null,n(Y(Y({},a),{},{open:i})))});J.displayName="Dropzone";var Q={disabled:!1,getFilesFromEvent:function(e){return a(this,void 0,void 0,function(){return c(this,function(t){return d(e)&&d(e.dataTransfer)?[2,function(e,t){return a(this,void 0,void 0,function(){var n;return c(this,function(r){switch(r.label){case 0:if(!e.items)return[3,2];if(n=y(e.items).filter(function(e){return"file"===e.kind}),"drop"!==t)return[2,n];return[4,Promise.all(n.map(g))];case 1:return[2,v(function e(t){return t.reduce(function(t,n){return l(l([],u(t),!1),u(Array.isArray(n)?e(n):[n]),!1)},[])}(r.sent()))];case 2:return[2,v(y(e.files).map(function(e){return f(e)}))]}})})}(e.dataTransfer,e.type)]:d(e)&&d(e.target)?[2,y(e.target.files).map(function(e){return f(e)})]:Array.isArray(e)&&e.every(function(e){return"getFile"in e&&"function"==typeof e.getFile})?[2,function(e){return a(this,void 0,void 0,function(){return c(this,function(t){switch(t.label){case 0:return[4,Promise.all(e.map(function(e){return e.getFile()}))];case 1:return[2,t.sent().map(function(e){return f(e)})]}})})}(e)]:[2,[]]})})},maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};J.defaultProps=Q,J.propTypes={children:i().func,accept:i().objectOf(i().arrayOf(i().string)),multiple:i().bool,preventDropOnDocument:i().bool,noClick:i().bool,noKeyboard:i().bool,noDrag:i().bool,noDragEventsBubbling:i().bool,minSize:i().number,maxSize:i().number,maxFiles:i().number,disabled:i().bool,getFilesFromEvent:i().func,onFileDialogCancel:i().func,onFileDialogOpen:i().func,useFsAccessApi:i().bool,autoFocus:i().bool,onDragEnter:i().func,onDragLeave:i().func,onDragOver:i().func,onDrop:i().func,onDropAccepted:i().func,onDropRejected:i().func,onError:i().func,validator:i().func};var ee={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function et(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Y(Y({},Q),e),n=t.accept,o=t.disabled,i=t.getFilesFromEvent,a=t.maxSize,c=t.minSize,u=t.multiple,l=t.maxFiles,s=t.onDragEnter,f=t.onDragLeave,p=t.onDragOver,d=t.onDrop,v=t.onDropAccepted,y=t.onDropRejected,g=t.onFileDialogCancel,m=t.onFileDialogOpen,h=t.useFsAccessApi,b=t.autoFocus,w=t.preventDropOnDocument,D=t.noClick,A=t.noKeyboard,E=t.noDrag,F=t.noDragEventsBubbling,P=t.onError,M=t.validator,K=(0,r.useMemo)(function(){return function(e){if(z(e))return Object.entries(e).reduce(function(e,t){var n=j(t,2),r=n[0],o=n[1];return[].concat(k(e),[r],k(o))},[]).filter(function(e){return L(e)||B(e)}).join(",")}(n)},[n]),U=(0,r.useMemo)(function(){return z(n)?[{description:"Files",accept:Object.entries(n).filter(function(e){var t=j(e,2),n=t[0],r=t[1],o=!0;return L(n)||(console.warn('Skipped "'.concat(n,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),o=!1),Array.isArray(r)&&r.every(B)||(console.warn('Skipped "'.concat(n,'" because an invalid file extension was provided.')),o=!1),o}).reduce(function(e,t){var n=j(t,2),r=n[0],o=n[1];return O(O({},e),{},x({},r,o))},{})}]:n},[n]),G=(0,r.useMemo)(function(){return"function"==typeof m?m:er},[m]),J=(0,r.useMemo)(function(){return"function"==typeof g?g:er},[g]),et=(0,r.useRef)(null),eo=(0,r.useRef)(null),ei=$((0,r.useReducer)(en,ee),2),ea=ei[0],ec=ei[1],eu=ea.isFocused,el=ea.isFileDialogActive,es=(0,r.useRef)("undefined"!=typeof window&&window.isSecureContext&&h&&"showOpenFilePicker"in window),ef=function(){!es.current&&el&&setTimeout(function(){eo.current&&!eo.current.files.length&&(ec({type:"closeDialog"}),J())},300)};(0,r.useEffect)(function(){return window.addEventListener("focus",ef,!1),function(){window.removeEventListener("focus",ef,!1)}},[eo,el,J,es]);var ep=(0,r.useRef)([]),ed=function(e){et.current&&et.current.contains(e.target)||(e.preventDefault(),ep.current=[])};(0,r.useEffect)(function(){return w&&(document.addEventListener("dragover",_,!1),document.addEventListener("drop",ed,!1)),function(){w&&(document.removeEventListener("dragover",_),document.removeEventListener("drop",ed))}},[et,w]),(0,r.useEffect)(function(){return!o&&b&&et.current&&et.current.focus(),function(){}},[et,b,o]);var ev=(0,r.useCallback)(function(e){P?P(e):console.error(e)},[P]),ey=(0,r.useCallback)(function(e){var t;e.preventDefault(),e.persist(),eF(e),ep.current=[].concat(function(e){if(Array.isArray(e))return q(e)}(t=ep.current)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||H(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[e.target]),T(e)&&Promise.resolve(i(e)).then(function(t){if(!R(e)||F){var n,r,o,i,f,p,d,v,y=t.length,g=y>0&&(r=(n={files:t,accept:K,minSize:c,maxSize:a,multiple:u,maxFiles:l,validator:M}).files,o=n.accept,i=n.minSize,f=n.maxSize,p=n.multiple,d=n.maxFiles,v=n.validator,(!!p||!(r.length>1))&&(!p||!(d>=1)||!(r.length>d))&&r.every(function(e){var t=j(C(e,o),1)[0],n=j(I(e,i,f),1)[0],r=v?v(e):null;return t&&n&&!r}));ec({isDragAccept:g,isDragReject:y>0&&!g,isDragActive:!0,type:"setDraggedFiles"}),s&&s(e)}}).catch(function(e){return ev(e)})},[i,s,ev,F,K,c,a,u,l,M]),eg=(0,r.useCallback)(function(e){e.preventDefault(),e.persist(),eF(e);var t=T(e);if(t&&e.dataTransfer)try{e.dataTransfer.dropEffect="copy"}catch(e){}return t&&p&&p(e),!1},[p,F]),em=(0,r.useCallback)(function(e){e.preventDefault(),e.persist(),eF(e);var t=ep.current.filter(function(e){return et.current&&et.current.contains(e)}),n=t.indexOf(e.target);-1!==n&&t.splice(n,1),ep.current=t,!(t.length>0)&&(ec({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),T(e)&&f&&f(e))},[et,f,F]),eh=(0,r.useCallback)(function(e,t){var n=[],r=[];e.forEach(function(e){var t=$(C(e,K),2),o=t[0],i=t[1],u=$(I(e,c,a),2),l=u[0],s=u[1],f=M?M(e):null;if(o&&l&&!f)n.push(e);else{var p=[i,s];f&&(p=p.concat(f)),r.push({file:e,errors:p.filter(function(e){return e})})}}),(!u&&n.length>1||u&&l>=1&&n.length>l)&&(n.forEach(function(e){r.push({file:e,errors:[S]})}),n.splice(0)),ec({acceptedFiles:n,fileRejections:r,type:"setFiles"}),d&&d(n,r,t),r.length>0&&y&&y(r,t),n.length>0&&v&&v(n,t)},[ec,u,K,c,a,l,d,v,y,M]),eb=(0,r.useCallback)(function(e){e.preventDefault(),e.persist(),eF(e),ep.current=[],T(e)&&Promise.resolve(i(e)).then(function(t){(!R(e)||F)&&eh(t,e)}).catch(function(e){return ev(e)}),ec({type:"reset"})},[i,eh,ev,F]),ew=(0,r.useCallback)(function(){if(es.current){ec({type:"openDialog"}),G(),window.showOpenFilePicker({multiple:u,types:U}).then(function(e){return i(e)}).then(function(e){eh(e,null),ec({type:"closeDialog"})}).catch(function(e){e instanceof DOMException&&("AbortError"===e.name||e.code===e.ABORT_ERR)?(J(e),ec({type:"closeDialog"})):e instanceof DOMException&&("SecurityError"===e.name||e.code===e.SECURITY_ERR)?(es.current=!1,eo.current?(eo.current.value=null,eo.current.click()):ev(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no was provided."))):ev(e)});return}eo.current&&(ec({type:"openDialog"}),G(),eo.current.value=null,eo.current.click())},[ec,G,J,h,eh,ev,U,u]),ek=(0,r.useCallback)(function(e){et.current&&et.current.isEqualNode(e.target)&&(" "===e.key||"Enter"===e.key||32===e.keyCode||13===e.keyCode)&&(e.preventDefault(),ew())},[et,ew]),eD=(0,r.useCallback)(function(){ec({type:"focus"})},[]),eO=(0,r.useCallback)(function(){ec({type:"blur"})},[]),ex=(0,r.useCallback)(function(){D||(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.navigator.userAgent;return -1!==e.indexOf("MSIE")||-1!==e.indexOf("Trident/")||-1!==e.indexOf("Edge/")}()?setTimeout(ew,0):ew())},[D,ew]),ej=function(e){return o?null:e},eA=function(e){return A?null:ej(e)},eE=function(e){return E?null:ej(e)},eF=function(e){F&&e.stopPropagation()},eP=(0,r.useMemo)(function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,n=e.role,r=e.onKeyDown,i=e.onFocus,a=e.onBlur,c=e.onClick,u=e.onDragEnter,l=e.onDragOver,s=e.onDragLeave,f=e.onDrop,p=X(e,W);return Y(Y(V({onKeyDown:eA(Z(r,ek)),onFocus:eA(Z(i,eD)),onBlur:eA(Z(a,eO)),onClick:ej(Z(c,ex)),onDragEnter:eE(Z(u,ey)),onDragOver:eE(Z(l,eg)),onDragLeave:eE(Z(s,em)),onDrop:eE(Z(f,eb)),role:"string"==typeof n&&""!==n?n:"presentation"},void 0===t?"ref":t,et),o||A?{}:{tabIndex:0}),p)}},[et,ek,eD,eO,ex,ey,eg,em,eb,A,E,o]),eM=(0,r.useCallback)(function(e){e.stopPropagation()},[]),eS=(0,r.useMemo)(function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,n=e.onChange,r=e.onClick,o=X(e,N);return Y(Y({},V({accept:K,multiple:u,type:"file",style:{display:"none"},onChange:ej(Z(n,eb)),onClick:ej(Z(r,eM)),tabIndex:-1},void 0===t?"ref":t,eo)),o)}},[eo,n,u,eb,o]);return Y(Y({},ea),{},{isFocused:eu&&!o,getRootProps:eP,getInputProps:eS,rootRef:et,inputRef:eo,open:ej(ew)})}function en(e,t){switch(t.type){case"focus":return Y(Y({},e),{},{isFocused:!0});case"blur":return Y(Y({},e),{},{isFocused:!1});case"openDialog":return Y(Y({},ee),{},{isFileDialogActive:!0});case"closeDialog":return Y(Y({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return Y(Y({},e),{},{isDragActive:t.isDragActive,isDragAccept:t.isDragAccept,isDragReject:t.isDragReject});case"setFiles":return Y(Y({},e),{},{acceptedFiles:t.acceptedFiles,fileRejections:t.fileRejections});case"reset":return Y({},ee);default:return e}}function er(){}},70914:function(e,t,n){"use strict";var r=n(85118);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var c=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},5705:function(e,t,n){e.exports=n(70914)()},85118:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]); \ No newline at end of file diff --git a/_next/static/chunks/8015-669307b9cf02b7fe.js b/_next/static/chunks/8015-669307b9cf02b7fe.js new file mode 100644 index 00000000000..cf55eac54b9 --- /dev/null +++ b/_next/static/chunks/8015-669307b9cf02b7fe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8015],{33507:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},93693:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(54764).Z)("at","IconAt",[["path",{d:"M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",key:"svg-0"}],["path",{d:"M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28",key:"svg-1"}]])},62283:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(54764).Z)("chevron-down","IconChevronDown",[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]])},19786:function(t,e,n){n.d(e,{Z:function(){return i}});var i=(0,n(54764).Z)("exclamation-circle","IconExclamationCircle",[["path",{d:"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-0"}],["path",{d:"M12 9v4",key:"svg-1"}],["path",{d:"M12 16v.01",key:"svg-2"}]])},25707:function(t,e,n){function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u(t,e){if(!(t instanceof e))throw TypeError("Cannot call a class as a function")}function r(t,e){for(var n=0;n=0||(u[n]=t[n]);return u}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(u[n]=t[n])}return u}function c(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}();return function(){var n,i=o(t);if(e){var u=o(this).constructor;n=Reflect.construct(i,arguments,u)}else n=i.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,n)}}function f(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=o(t)););return t}function p(){return(p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var i=f(t,e);if(i){var u=Object.getOwnPropertyDescriptor(i,e);return u.get?u.get.call(arguments.length<3?t:n):u.value}}).apply(this,arguments)}function d(t,e,n,i){return(d="undefined"!=typeof Reflect&&Reflect.set?Reflect.set:function(t,e,n,i){var u,r,s=f(t,e);if(s){if((r=Object.getOwnPropertyDescriptor(s,e)).set)return r.set.call(i,n),!0;if(!r.writable)return!1}if(r=Object.getOwnPropertyDescriptor(i,e)){if(!r.writable)return!1;r.value=n,Object.defineProperty(i,e,r)}else e in(u=i)?Object.defineProperty(u,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):u[e]=n;return!0})(t,e,n,i)}function v(t,e,n,i,u){if(!d(t,e,n,i||t)&&u)throw Error("failed to set property");return n}function k(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n,i,u=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=u){var r=[],s=!0,a=!1;try{for(u=u.call(t);!(s=(n=u.next()).done)&&(r.push(n.value),!e||r.length!==e);s=!0);}catch(t){a=!0,i=t}finally{try{s||null==u.return||u.return()}finally{if(a)throw i}}return r}}(t,e)||g(t,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){if(t){if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2?arguments[2]:void 0;u(this,t),this.value=e,this.from=n,this.stop=i}return s(t,[{key:"toString",value:function(){return this.value}},{key:"extend",value:function(t){this.value+=String(t)}},{key:"appendTo",value:function(t){return t.append(this.toString(),{tail:!0}).aggregate(t._appendPlaceholder())}},{key:"state",get:function(){return{value:this.value,from:this.from,stop:this.stop}},set:function(t){Object.assign(this,t)}},{key:"unshift",value:function(t){if(!this.value.length||null!=t&&this.from>=t)return"";var e=this.value[0];return this.value=this.value.slice(1),e}},{key:"shift",value:function(){if(!this.value.length)return"";var t=this.value[this.value.length-1];return this.value=this.value.slice(0,-1),t}}]),t}();function M(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new M.InputMask(t,e)}var x=function(){function t(e){u(this,t),this._value="",this._update(Object.assign({},t.DEFAULTS,e)),this.isInitialized=!0}return s(t,[{key:"updateOptions",value:function(t){Object.keys(t).length&&this.withValueRefresh(this._update.bind(this,t))}},{key:"_update",value:function(t){Object.assign(this,t)}},{key:"state",get:function(){return{_value:this.value}},set:function(t){this._value=t._value}},{key:"reset",value:function(){this._value=""}},{key:"value",get:function(){return this._value},set:function(t){this.resolve(t)}},{key:"resolve",value:function(t){return this.reset(),this.append(t,{input:!0},""),this.doCommit(),this.value}},{key:"unmaskedValue",get:function(){return this.value},set:function(t){this.reset(),this.append(t,{},""),this.doCommit()}},{key:"typedValue",get:function(){return this.doParse(this.value)},set:function(t){this.value=this.doFormat(t)}},{key:"rawInputValue",get:function(){return this.extractInput(0,this.value.length,{raw:!0})},set:function(t){this.reset(),this.append(t,{raw:!0},""),this.doCommit()}},{key:"isComplete",get:function(){return!0}},{key:"isFilled",get:function(){return this.isComplete}},{key:"nearestInputPos",value:function(t,e){return t}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this.value.slice(t,e)}},{key:"extractTail",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return new O(this.extractInput(t,e),t)}},{key:"appendTail",value:function(t){return F(t)&&(t=new O(String(t))),t.appendTo(this)}},{key:"_appendCharRaw",value:function(t){return t?(this._value+=t,new A({inserted:t,rawInserted:t})):new A}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,i=this.state,u=k(B(this.doPrepare(t,e)),2);if(t=u[0],(r=(r=u[1]).aggregate(this._appendCharRaw(t,e))).inserted){var r,s,a=!1!==this.doValidate(e);if(a&&null!=n){var o=this.state;!0===this.overwrite&&(s=n.state,n.unshift(this.value.length));var l=this.appendTail(n);(a=l.rawInserted===n.toString())&&l.inserted||"shift"!==this.overwrite||(this.state=o,s=n.state,n.shift(),a=(l=this.appendTail(n)).rawInserted===n.toString()),a&&l.inserted&&(this.state=o)}!a&&(r=new A,this.state=i,n&&s&&(n.state=s))}return r}},{key:"_appendPlaceholder",value:function(){return new A}},{key:"_appendEager",value:function(){return new A}},{key:"append",value:function(t,e,n){if(!F(t))throw Error("value should be string");var i=new A,u=F(n)?new O(String(n)):n;null!=e&&e.tail&&(e._beforeTailState=this.state);for(var r=0;r0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return this._value=this.value.slice(0,t)+this.value.slice(e),new A}},{key:"withValueRefresh",value:function(t){if(this._refreshing||!this.isInitialized)return t();this._refreshing=!0;var e=this.rawInputValue,n=this.value,i=t();return this.rawInputValue=e,this.value&&this.value!==n&&0===n.indexOf(this.value)&&this.append(n.slice(this.value.length),{},""),delete this._refreshing,i}},{key:"runIsolated",value:function(t){if(this._isolated||!this.isInitialized)return t(this);this._isolated=!0;var e=this.state,n=t(this);return this.state=e,delete this._isolated,n}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.prepare?this.prepare(t,this,e):t}},{key:"doValidate",value:function(t){return(!this.validate||this.validate(this.value,this,t))&&(!this.parent||this.parent.doValidate(t))}},{key:"doCommit",value:function(){this.commit&&this.commit(this.value,this)}},{key:"doFormat",value:function(t){return this.format?this.format(t,this):t}},{key:"doParse",value:function(t){return this.parse?this.parse(t,this):t}},{key:"splice",value:function(t,e,n,i){var u,r,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{input:!0},a=t+e,o=this.extractTail(a);this.eager&&(i=function(t){switch(t){case C.LEFT:return C.FORCE_LEFT;case C.RIGHT:return C.FORCE_RIGHT;default:return t}}(i),u=this.extractInput(0,a,{raw:!0}));var l=this.nearestInputPos(t,e>1&&0!==t&&!this.eager?C.NONE:i),h=new A({tailShift:l-t}).aggregate(this.remove(l));if(this.eager&&i!==C.NONE&&u===this.rawInputValue){if(i===C.FORCE_LEFT)for(;u===this.rawInputValue&&(r=this.value.length);)h.aggregate(new A({tailShift:-1})).aggregate(this.remove(r-1));else i===C.FORCE_RIGHT&&o.unshift()}return h.aggregate(this.append(n,s,o))}},{key:"maskEquals",value:function(t){return this.mask===t}},{key:"typedValueEquals",value:function(e){var n=this.typedValue;return e===n||t.EMPTY_VALUES.includes(e)&&t.EMPTY_VALUES.includes(n)||this.doFormat(e)===this.doFormat(this.typedValue)}}]),t}();function R(t){if(null==t)throw Error("mask property should be defined");return t instanceof RegExp?M.MaskedRegExp:F(t)?M.MaskedPattern:t instanceof Date||t===Date?M.MaskedDate:t instanceof Number||"number"==typeof t||t===Number?M.MaskedNumber:Array.isArray(t)||t===Array?M.MaskedDynamic:M.Masked&&t.prototype instanceof M.Masked?t:t instanceof M.Masked?t.constructor:t instanceof Function?M.MaskedFunction:(console.warn("Mask not found for mask",t),M.Masked)}function w(t){if(M.Masked&&t instanceof M.Masked)return t;var e=(t=Object.assign({},t)).mask;if(M.Masked&&e instanceof M.Masked)return e;var n=R(e);if(!n)throw Error("Masked class is not found for provided mask, appropriate module needs to be import manually before creating mask.");return new n(t)}x.DEFAULTS={format:function(t){return t},parse:function(t){return t}},x.EMPTY_VALUES=[void 0,null,""],M.Masked=x,M.createMask=w;var T=["mask"],P={0:/\d/,a:/[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,"*":/./},I=function(){function t(e){u(this,t);var n=e.mask,i=h(e,T);this.masked=w({mask:n}),Object.assign(this,i)}return s(t,[{key:"reset",value:function(){this.isFilled=!1,this.masked.reset()}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length;return 0===t&&e>=1?(this.isFilled=!1,this.masked.remove(t,e)):new A}},{key:"value",get:function(){return this.masked.value||(this.isFilled&&!this.isOptional?this.placeholderChar:"")}},{key:"unmaskedValue",get:function(){return this.masked.unmaskedValue}},{key:"isComplete",get:function(){return Boolean(this.masked.value)||this.isOptional}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.isFilled)return new A;var n=this.masked.state,i=this.masked._appendChar(t,e);return i.inserted&&!1===this.doValidate(e)&&(i.inserted=i.rawInserted="",this.masked.state=n),i.inserted||this.isOptional||this.lazy||e.input||(i.inserted=this.placeholderChar),i.skip=!i.inserted&&!this.isOptional,this.isFilled=Boolean(i.inserted),i}},{key:"append",value:function(){var t;return(t=this.masked).append.apply(t,arguments)}},{key:"_appendPlaceholder",value:function(){var t=new A;return this.isFilled||this.isOptional||(this.isFilled=!0,t.inserted=this.placeholderChar),t}},{key:"_appendEager",value:function(){return new A}},{key:"extractTail",value:function(){var t;return(t=this.masked).extractTail.apply(t,arguments)}},{key:"appendTail",value:function(){var t;return(t=this.masked).appendTail.apply(t,arguments)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0;return this.masked.extractInput(t,e,n)}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C.NONE,n=this.value.length,i=Math.min(Math.max(t,0),n);switch(e){case C.LEFT:case C.FORCE_LEFT:return this.isComplete?i:0;case C.RIGHT:case C.FORCE_RIGHT:return this.isComplete?i:n;case C.NONE:default:return i}}},{key:"doValidate",value:function(){var t,e;return(t=this.masked).doValidate.apply(t,arguments)&&(!this.parent||(e=this.parent).doValidate.apply(e,arguments))}},{key:"doCommit",value:function(){this.masked.doCommit()}},{key:"state",get:function(){return{masked:this.masked.state,isFilled:this.isFilled}},set:function(t){this.masked.state=t.masked,this.isFilled=t.isFilled}}]),t}(),V=function(){function t(e){u(this,t),Object.assign(this,e),this._value="",this.isFixed=!0}return s(t,[{key:"value",get:function(){return this._value}},{key:"unmaskedValue",get:function(){return this.isUnmasking?this.value:""}},{key:"reset",value:function(){this._isRawInput=!1,this._value=""}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length;return this._value=this._value.slice(0,t)+this._value.slice(e),this._value||(this._isRawInput=!1),new A}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C.NONE,n=this._value.length;switch(e){case C.LEFT:case C.FORCE_LEFT:return 0;case C.NONE:case C.RIGHT:case C.FORCE_RIGHT:default:return n}}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return n.raw&&this._isRawInput&&this._value.slice(t,e)||""}},{key:"isComplete",get:function(){return!0}},{key:"isFilled",get:function(){return Boolean(this._value)}},{key:"_appendChar",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=new A;if(this._value)return n;var i=this.char===t&&(this.isUnmasking||e.input||e.raw)&&(!e.raw||!this.eager)&&!e.tail;return i&&(n.rawInserted=this.char),this._value=n.inserted=this.char,this._isRawInput=i&&(e.raw||e.input),n}},{key:"_appendEager",value:function(){return this._appendChar(this.char,{tail:!0})}},{key:"_appendPlaceholder",value:function(){var t=new A;return this._value||(this._value=t.inserted=this.char),t}},{key:"extractTail",value:function(){return arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,new O("")}},{key:"appendTail",value:function(t){return F(t)&&(t=new O(String(t))),t.appendTo(this)}},{key:"append",value:function(t,e,n){var i=this._appendChar(t[0],e);return null!=n&&(i.tailShift+=this.appendTail(n).tailShift),i}},{key:"doCommit",value:function(){}},{key:"state",get:function(){return{_value:this._value,_isRawInput:this._isRawInput}},set:function(t){Object.assign(this,t)}}]),t}(),j=["chunks"],L=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;u(this,t),this.chunks=e,this.from=n}return s(t,[{key:"toString",value:function(){return this.chunks.map(String).join("")}},{key:"extend",value:function(e){if(String(e)){F(e)&&(e=new O(String(e)));var n,i=this.chunks[this.chunks.length-1],u=i&&(i.stop===e.stop||null==e.stop)&&e.from===i.from+i.toString().length;if(e instanceof O)u?i.extend(e.toString()):this.chunks.push(e);else if(e instanceof t){if(null==e.stop)for(;e.chunks.length&&null==e.chunks[0].stop;)n=e.chunks.shift(),n.from+=e.from,this.extend(n);e.toString()&&(e.stop=e.blockIndex,this.chunks.push(e))}}}},{key:"appendTo",value:function(e){if(!(e instanceof M.MaskedPattern))return new O(this.toString()).appendTo(e);for(var n=new A,i=0;i=0)&&n.aggregate(e._appendPlaceholder(s)),a=u instanceof t&&e._blocks[s]),a){var o=a.appendTail(u);o.skip=!1,n.aggregate(o),e._value+=o.inserted;var l=u.toString().slice(o.rawInserted.length);l&&n.aggregate(e.append(l,{tail:!0}))}else n.aggregate(e.append(u.toString(),{tail:!0}))}return n}},{key:"state",get:function(){return{chunks:this.chunks.map(function(t){return t.state}),from:this.from,stop:this.stop,blockIndex:this.blockIndex}},set:function(e){var n=e.chunks;Object.assign(this,h(e,j)),this.chunks=n.map(function(e){var n="chunks"in e?new t:new O;return n.state=e,n})}},{key:"unshift",value:function(t){if(!this.chunks.length||null!=t&&this.from>=t)return"";for(var e=null!=t?t-this.from:t,n=0;n=this.masked._blocks.length&&(this.index=this.masked._blocks.length-1,this.offset=this.block.value.length))}},{key:"_pushLeft",value:function(t){for(this.pushState(),this.bindBlock();0<=this.index;--this.index,this.offset=(null===(e=this.block)||void 0===e?void 0:e.value.length)||0){var e;if(t())return this.ok=!0}return this.ok=!1}},{key:"_pushRight",value:function(t){for(this.pushState(),this.bindBlock();this.index=0}),p(o(n.prototype),"_update",this).call(this,t)}}]),n}(x);M.MaskedRegExp=U;var Z=["_blocks"],H=function(t){a(n,t);var e=c(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return u(this,n),t.definitions=Object.assign({},P,t.definitions),e.call(this,Object.assign({},n.DEFAULTS,t))}return s(n,[{key:"_update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.definitions=Object.assign({},this.definitions,t.definitions),p(o(n.prototype),"_update",this).call(this,t),this._rebuildMask()}},{key:"_rebuildMask",value:function(){var t=this,e=this.definitions;this._blocks=[],this._stops=[],this._maskedBlocks={};var i=this.mask;if(i&&e){for(var u=!1,r=!1,s=0;s1&&void 0!==arguments[1]?arguments[1]:{},n=this._mapPosToBlock(this.value.length),i=new A;if(!n)return i;for(var u=n.index;;++u){var r,s,a=this._blocks[u];if(!a)break;var o=a._appendChar(t,Object.assign({},e,{_beforeTailState:null===(r=e._beforeTailState)||void 0===r?void 0:null===(s=r._blocks)||void 0===s?void 0:s[u]})),l=o.skip;if(i.aggregate(o),l||o.rawInserted)break}return i}},{key:"extractTail",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,i=new L;return e===n||this._forEachBlocksInRange(e,n,function(e,n,u,r){var s=e.extractTail(u,r);s.stop=t._findStopBefore(n),s.from=t._blockStartPos(n),s instanceof L&&(s.blockIndex=n),i.extend(s)}),i}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(t===e)return"";var i="";return this._forEachBlocksInRange(t,e,function(t,e,u,r){i+=t.extractInput(u,r,n)}),i}},{key:"_findStopBefore",value:function(t){for(var e,n=0;n1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=arguments.length>2?arguments[2]:void 0,i=this._mapPosToBlock(t);if(i){var u=this._mapPosToBlock(e),r=u&&i.index===u.index,s=i.offset,a=u&&r?u.offset:this._blocks[i.index].value.length;if(n(this._blocks[i.index],i.index,s,a),u&&!r){for(var o=i.index+1;o0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,i=p(o(n.prototype),"remove",this).call(this,t,e);return this._forEachBlocksInRange(t,e,function(t,e,n,u){i.aggregate(t.remove(n,u))}),i}},{key:"nearestInputPos",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C.NONE;if(!this._blocks.length)return 0;var n=new N(this,t);if(e===C.NONE)return n.pushRightBeforeInput()?n.pos:(n.popState(),n.pushLeftBeforeInput())?n.pos:this.value.length;if(e===C.LEFT||e===C.FORCE_LEFT){if(e===C.LEFT){if(n.pushRightBeforeFilled(),n.ok&&n.pos===t)return t;n.popState()}if(n.pushLeftBeforeInput(),n.pushLeftBeforeRequired(),n.pushLeftBeforeFilled(),e===C.LEFT){if(n.pushRightBeforeInput(),n.pushRightBeforeRequired(),n.ok&&n.pos<=t||(n.popState(),n.ok&&n.pos<=t))return n.pos;n.popState()}return n.ok?n.pos:e===C.FORCE_LEFT?0:(n.popState(),n.ok)?n.pos:(n.popState(),n.ok)?n.pos:0}return e===C.RIGHT||e===C.FORCE_RIGHT?(n.pushRightBeforeInput(),n.pushRightBeforeRequired(),n.pushRightBeforeFilled())?n.pos:e===C.FORCE_RIGHT?this.value.length:(n.popState(),n.ok)?n.pos:(n.popState(),n.ok)?n.pos:this.nearestInputPos(t,C.LEFT):t}},{key:"maskedBlock",value:function(t){return this.maskedBlocks(t)[0]}},{key:"maskedBlocks",value:function(t){var e=this,n=this._maskedBlocks[t];return n?n.map(function(t){return e._blocks[t]}):[]}}]),n}(x);H.DEFAULTS={lazy:!0,placeholderChar:"_"},H.STOP_CHAR="`",H.ESCAPE_CHAR="\\",H.InputDefinition=I,H.FixedDefinition=V,M.MaskedPattern=H;var q=function(t){a(n,t);var e=c(n);function n(){return u(this,n),e.apply(this,arguments)}return s(n,[{key:"_matchFrom",get:function(){return this.maxLength-String(this.from).length}},{key:"_update",value:function(t){var e=String((t=Object.assign({to:this.to||0,from:this.from||0,maxLength:this.maxLength||0},t)).to).length;null!=t.maxLength&&(e=Math.max(e,t.maxLength)),t.maxLength=e;for(var i=String(t.from).padStart(e,"0"),u=String(t.to).padStart(e,"0"),r=0;r1&&void 0!==arguments[1]?arguments[1]:{},u=k(B(p(o(n.prototype),"doPrepare",this).call(this,t.replace(/\D/g,""),i)),2);if(t=u[0],e=u[1],!this.autofix||!t)return t;var r=String(this.from).padStart(this.maxLength,"0"),s=String(this.to).padStart(this.maxLength,"0"),a=this.value+t;if(a.length>this.maxLength)return"";var l=k(this.boundaries(a),2),h=l[0];return Number(l[1])this.to?"pad"===this.autofix&&a.length=0}},{key:"date",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"typedValue",get:function(){return this.isComplete?p(o(n.prototype),"typedValue",this):null},set:function(t){v(o(n.prototype),"typedValue",t,this,!0)}},{key:"maskEquals",value:function(t){return t===Date||p(o(n.prototype),"maskEquals",this).call(this,t)}}]),n}(H);z.DEFAULTS={pattern:"d{.}`m{.}`Y",format:function(t){return t?[String(t.getDate()).padStart(2,"0"),String(t.getMonth()+1).padStart(2,"0"),t.getFullYear()].join("."):""},parse:function(t){var e=k(t.split("."),3),n=e[0],i=e[1],u=e[2];return new Date(u,i-1,n)}},z.GET_DEFAULT_BLOCKS=function(){return{d:{mask:q,from:1,to:31,maxLength:2},m:{mask:q,from:1,to:12,maxLength:2},Y:{mask:q,from:1900,to:9999}}},M.MaskedDate=z;var G=function(){function t(){u(this,t)}return s(t,[{key:"selectionStart",get:function(){var t;try{t=this._unsafeSelectionStart}catch(t){}return null!=t?t:this.value.length}},{key:"selectionEnd",get:function(){var t;try{t=this._unsafeSelectionEnd}catch(t){}return null!=t?t:this.value.length}},{key:"select",value:function(t,e){if(null!=t&&null!=e&&(t!==this.selectionStart||e!==this.selectionEnd))try{this._unsafeSelect(t,e)}catch(t){}}},{key:"_unsafeSelect",value:function(t,e){}},{key:"isActive",get:function(){return!1}},{key:"bindEvents",value:function(t){}},{key:"unbindEvents",value:function(){}}]),t}();M.MaskElement=G;var Y=function(t){a(n,t);var e=c(n);function n(t){var i;return u(this,n),(i=e.call(this)).input=t,i._handlers={},i}return s(n,[{key:"rootElement",get:function(){var t,e,n;return null!==(t=null===(e=(n=this.input).getRootNode)||void 0===e?void 0:e.call(n))&&void 0!==t?t:document}},{key:"isActive",get:function(){return this.input===this.rootElement.activeElement}},{key:"_unsafeSelectionStart",get:function(){return this.input.selectionStart}},{key:"_unsafeSelectionEnd",get:function(){return this.input.selectionEnd}},{key:"_unsafeSelect",value:function(t,e){this.input.setSelectionRange(t,e)}},{key:"value",get:function(){return this.input.value},set:function(t){this.input.value=t}},{key:"bindEvents",value:function(t){var e=this;Object.keys(t).forEach(function(i){return e._toggleEventHandler(n.EVENTS_MAP[i],t[i])})}},{key:"unbindEvents",value:function(){var t=this;Object.keys(this._handlers).forEach(function(e){return t._toggleEventHandler(e)})}},{key:"_toggleEventHandler",value:function(t,e){this._handlers[t]&&(this.input.removeEventListener(t,this._handlers[t]),delete this._handlers[t]),e&&(this.input.addEventListener(t,e),this._handlers[t]=e)}}]),n}(G);Y.EVENTS_MAP={selectionChange:"keydown",input:"input",drop:"drop",click:"click",focus:"focus",commit:"blur"},M.HTMLMaskElement=Y;var K=function(t){a(n,t);var e=c(n);function n(){return u(this,n),e.apply(this,arguments)}return s(n,[{key:"_unsafeSelectionStart",get:function(){var t=this.rootElement,e=t.getSelection&&t.getSelection(),n=e&&e.anchorOffset,i=e&&e.focusOffset;return null==i||null==n||ni?n:i}},{key:"_unsafeSelect",value:function(t,e){if(this.rootElement.createRange){var n=this.rootElement.createRange();n.setStart(this.input.firstChild||this.input,t),n.setEnd(this.input.lastChild||this.input,e);var i=this.rootElement,u=i.getSelection&&i.getSelection();u&&(u.removeAllRanges(),u.addRange(n))}}},{key:"value",get:function(){return this.input.textContent},set:function(t){this.input.textContent=t}}]),n}(Y);M.HTMLContenteditableMaskElement=K;var $=["mask"],W=function(){function t(e,n){u(this,t),this.el=e instanceof G?e:e.isContentEditable&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName?new K(e):new Y(e),this.masked=w(n),this._listeners={},this._value="",this._unmaskedValue="",this._saveSelection=this._saveSelection.bind(this),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onDrop=this._onDrop.bind(this),this._onFocus=this._onFocus.bind(this),this._onClick=this._onClick.bind(this),this.alignCursor=this.alignCursor.bind(this),this.alignCursorFriendly=this.alignCursorFriendly.bind(this),this._bindEvents(),this.updateValue(),this._onChange()}return s(t,[{key:"mask",get:function(){return this.masked.mask},set:function(t){if(!this.maskEquals(t)){if(!(t instanceof M.Masked)&&this.masked.constructor===R(t)){this.masked.updateOptions({mask:t});return}var e=w({mask:t});e.unmaskedValue=this.masked.unmaskedValue,this.masked=e}}},{key:"maskEquals",value:function(t){var e;return null==t||(null===(e=this.masked)||void 0===e?void 0:e.maskEquals(t))}},{key:"value",get:function(){return this._value},set:function(t){this.value!==t&&(this.masked.value=t,this.updateControl(),this.alignCursor())}},{key:"unmaskedValue",get:function(){return this._unmaskedValue},set:function(t){this.unmaskedValue!==t&&(this.masked.unmaskedValue=t,this.updateControl(),this.alignCursor())}},{key:"typedValue",get:function(){return this.masked.typedValue},set:function(t){this.masked.typedValueEquals(t)||(this.masked.typedValue=t,this.updateControl(),this.alignCursor())}},{key:"_bindEvents",value:function(){this.el.bindEvents({selectionChange:this._saveSelection,input:this._onInput,drop:this._onDrop,click:this._onClick,focus:this._onFocus,commit:this._onChange})}},{key:"_unbindEvents",value:function(){this.el&&this.el.unbindEvents()}},{key:"_fireEvent",value:function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),i=1;i=0&&this._listeners[t].splice(n,1),this}},{key:"_onInput",value:function(t){if(this._inputEvent=t,this._abortUpdateCursor(),!this._selection)return this.updateValue();var e=new D(this.el.value,this.cursorPos,this.value,this._selection),n=this.masked.rawInputValue,i=this.masked.splice(e.startChangePos,e.removed.length,e.inserted,e.removeDirection,{input:!0,raw:!0}).offset,u=n===this.masked.rawInputValue?e.removeDirection:C.NONE,r=this.masked.nearestInputPos(e.startChangePos+i,u);u!==C.NONE&&(r=this.masked.nearestInputPos(r,C.NONE)),this.updateControl(),this.updateCursor(r),delete this._inputEvent}},{key:"_onChange",value:function(){this.value!==this.el.value&&this.updateValue(),this.masked.doCommit(),this.updateControl(),this._saveSelection()}},{key:"_onDrop",value:function(t){t.preventDefault(),t.stopPropagation()}},{key:"_onFocus",value:function(t){this.alignCursorFriendly()}},{key:"_onClick",value:function(t){this.alignCursorFriendly()}},{key:"destroy",value:function(){this._unbindEvents(),this._listeners.length=0,delete this.el}}]),t}();M.InputMask=W;var X=function(t){a(n,t);var e=c(n);function n(){return u(this,n),e.apply(this,arguments)}return s(n,[{key:"_update",value:function(t){t.enum&&(t.mask="*".repeat(t.enum[0].length)),p(o(n.prototype),"_update",this).call(this,t)}},{key:"doValidate",value:function(){for(var t,e=this,i=arguments.length,u=Array(i),r=0;r=0})&&(t=p(o(n.prototype),"doValidate",this)).call.apply(t,[this].concat(u))}}]),n}(H);M.MaskedEnum=X;var J=function(t){a(n,t);var e=c(n);function n(t){return u(this,n),e.call(this,Object.assign({},n.DEFAULTS,t))}return s(n,[{key:"_update",value:function(t){p(o(n.prototype),"_update",this).call(this,t),this._updateRegExps()}},{key:"_updateRegExps",value:function(){var t="^"+(this.allowNegative?"[+|\\-]?":""),e=(this.scale?"("+S(this.radix)+"\\d{0,"+this.scale+"})?":"")+"$";this._numberRegExpInput=RegExp(t+"(0|([1-9]+\\d*))?"+e),this._numberRegExp=RegExp(t+"\\d*"+e),this._mapToRadixRegExp=RegExp("["+this.mapToRadix.map(S).join("")+"]","g"),this._thousandsSeparatorRegExp=RegExp(S(this.thousandsSeparator),"g")}},{key:"_removeThousandsSeparators",value:function(t){return t.replace(this._thousandsSeparatorRegExp,"")}},{key:"_insertThousandsSeparators",value:function(t){var e=t.split(this.radix);return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,this.thousandsSeparator),e.join(this.radix)}},{key:"doPrepare",value:function(t){t=t.replace(this._mapToRadixRegExp,this.radix);for(var e,i=this._removeThousandsSeparators(t),u=arguments.length,r=Array(u>1?u-1:0),s=1;s1&&void 0!==arguments[1]&&arguments[1],n=0,i=0;i0&&void 0!==arguments[0]?arguments[0]:this._value;return this._separatorsCount(this._removeThousandsSeparators(t).length,!0)}},{key:"extractInput",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,i=arguments.length>2?arguments[2]:void 0,u=k(this._adjustRangeWithSeparators(t,e),2);return t=u[0],e=u[1],this._removeThousandsSeparators(p(o(n.prototype),"extractInput",this).call(this,t,e,i))}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.thousandsSeparator)return p(o(n.prototype),"_appendCharRaw",this).call(this,t,e);var i=e.tail&&e._beforeTailState?e._beforeTailState._value:this._value,u=this._separatorsCountFromSlice(i);this._value=this._removeThousandsSeparators(this.value);var r=p(o(n.prototype),"_appendCharRaw",this).call(this,t,e);this._value=this._insertThousandsSeparators(this._value);var s=e.tail&&e._beforeTailState?e._beforeTailState._value:this._value,a=this._separatorsCountFromSlice(s);return r.tailShift+=(a-u)*this.thousandsSeparator.length,r.skip=!r.rawInserted&&t===this.thousandsSeparator,r}},{key:"_findSeparatorAround",value:function(t){if(this.thousandsSeparator){var e=t-this.thousandsSeparator.length+1,n=this.value.indexOf(this.thousandsSeparator,e);if(n<=t)return n}return -1}},{key:"_adjustRangeWithSeparators",value:function(t,e){var n=this._findSeparatorAround(t);n>=0&&(t=n);var i=this._findSeparatorAround(e);return i>=0&&(e=i+this.thousandsSeparator.length),[t,e]}},{key:"remove",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value.length,n=k(this._adjustRangeWithSeparators(t,e),2);t=n[0],e=n[1];var i=this.value.slice(0,t),u=this.value.slice(e),r=this._separatorsCount(i.length);this._value=this._insertThousandsSeparators(this._removeThousandsSeparators(i+u));var s=this._separatorsCountFromSlice(i);return new A({tailShift:(s-r)*this.thousandsSeparator.length})}},{key:"nearestInputPos",value:function(t,e){if(!this.thousandsSeparator)return t;switch(e){case C.NONE:case C.LEFT:case C.FORCE_LEFT:var n=this._findSeparatorAround(t-1);if(n>=0){var i=n+this.thousandsSeparator.length;if(t=0)return u+this.thousandsSeparator.length}return t}},{key:"doValidate",value:function(t){var e=(t.input?this._numberRegExpInput:this._numberRegExp).test(this._removeThousandsSeparators(this.value));if(e){var i=this.number;e=e&&!isNaN(i)&&(null==this.min||this.min>=0||this.min<=this.number)&&(null==this.max||this.max<=0||this.number<=this.max)}return e&&p(o(n.prototype),"doValidate",this).call(this,t)}},{key:"doCommit",value:function(){if(this.value){var t=this.number,e=t;null!=this.min&&(e=Math.max(e,this.min)),null!=this.max&&(e=Math.min(e,this.max)),e!==t&&(this.unmaskedValue=String(e));var i=this.value;this.normalizeZeros&&(i=this._normalizeZeros(i)),this.padFractionalZeros&&this.scale>0&&(i=this._padFractionalZeros(i)),this._value=i}p(o(n.prototype),"doCommit",this).call(this)}},{key:"_normalizeZeros",value:function(t){var e=this._removeThousandsSeparators(t).split(this.radix);return e[0]=e[0].replace(/^(\D*)(0*)(\d*)/,function(t,e,n,i){return e+i}),t.length&&!/\d$/.test(e[0])&&(e[0]=e[0]+"0"),e.length>1&&(e[1]=e[1].replace(/0*$/,""),e[1].length||(e.length=1)),this._insertThousandsSeparators(e.join(this.radix))}},{key:"_padFractionalZeros",value:function(t){if(!t)return t;var e=t.split(this.radix);return e.length<2&&e.push(""),e[1]=e[1].padEnd(this.scale,"0"),e.join(this.radix)}},{key:"unmaskedValue",get:function(){return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix,".")},set:function(t){v(o(n.prototype),"unmaskedValue",t.replace(".",this.radix),this,!0)}},{key:"typedValue",get:function(){return Number(this.unmaskedValue)},set:function(t){v(o(n.prototype),"unmaskedValue",String(t),this,!0)}},{key:"number",get:function(){return this.typedValue},set:function(t){this.typedValue=t}},{key:"allowNegative",get:function(){return this.signed||null!=this.min&&this.min<0||null!=this.max&&this.max<0}},{key:"typedValueEquals",value:function(t){return(p(o(n.prototype),"typedValueEquals",this).call(this,t)||n.EMPTY_VALUES.includes(t)&&n.EMPTY_VALUES.includes(this.typedValue))&&!(0===t&&""===this.value)}}]),n}(x);J.DEFAULTS={radix:",",thousandsSeparator:"",mapToRadix:["."],scale:2,signed:!1,normalizeZeros:!0,padFractionalZeros:!1},J.EMPTY_VALUES=[].concat(function(t){if(Array.isArray(t))return y(t)}(m=x.EMPTY_VALUES)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(m)||g(m)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[0]),M.MaskedNumber=J;var Q=function(t){a(n,t);var e=c(n);function n(){return u(this,n),e.apply(this,arguments)}return s(n,[{key:"_update",value:function(t){t.mask&&(t.validate=t.mask),p(o(n.prototype),"_update",this).call(this,t)}}]),n}(x);M.MaskedFunction=Q;var tt=["compiledMasks","currentMaskRef","currentMask"],te=function(t){a(n,t);var e=c(n);function n(t){var i;return u(this,n),(i=e.call(this,Object.assign({},n.DEFAULTS,t))).currentMask=null,i}return s(n,[{key:"_update",value:function(t){p(o(n.prototype),"_update",this).call(this,t),"mask"in t&&(this.compiledMasks=Array.isArray(t.mask)?t.mask.map(function(t){return w(t)}):[])}},{key:"_appendCharRaw",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this._applyDispatch(t,e);return this.currentMask&&n.aggregate(this.currentMask._appendChar(t,this.currentMaskFlags(e))),n}},{key:"_applyDispatch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.tail&&null!=e._beforeTailState?e._beforeTailState._value:this.value,i=this.rawInputValue,u=e.tail&&null!=e._beforeTailState?e._beforeTailState._rawInputValue:i,r=i.slice(u.length),s=this.currentMask,a=new A,o=null==s?void 0:s.state;if(this.currentMask=this.doDispatch(t,Object.assign({},e)),this.currentMask){if(this.currentMask!==s){if(this.currentMask.reset(),u){var l=this.currentMask.append(u,{raw:!0});a.tailShift=l.inserted.length-n.length}r&&(a.tailShift+=this.currentMask.append(r,{raw:!0,tail:!0}).tailShift)}else this.currentMask.state=o}return a}},{key:"_appendPlaceholder",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendPlaceholder()),t}},{key:"_appendEager",value:function(){var t=this._applyDispatch.apply(this,arguments);return this.currentMask&&t.aggregate(this.currentMask._appendEager()),t}},{key:"currentMaskFlags",value:function(t){var e,n;return Object.assign({},t,{_beforeTailState:(null===(e=t._beforeTailState)||void 0===e?void 0:e.currentMaskRef)===this.currentMask&&(null===(n=t._beforeTailState)||void 0===n?void 0:n.currentMask)||t._beforeTailState})}},{key:"doDispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.dispatch(t,this,e)}},{key:"doValidate",value:function(t){return p(o(n.prototype),"doValidate",this).call(this,t)&&(!this.currentMask||this.currentMask.doValidate(this.currentMaskFlags(t)))}},{key:"doPrepare",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=k(B(p(o(n.prototype),"doPrepare",this).call(this,t,e)),2),u=i[0],r=i[1];if(this.currentMask){var s,a=k(B(p(o(n.prototype),"doPrepare",this).call(this,u,this.currentMaskFlags(e))),2);u=a[0],s=a[1],r=r.aggregate(s)}return[u,r]}},{key:"reset",value:function(){var t;null===(t=this.currentMask)||void 0===t||t.reset(),this.compiledMasks.forEach(function(t){return t.reset()})}},{key:"value",get:function(){return this.currentMask?this.currentMask.value:""},set:function(t){v(o(n.prototype),"value",t,this,!0)}},{key:"unmaskedValue",get:function(){return this.currentMask?this.currentMask.unmaskedValue:""},set:function(t){v(o(n.prototype),"unmaskedValue",t,this,!0)}},{key:"typedValue",get:function(){return this.currentMask?this.currentMask.typedValue:""},set:function(t){var e=String(t);this.currentMask&&(this.currentMask.typedValue=t,e=this.currentMask.unmaskedValue),this.unmaskedValue=e}},{key:"isComplete",get:function(){var t;return Boolean(null===(t=this.currentMask)||void 0===t?void 0:t.isComplete)}},{key:"isFilled",get:function(){var t;return Boolean(null===(t=this.currentMask)||void 0===t?void 0:t.isFilled)}},{key:"remove",value:function(){var t,e=new A;return this.currentMask&&e.aggregate((t=this.currentMask).remove.apply(t,arguments)).aggregate(this._applyDispatch()),e}},{key:"state",get:function(){var t;return Object.assign({},p(o(n.prototype),"state",this),{_rawInputValue:this.rawInputValue,compiledMasks:this.compiledMasks.map(function(t){return t.state}),currentMaskRef:this.currentMask,currentMask:null===(t=this.currentMask)||void 0===t?void 0:t.state})},set:function(t){var e=t.compiledMasks,i=t.currentMaskRef,u=t.currentMask,r=h(t,tt);this.compiledMasks.forEach(function(t,n){return t.state=e[n]}),null!=i&&(this.currentMask=i,this.currentMask.state=u),v(o(n.prototype),"state",r,this,!0)}},{key:"extractInput",value:function(){var t;return this.currentMask?(t=this.currentMask).extractInput.apply(t,arguments):""}},{key:"extractTail",value:function(){for(var t,e,i=arguments.length,u=Array(i),r=0;r1&&void 0!==arguments[1]?arguments[1]:tn.MASKED,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:tn.MASKED,i=w(t);return function(t){return i.runIsolated(function(i){return i[e]=t,i[n]})}}M.PIPE_TYPE=tn,M.createPipe=ti,M.pipe=function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),i=1;itp.indexOf(t)}),tv=["inputRef"],tk=(_=function(t){var e=t.inputRef,n=function(t,e){if(null==t)return{};var n,i,u=function(t,e){if(null==t)return{};var n,i,u={},r=Object.keys(t);for(i=0;i=0||(u[n]=t[n]);return u}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(u[n]=t[n])}return u}(t,tv);return to.createElement("input",Object.assign({},n,{ref:e}))},E=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ts(t,e)}(r,t);var e,n,i,u=(e=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(t){return!1}}(),function(){var t,n=tr(r);if(e){var i=tr(this).constructor;t=Reflect.construct(n,arguments,i)}else t=n.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw TypeError("Derived constructors may only return object or undefined");return ta(t)}(this,t)});function r(t){var e;return function(t,e){if(!(t instanceof e))throw TypeError("Cannot call a class as a function")}(this,r),(e=u.call(this,t))._inputRef=e._inputRef.bind(ta(e)),e}return n=[{key:"componentDidMount",value:function(){this.props.mask&&this.initMask()}},{key:"componentDidUpdate",value:function(){var t=this.props,e=this._extractMaskOptionsFromProps(t);e.mask?this.maskRef?(this.maskRef.updateOptions(e),"value"in t&&(this.maskValue=t.value)):this.initMask(e):(this.destroyMask(),"value"in t&&(this.element.value=t.value))}},{key:"componentWillUnmount",value:function(){this.destroyMask()}},{key:"_inputRef",value:function(t){this.element=t,this.props.inputRef&&(Object.prototype.hasOwnProperty.call(this.props.inputRef,"current")?this.props.inputRef.current=t:this.props.inputRef(t))}},{key:"initMask",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._extractMaskOptionsFromProps(this.props);this.maskRef=M(this.element,t).on("accept",this._onAccept.bind(this)).on("complete",this._onComplete.bind(this)),"value"in this.props&&(this.maskValue=this.props.value)}},{key:"destroyMask",value:function(){this.maskRef&&(this.maskRef.destroy(),delete this.maskRef)}},{key:"_extractMaskOptionsFromProps",value:function(t){var e=Object.assign({},t);return Object.keys(e).filter(function(t){return 0>td.indexOf(t)}).forEach(function(t){delete e[t]}),e}},{key:"_extractNonMaskProps",value:function(t){var e=Object.assign({},t);return tf.forEach(function(t){delete e[t]}),e}},{key:"maskValue",get:function(){return"typed"===this.props.unmask?this.maskRef.typedValue:this.props.unmask?this.maskRef.unmaskedValue:this.maskRef.value},set:function(t){t=null==t?"":t,"typed"===this.props.unmask?this.maskRef.typedValue=t:this.props.unmask?this.maskRef.unmaskedValue=t:this.maskRef.value=t}},{key:"_onAccept",value:function(t){this.props.onAccept&&this.maskRef&&this.props.onAccept(this.maskValue,this.maskRef,t)}},{key:"_onComplete",value:function(t){this.props.onComplete&&this.maskRef&&this.props.onComplete(this.maskValue,this.maskRef,t)}},{key:"render",value:function(){return to.createElement(_,Object.assign({},this._extractNonMaskProps(this.props),{inputRef:this._inputRef}))}}],tu(r.prototype,n),i&&tu(r,i),Object.defineProperty(r,"prototype",{writable:!1}),r}(to.Component),b=_.displayName||_.name||"Component",E.displayName="IMask(".concat(b,")"),E.propTypes=tc,E),tg=to.forwardRef(function(t,e){return to.createElement(tk,Object.assign({},t,{ref:e}))})}}]); \ No newline at end of file diff --git a/_next/static/chunks/849baa33-4b0f9eb87903687b.js b/_next/static/chunks/849baa33-4b0f9eb87903687b.js new file mode 100644 index 00000000000..8e72492ab77 --- /dev/null +++ b/_next/static/chunks/849baa33-4b0f9eb87903687b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8345],{15463:function(e,t,n){n.d(t,{EH:function(){return ty},p:function(){return tf},tk:function(){return tz}});var o=n(82789),i=n(2396),s=n(8465);let r=function(e){for(var t=0;;t++)if(!(e=e.previousSibling))return t},l=function(e){let t=e.assignedSlot||e.parentNode;return t&&11==t.nodeType?t.host:t},d=null,a=function(e,t,n){let o=d||(d=document.createRange());return o.setEnd(e,null==n?e.nodeValue.length:n),o.setStart(e,t||0),o},c=function(e,t,n,o){return n&&(u(e,t,n,o,-1)||u(e,t,n,o,1))},h=/^(img|br|input|textarea|hr)$/i;function u(e,t,n,o,i){for(;;){if(e==n&&t==o)return!0;if(t==(i<0?0:p(e))){let n=e.parentNode;if(!n||1!=n.nodeType||function(e){let t;for(let n=e;n&&!(t=n.pmViewDesc);n=n.parentNode);return t&&t.node&&t.node.isBlock&&(t.dom==e||t.contentDOM==e)}(e)||h.test(e.nodeName)||"false"==e.contentEditable)return!1;t=r(e)+(i<0?0:1),e=n}else{if(1!=e.nodeType||"false"==(e=e.childNodes[t+(i<0?-1:0)]).contentEditable)return!1;t=i<0?p(e):0}}}function p(e){return 3==e.nodeType?e.nodeValue.length:e.childNodes.length}let f=function(e){return e.focusNode&&c(e.focusNode,e.focusOffset,e.anchorNode,e.anchorOffset)};function m(e,t){let n=document.createEvent("Event");return n.initEvent("keydown",!0,!0),n.keyCode=e,n.key=n.code=t,n}let g="undefined"!=typeof navigator?navigator:null,y="undefined"!=typeof document?document:null,b=g&&g.userAgent||"",v=/Edge\/(\d+)/.exec(b),w=/MSIE \d/.exec(b),D=/Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(b),N=!!(w||D||v),S=w?document.documentMode:D?+D[1]:v?+v[1]:0,O=!N&&/gecko\/(\d+)/i.test(b);O&&(/Firefox\/(\d+)/.exec(b)||[0,0])[1];let C=!N&&/Chrome\/(\d+)/.exec(b),M=!!C,x=C?+C[1]:0,k=!N&&!!g&&/Apple Computer/.test(g.vendor),T=k&&(/Mobile\/\w+/.test(b)||!!g&&g.maxTouchPoints>2),E=T||!!g&&/Mac/.test(g.platform),P=!!g&&/Win/.test(g.platform),A=/Android \d/.test(b),V=!!y&&"webkitFontSmoothing"in y.documentElement.style,R=V?+(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent)||[0,0])[1]:0;function B(e,t){return"number"==typeof e?e:e[t]}function I(e,t,n){let o=e.someProp("scrollThreshold")||0,i=e.someProp("scrollMargin")||5,s=e.dom.ownerDocument;for(let r=n||e.dom;r;r=l(r)){if(1!=r.nodeType)continue;let e=r,n=e==s.body,l=n?{left:0,right:s.documentElement.clientWidth,top:0,bottom:s.documentElement.clientHeight}:function(e){let t=e.getBoundingClientRect(),n=t.width/e.offsetWidth||1,o=t.height/e.offsetHeight||1;return{left:t.left,right:t.left+e.clientWidth*n,top:t.top,bottom:t.top+e.clientHeight*o}}(e),d=0,a=0;if(t.topl.bottom-B(o,"bottom")&&(a=t.bottom-l.bottom+B(i,"bottom")),t.leftl.right-B(o,"right")&&(d=t.right-l.right+B(i,"right")),d||a){if(n)s.defaultView.scrollBy(d,a);else{let n=e.scrollLeft,o=e.scrollTop;a&&(e.scrollTop+=a),d&&(e.scrollLeft+=d);let i=e.scrollLeft-n,s=e.scrollTop-o;t={left:t.left-i,top:t.top-s,right:t.right-i,bottom:t.bottom-s}}}if(n||/^(fixed|sticky)$/.test(getComputedStyle(r).position))break}}function q(e){let t=[],n=e.ownerDocument;for(let o=e;o&&(t.push({dom:o,top:o.scrollTop,left:o.scrollLeft}),e!=n);o=l(o));return t}function z(e,t){for(let n=0;n=t.left-1&&e.left<=t.right+1&&e.top>=t.top-1&&e.top<=t.bottom+1}function K(e){return e.top=0&&i==o.nodeValue.length?(e--,s=1):n<0?e--:t++,_(W(a(o,e,t),s),s<0)}}if(!e.state.doc.resolve(t-(s||0)).parent.inlineContent){if(null==s&&i&&(n<0||i==p(o))){let e=o.childNodes[i-1];if(1==e.nodeType)return Y(e.getBoundingClientRect(),!1)}if(null==s&&i=0)}if(null==s&&i&&(n<0||i==p(o))){let e=o.childNodes[i-1],t=3==e.nodeType?a(e,p(e)-(r?0:1)):1!=e.nodeType||"BR"==e.nodeName&&e.nextSibling?null:e;if(t)return _(W(t,1),!1)}if(null==s&&i=0)}function _(e,t){if(0==e.width)return e;let n=t?e.left:e.right;return{top:e.top,bottom:e.bottom,left:n,right:n}}function Y(e,t){if(0==e.height)return e;let n=t?e.top:e.bottom;return{top:n,bottom:n,left:e.left,right:e.right}}function G(e,t,n){let o=e.state,i=e.root.activeElement;o!=t&&e.updateState(t),i!=e.dom&&e.focus();try{return n()}finally{o!=t&&e.updateState(o),i!=e.dom&&i&&i.focus()}}let U=/[\u0590-\u08ac]/,j=null,X=null,J=!1;class Q{constructor(e,t,n,o){this.parent=e,this.children=t,this.dom=n,this.contentDOM=o,this.dirty=0,n.pmViewDesc=this}matchesWidget(e){return!1}matchesMark(e){return!1}matchesNode(e,t,n){return!1}matchesHack(e){return!1}parseRule(){return null}stopEvent(e){return!1}get size(){let e=0;for(let t=0;tr(this.contentDOM);else if(this.contentDOM&&this.contentDOM!=this.dom&&this.dom.contains(this.contentDOM))o=2&e.compareDocumentPosition(this.contentDOM);else if(this.dom.firstChild){if(0==t)for(let t=e;;t=t.parentNode){if(t==this.dom){o=!1;break}if(t.previousSibling)break}if(null==o&&t==e.childNodes.length)for(let t=e;;t=t.parentNode){if(t==this.dom){o=!0;break}if(t.nextSibling)break}}return(null==o?n>0:o)?this.posAtEnd:this.posAtStart}nearestDesc(e,t=!1){for(let n=!0,o=e;o;o=o.parentNode){let i=this.getDesc(o),s;if(i&&(!t||i.node)){if(!n||!(s=i.nodeDOM)||(1==s.nodeType?s.contains(1==e.nodeType?e:e.parentNode):s==e))return i;n=!1}}}getDesc(e){let t=e.pmViewDesc;for(let e=t;e;e=e.parent)if(e==this)return t}posFromDOM(e,t,n){for(let o=e;o;o=o.parentNode){let i=this.getDesc(o);if(i)return i.localPosFromDOM(e,t,n)}return -1}descAt(e){for(let t=0,n=0;te||i instanceof es){o=e-t;break}t=s}if(o)return this.children[n].domFromPos(o-this.children[n].border,t);for(let e;n&&!(e=this.children[n-1]).size&&e instanceof Z&&e.side>=0;n--);if(t<=0){let e,o=!0;for(;(e=n?this.children[n-1]:null)&&e.dom.parentNode!=this.contentDOM;n--,o=!1);return e&&t&&o&&!e.border&&!e.domAtom?e.domFromPos(e.size,t):{node:this.contentDOM,offset:e?r(e.dom)+1:0}}{let e,o=!0;for(;(e=n=i&&t<=d-n.border&&n.node&&n.contentDOM&&this.contentDOM.contains(n.contentDOM))return n.parseRange(e,t,i);e=s;for(let t=l;t>0;t--){let n=this.children[t-1];if(n.size&&n.dom.parentNode==this.contentDOM&&!n.emptyChildAt(1)){o=r(n.dom)+1;break}e-=n.size}-1==o&&(o=0)}if(o>-1&&(d>t||l==this.children.length-1)){t=d;for(let e=l+1;el&&st){let e=l;l=d,d=e}let n=document.createRange();n.setEnd(d.node,d.offset),n.setStart(l.node,l.offset),a.removeAllRanges(),a.addRange(n)}}ignoreMutation(e){return!this.contentDOM&&"selection"!=e.type}get contentLost(){return this.contentDOM&&this.contentDOM!=this.dom&&!this.dom.contains(this.contentDOM)}markDirty(e,t){for(let n=0,o=0;o=n:en){let o=n+i.border,r=s-i.border;if(e>=o&&t<=r){this.dirty=e==n||t==s?2:1,e==o&&t==r&&(i.contentLost||i.dom.parentNode!=this.contentDOM)?i.dirty=3:i.markDirty(e-o,t-o);return}i.dirty=i.dom!=i.contentDOM||i.dom.parentNode!=this.contentDOM||i.children.length?3:2}n=s}this.dirty=2}markParentsDirty(){let e=1;for(let t=this.parent;t;t=t.parent,e++){let n=1==e?2:1;t.dirtyi?i.parent?i.parent.posBeforeChild(i):void 0:o)),!t.type.spec.raw){if(1!=s.nodeType){let e=document.createElement("span");e.appendChild(s),s=e}s.contentEditable="false",s.classList.add("ProseMirror-widget")}super(e,[],s,null),this.widget=t,this.widget=t,i=this}matchesWidget(e){return 0==this.dirty&&e.type.eq(this.widget.type)}parseRule(){return{ignore:!0}}stopEvent(e){let t=this.widget.spec.stopEvent;return!!t&&t(e)}ignoreMutation(e){return"selection"!=e.type||this.widget.spec.ignoreSelection}destroy(){this.widget.type.destroy(this.dom),super.destroy()}get domAtom(){return!0}get side(){return this.widget.type.side}}class ee extends Q{constructor(e,t,n,o){super(e,[],t,null),this.textDOM=n,this.text=o}get size(){return this.text.length}localPosFromDOM(e,t){return e!=this.textDOM?this.posAtStart+(t?this.size:0):this.posAtStart+t}domFromPos(e){return{node:this.textDOM,offset:e}}ignoreMutation(e){return"characterData"===e.type&&e.target.nodeValue==e.oldValue}}class et extends Q{constructor(e,t,n,o){super(e,[],n,o),this.mark=t}static create(e,t,n,o){let s=o.nodeViews[t.type.name],r=s&&s(t,o,n);return r&&r.dom||(r=i.PW.renderSpec(document,t.type.spec.toDOM(t,n))),new et(e,t,r.dom,r.contentDOM||r.dom)}parseRule(){return 3&this.dirty||this.mark.type.spec.reparseInView?null:{mark:this.mark.type.name,attrs:this.mark.attrs,contentElement:this.contentDOM}}matchesMark(e){return 3!=this.dirty&&this.mark.eq(e)}markDirty(e,t){if(super.markDirty(e,t),0!=this.dirty){let e=this.parent;for(;!e.node;)e=e.parent;e.dirty0&&(i=eg(i,0,e,n));for(let e=0;ed?d.parent?d.parent.posBeforeChild(d):void 0:r,n,o),c=a&&a.dom,h=a&&a.contentDOM;if(t.isText){if(c){if(3!=c.nodeType)throw RangeError("Text must be rendered as a DOM text node")}else c=document.createTextNode(t.text)}else c||({dom:c,contentDOM:h}=i.PW.renderSpec(document,t.type.spec.toDOM(t)));h||t.isText||"BR"==c.nodeName||(c.hasAttribute("contenteditable")||(c.contentEditable="false"),t.type.spec.draggable&&(c.draggable=!0));let u=c;return(c=eh(c,n,t),a)?d=new er(e,t,n,o,c,h||null,u,a,s,r+1):t.isText?new ei(e,t,n,o,c,u,s):new en(e,t,n,o,c,h||null,u,s,r+1)}parseRule(){if(this.node.type.spec.reparseInView)return null;let e={node:this.node.type.name,attrs:this.node.attrs};if("pre"==this.node.type.whitespace&&(e.preserveWhitespace="full"),this.contentDOM){if(this.contentLost){for(let t=this.children.length-1;t>=0;t--){let n=this.children[t];if(this.dom.contains(n.dom.parentNode)){e.contentElement=n.dom.parentNode;break}}e.contentElement||(e.getContent=()=>i.HY.empty)}else e.contentElement=this.contentDOM}else e.getContent=()=>this.node.content;return e}matchesNode(e,t,n){return 0==this.dirty&&e.eq(this.node)&&eu(t,this.outerDeco)&&n.eq(this.innerDeco)}get size(){return this.node.nodeSize}get border(){return this.node.isLeaf?0:1}updateChildren(e,t){let n=this.node.inlineContent,o=t,s=e.composing?this.localCompositionInfo(e,t):null,r=s&&s.pos>-1?s:null,l=s&&s.pos<0,d=new ef(this,r&&r.node,e);(function(e,t,n,o){let i=t.locals(e),s=0;if(0==i.length){for(let n=0;ns;)l.push(i[r++]);let u=s+c.nodeSize;if(c.isText){let e=u;r!e.inline):l.slice();o(c,p,t.forChild(s,c),h),s=u}})(this.node,this.innerDeco,(t,s,r)=>{t.spec.marks?d.syncToMarks(t.spec.marks,n,e):t.type.side>=0&&!r&&d.syncToMarks(s==this.node.childCount?i.vc.none:this.node.child(s).marks,n,e),d.placeWidget(t,e,o)},(t,i,r,a)=>{let c;d.syncToMarks(t.marks,n,e),d.findNodeMatch(t,i,r,a)||l&&e.state.selection.from>o&&e.state.selection.to-1&&d.updateNodeAt(t,i,r,c,e)||d.updateNextNode(t,i,r,e,a,o)||d.addNode(t,i,r,e,o),o+=t.nodeSize}),d.syncToMarks([],n,e),this.node.isTextblock&&d.addTextblockHacks(),d.destroyRest(),(d.changed||2==this.dirty)&&(r&&this.protectLocalComposition(e,r),function e(t,n,o){let i=t.firstChild,s=!1;for(let r=0;rt+this.node.content.size)return null;let s=e.domSelectionRange(),r=function(e,t){for(;;){if(3==e.nodeType)return e;if(1==e.nodeType&&t>0){if(e.childNodes.length>t&&3==e.childNodes[t].nodeType)return e.childNodes[t];t=p(e=e.childNodes[t-1])}else{if(1!=e.nodeType||!(t=n){let e=l=0&&e+t.length+l>=n)return l+e;if(n==o&&d.length>=o+t.length-l&&d.slice(o-l,o-l+t.length)==t)return o}}return -1}(this.node.content,e,n-t,i-t);return o<0?null:{node:r,pos:o,text:e}}}protectLocalComposition(e,{node:t,pos:n,text:o}){if(this.getDesc(t))return;let i=t;for(;i.parentNode!=this.contentDOM;i=i.parentNode){for(;i.previousSibling;)i.parentNode.removeChild(i.previousSibling);for(;i.nextSibling;)i.parentNode.removeChild(i.nextSibling);i.pmViewDesc&&(i.pmViewDesc=void 0)}let s=new ee(this,i,t,o);e.input.compositionNodes.push(s),this.children=eg(this.children,n,n+o.length,e,s)}update(e,t,n,o){return!!(3!=this.dirty&&e.sameMarkup(this.node))&&(this.updateInner(e,t,n,o),!0)}updateInner(e,t,n,o){this.updateOuterDeco(t),this.node=e,this.innerDeco=n,this.contentDOM&&this.updateChildren(o,this.posAtStart),this.dirty=0}updateOuterDeco(e){if(eu(e,this.outerDeco))return;let t=1!=this.nodeDOM.nodeType,n=this.dom;this.dom=ec(this.dom,this.nodeDOM,ea(this.outerDeco,this.node,t),ea(e,this.node,t)),this.dom!=n&&(n.pmViewDesc=void 0,this.dom.pmViewDesc=this),this.outerDeco=e}selectNode(){1==this.nodeDOM.nodeType&&this.nodeDOM.classList.add("ProseMirror-selectednode"),(this.contentDOM||!this.node.type.spec.draggable)&&(this.dom.draggable=!0)}deselectNode(){1==this.nodeDOM.nodeType&&this.nodeDOM.classList.remove("ProseMirror-selectednode"),(this.contentDOM||!this.node.type.spec.draggable)&&this.dom.removeAttribute("draggable")}get domAtom(){return this.node.isAtom}}function eo(e,t,n,o,i){eh(o,t,e);let s=new en(void 0,e,t,n,o,o,o,i,0);return s.contentDOM&&s.updateChildren(i,0),s}class ei extends en{constructor(e,t,n,o,i,s,r){super(e,t,n,o,i,null,s,r,0)}parseRule(){let e=this.nodeDOM.parentNode;for(;e&&e!=this.dom&&!e.pmIsDeco;)e=e.parentNode;return{skip:e||!0}}update(e,t,n,o){return!!(3!=this.dirty&&(0==this.dirty||this.inParent())&&e.sameMarkup(this.node))&&(this.updateOuterDeco(t),(0!=this.dirty||e.text!=this.node.text)&&e.text!=this.nodeDOM.nodeValue&&(this.nodeDOM.nodeValue=e.text,o.trackWrites==this.nodeDOM&&(o.trackWrites=null)),this.node=e,this.dirty=0,!0)}inParent(){let e=this.parent.contentDOM;for(let t=this.nodeDOM;t;t=t.parentNode)if(t==e)return!0;return!1}domFromPos(e){return{node:this.nodeDOM,offset:e}}localPosFromDOM(e,t,n){return e==this.nodeDOM?this.posAtStart+Math.min(t,this.node.text.length):super.localPosFromDOM(e,t,n)}ignoreMutation(e){return"characterData"!=e.type&&"selection"!=e.type}slice(e,t,n){let o=this.node.cut(e,t),i=document.createTextNode(o.text);return new ei(this.parent,o,this.outerDeco,this.innerDeco,i,i,n)}markDirty(e,t){super.markDirty(e,t),this.dom!=this.nodeDOM&&(0==e||t==this.nodeDOM.nodeValue.length)&&(this.dirty=3)}get domAtom(){return!1}}class es extends Q{parseRule(){return{ignore:!0}}matchesHack(e){return 0==this.dirty&&this.dom.nodeName==e}get domAtom(){return!0}get ignoreForCoords(){return"IMG"==this.dom.nodeName}}class er extends en{constructor(e,t,n,o,i,s,r,l,d,a){super(e,t,n,o,i,s,r,d,a),this.spec=l}update(e,t,n,o){if(3==this.dirty)return!1;if(this.spec.update){let i=this.spec.update(e,t,n);return i&&this.updateInner(e,t,n,o),i}return(!!this.contentDOM||!!e.isLeaf)&&super.update(e,t,n,o)}selectNode(){this.spec.selectNode?this.spec.selectNode():super.selectNode()}deselectNode(){this.spec.deselectNode?this.spec.deselectNode():super.deselectNode()}setSelection(e,t,n,o){this.spec.setSelection?this.spec.setSelection(e,t,n):super.setSelection(e,t,n,o)}destroy(){this.spec.destroy&&this.spec.destroy(),super.destroy()}stopEvent(e){return!!this.spec.stopEvent&&this.spec.stopEvent(e)}ignoreMutation(e){return this.spec.ignoreMutation?this.spec.ignoreMutation(e):super.ignoreMutation(e)}}let el=function(e){e&&(this.nodeName=e)};el.prototype=Object.create(null);let ed=[new el];function ea(e,t,n){if(0==e.length)return ed;let o=n?ed[0]:new el,i=[o];for(let s=0;s0;){let l;for(;;)if(o){let e=n.children[o-1];if(e instanceof et)n=e,o=e.children.length;else{l=e,o--;break}}else if(n==t)break e;else o=n.parent.children.indexOf(n),n=n.parent;let d=l.node;if(d){if(d!=e.child(i-1))break;--i,s.set(l,i),r.push(l)}}return{index:i,matched:s,matches:r.reverse()}}(e.node.content,e)}destroyBetween(e,t){if(e!=t){for(let n=e;n>1,s=Math.min(i,e.length);for(;o-1)o>this.index&&(this.changed=!0,this.destroyBetween(this.index,o)),this.top=this.top.children[this.index];else{let o=et.create(this.top,e[i],t,n);this.top.children.splice(this.index,0,o),this.top=o,this.changed=!0}this.index=0,i++}}findNodeMatch(e,t,n,o){let i=-1,s;if(o>=this.preMatch.index&&(s=this.preMatch.matches[o-this.preMatch.index]).parent==this.top&&s.matchesNode(e,t,n))i=this.top.children.indexOf(s,this.index);else for(let o=this.index,s=Math.min(this.top.children.length,o+5);o=n||c<=t?s.push(d):(an&&s.push(d.slice(n-a,d.size,o)))}return s}function ey(e,t=null){let n=e.domSelectionRange(),i=e.state.doc;if(!n.focusNode)return null;let s=e.docView.nearestDesc(n.focusNode),l=s&&0==s.size,d=e.docView.posFromDOM(n.focusNode,n.focusOffset,1);if(d<0)return null;let a=i.resolve(d),c,h;if(f(n)){for(c=a;s&&!s.node;)s=s.parent;let e=s.node;if(s&&e.isAtom&&o.qv.isSelectable(e)&&s.parent&&!(e.isInline&&function(e,t,n){for(let o=0==t,i=t==p(e);o||i;){if(e==n)return!0;let t=r(e);if(!(e=e.parentNode))return!1;o=o&&0==t,i=i&&t==p(e)}}(n.focusNode,n.focusOffset,s.dom))){let e=s.posBefore;h=new o.qv(d==e?a:i.resolve(e))}}else{let t=e.docView.posFromDOM(n.anchorNode,n.anchorOffset,1);if(t<0)return null;c=i.resolve(t)}if(!h){let n="pointer"==t||e.state.selection.head{(r.anchorNode!=l||r.anchorOffset!=d)&&(s.removeEventListener("selectionchange",i.input.hideSelectionGuard),setTimeout(()=>{(!eb(i)||i.state.selection.visible)&&i.dom.classList.remove("ProseMirror-hideselection")},20))})))}e.domObserver.setCurSelection(),e.domObserver.connectSelection()}}let ew=k||M&&x<63;function eD(e,t){let{node:n,offset:o}=e.docView.domFromPos(t,0),i=oo(e,t,n))||o.Bs.between(t,n,i)}function ex(e){return(!e.editable||!!e.hasFocus())&&ek(e)}function ek(e){let t=e.domSelectionRange();if(!t.anchorNode)return!1;try{return e.dom.contains(3==t.anchorNode.nodeType?t.anchorNode.parentNode:t.anchorNode)&&(e.editable||e.dom.contains(3==t.focusNode.nodeType?t.focusNode.parentNode:t.focusNode))}catch(e){return!1}}function eT(e,t){let{$anchor:n,$head:i}=e.selection,s=t>0?n.max(i):n.min(i),r=s.parent.inlineContent?s.depth?e.doc.resolve(t>0?s.after():s.before()):null:s;return r&&o.Y1.findFrom(r,t)}function eE(e,t){return e.dispatch(e.state.tr.setSelection(t).scrollIntoView()),!0}function eP(e,t,n){let i=e.state.selection;if(i instanceof o.Bs){if(!i.empty||n.indexOf("s")>-1)return!1;if(e.endOfTextblock(t>0?"forward":"backward")){let n=eT(e.state,t);return!!n&&n instanceof o.qv&&eE(e,n)}if(!(E&&n.indexOf("m")>-1)){let n=i.$head,s=n.textOffset?null:t<0?n.nodeBefore:n.nodeAfter,r;if(!s||s.isText)return!1;let l=t<0?n.pos-s.nodeSize:n.pos;return!!(s.isAtom||(r=e.docView.descAt(l))&&!r.contentDOM)&&(o.qv.isSelectable(s)?eE(e,new o.qv(t<0?e.state.doc.resolve(n.pos-s.nodeSize):n)):!!V&&eE(e,new o.Bs(e.state.doc.resolve(t<0?l:l+s.nodeSize))))}}else{if(i instanceof o.qv&&i.node.isInline)return eE(e,new o.Bs(t>0?i.$to:i.$from));let n=eT(e.state,t);return!!n&&eE(e,n)}}function eA(e){return 3==e.nodeType?e.nodeValue.length:e.childNodes.length}function eV(e){let t=e.pmViewDesc;return t&&0==t.size&&(e.nextSibling||"BR"!=e.nodeName)}function eR(e,t){return t<0?function(e){let t=e.domSelectionRange(),n=t.focusNode,o=t.focusOffset;if(!n)return;let i,s,l=!1;for(O&&1==n.nodeType&&o0){if(1!=n.nodeType)break;{let e=n.childNodes[o-1];if(eV(e))i=n,s=--o;else if(3==e.nodeType)o=(n=e).nodeValue.length;else break}}else if(eI(n))break;else{let t=n.previousSibling;for(;t&&eV(t);)i=n.parentNode,s=r(t),t=t.previousSibling;if(t)o=eA(n=t);else{if((n=n.parentNode)==e.dom)break;o=0}}l?eq(e,n,o):i&&eq(e,i,s)}(e):eB(e)}function eB(e){let t,n,o=e.domSelectionRange(),i=o.focusNode,s=o.focusOffset;if(!i)return;let l=eA(i);for(;;)if(s{e.state==i&&ev(e)},50)}function ez(e,t){let n=e.state.doc.resolve(t);if(!(M||P)&&n.parent.inlineContent){let o=e.coordsAtPos(t);if(t>n.start()){let n=e.coordsAtPos(t-1),i=(n.top+n.bottom)/2;if(i>o.top&&i1)return n.lefto.top&&i1)return n.left>o.left?"ltr":"rtl"}}return"rtl"==getComputedStyle(e.dom).direction?"rtl":"ltr"}function eL(e,t,n){let i=e.state.selection;if(i instanceof o.Bs&&!i.empty||n.indexOf("s")>-1||E&&n.indexOf("m")>-1)return!1;let{$from:s,$to:r}=i;if(!s.parent.inlineContent||e.endOfTextblock(t<0?"up":"down")){let n=eT(e.state,t);if(n&&n instanceof o.qv)return eE(e,n)}if(!s.parent.inlineContent){let n=t<0?s:r,l=i instanceof o.C1?o.Y1.near(n,t):o.Y1.findFrom(n,t);return!!l&&eE(e,l)}return!1}function eF(e,t){if(!(e.state.selection instanceof o.Bs))return!0;let{$head:n,$anchor:i,empty:s}=e.state.selection;if(!n.sameParent(i))return!0;if(!s)return!1;if(e.endOfTextblock(t>0?"forward":"backward"))return!0;let r=!n.textOffset&&(t<0?n.nodeBefore:n.nodeAfter);if(r&&!r.isText){let o=e.state.tr;return t<0?o.delete(n.pos-r.nodeSize,n.pos):o.delete(n.pos,n.pos+r.nodeSize),e.dispatch(o),!0}return!1}function eK(e,t,n){e.domObserver.stop(),t.contentEditable=n,e.domObserver.start()}function eW(e,t){e.someProp("transformCopied",n=>{t=n(t,e)});let n=[],{content:o,openStart:s,openEnd:r}=t;for(;s>1&&r>1&&1==o.childCount&&1==o.firstChild.childCount;){s--,r--;let e=o.firstChild;n.push(e.type.name,e.attrs!=e.type.defaultAttrs?e.attrs:null),o=e.content}let l=e.someProp("clipboardSerializer")||i.PW.fromSchema(e.state.schema),d=eX(),a=d.createElement("div");a.appendChild(l.serializeFragment(o,{document:d}));let c=a.firstChild,h,u=0;for(;c&&1==c.nodeType&&(h=eU[c.nodeName.toLowerCase()]);){for(let e=h.length-1;e>=0;e--){let t=d.createElement(h[e]);for(;a.firstChild;)t.appendChild(a.firstChild);a.appendChild(t),u++}c=a.firstChild}return c&&1==c.nodeType&&c.setAttribute("data-pm-slice",`${s} ${r}${u?` -${u}`:""} ${JSON.stringify(n)}`),{dom:a,text:e.someProp("clipboardTextSerializer",n=>n(t,e))||t.content.textBetween(0,t.content.size,"\n\n")}}function e$(e,t,n,o,s){let r,l,d=s.parent.type.spec.code;if(!n&&!t)return null;let a=t&&(o||d||!n);if(a){if(e.someProp("transformPastedText",n=>{t=n(t,d||o,e)}),d)return t?new i.p2(i.HY.from(e.state.schema.text(t.replace(/\r\n?/g,"\n"))),0,0):i.p2.empty;let n=e.someProp("clipboardTextParser",n=>n(t,s,o,e));if(n)l=n;else{let n=s.marks(),{schema:o}=e.state,l=i.PW.fromSchema(o);r=document.createElement("div"),t.split(/(?:\r\n?|\n)+/).forEach(e=>{let t=r.appendChild(document.createElement("p"));e&&t.appendChild(l.serializeNode(o.text(e,n)))})}}else e.someProp("transformPastedHTML",t=>{n=t(n,e)}),r=function(e){let t=/^(\s*]*>)*/.exec(e);t&&(e=e.slice(t[0].length));let n=eX().createElement("div"),o=/<([a-z][^>\s]+)/i.exec(e),i;if((i=o&&eU[o[1].toLowerCase()])&&(e=i.map(e=>"<"+e+">").join("")+e+i.map(e=>"").reverse().join("")),n.innerHTML=e,i)for(let e=0;e0;e--){let e=r.firstChild;for(;e&&1!=e.nodeType;)e=e.nextSibling;if(!e)break;r=e}if(l||(l=(e.someProp("clipboardParser")||e.someProp("domParser")||i.aw.fromSchema(e.state.schema)).parseSlice(r,{preserveWhitespace:!!(a||h),context:s,ruleFromNode:e=>"BR"!=e.nodeName||e.nextSibling||!e.parentNode||eH.test(e.parentNode.nodeName)?null:{ignore:!0}})),h)l=function(e,t){if(!e.size)return e;let n=e.content.firstChild.type.schema,o;try{o=JSON.parse(t)}catch(t){return e}let{content:s,openStart:r,openEnd:l}=e;for(let e=o.length-2;e>=0;e-=2){let t=n.nodes[o[e]];if(!t||t.hasRequiredAttrs())break;s=i.HY.from(t.create(o[e+1],s)),r++,l++}return new i.p2(s,r,l)}(eG(l,+h[1],+h[2]),h[4]);else if((l=i.p2.maxOpen(function(e,t){if(e.childCount<2)return e;for(let n=t.depth;n>=0;n--){let o=t.node(n).contentMatchAt(t.index(n)),s,r=[];if(e.forEach(e=>{if(!r)return;let t=o.findWrapping(e.type),n;if(!t)return r=null;if(n=r.length&&s.length&&function e(t,n,o,s,r){if(r{l=t(l,e)}),l}let eH=/^(a|abbr|acronym|b|cite|code|del|em|i|ins|kbd|label|output|q|ruby|s|samp|span|strong|sub|sup|time|u|tt|var)$/i;function e_(e,t,n=0){for(let o=t.length-1;o>=n;o--)e=t[o].create(null,i.HY.from(e));return e}function eY(e,t,n,o,s,r){let l=t<0?e.firstChild:e.lastChild,d=l.content;return e.childCount>1&&(r=0),s=n&&(d=t<0?l.contentMatchAt(0).fillBefore(d,r<=s).append(d):d.append(l.contentMatchAt(l.childCount).fillBefore(i.HY.empty,!0))),e.replaceChild(t<0?0:e.childCount-1,l.copy(d))}function eG(e,t,n){return t{for(let n in t)e.input.eventHandlers[n]||e.dom.addEventListener(n,e.input.eventHandlers[n]=t=>e3(e,t))})}function e3(e,t){return e.someProp("handleDOMEvents",n=>{let o=n[t.type];return!!o&&(o(e,t)||t.defaultPrevented)})}function e5(e){return{left:e.clientX,top:e.clientY}}function e8(e,t,n,o,i){if(-1==o)return!1;let s=e.state.doc.resolve(o);for(let o=s.depth+1;o>0;o--)if(e.someProp(t,t=>o>s.depth?t(e,n,s.nodeAfter,s.before(o),i,!0):t(e,n,s.node(o),s.before(o),i,!1)))return!0;return!1}function e6(e,t,n){e.focused||e.focus();let o=e.state.tr.setSelection(t);"pointer"==n&&o.setMeta("pointer",!0),e.dispatch(o)}function e4(e,t,n,o){return e8(e,"handleDoubleClickOn",t,n,o)||e.someProp("handleDoubleClick",n=>n(e,t,o))}function e9(e,t,n,i){return e8(e,"handleTripleClickOn",t,n,i)||e.someProp("handleTripleClick",n=>n(e,t,i))||function(e,t,n){if(0!=n.button)return!1;let i=e.state.doc;if(-1==t)return!!i.inlineContent&&(e6(e,o.Bs.create(i,0,i.content.size),"pointer"),!0);let s=i.resolve(t);for(let t=s.depth+1;t>0;t--){let n=t>s.depth?s.nodeAfter:s.node(t),r=s.before(t);if(n.inlineContent)e6(e,o.Bs.create(i,r+1,r+1+n.content.size),"pointer");else{if(!o.qv.isSelectable(n))continue;e6(e,o.qv.create(i,r),"pointer")}return!0}}(e,n,i)}eQ.keydown=(e,t)=>{if(e.input.shiftKey=16==t.keyCode||t.shiftKey,!tt(e,t)&&(e.input.lastKeyCode=t.keyCode,e.input.lastKeyCodeTime=Date.now(),!A||!M||13!=t.keyCode)){if(229!=t.keyCode&&e.domObserver.forceFlush(),!T||13!=t.keyCode||t.ctrlKey||t.altKey||t.metaKey)e.someProp("handleKeyDown",n=>n(e,t))||function(e,t){let n;let o=t.keyCode,i=(n="",t.ctrlKey&&(n+="c"),t.metaKey&&(n+="m"),t.altKey&&(n+="a"),t.shiftKey&&(n+="s"),n);if(8==o||E&&72==o&&"c"==i)return eF(e,-1)||eR(e,-1);if(46==o&&!t.shiftKey||E&&68==o&&"c"==i)return eF(e,1)||eR(e,1);if(13==o||27==o)return!0;if(37==o||E&&66==o&&"c"==i){let t=37==o?"ltr"==ez(e,e.state.selection.from)?-1:1:-1;return eP(e,t,i)||eR(e,t)}if(39==o||E&&70==o&&"c"==i){let t=39==o?"ltr"==ez(e,e.state.selection.from)?1:-1:1;return eP(e,t,i)||eR(e,t)}if(38==o||E&&80==o&&"c"==i)return eL(e,-1,i)||eR(e,-1);if(40==o||E&&78==o&&"c"==i)return function(e){if(!k||e.state.selection.$head.parentOffset>0)return!1;let{focusNode:t,focusOffset:n}=e.domSelectionRange();if(t&&1==t.nodeType&&0==n&&t.firstChild&&"false"==t.firstChild.contentEditable){let n=t.firstChild;eK(e,n,"true"),setTimeout(()=>eK(e,n,"false"),20)}return!1}(e)||eL(e,1,i)||eB(e);else if(i==(E?"m":"c")&&(66==o||73==o||89==o||90==o))return!0;return!1}(e,t)?t.preventDefault():e1(e,"key");else{let t=Date.now();e.input.lastIOSEnter=t,e.input.lastIOSEnterFallbackTimeout=setTimeout(()=>{e.input.lastIOSEnter==t&&(e.someProp("handleKeyDown",t=>t(e,m(13,"Enter"))),e.input.lastIOSEnter=0)},200)}}},eQ.keyup=(e,t)=>{16==t.keyCode&&(e.input.shiftKey=!1)},eQ.keypress=(e,t)=>{if(tt(e,t)||!t.charCode||t.ctrlKey&&!t.altKey||E&&t.metaKey)return;if(e.someProp("handleKeyPress",n=>n(e,t))){t.preventDefault();return}let n=e.state.selection;if(!(n instanceof o.Bs)||!n.$from.sameParent(n.$to)){let o=String.fromCharCode(t.charCode);/[\r\n]/.test(o)||e.someProp("handleTextInput",t=>t(e,n.$from.pos,n.$to.pos,o))||e.dispatch(e.state.tr.insertText(o).scrollIntoView()),t.preventDefault()}};let e7=E?"metaKey":"ctrlKey";eJ.mousedown=(e,t)=>{var n;let o,i;e.input.shiftKey=t.shiftKey;let s=ts(e),r=Date.now(),l="singleClick";r-e.input.lastClick.time<500&&(o=(n=e.input.lastClick).x-t.clientX)*o+(i=n.y-t.clientY)*i<100&&!t[e7]&&("singleClick"==e.input.lastClick.type?l="doubleClick":"doubleClick"==e.input.lastClick.type&&(l="tripleClick")),e.input.lastClick={time:r,x:t.clientX,y:t.clientY,type:l};let d=e.posAtCoords(e5(t));d&&("singleClick"==l?(e.input.mouseDown&&e.input.mouseDown.done(),e.input.mouseDown=new te(e,d,t,!!s)):("doubleClick"==l?e4:e9)(e,d.pos,d.inside,t)?t.preventDefault():e1(e,"pointer"))};class te{constructor(e,t,n,i){let s,r;if(this.view=e,this.pos=t,this.event=n,this.flushed=i,this.delayedSelectionSync=!1,this.mightDrag=null,this.startDoc=e.state.doc,this.selectNode=!!n[e7],this.allowDefault=n.shiftKey,t.inside>-1)s=e.state.doc.nodeAt(t.inside),r=t.inside;else{let n=e.state.doc.resolve(t.pos);s=n.parent,r=n.depth?n.before():0}let l=i?null:n.target,d=l?e.docView.nearestDesc(l,!0):null;this.target=d?d.dom:null;let{selection:a}=e.state;(0==n.button&&s.type.spec.draggable&&!1!==s.type.spec.selectable||a instanceof o.qv&&a.from<=r&&a.to>r)&&(this.mightDrag={node:s,pos:r,addAttr:!!(this.target&&!this.target.draggable),setUneditable:!!(this.target&&O&&!this.target.hasAttribute("contentEditable"))}),this.target&&this.mightDrag&&(this.mightDrag.addAttr||this.mightDrag.setUneditable)&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&(this.target.draggable=!0),this.mightDrag.setUneditable&&setTimeout(()=>{this.view.input.mouseDown==this&&this.target.setAttribute("contentEditable","false")},20),this.view.domObserver.start()),e.root.addEventListener("mouseup",this.up=this.up.bind(this)),e.root.addEventListener("mousemove",this.move=this.move.bind(this)),e1(e,"pointer")}done(){this.view.root.removeEventListener("mouseup",this.up),this.view.root.removeEventListener("mousemove",this.move),this.mightDrag&&this.target&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&this.target.removeAttribute("draggable"),this.mightDrag.setUneditable&&this.target.removeAttribute("contentEditable"),this.view.domObserver.start()),this.delayedSelectionSync&&setTimeout(()=>ev(this.view)),this.view.input.mouseDown=null}up(e){if(this.done(),!this.view.dom.contains(e.target))return;let t=this.pos;if(this.view.state.doc!=this.startDoc&&(t=this.view.posAtCoords(e5(e))),this.updateAllowDefault(e),this.allowDefault||!t)e1(this.view,"pointer");else{var n,i,s,r;(n=this.view,i=t.pos,s=t.inside,r=this.selectNode,e8(n,"handleClickOn",i,s,e)||n.someProp("handleClick",t=>t(n,i,e))||(r?function(e,t){if(-1==t)return!1;let n=e.state.selection,i,s;n instanceof o.qv&&(i=n.node);let r=e.state.doc.resolve(t);for(let e=r.depth+1;e>0;e--){let t=e>r.depth?r.nodeAfter:r.node(e);if(o.qv.isSelectable(t)){s=i&&n.$from.depth>0&&e>=n.$from.depth&&r.before(n.$from.depth+1)==n.$from.pos?r.before(n.$from.depth):r.before(e);break}}return null!=s&&(e6(e,o.qv.create(e.state.doc,s),"pointer"),!0)}(n,s):function(e,t){if(-1==t)return!1;let n=e.state.doc.resolve(t),i=n.nodeAfter;return!!(i&&i.isAtom&&o.qv.isSelectable(i))&&(e6(e,new o.qv(n),"pointer"),!0)}(n,s)))?e.preventDefault():0==e.button&&(this.flushed||k&&this.mightDrag&&!this.mightDrag.node.isAtom||M&&!this.view.state.selection.visible&&2>=Math.min(Math.abs(t.pos-this.view.state.selection.from),Math.abs(t.pos-this.view.state.selection.to)))?(e6(this.view,o.Y1.near(this.view.state.doc.resolve(t.pos)),"pointer"),e.preventDefault()):e1(this.view,"pointer")}}move(e){this.updateAllowDefault(e),e1(this.view,"pointer"),0==e.buttons&&this.done()}updateAllowDefault(e){!this.allowDefault&&(Math.abs(this.event.x-e.clientX)>4||Math.abs(this.event.y-e.clientY)>4)&&(this.allowDefault=!0)}}function tt(e,t){return!!e.composing||!!(k&&500>Math.abs(t.timeStamp-e.input.compositionEndedAt))&&(e.input.compositionEndedAt=-2e8,!0)}eJ.touchstart=e=>{e.input.lastTouch=Date.now(),ts(e),e1(e,"pointer")},eJ.touchmove=e=>{e.input.lastTouch=Date.now(),e1(e,"pointer")},eJ.contextmenu=e=>ts(e);let tn=A?5e3:-1;function to(e,t){clearTimeout(e.input.composingTimeout),t>-1&&(e.input.composingTimeout=setTimeout(()=>ts(e),t))}function ti(e){let t;for(e.composing&&(e.input.composing=!1,e.input.compositionEndedAt=((t=document.createEvent("Event")).initEvent("event",!0,!0),t.timeStamp));e.input.compositionNodes.length>0;)e.input.compositionNodes.pop().markParentsDirty()}function ts(e,t=!1){if(!A||!(e.domObserver.flushingSoon>=0)){if(e.domObserver.forceFlush(),ti(e),t||e.docView&&e.docView.dirty){let t=ey(e);return t&&!t.eq(e.state.selection)?e.dispatch(e.state.tr.setSelection(t)):e.updateState(e.state),!0}return!1}}eQ.compositionstart=eQ.compositionupdate=e=>{if(!e.composing){e.domObserver.flush();let{state:t}=e,n=t.selection.$from;if(t.selection.empty&&(t.storedMarks||!n.textOffset&&n.parentOffset&&n.nodeBefore.marks.some(e=>!1===e.type.spec.inclusive)))e.markCursor=e.state.storedMarks||n.marks(),ts(e,!0),e.markCursor=null;else if(ts(e),O&&t.selection.empty&&n.parentOffset&&!n.textOffset&&n.nodeBefore.marks.length){let t=e.domSelectionRange();for(let n=t.focusNode,o=t.focusOffset;n&&1==n.nodeType&&0!=o;){let t=o<0?n.lastChild:n.childNodes[o-1];if(!t)break;if(3==t.nodeType){e.domSelection().collapse(t,t.nodeValue.length);break}n=t,o=-1}}e.input.composing=!0}to(e,tn)},eQ.compositionend=(e,t)=>{e.composing&&(e.input.composing=!1,e.input.compositionEndedAt=t.timeStamp,e.input.compositionID++,to(e,20))};let tr=N&&S<15||T&&R<604;function tl(e,t,n,o,s){let r=e$(e,t,n,o,e.state.selection.$from);if(e.someProp("handlePaste",t=>t(e,s,r||i.p2.empty)))return!0;if(!r)return!1;let l=0==r.openStart&&0==r.openEnd&&1==r.content.childCount?r.content.firstChild:null,d=l?e.state.tr.replaceSelectionWith(l,o):e.state.tr.replaceSelection(r);return e.dispatch(d.scrollIntoView().setMeta("paste",!0).setMeta("uiEvent","paste")),!0}eJ.copy=eQ.cut=(e,t)=>{let n=e.state.selection,o="cut"==t.type;if(n.empty)return;let i=tr?null:t.clipboardData,{dom:s,text:r}=eW(e,n.content());i?(t.preventDefault(),i.clearData(),i.setData("text/html",s.innerHTML),i.setData("text/plain",r)):function(e,t){if(!e.dom.parentNode)return;let n=e.dom.parentNode.appendChild(document.createElement("div"));n.appendChild(t),n.style.cssText="position: fixed; left: -10000px; top: 10px";let o=getSelection(),i=document.createRange();i.selectNodeContents(t),e.dom.blur(),o.removeAllRanges(),o.addRange(i),setTimeout(()=>{n.parentNode&&n.parentNode.removeChild(n),e.focus()},50)}(e,s),o&&e.dispatch(e.state.tr.deleteSelection().scrollIntoView().setMeta("uiEvent","cut"))},eQ.paste=(e,t)=>{if(e.composing&&!A)return;let n=tr?null:t.clipboardData,o=e.input.shiftKey&&45!=e.input.lastKeyCode;n&&tl(e,n.getData("text/plain"),n.getData("text/html"),o,t)?t.preventDefault():function(e,t){if(!e.dom.parentNode)return;let n=e.input.shiftKey||e.state.selection.$from.parent.type.spec.code,o=e.dom.parentNode.appendChild(document.createElement(n?"textarea":"div"));n||(o.contentEditable="true"),o.style.cssText="position: fixed; left: -10000px; top: 10px",o.focus();let i=e.input.shiftKey&&45!=e.input.lastKeyCode;setTimeout(()=>{e.focus(),o.parentNode&&o.parentNode.removeChild(o),n?tl(e,o.value,null,i,t):tl(e,o.textContent,o.innerHTML,i,t)},50)}(e,t)};class td{constructor(e,t){this.slice=e,this.move=t}}let ta=E?"altKey":"ctrlKey";for(let e in eJ.dragstart=(e,t)=>{let n=t,i=e.input.mouseDown;if(i&&i.done(),!n.dataTransfer)return;let s=e.state.selection,r=s.empty?null:e.posAtCoords(e5(n));if(r&&r.pos>=s.from&&r.pos<=(s instanceof o.qv?s.to-1:s.to));else if(i&&i.mightDrag)e.dispatch(e.state.tr.setSelection(o.qv.create(e.state.doc,i.mightDrag.pos)));else if(n.target&&1==n.target.nodeType){let t=e.docView.nearestDesc(n.target,!0);t&&t.node.type.spec.draggable&&t!=e.docView&&e.dispatch(e.state.tr.setSelection(o.qv.create(e.state.doc,t.posBefore)))}let l=e.state.selection.content(),{dom:d,text:a}=eW(e,l);n.dataTransfer.clearData(),n.dataTransfer.setData(tr?"Text":"text/html",d.innerHTML),n.dataTransfer.effectAllowed="copyMove",tr||n.dataTransfer.setData("text/plain",a),e.dragging=new td(l,!n[ta])},eJ.dragend=e=>{let t=e.dragging;window.setTimeout(()=>{e.dragging==t&&(e.dragging=null)},50)},eQ.dragover=eQ.dragenter=(e,t)=>t.preventDefault(),eQ.drop=(e,t)=>{let n=e.dragging;if(e.dragging=null,!t.dataTransfer)return;let r=e.posAtCoords(e5(t));if(!r)return;let l=e.state.doc.resolve(r.pos),d=n&&n.slice;d?e.someProp("transformPasted",t=>{d=t(d,e)}):d=e$(e,t.dataTransfer.getData(tr?"Text":"text/plain"),tr?null:t.dataTransfer.getData("text/html"),!1,l);let a=!!(n&&!t[ta]);if(e.someProp("handleDrop",n=>n(e,t,d||i.p2.empty,a))){t.preventDefault();return}if(!d)return;t.preventDefault();let c=d?(0,s.nj)(e.state.doc,l.pos,d):l.pos;null==c&&(c=l.pos);let h=e.state.tr;a&&h.deleteSelection();let u=h.mapping.map(c),p=0==d.openStart&&0==d.openEnd&&1==d.content.childCount,f=h.doc;if(p?h.replaceRangeWith(u,u,d.content.firstChild):h.replaceRange(u,u,d),h.doc.eq(f))return;let m=h.doc.resolve(u);if(p&&o.qv.isSelectable(d.content.firstChild)&&m.nodeAfter&&m.nodeAfter.sameMarkup(d.content.firstChild))h.setSelection(new o.qv(m));else{let t=h.mapping.map(c);h.mapping.maps[h.mapping.maps.length-1].forEach((e,n,o,i)=>t=i),h.setSelection(eM(e,m,h.doc.resolve(t)))}e.focus(),e.dispatch(h.setMeta("uiEvent","drop"))},eJ.focus=e=>{e.input.lastFocus=Date.now(),e.focused||(e.domObserver.stop(),e.dom.classList.add("ProseMirror-focused"),e.domObserver.start(),e.focused=!0,setTimeout(()=>{e.docView&&e.hasFocus()&&!e.domObserver.currentSelection.eq(e.domSelectionRange())&&ev(e)},20))},eJ.blur=(e,t)=>{e.focused&&(e.domObserver.stop(),e.dom.classList.remove("ProseMirror-focused"),e.domObserver.start(),t.relatedTarget&&e.dom.contains(t.relatedTarget)&&e.domObserver.currentSelection.clear(),e.focused=!1)},eJ.beforeinput=(e,t)=>{if(M&&A&&"deleteContentBackward"==t.inputType){e.domObserver.flushSoon();let{domChangeCount:t}=e.input;setTimeout(()=>{if(e.input.domChangeCount!=t||(e.dom.blur(),e.focus(),e.someProp("handleKeyDown",t=>t(e,m(8,"Backspace")))))return;let{$cursor:n}=e.state.selection;n&&n.pos>0&&e.dispatch(e.state.tr.delete(n.pos-1,n.pos).scrollIntoView())},50)}},eQ)eJ[e]=eQ[e];function tc(e,t){if(e==t)return!0;for(let n in e)if(e[n]!==t[n])return!1;for(let n in t)if(!(n in e))return!1;return!0}class th{constructor(e,t){this.toDOM=e,this.spec=t||tg,this.side=this.spec.side||0}map(e,t,n,o){let{pos:i,deleted:s}=e.mapResult(t.from+o,this.side<0?-1:1);return s?null:new tf(i-n,i-n,this)}valid(){return!0}eq(e){return this==e||e instanceof th&&(this.spec.key&&this.spec.key==e.spec.key||this.toDOM==e.toDOM&&tc(this.spec,e.spec))}destroy(e){this.spec.destroy&&this.spec.destroy(e)}}class tu{constructor(e,t){this.attrs=e,this.spec=t||tg}map(e,t,n,o){let i=e.map(t.from+o,this.spec.inclusiveStart?-1:1)-n,s=e.map(t.to+o,this.spec.inclusiveEnd?1:-1)-n;return i>=s?null:new tf(i,s,this)}valid(e,t){return t.from=e&&(!i||i(r.spec))&&n.push(r.copy(r.from+o,r.to+o))}for(let s=0;se){let r=this.children[s]+1;this.children[s+2].findInner(e-r,t-r,n,o+r,i)}}map(e,t,n){return this==tb||0==e.maps.length?this:this.mapInner(e,t,0,0,n||tg)}mapInner(e,t,n,o,i){let s;for(let r=0;r{let d=r-s-(n-e);for(let r=0;ra+t-o)continue;let c=l[r]+t-o;n>=c?l[r+1]=e<=c?-2:-1:s>=i&&d&&(l[r]+=d,l[r+1]+=d)}o+=d}),t=n.maps[e].map(t,-1)}let d=!1;for(let t=0;t=o.content.size){d=!0;continue}let h=n.map(e[t+1]+s,-1)-i,{index:u,offset:p}=o.content.findIndex(c),f=o.maybeChild(u);if(f&&p==c&&p+f.nodeSize==h){let o=l[t+2].mapInner(n,f,a+1,e[t]+s+1,r);o!=tb?(l[t]=c,l[t+1]=h,l[t+2]=o):(l[t+1]=-2,d=!0)}else d=!0}if(d){let d=tS(function(e,t,n,o,i,s,r){for(let l=0;l{let r=s+n,l;if(l=tD(t,e,r)){for(o||(o=this.children.slice());is&&n.to=e){this.children[t]==e&&(n=this.children[t+2]);break}let i=e+1,s=i+t.content.size;for(let e=0;ei&&t.type instanceof tu){let e=Math.max(i,t.from)-i,n=Math.min(s,t.to)-i;en.map(e,t,tg));return tv.from(n)}forChild(e,t){if(t.isLeaf)return ty.empty;let n=[];for(let o=0;oe instanceof ty)?e:e.reduce((e,t)=>e.concat(t instanceof ty?t:t.members),[]))}}}function tw(e,t){if(!t||!e.length)return e;let n=[];for(let o=0;on&&s.to{let l=tD(e,t,r+n);if(l){s=!0;let e=tS(l,t,n+r+1,o);e!=tb&&i.push(r,r+t.nodeSize,e)}});let r=tw(s?tN(e):e,-n).sort(tO);for(let e=0;e0;)t++;e.splice(t,0,n)}function tx(e){let t=[];return e.someProp("decorations",n=>{let o=n(e.state);o&&o!=tb&&t.push(o)}),e.cursorWrapper&&t.push(ty.create(e.state.doc,[e.cursorWrapper.deco])),tv.from(t)}let tk={childList:!0,characterData:!0,characterDataOldValue:!0,attributes:!0,attributeOldValue:!0,subtree:!0},tT=N&&S<=11;class tE{constructor(){this.anchorNode=null,this.anchorOffset=0,this.focusNode=null,this.focusOffset=0}set(e){this.anchorNode=e.anchorNode,this.anchorOffset=e.anchorOffset,this.focusNode=e.focusNode,this.focusOffset=e.focusOffset}clear(){this.anchorNode=this.focusNode=null}eq(e){return e.anchorNode==this.anchorNode&&e.anchorOffset==this.anchorOffset&&e.focusNode==this.focusNode&&e.focusOffset==this.focusOffset}}class tP{constructor(e,t){this.view=e,this.handleDOMChange=t,this.queue=[],this.flushingSoon=-1,this.observer=null,this.currentSelection=new tE,this.onCharData=null,this.suppressingSelectionUpdates=!1,this.observer=window.MutationObserver&&new window.MutationObserver(e=>{for(let t=0;t"childList"==e.type&&e.removedNodes.length||"characterData"==e.type&&e.oldValue.length>e.target.nodeValue.length)?this.flushSoon():this.flush()}),tT&&(this.onCharData=e=>{this.queue.push({target:e.target,type:"characterData",oldValue:e.prevValue}),this.flushSoon()}),this.onSelectionChange=this.onSelectionChange.bind(this)}flushSoon(){this.flushingSoon<0&&(this.flushingSoon=window.setTimeout(()=>{this.flushingSoon=-1,this.flush()},20))}forceFlush(){this.flushingSoon>-1&&(window.clearTimeout(this.flushingSoon),this.flushingSoon=-1,this.flush())}start(){this.observer&&(this.observer.takeRecords(),this.observer.observe(this.view.dom,tk)),this.onCharData&&this.view.dom.addEventListener("DOMCharacterDataModified",this.onCharData),this.connectSelection()}stop(){if(this.observer){let e=this.observer.takeRecords();if(e.length){for(let t=0;tthis.flush(),20)}this.observer.disconnect()}this.onCharData&&this.view.dom.removeEventListener("DOMCharacterDataModified",this.onCharData),this.disconnectSelection()}connectSelection(){this.view.dom.ownerDocument.addEventListener("selectionchange",this.onSelectionChange)}disconnectSelection(){this.view.dom.ownerDocument.removeEventListener("selectionchange",this.onSelectionChange)}suppressSelectionUpdates(){this.suppressingSelectionUpdates=!0,setTimeout(()=>this.suppressingSelectionUpdates=!1,50)}onSelectionChange(){if(ex(this.view)){if(this.suppressingSelectionUpdates)return ev(this.view);if(N&&S<=11&&!this.view.state.selection.empty){let e=this.view.domSelectionRange();if(e.focusNode&&c(e.focusNode,e.focusOffset,e.anchorNode,e.anchorOffset))return this.flushSoon()}this.flush()}}setCurSelection(){this.currentSelection.set(this.view.domSelectionRange())}ignoreSelectionChange(e){if(!e.focusNode)return!0;let t=new Set,n;for(let n=e.focusNode;n;n=l(n))t.add(n);for(let o=e.anchorNode;o;o=l(o))if(t.has(o)){n=o;break}let o=n&&this.view.docView.nearestDesc(n);if(o&&o.ignoreMutation({type:"selection",target:3==n.nodeType?n.parentNode:n}))return this.setCurSelection(),!0}flush(){var e;let{view:t}=this;if(!t.docView||this.flushingSoon>-1)return;let n=this.observer?this.observer.takeRecords():[];this.queue.length&&(n=this.queue.concat(n),this.queue.length=0);let i=t.domSelectionRange(),s=!this.suppressingSelectionUpdates&&!this.currentSelection.eq(i)&&ex(t)&&!this.ignoreSelectionChange(i),r=-1,l=-1,d=!1,a=[];if(t.editable)for(let e=0;e1){let e=a.filter(e=>"BR"==e.nodeName);if(2==e.length){let t=e[0],n=e[1];t.parentNode&&t.parentNode.parentNode==n.parentNode?n.remove():t.remove()}}let c=null;r<0&&s&&t.input.lastFocus>Date.now()-200&&Math.max(t.input.lastTouch,t.input.lastClick.time)-1||s)&&(r>-1&&(t.docView.markDirty(r,l),e=t,tA.has(e)||(tA.set(e,null),-1===["normal","nowrap","pre-line"].indexOf(getComputedStyle(e.dom).whiteSpace))||(e.requiresGeckoHackNode=O,tV||(console.warn("ProseMirror expects the CSS white-space property to be set, preferably to 'pre-wrap'. It is recommended to load style/prosemirror.css from the prosemirror-view package."),tV=!0))),this.handleDOMChange(r,l,d,a),t.docView&&t.docView.dirty?t.updateState(t.state):this.currentSelection.eq(i)||ev(t),this.currentSelection.set(i))}registerMutation(e,t){if(t.indexOf(e.target)>-1)return null;let n=this.view.docView.nearestDesc(e.target);if("attributes"==e.type&&(n==this.view.docView||"contenteditable"==e.attributeName||"style"==e.attributeName&&!e.oldValue&&!e.target.getAttribute("style"))||!n||n.ignoreMutation(e))return null;if("childList"==e.type){for(let n=0;nArray.prototype.indexOf.call(e.addedNodes,n))&&(o=n),(!s||0>Array.prototype.indexOf.call(e.addedNodes,s))&&(i=s)}let s=o&&o.parentNode==e.target?r(o)+1:0,l=n.localPosFromDOM(e.target,s,-1),d=i&&i.parentNode==e.target?r(i):e.target.childNodes.length;return{from:l,to:n.localPosFromDOM(e.target,d,1)}}return"attributes"==e.type?{from:n.posAtStart-n.border,to:n.posAtEnd+n.border}:{from:n.posAtStart,to:n.posAtEnd,typeOver:e.target.nodeValue==e.oldValue}}}let tA=new WeakMap,tV=!1;function tR(e){let t=e.pmViewDesc;if(t)return t.parseRule();if("BR"==e.nodeName&&e.parentNode){if(k&&/^(ul|ol)$/i.test(e.parentNode.nodeName)){let e=document.createElement("div");return e.appendChild(document.createElement("li")),{skip:e}}if(e.parentNode.lastChild==e||k&&/^(tr|table)$/i.test(e.parentNode.nodeName))return{ignore:!0}}else if("IMG"==e.nodeName&&e.getAttribute("mark-placeholder"))return{ignore:!0};return null}let tB=/^(a|abbr|acronym|b|bd[io]|big|br|button|cite|code|data(list)?|del|dfn|em|i|ins|kbd|label|map|mark|meter|output|q|ruby|s|samp|small|span|strong|su[bp]|time|u|tt|var)$/i;function tI(e,t,n){return Math.max(n.anchor,n.head)>t.content.size?null:eM(e,t.resolve(n.anchor),t.resolve(n.head))}function tq(e,t,n){let o=e.depth,i=t?e.end():e.pos;for(;o>0&&(t||e.indexAfter(o)==e.node(o).childCount);)o--,i++,t=!1;if(n){let t=e.node(o).maybeChild(e.indexAfter(o));for(;t&&!t.isLeaf;)t=t.firstChild,i++}return i}class tz{constructor(e,t){this._root=null,this.focused=!1,this.trackWrites=null,this.mounted=!1,this.markCursor=null,this.cursorWrapper=null,this.lastSelectedViewDesc=void 0,this.input=new e0,this.prevDirectPlugins=[],this.pluginViews=[],this.requiresGeckoHackNode=!1,this.dragging=null,this._props=t,this.state=t.state,this.directPlugins=t.plugins||[],this.directPlugins.forEach(t$),this.dispatch=this.dispatch.bind(this),this.dom=e&&e.mount||document.createElement("div"),e&&(e.appendChild?e.appendChild(this.dom):"function"==typeof e?e(this.dom):e.mount&&(this.mounted=!0)),this.editable=tK(this),tF(this),this.nodeViews=tW(this),this.docView=eo(this.state.doc,tL(this),tx(this),this.dom,this),this.domObserver=new tP(this,(e,t,n,s)=>(function(e,t,n,s,r){let l,d,a,c,h,u;if(t<0){let t=e.input.lastSelectionTime>Date.now()-50?e.input.lastSelectionOrigin:null,n=ey(e,t);if(n&&!e.state.selection.eq(n)){if(M&&A&&13===e.input.lastKeyCode&&Date.now()-100t(e,m(13,"Enter"))))return;let o=e.state.tr.setSelection(n);"pointer"==t?o.setMeta("pointer",!0):"key"==t&&o.scrollIntoView(),e.composing&&o.setMeta("composition",e.input.compositionID),e.dispatch(o)}return}let p=e.state.doc.resolve(t),g=p.sharedDepth(n);t=p.before(g+1),n=e.state.doc.resolve(n).after(g+1);let y=e.state.selection,b=function(e,t,n){let o,{node:s,fromOffset:r,toOffset:l,from:d,to:a}=e.docView.parseRange(t,n),c=e.domSelectionRange(),h=c.anchorNode;if(h&&e.dom.contains(1==h.nodeType?h:h.parentNode)&&(o=[{node:h,offset:c.anchorOffset}],f(c)||o.push({node:c.focusNode,offset:c.focusOffset})),M&&8===e.input.lastKeyCode)for(let e=l;e>r;e--){let t=s.childNodes[e-1],n=t.pmViewDesc;if("BR"==t.nodeName&&!n){l=e;break}if(!n||n.size)break}let u=e.state.doc,p=e.someProp("domParser")||i.aw.fromSchema(e.state.schema),m=u.resolve(d),g=null,y=p.parse(s,{topNode:m.parent,topMatch:m.parent.contentMatchAt(m.index()),topOpen:!0,from:r,to:l,preserveWhitespace:"pre"!=m.parent.type.whitespace||"full",findPositions:o,ruleFromNode:tR,context:m});if(o&&null!=o[0].pos){let e=o[0].pos,t=o[1]&&o[1].pos;null==t&&(t=e),g={anchor:e+d,head:t+d}}return{doc:y,sel:g,from:d,to:a}}(e,t,n),v=e.state.doc,w=v.slice(b.from,b.to);8===e.input.lastKeyCode&&Date.now()-100=r?s-o:0;s-=e,l=s+(l-r),r=s}else if(l=l?s-o:0;s-=e,r=s+(r-l),l=s}return{start:s,endA:r,endB:l}}(w.content,b.doc.content,b.from,l,d);if((T&&e.input.lastIOSEnter>Date.now()-225||A)&&r.some(e=>1==e.nodeType&&!tB.test(e.nodeName))&&(!D||D.endA>=D.endB)&&e.someProp("handleKeyDown",t=>t(e,m(13,"Enter")))){e.input.lastIOSEnter=0;return}if(!D){if(s&&y instanceof o.Bs&&!y.empty&&y.$head.sameParent(y.$anchor)&&!e.composing&&!(b.sel&&b.sel.anchor!=b.sel.head))D={start:y.from,endA:y.to,endB:y.to};else{if(b.sel){let t=tI(e,e.state.doc,b.sel);if(t&&!t.eq(e.state.selection)){let n=e.state.tr.setSelection(t);e.composing&&n.setMeta("composition",e.input.compositionID),e.dispatch(n)}}return}}if(M&&e.cursorWrapper&&b.sel&&b.sel.anchor==e.cursorWrapper.deco.from&&b.sel.head==b.sel.anchor){let e=D.endB-D.start;b.sel={anchor:b.sel.anchor+e,head:b.sel.anchor+e}}e.input.domChangeCount++,e.state.selection.frome.state.selection.from&&D.start<=e.state.selection.from+2&&e.state.selection.from>=b.from?D.start=e.state.selection.from:D.endA=e.state.selection.to-2&&e.state.selection.to<=b.to&&(D.endB+=e.state.selection.to-D.endA,D.endA=e.state.selection.to)),N&&S<=11&&D.endB==D.start+1&&D.endA==D.start&&D.start>b.from&&" \xa0"==b.doc.textBetween(D.start-b.from-1,D.start-b.from+1)&&(D.start--,D.endA--,D.endB--);let O=b.doc.resolveNoCache(D.start-b.from),C=b.doc.resolveNoCache(D.endB-b.from),x=v.resolve(D.start),k=O.sameParent(C)&&O.parent.inlineContent&&x.end()>=D.endA;if((T&&e.input.lastIOSEnter>Date.now()-225&&(!k||r.some(e=>"DIV"==e.nodeName||"P"==e.nodeName))||!k&&O.post(e,m(13,"Enter")))){e.input.lastIOSEnter=0;return}if(e.state.selection.anchor>D.start&&function(e,t,n,o,i){if(!o.parent.isTextblock||n-t<=i.pos-o.pos||tq(o,!0,!1)n||tq(r,!0,!1)t(e,m(8,"Backspace")))){A&&M&&e.domObserver.suppressSelectionUpdates();return}M&&A&&D.endB==D.start&&(e.input.lastAndroidDelete=Date.now()),A&&!k&&O.start()!=C.start()&&0==C.parentOffset&&O.depth==C.depth&&b.sel&&b.sel.anchor==b.sel.head&&b.sel.head==D.endA&&(D.endB-=2,C=b.doc.resolveNoCache(D.endB-b.from),setTimeout(()=>{e.someProp("handleKeyDown",function(t){return t(e,m(13,"Enter"))})},20));let E=D.start,P=D.endA;if(k){if(O.pos==C.pos)N&&S<=11&&0==O.parentOffset&&(e.domObserver.suppressSelectionUpdates(),setTimeout(()=>ev(e),20)),c=e.state.tr.delete(E,P),h=v.resolve(D.start).marksAcross(v.resolve(D.endA));else if(D.endA==D.endB&&(u=function(e,t){let n=e.firstChild.marks,o=t.firstChild.marks,s=n,r=o,l,d,a;for(let e=0;ee.mark(d.addToSet(e.marks));else{if(0!=s.length||1!=r.length)return null;d=r[0],l="remove",a=e=>e.mark(d.removeFromSet(e.marks))}let c=[];for(let e=0;en(e,E,P,t)))return;c=e.state.tr.insertText(t,E,P)}}if(c||(c=e.state.tr.replace(E,P,b.doc.slice(D.start-b.from,D.endB-b.from))),b.sel){let t=tI(e,c.doc,b.sel);t&&!(M&&A&&e.composing&&t.empty&&(D.start!=D.endB||e.input.lastAndroidDelete{!function(e,t){if(!t.bubbles)return!0;if(t.defaultPrevented)return!1;for(let n=t.target;n!=e.dom;n=n.parentNode)if(!n||11==n.nodeType||n.pmViewDesc&&n.pmViewDesc.stopEvent(t))return!1;return!0}(e,t)||e3(e,t)||!e.editable&&t.type in eQ||n(e,t)},eZ[t]?{passive:!0}:void 0)}k&&e.dom.addEventListener("input",()=>null),e2(e)}(this),this.updatePluginViews()}get composing(){return this.input.composing}get props(){if(this._props.state!=this.state){let e=this._props;for(let t in this._props={},e)this._props[t]=e[t];this._props.state=this.state}return this._props}update(e){e.handleDOMEvents!=this._props.handleDOMEvents&&e2(this);let t=this._props;this._props=e,e.plugins&&(e.plugins.forEach(t$),this.directPlugins=e.plugins),this.updateStateInner(e.state,t)}setProps(e){let t={};for(let e in this._props)t[e]=this._props[e];for(let n in t.state=this.state,e)t[n]=e[n];this.update(t)}updateState(e){this.updateStateInner(e,this._props)}updateStateInner(e,t){let n=this.state,o=!1,i=!1;e.storedMarks&&this.composing&&(ti(this),i=!0),this.state=e;let s=n.plugins!=e.plugins||this._props.plugins!=t.plugins;if(s||this._props.plugins!=t.plugins||this._props.nodeViews!=t.nodeViews){let e=tW(this);(function(e,t){let n=0,o=0;for(let o in e){if(e[o]!=t[o])return!0;n++}for(let e in t)o++;return n!=o})(e,this.nodeViews)&&(this.nodeViews=e,o=!0)}(s||t.handleDOMEvents!=this._props.handleDOMEvents)&&e2(this),this.editable=tK(this),tF(this);let r=tx(this),l=tL(this),d=n.plugins==e.plugins||n.doc.eq(e.doc)?e.scrollToSelection>n.scrollToSelection?"to selection":"preserve":"reset",a=o||!this.docView.matchesNode(e.doc,l,r);(a||!e.selection.eq(n.selection))&&(i=!0);let h="preserve"==d&&i&&null==this.dom.style.overflowAnchor&&function(e){let t,n,o=e.dom.getBoundingClientRect(),i=Math.max(0,o.top);for(let s=(o.left+o.right)/2,r=i+1;r=i-20){t=o,n=l.top;break}}return{refDOM:t,refTop:n,stack:q(e.dom)}}(this);if(i){var u,p;let t,i,s;this.domObserver.stop();let d=a&&(N||M)&&!this.composing&&!n.selection.empty&&!e.selection.empty&&(u=n.selection,p=e.selection,s=Math.min(u.$anchor.sharedDepth(u.head),p.$anchor.sharedDepth(p.head)),u.$anchor.start(s)!=p.$anchor.start(s));if(a){let t=M?this.trackWrites=this.domSelectionRange().focusNode:null;(o||!this.docView.update(e.doc,l,r,this))&&(this.docView.updateOuterDeco([]),this.docView.destroy(),this.docView=eo(e.doc,l,r,this.dom,this)),t&&!this.trackWrites&&(d=!0)}d||!(this.input.mouseDown&&this.domObserver.currentSelection.eq(this.domSelectionRange())&&(t=this.docView.domFromPos(this.state.selection.anchor,0),i=this.domSelectionRange(),c(t.node,t.offset,i.anchorNode,i.anchorOffset)))?ev(this,d):(eO(this,e.selection),this.domObserver.setCurSelection()),this.domObserver.start()}this.updatePluginViews(n),"reset"==d?this.dom.scrollTop=0:"to selection"==d?this.scrollToSelection():h&&function({refDOM:e,refTop:t,stack:n}){let o=e?e.getBoundingClientRect().top:0;z(n,0==o?0:o-t)}(h)}scrollToSelection(){let e=this.domSelectionRange().focusNode;if(this.someProp("handleScrollToSelection",e=>e(this)));else if(this.state.selection instanceof o.qv){let t=this.docView.domAfterPos(this.state.selection.from);1==t.nodeType&&I(this,t.getBoundingClientRect(),e)}else I(this,this.coordsAtPos(this.state.selection.head,1),e)}destroyPluginViews(){let e;for(;e=this.pluginViews.pop();)e.destroy&&e.destroy()}updatePluginViews(e){if(e&&e.plugins==this.state.plugins&&this.directPlugins==this.prevDirectPlugins)for(let t=0;te.ownerDocument.getSelection()),this._root=e}return e||document}posAtCoords(e){return function(e,t){var n;let o,i,s=e.dom.ownerDocument,r,d=0,c=function(e,t,n){if(e.caretPositionFromPoint)try{let o=e.caretPositionFromPoint(t,n);if(o)return{node:o.offsetNode,offset:o.offset}}catch(e){}if(e.caretRangeFromPoint){let o=e.caretRangeFromPoint(t,n);if(o)return{node:o.startContainer,offset:o.startOffset}}}(s,t.left,t.top);c&&({node:r,offset:d}=c);let h=(e.root.elementFromPoint?e.root:s).elementFromPoint(t.left,t.top);if(!h||!e.dom.contains(1!=h.nodeType?h.parentNode:h)){let n=e.dom.getBoundingClientRect();if(!F(t,n)||!(h=function e(t,n,o){let i=t.childNodes.length;if(i&&o.topt.top&&d++}r==e.dom&&d==r.childNodes.length-1&&1==r.lastChild.nodeType&&t.top>r.lastChild.getBoundingClientRect().bottom?i=e.state.doc.content.size:(0==d||1!=r.nodeType||"BR"!=r.childNodes[d-1].nodeName)&&(i=function(e,t,n,o){let i=-1;for(let n=t,s=!1;n!=e.dom;){let t=e.docView.nearestDesc(n,!0);if(!t)return null;if(1==t.dom.nodeType&&(t.node.isBlock&&t.parent&&!s||!t.contentDOM)){let e=t.dom.getBoundingClientRect();if(t.node.isBlock&&t.parent&&!s&&(s=!0,e.left>o.left||e.top>o.top?i=t.posBefore:(e.right-1?i:e.docView.posFromDOM(t,n,-1)}(e,r,d,t))}null==i&&(i=function(e,t,n){let{node:o,offset:i}=function e(t,n){let o,i,s,r=2e8,l,d=0,c=n.top,h=n.top;for(let e=t.firstChild,u=0;e;e=e.nextSibling,u++){let t;if(1==e.nodeType)t=e.getClientRects();else{if(3!=e.nodeType)continue;t=a(e).getClientRects()}for(let a=0;a=h){c=Math.max(p.bottom,c),h=Math.min(p.top,h);let t=p.left>n.left?p.left-n.left:p.right=(p.left+p.right)/2?1:0));continue}}else p.top>n.top&&!o&&p.left<=n.left&&p.right>=n.left&&(o=e,i={left:Math.max(p.left,Math.min(p.right,n.left)),top:p.top});!s&&(n.left>=p.right&&n.top>=p.top||n.left>=p.left&&n.top>=p.bottom)&&(d=u+1)}}return(!s&&o&&(s=o,l=i,r=0),s&&3==s.nodeType)?function(e,t){let n=e.nodeValue.length,o=document.createRange();for(let i=0;i=(n.left+n.right)/2?1:0)}}return{node:e,offset:0}}(s,l):!s||r&&1==s.nodeType?{node:t,offset:d}:e(s,l)}(t,n),s=-1;if(1==o.nodeType&&!o.firstChild){let e=o.getBoundingClientRect();s=e.left!=e.right&&n.left>(e.left+e.right)/2?1:-1}return e.docView.posFromDOM(o,i,s)}(e,h,t));let u=e.docView.nearestDesc(h,!0);return{pos:i,inside:u?u.posAtStart-u.border:-1}}(this,e)}coordsAtPos(e,t=1){return H(this,e,t)}domAtPos(e,t=0){return this.docView.domFromPos(e,t)}nodeDOM(e){let t=this.docView.descAt(e);return t?t.nodeDOM:null}posAtDOM(e,t,n=-1){let o=this.docView.posFromDOM(e,t,n);if(null==o)throw RangeError("DOM position not inside the editor");return o}endOfTextblock(e,t){var n,o,i;let s,r;return n=this,o=t||this.state,i=e,j==o&&X==i?J:(j=o,X=i,J="up"==i||"down"==i?(s=o.selection,r="up"==i?s.$from:s.$to,G(n,o,()=>{let{node:e}=n.docView.domFromPos(r.pos,"up"==i?-1:1);for(;;){let t=n.docView.nearestDesc(e,!0);if(!t)break;if(t.node.isBlock){e=t.contentDOM||t.dom;break}e=t.dom.parentNode}let t=H(n,r.pos,1);for(let n=e.firstChild;n;n=n.nextSibling){let e;if(1==n.nodeType)e=n.getClientRects();else{if(3!=n.nodeType)continue;e=a(n,0,n.nodeValue.length).getClientRects()}for(let n=0;no.top+1&&("up"==i?t.top-o.top>(o.bottom-t.top)*2:o.bottom-t.bottom>(t.bottom-o.top)*2))return!1}}return!0})):function(e,t,n){let{$head:o}=t.selection;if(!o.parent.isTextblock)return!1;let i=o.parentOffset,s=i==o.parent.content.size,r=e.domSelection();return U.test(o.parent.textContent)&&r.modify?G(e,t,()=>{let{focusNode:t,focusOffset:i,anchorNode:s,anchorOffset:l}=e.domSelectionRange(),d=r.caretBidiLevel;r.modify("move",n,"character");let a=o.depth?e.docView.domAfterPos(o.before()):e.dom,{focusNode:c,focusOffset:h}=e.domSelectionRange(),u=c&&!a.contains(1==c.nodeType?c:c.parentNode)||t==c&&i==h;try{r.collapse(s,l),t&&(t!=s||i!=l)&&r.extend&&r.extend(t,i)}catch(e){}return null!=d&&(r.caretBidiLevel=d),u}):"left"==n||"backward"==n?!i:s}(n,o,i))}pasteHTML(e,t){return tl(this,"",e,!1,t||new ClipboardEvent("paste"))}pasteText(e,t){return tl(this,e,null,!0,t||new ClipboardEvent("paste"))}destroy(){this.docView&&(!function(e){for(let t in e.domObserver.stop(),e.input.eventHandlers)e.dom.removeEventListener(t,e.input.eventHandlers[t]);clearTimeout(e.input.composingTimeout),clearTimeout(e.input.lastIOSEnterFallbackTimeout)}(this),this.destroyPluginViews(),this.mounted?(this.docView.update(this.state.doc,[],tx(this),this),this.dom.textContent=""):this.dom.parentNode&&this.dom.parentNode.removeChild(this.dom),this.docView.destroy(),this.docView=null)}get isDestroyed(){return null==this.docView}dispatchEvent(e){e3(this,e)||!eJ[e.type]||!this.editable&&e.type in eQ||eJ[e.type](this,e)}dispatch(e){let t=this._props.dispatchTransaction;t?t.call(this,e):this.updateState(this.state.apply(e))}domSelectionRange(){return k&&11===this.root.nodeType&&function(e){let t=e.activeElement;for(;t&&t.shadowRoot;)t=t.shadowRoot.activeElement;return t}(this.dom.ownerDocument)==this.dom?function(e){let t;function n(e){e.preventDefault(),e.stopImmediatePropagation(),t=e.getTargetRanges()[0]}e.dom.addEventListener("beforeinput",n,!0),document.execCommand("indent"),e.dom.removeEventListener("beforeinput",n,!0);let o=t.startContainer,i=t.startOffset,s=t.endContainer,r=t.endOffset,l=e.domAtPos(e.state.selection.anchor);return c(l.node,l.offset,s,r)&&([o,i,s,r]=[s,r,o,i]),{anchorNode:o,anchorOffset:i,focusNode:s,focusOffset:r}}(this):this.domSelection()}domSelection(){return this.root.getSelection()}}function tL(e){let t=Object.create(null);return t.class="ProseMirror",t.contenteditable=String(e.editable),e.someProp("attributes",n=>{if("function"==typeof n&&(n=n(e.state)),n)for(let e in n)"class"==e?t.class+=" "+n[e]:"style"==e?t.style=(t.style?t.style+";":"")+n[e]:t[e]||"contenteditable"==e||"nodeName"==e||(t[e]=String(n[e]))}),t.translate||(t.translate="no"),[tf.node(0,e.state.doc.content.size,t)]}function tF(e){if(e.markCursor){let t=document.createElement("img");t.className="ProseMirror-separator",t.setAttribute("mark-placeholder","true"),t.setAttribute("alt",""),e.cursorWrapper={dom:t,deco:tf.widget(e.state.selection.head,t,{raw:!0,marks:e.markCursor})}}else e.cursorWrapper=null}function tK(e){return!e.someProp("editable",t=>!1===t(e.state))}function tW(e){let t=Object.create(null);function n(e){for(let n in e)Object.prototype.hasOwnProperty.call(t,n)||(t[n]=e[n])}return e.someProp("nodeViews",n),e.someProp("markViews",n),t}function t$(e){if(e.spec.state||e.spec.filterTransaction||e.spec.appendTransaction)throw RangeError("Plugins passed directly to the view must not have a state component")}}}]); \ No newline at end of file diff --git a/_next/static/chunks/8636-335646664b783f6f.js b/_next/static/chunks/8636-335646664b783f6f.js new file mode 100644 index 00000000000..e863afaadf1 --- /dev/null +++ b/_next/static/chunks/8636-335646664b783f6f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8636],{28636:function(e,t,r){r.d(t,{t:function(){return eV}});var a=r(67294),n=r(16262),o=r(643);function l(e,t){return Array.from({length:t-e+1},(t,r)=>r+e)}let i="dots";var c=r(45763);let[s,p]=(0,c.R)("Pagination.Root component was not found in tree");var f={root:"m-4addd315",control:"m-326d024a",dots:"m-4ad7767d"},u=r(3154),d=r(30370),m=r(86109),v=r(81110),b=r(8586),y=r(48468),g=r(40184),O=r(35070),P=Object.defineProperty,w=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,x=(e,t)=>{for(var r in t||(t={}))h.call(t,r)&&E(e,r,t[r]);if(w)for(var r of w(t))C.call(t,r)&&E(e,r,t[r]);return e},j=(e,t)=>{var r={};for(var a in e)h.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&w)for(var a of w(e))0>t.indexOf(a)&&C.call(e,a)&&(r[a]=e[a]);return r};let L={siblings:1,boundaries:1},N=(0,b.Z)((e,{size:t,radius:r,color:a})=>({root:{"--pagination-control-radius":void 0===r?void 0:(0,y.H5)(r),"--pagination-control-size":(0,y.ap)(t,"pagination-control-size"),"--pagination-control-fz":(0,y.yv)(t),"--pagination-active-bg":a?(0,g.p)(a,e):void 0}})),I=(0,u.d)((e,t)=>{let r=(0,d.w)("PaginationRoot",L,e),{classNames:n,className:c,style:p,styles:u,unstyled:b,vars:y,total:g,value:P,defaultValue:w,onChange:h,disabled:C,siblings:E,boundaries:I,color:z,radius:M,onNextPage:S,onPreviousPage:k,onFirstPage:F,onLastPage:R,getItemProps:Z}=r,D=j(r,["classNames","className","style","styles","unstyled","vars","total","value","defaultValue","onChange","disabled","siblings","boundaries","color","radius","onNextPage","onPreviousPage","onFirstPage","onLastPage","getItemProps"]),_=(0,m.y)({name:"Pagination",classes:f,props:r,className:c,style:p,classNames:n,styles:u,unstyled:b,vars:y,varsResolver:N}),{range:V,setPage:A,next:B,previous:H,active:$,first:q,last:G}=function({total:e,siblings:t=1,boundaries:r=1,page:n,initialPage:c=1,onChange:s}){let p=Math.max(Math.trunc(e),0),[f,u]=(0,o.C)({value:n,onChange:s,defaultValue:c,finalValue:c}),d=e=>{e<=0?u(1):e>p?u(p):u(e)},m=()=>d(f+1),v=()=>d(f-1),b=()=>d(1),y=()=>d(p),g=(0,a.useMemo)(()=>{if(2*t+3+2*r>=p)return l(1,p);let e=Math.max(f-t,r),a=Math.min(f+t,p-r),n=e>r+2,o=at in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Z=(e,t)=>{for(var r in t||(t={}))k.call(t,r)&&R(e,r,t[r]);if(S)for(var r of S(t))F.call(t,r)&&R(e,r,t[r]);return e},D=(e,t)=>{var r={};for(var a in e)k.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&S)for(var a of S(e))0>t.indexOf(a)&&F.call(e,a)&&(r[a]=e[a]);return r};let _={withPadding:!0},V=(0,u.d)((e,t)=>{let r=(0,d.w)("PaginationControl",_,e),{classNames:n,className:o,style:l,styles:i,vars:c,active:s,disabled:f,withPadding:u}=r,m=D(r,["classNames","className","style","styles","vars","active","disabled","withPadding"]),v=p(),b=f||v.disabled;return a.createElement(z.k,Z(Z({ref:t,disabled:b,mod:{active:s,disabled:b,"with-padding":u}},v.getStyles("control",{className:o,style:l,classNames:n,styles:i,active:!b})),m))});V.classes=f,V.displayName="@mantine/core/PaginationControl";var A=Object.defineProperty,B=Object.defineProperties,H=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,J=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,K=(e,t)=>{for(var r in t||(t={}))q.call(t,r)&&J(e,r,t[r]);if($)for(var r of $(t))G.call(t,r)&&J(e,r,t[r]);return e},Q=(e,t)=>B(e,H(t)),T=(e,t)=>{var r={};for(var a in e)q.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&$)for(var a of $(e))0>t.indexOf(a)&&G.call(e,a)&&(r[a]=e[a]);return r};function U(e){var{style:t,children:r,path:n}=e,o=T(e,["style","children","path"]);return a.createElement("svg",K({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",style:K({width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)"},t)},o),a.createElement("path",{d:n,fill:"currentColor"}))}let W=e=>a.createElement(U,Q(K({},e),{path:"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z"})),X=e=>a.createElement(U,Q(K({},e),{path:"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z"})),Y=e=>a.createElement(U,Q(K({},e),{path:"M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z"})),ee=e=>a.createElement(U,Q(K({},e),{path:"M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z"})),et=e=>a.createElement(U,Q(K({},e),{path:"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z"}));var er=Object.defineProperty,ea=Object.getOwnPropertySymbols,en=Object.prototype.hasOwnProperty,eo=Object.prototype.propertyIsEnumerable,el=(e,t,r)=>t in e?er(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ei=(e,t)=>{for(var r in t||(t={}))en.call(t,r)&&el(e,r,t[r]);if(ea)for(var r of ea(t))eo.call(t,r)&&el(e,r,t[r]);return e},ec=(e,t)=>{var r={};for(var a in e)en.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&ea)for(var a of ea(e))0>t.indexOf(a)&&eo.call(e,a)&&(r[a]=e[a]);return r};let es={icon:et},ep=(0,u.d)((e,t)=>{let r=(0,d.w)("PaginationDots",es,e),{classNames:n,className:o,style:l,styles:i,vars:c,icon:s}=r,f=ec(r,["classNames","className","style","styles","vars","icon"]),u=p();return a.createElement(v.x,ei(ei({ref:t},u.getStyles("dots",{className:o,style:l,styles:i,classNames:n})),f),a.createElement(s,{style:{width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)"}}))});ep.classes=f,ep.displayName="@mantine/core/PaginationDots";var ef=r(31233),eu=Object.defineProperty,ed=Object.getOwnPropertySymbols,em=Object.prototype.hasOwnProperty,ev=Object.prototype.propertyIsEnumerable,eb=(e,t,r)=>t in e?eu(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ey=(e,t)=>{for(var r in t||(t={}))em.call(t,r)&&eb(e,r,t[r]);if(ed)for(var r of ed(t))ev.call(t,r)&&eb(e,r,t[r]);return e},eg=(e,t)=>{var r={};for(var a in e)em.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&ed)for(var a of ed(e))0>t.indexOf(a)&&ev.call(e,a)&&(r[a]=e[a]);return r};function eO({icon:e,name:t,action:r,type:n}){let o={icon:e},l=(0,a.forwardRef)((e,l)=>{let i=(0,d.w)(t,o,e),{icon:c}=i,s=eg(i,["icon"]),f=p(),u="next"===n?f.active===f.total:1===f.active;return a.createElement(V,ey({disabled:f.disabled||u,ref:l,onClick:f[r],withPadding:!1},s),a.createElement(c,{style:{width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)"}}))});return l.displayName=`@mantine/core/${t}`,(0,ef.F)(l)}let eP=eO({icon:W,name:"PaginationNext",action:"onNext",type:"next"}),ew=eO({icon:X,name:"PaginationPrevious",action:"onPrevious",type:"previous"}),eh=eO({icon:Y,name:"PaginationFirst",action:"onFirst",type:"previous"}),eC=eO({icon:ee,name:"PaginationLast",action:"onLast",type:"next"});var eE=Object.defineProperty,ex=Object.getOwnPropertySymbols,ej=Object.prototype.hasOwnProperty,eL=Object.prototype.propertyIsEnumerable,eN=(e,t,r)=>t in e?eE(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eI=(e,t)=>{for(var r in t||(t={}))ej.call(t,r)&&eN(e,r,t[r]);if(ex)for(var r of ex(t))eL.call(t,r)&&eN(e,r,t[r]);return e};function ez({dotsIcon:e}){let t=p(),r=t.range.map((r,n)=>{var o;return"dots"===r?a.createElement(ep,{icon:e,key:n}):a.createElement(V,eI({key:n,active:r===t.active,"aria-current":r===t.active?"page":void 0,onClick:()=>t.onChange(r),disabled:t.disabled},null==(o=t.getItemProps)?void 0:o.call(t,r)),r)});return a.createElement(a.Fragment,null,r)}ez.displayName="@mantine/core/PaginationItems";var eM=Object.defineProperty,eS=Object.getOwnPropertySymbols,ek=Object.prototype.hasOwnProperty,eF=Object.prototype.propertyIsEnumerable,eR=(e,t,r)=>t in e?eM(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eZ=(e,t)=>{for(var r in t||(t={}))ek.call(t,r)&&eR(e,r,t[r]);if(eS)for(var r of eS(t))eF.call(t,r)&&eR(e,r,t[r]);return e},eD=(e,t)=>{var r={};for(var a in e)ek.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&eS)for(var a of eS(e))0>t.indexOf(a)&&eF.call(e,a)&&(r[a]=e[a]);return r};let e_={withControls:!0,siblings:1,boundaries:1,gap:8},eV=(0,u.d)((e,t)=>{let r=(0,d.w)("Pagination",e_,e),{withEdges:o,withControls:l,getControlProps:i,nextIcon:c,previousIcon:s,lastIcon:p,firstIcon:f,dotsIcon:u,total:m,gap:v}=r,b=eD(r,["withEdges","withControls","getControlProps","nextIcon","previousIcon","lastIcon","firstIcon","dotsIcon","total","gap"]);return m<=0?null:a.createElement(I,eZ({ref:t,total:m},b),a.createElement(n.Z,{gap:v},o&&a.createElement(eh,eZ({icon:f},null==i?void 0:i("first"))),l&&a.createElement(ew,eZ({icon:s},null==i?void 0:i("previous"))),a.createElement(ez,{dotsIcon:u}),l&&a.createElement(eP,eZ({icon:c},null==i?void 0:i("next"))),o&&a.createElement(eC,eZ({icon:p},null==i?void 0:i("last")))))});eV.classes=f,eV.displayName="@mantine/core/Pagination",eV.Root=I,eV.Control=V,eV.Dots=ep,eV.First=eh,eV.Last=eC,eV.Next=eP,eV.Previous=ew,eV.Items=ez}}]); \ No newline at end of file diff --git a/_next/static/chunks/8992-d7926dd2b67237a1.js b/_next/static/chunks/8992-d7926dd2b67237a1.js new file mode 100644 index 00000000000..68eef02eec8 --- /dev/null +++ b/_next/static/chunks/8992-d7926dd2b67237a1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8992],{61172:function(e,t,r){"use strict";r.d(t,{$:function(){return B}});var a=r(85893),n=r(67294),o=r(90512),l=r(81110),i=r(82827),s=r(78621),c=r(72039),d=r(16262),u=r(40624),b=r(14469),p=r(91047),m={socialButton:"m-fde4daed",socialButtonSection:"m-1df08738",discordButton:"m-6611c750",twitterButton:"m-a568e357"},f=r(47776),v=r(81198),y=Object.defineProperty,h=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&w(e,r,t[r]);if(h)for(var r of h(t))k.call(t,r)&&w(e,r,t[r]);return e},j=(e,t)=>{var r={};for(var a in e)g.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&h)for(var a of h(e))0>t.indexOf(a)&&k.call(e,a)&&(r[a]=e[a]);return r};function x(e){var{icon:t}=e,r=j(e,["icon"]);return n.createElement(b.z,O({component:"a",target:"_blank",rel:"noopener noreferrer",leftSection:t,radius:"md",classNames:{root:m.socialButton,section:m.socialButtonSection}},r))}function _(e){var{className:t}=e,r=j(e,["className"]);return n.createElement(x,O({className:(0,u.Z)(m.discordButton,t),icon:n.createElement(f.D,{size:16}),href:p.$.discordLink},r),"Join Discord community")}function N(e){var{className:t}=e,r=j(e,["className"]);return n.createElement(x,O({className:(0,u.Z)(m.twitterButton,t),icon:n.createElement(v.Z,{size:16}),href:p.$.twitterLink},r),"Follow Mantine on Twitter")}var P=r(93258),T=r(41664),S=r.n(T),E=r(16951),C=r.n(E);function F(e){let{data:t,title:r}=e,n=t.map((e,t)=>(0,a.jsx)(c.x,{className:C().link,component:"next"===e.type?S():"a",href:e.link,children:e.label},t));return(0,a.jsxs)("div",{className:C().wrapper,children:[(0,a.jsx)(c.x,{className:C().title,children:r}),n]})}let L=[{title:"About",data:[{type:"next",label:"Contribute",link:"/contribute"},{type:"next",label:"About Mantine",link:"/about"},{type:"next",label:"Changelog",link:"/changelog/previous-versions"},{type:"link",label:"Releases",link:p.$.gitHubLinks.releases}]},{title:"Community",data:[{type:"link",label:"Chat on Discord",link:p.$.discordLink},{type:"link",label:"Follow on Twitter",link:p.$.twitterLink},{type:"link",label:"Follow on Github",link:"https://github.com/rtivital"},{type:"link",label:"GitHub discussions",link:p.$.gitHubLinks.discussions}]},{title:"Project",data:[{type:"link",label:"Mantine UI",link:p.$.uiLink},{type:"link",label:"Documentation",link:p.$.docsLink},{type:"link",label:"Github organization",link:p.$.gitHubLinks.organization},{type:"link",label:"npm organization",link:p.$.npmLink}]}];var z=r(80165),I=r.n(z);function B(e){let{withNavbar:t}=e,r=L.map(e=>(0,a.jsx)(F,{data:e.data,title:e.title},e.title));return(0,a.jsxs)("div",{className:I().root,children:[(0,a.jsx)("div",{className:I().spacer}),(0,a.jsx)(l.x,{mod:{"with-navbar":t},className:(0,o.Z)(I().wrapper,i.Z.classNames.fullWidth),children:(0,a.jsxs)(s.W,{size:1100,children:[(0,a.jsxs)("div",{className:I().inner,children:[(0,a.jsxs)("div",{className:I().logoSection,children:[(0,a.jsx)(P.T,{}),(0,a.jsx)(c.x,{className:I().description,fz:"sm",children:"Build fully functional accessible web applications faster than ever"})]}),(0,a.jsx)("div",{className:I().groups,children:r})]}),(0,a.jsx)("div",{className:I().afterFooter,children:(0,a.jsxs)(d.Z,{justify:"space-between",wrap:"wrap",children:[(0,a.jsxs)(c.x,{fz:"xs",className:I().afterFooterNote,children:["Built by ",(0,a.jsx)("a",{href:"https://github.com/rtivital",children:"Vitaly Rtishchev"})," and"," ",(0,a.jsx)("a",{href:"https://github.com/mantinedev/mantine/graphs/contributors",children:"these awesome people"})]}),(0,a.jsxs)("div",{className:I().social,children:[(0,a.jsx)(_,{className:I().socialButton}),(0,a.jsx)(N,{className:I().socialButton})]})]})})]})})]})}},80165:function(e){e.exports={root:"Footer_root__bgmye",spacer:"Footer_spacer__g_thI",wrapper:"Footer_wrapper__chorF",inner:"Footer_inner__Oczlu",logoSection:"Footer_logoSection__VUxg4",description:"Footer_description__b7YOg",title:"Footer_title___pDUp",afterFooter:"Footer_afterFooter__FyXNP",afterFooterNote:"Footer_afterFooterNote__9yART",groups:"Footer_groups__nLTK6",social:"Footer_social__0m1yX",socialButton:"Footer_socialButton__zLzIx"}},16951:function(e){e.exports={wrapper:"LinksGroup_wrapper__54pi4",link:"LinksGroup_link__cg684",title:"LinksGroup_title__maicr"}},78621:function(e,t,r){"use strict";r.d(t,{W:function(){return k}});var a=r(67294),n={root:"m-7485cace"},o=r(3154),l=r(30370),i=r(86109),s=r(81110),c=r(8586),d=r(48468),u=Object.defineProperty,b=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))p.call(t,r)&&f(e,r,t[r]);if(b)for(var r of b(t))m.call(t,r)&&f(e,r,t[r]);return e},y=(e,t)=>{var r={};for(var a in e)p.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&b)for(var a of b(e))0>t.indexOf(a)&&m.call(e,a)&&(r[a]=e[a]);return r};let h={},g=(0,c.Z)((e,{size:t})=>({root:{"--container-size":(0,d.ap)(t,"container-size")}})),k=(0,o.d)((e,t)=>{let r=(0,l.w)("Container",h,e),{classNames:o,className:c,style:d,styles:u,unstyled:b,vars:p,fluid:m}=r,f=y(r,["classNames","className","style","styles","unstyled","vars","fluid"]),k=(0,i.y)({name:"Container",classes:n,props:r,className:c,style:d,classNames:o,styles:u,unstyled:b,vars:p,varsResolver:g});return a.createElement(s.x,v(v({ref:t,mod:{fluid:m}},k("root")),f))});k.classes=n,k.displayName="@mantine/core/Container"},40844:function(e,t,r){"use strict";r.d(t,{m:function(){return em}});var a=r(67294),n=r(9779),o=r(643),l=r(45763);let[i,s]=(0,l.R)("Tabs component was not found in the tree");var c={root:"m-89d60db1","list--default":"m-576c9d4",list:"m-89d33d6d",panel:"m-b0c91715",tab:"m-4ec4dce6",tabSection:"m-fc420b1f","tab--default":"m-539e827b","list--outline":"m-6772fbd5","tab--outline":"m-b59ab47c","tab--pills":"m-c3381914"},d=r(3154),u=r(30370),b=r(81110),p=Object.defineProperty,m=Object.defineProperties,f=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,k=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&g(e,r,t[r]);if(v)for(var r of v(t))h.call(t,r)&&g(e,r,t[r]);return e},w=(e,t)=>m(e,f(t)),O=(e,t)=>{var r={};for(var a in e)y.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&v)for(var a of v(e))0>t.indexOf(a)&&h.call(e,a)&&(r[a]=e[a]);return r};let j={},x=(0,d.d)((e,t)=>{let r=(0,u.w)("TabsList",j,e),{children:n,className:o,grow:l,justify:i,classNames:c,styles:d,style:p}=r,m=O(r,["children","className","grow","justify","classNames","styles","style"]),f=s();return a.createElement(b.x,w(k(k({},m),f.getStyles("list",{className:o,style:p,classNames:c,styles:d,props:r,variant:f.variant})),{ref:t,role:"tablist",variant:f.variant,mod:{grow:l,orientation:f.orientation,placement:"vertical"===f.orientation&&f.placement,inverted:f.inverted},"aria-orientation":f.orientation,__vars:{"--tabs-justify":i}}),n)});x.classes=c,x.displayName="@mantine/core/TabsList";var _=Object.defineProperty,N=Object.defineProperties,P=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,C=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,F=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&C(e,r,t[r]);if(T)for(var r of T(t))E.call(t,r)&&C(e,r,t[r]);return e},L=(e,t)=>N(e,P(t)),z=(e,t)=>{var r={};for(var a in e)S.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&T)for(var a of T(e))0>t.indexOf(a)&&E.call(e,a)&&(r[a]=e[a]);return r};let I={},B=(0,d.d)((e,t)=>{let r=(0,u.w)("TabsPanel",I,e),{children:n,className:o,value:l,classNames:i,styles:c,style:d}=r,p=z(r,["children","className","value","classNames","styles","style"]),m=s(),f=m.value===l,v=m.keepMounted?n:f?n:null;return a.createElement(b.x,L(F(F({},p),m.getStyles("panel",{className:o,classNames:i,styles:c,style:[d,f?void 0:{display:"none"}],props:r})),{ref:t,mod:{orientation:m.orientation},role:"tabpanel",id:m.getPanelId(l),"aria-labelledby":m.getTabId(l)}),v)});B.classes=c,B.displayName="@mantine/core/TabsPanel";var $=r(86610),D=r(43440),Z=r(12917),M=r(40184),W=r(49999),A=Object.defineProperty,R=Object.defineProperties,G=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,H=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,U=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,X=(e,t)=>{for(var r in t||(t={}))H.call(t,r)&&U(e,r,t[r]);if(K)for(var r of K(t))V.call(t,r)&&U(e,r,t[r]);return e},q=(e,t)=>R(e,G(t)),J=(e,t)=>{var r={};for(var a in e)H.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&K)for(var a of K(e))0>t.indexOf(a)&&V.call(e,a)&&(r[a]=e[a]);return r};let Y={},Q=(0,d.d)((e,t)=>{let r=(0,u.w)("TabsTab",Y,e),{className:n,children:o,rightSection:l,leftSection:i,value:c,onClick:d,onKeyDown:b,disabled:p,color:m,style:f,classNames:v,styles:y,vars:h}=r,g=J(r,["className","children","rightSection","leftSection","value","onClick","onKeyDown","disabled","color","style","classNames","styles","vars"]),k=(0,D.rZ)(),{dir:w}=(0,Z.gm)(),O=s(),j=c===O.value,x=e=>{O.onChange(O.allowTabDeactivation&&c===O.value?null:c),null==d||d(e)},_={classNames:v,styles:y,props:r};return a.createElement($.k,q(X(X({},g),O.getStyles("tab",X({className:n,style:f,variant:O.variant},_))),{disabled:p,unstyled:O.unstyled,variant:O.variant,mod:{active:j,disabled:p,orientation:O.orientation,inverted:O.inverted,placement:"vertical"===O.orientation&&O.placement},ref:t,role:"tab",id:O.getTabId(c),"aria-selected":j,tabIndex:j||null===O.value?0:-1,"aria-controls":O.getPanelId(c),onClick:x,__vars:{"--tabs-color":m?(0,M.p)(m,k):void 0},onKeyDown:(0,W.R)({siblingSelector:'[role="tab"]',parentSelector:'[role="tablist"]',activateOnFocus:O.activateTabWithKeyboard,loop:O.loop,orientation:O.orientation||"horizontal",dir:w,onKeyDown:b})}),i&&a.createElement("span",q(X({},O.getStyles("tabSection",_)),{"data-position":"left"}),i),o&&a.createElement("span",X({},O.getStyles("tabLabel",_)),o),l&&a.createElement("span",q(X({},O.getStyles("tabSection",_)),{"data-position":"right"}),l))});Q.classes=c,Q.displayName="@mantine/core/TabsTab";var ee=r(86109),et=r(47065),er=r(8586),ea=r(48468),en=Object.defineProperty,eo=Object.getOwnPropertySymbols,el=Object.prototype.hasOwnProperty,ei=Object.prototype.propertyIsEnumerable,es=(e,t,r)=>t in e?en(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ec=(e,t)=>{for(var r in t||(t={}))el.call(t,r)&&es(e,r,t[r]);if(eo)for(var r of eo(t))ei.call(t,r)&&es(e,r,t[r]);return e},ed=(e,t)=>{var r={};for(var a in e)el.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&eo)for(var a of eo(e))0>t.indexOf(a)&&ei.call(e,a)&&(r[a]=e[a]);return r};let eu="Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value",eb={keepMounted:!0,orientation:"horizontal",loop:!0,activateTabWithKeyboard:!0,allowTabDeactivation:!1,unstyled:!1,inverted:!1,variant:"default",placement:"left"},ep=(0,er.Z)((e,{radius:t,color:r})=>({root:{"--tabs-radius":(0,ea.H5)(t),"--tabs-color":(0,M.p)(r,e)}})),em=(0,d.d)((e,t)=>{let r=(0,u.w)("Tabs",eb,e),{defaultValue:l,value:s,onChange:d,orientation:p,children:m,loop:f,id:v,activateTabWithKeyboard:y,allowTabDeactivation:h,variant:g,color:k,radius:w,inverted:O,placement:j,keepMounted:x,classNames:_,styles:N,unstyled:P,className:T,style:S,vars:E}=r,C=ed(r,["defaultValue","value","onChange","orientation","children","loop","id","activateTabWithKeyboard","allowTabDeactivation","variant","color","radius","inverted","placement","keepMounted","classNames","styles","unstyled","className","style","vars"]),F=(0,n.M)(v),[L,z]=(0,o.C)({value:s,defaultValue:l,finalValue:null,onChange:d}),I=(0,ee.y)({name:"Tabs",props:r,classes:c,className:T,style:S,classNames:_,styles:N,unstyled:P,vars:E,varsResolver:ep});return a.createElement(i,{value:{placement:j,value:L,orientation:p,id:F,loop:f,activateTabWithKeyboard:y,getTabId:(0,et.A)(`${F}-tab`,eu),getPanelId:(0,et.A)(`${F}-panel`,eu),onChange:z,allowTabDeactivation:h,variant:g,color:k,radius:w,inverted:O,keepMounted:x,unstyled:P,getStyles:I}},a.createElement(b.x,ec(ec({ref:t,id:F,variant:g,mod:{orientation:p,inverted:"horizontal"===p&&O,placement:"vertical"===p&&j}},I("root")),C),m))});em.classes=c,em.displayName="@mantine/core/Tabs",em.Tab=Q,em.Panel=B,em.List=x},47065:function(e,t,r){"use strict";function a(e,t){return r=>{if("string"!=typeof r||0===r.trim().length)throw Error(t);return`${e}-${r}`}}r.d(t,{A:function(){return a}})},81198:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var a=r(67294),n=r(72622),o=Object.defineProperty,l=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&c(e,r,t[r]);if(l)for(var r of l(t))s.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var a in e)i.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&l)for(var a of l(e))0>t.indexOf(a)&&s.call(e,a)&&(r[a]=e[a]);return r};function b(e){var{size:t,style:r}=e,o=u(e,["size","style"]);return a.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 209",fill:"currentColor",style:d({width:(0,n.h)(t),height:(0,n.h)(t)},r)},o),a.createElement("path",{fillRule:"nonzero",d:"M256 25.45c-9.42 4.177-19.542 7-30.166 8.27 10.845-6.5 19.172-16.793 23.093-29.057a105.183 105.183 0 01-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52 0 4.117.465 8.125 1.36 11.97-43.65-2.191-82.35-23.1-108.255-54.876-4.52 7.757-7.11 16.78-7.11 26.404 0 18.222 9.273 34.297 23.365 43.716a52.312 52.312 0 01-23.79-6.57c-.003.22-.003.44-.003.661 0 25.447 18.104 46.675 42.13 51.5a52.592 52.592 0 01-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475-17.975 14.086-40.622 22.483-65.228 22.483-4.24 0-8.42-.249-12.529-.734 23.243 14.902 50.85 23.597 80.51 23.597 96.607 0 149.434-80.031 149.434-149.435 0-2.278-.05-4.543-.152-6.795A106.748 106.748 0 00256 25.45"}))}},4468:function(e,t,r){"use strict";r.d(t,{a:function(){return a}});let a={selectors:{root:"Root element",label:"Thumb label",thumb:"Thumb element",trackContainer:"Wraps track element",track:"Slider track",bar:"Track filled part",markWrapper:"Contains `mark` and `markLabel` elements",mark:"Mark displayed on track",markLabel:"Label of the associated mark, displayed below track"},vars:{root:{"--slider-size":"Controls track `height`","--slider-color":"Controls filled track, thumb and marks `background`","--slider-thumb-size":"Controls thumb `width` and `height`","--slider-radius":"Controls `border-radius` of track and thumb"}},modifiers:[{modifier:"data-disabled",selector:["trackContainer","track","bar","thumb","mark"],condition:"`disabled` prop is set"},{modifier:"data-inverted",selector:["track","bar"],condition:"`inverted` prop is set"},{modifier:"data-dragging",selector:"thumb",condition:"slider is being dragged"},{modifier:"data-filled",selector:"mark",condition:"mark position is less or equal slider value"}]}}}]); \ No newline at end of file diff --git a/_next/static/chunks/9013-8e3c712e6a3f7ff8.js b/_next/static/chunks/9013-8e3c712e6a3f7ff8.js new file mode 100644 index 00000000000..72fb16497aa --- /dev/null +++ b/_next/static/chunks/9013-8e3c712e6a3f7ff8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9013],{53768:function(e,t,r){r.d(t,{Q:function(){return v}});var a=r(67294),l=r(72622),n=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(i)for(var r of i(t))d.call(t,r)&&u(e,r,t[r]);return e},p=(e,t)=>o(e,s(t)),y=(e,t)=>{var r={};for(var a in e)c.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&i)for(var a of i(e))0>t.indexOf(a)&&d.call(e,a)&&(r[a]=e[a]);return r};function v(e){var{style:t,size:r=16}=e,n=y(e,["style","size"]);return a.createElement("svg",f({viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:p(f({},t),{width:(0,l.h)(r),height:(0,l.h)(r),display:"block"})},n),a.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}v.displayName="@mantine/core/AccordionChevron"},69013:function(e,t,r){r.d(t,{f:function(){return rd}});var a=r(27693),l=r(67294),n=r(3154),o=r(30370),s=r(28816),i=r(81110),c=r(643),d=r(71062);function u(e,t){return e?"month"===e?0:"year"===e?1:2:t||0}function f(e,t,r){var a;return 0===(a=(0,d.u)(u(e,0),u(t,0),u(r,2)))?"month":1===a?"year":"decade"}var p=r(7177),y=r(40484),v=r(92437),m=r(8586),b=r(48468),w=r(86109),_=r(86610),h=r(53768),O={calendarHeader:"m-730a79ed",calendarHeaderLevel:"m-f6645d97",calendarHeaderControl:"m-2351eeb0",calendarHeaderControlIcon:"m-367dc749"},D=Object.defineProperty,x=Object.defineProperties,g=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,k=(e,t,r)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))L.call(t,r)&&k(e,r,t[r]);if(C)for(var r of C(t))P.call(t,r)&&k(e,r,t[r]);return e},I=(e,t)=>x(e,g(t)),j=(e,t)=>{var r={};for(var a in e)L.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&C)for(var a of C(e))0>t.indexOf(a)&&P.call(e,a)&&(r[a]=e[a]);return r};let S={nextDisabled:!1,previousDisabled:!1,hasNextLevel:!0,withNext:!0,withPrevious:!0},N=(0,m.Z)((e,{size:t})=>({calendarHeader:{"--dch-control-size":(0,b.ap)(t,"dch-control-size"),"--dch-fz":(0,b.yv)(t)}})),M=(0,n.d)((e,t)=>{let r=(0,o.w)("CalendarHeader",S,e),{classNames:a,className:n,style:s,styles:c,unstyled:d,vars:u,nextIcon:f,previousIcon:p,nextLabel:y,previousLabel:v,onNext:m,onPrevious:b,onLevelClick:D,label:x,nextDisabled:g,previousDisabled:C,hasNextLevel:L,levelControlAriaLabel:P,withNext:k,withPrevious:M,__staticSelector:F,__preventFocus:A,__stopPropagation:Y}=r,R=j(r,["classNames","className","style","styles","unstyled","vars","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","onLevelClick","label","nextDisabled","previousDisabled","hasNextLevel","levelControlAriaLabel","withNext","withPrevious","__staticSelector","__preventFocus","__stopPropagation"]),z=(0,w.y)({name:F||"CalendarHeader",classes:O,props:r,className:n,style:s,classNames:a,styles:c,unstyled:d,vars:u,varsResolver:N,rootSelector:"calendarHeader"}),W=A?e=>e.preventDefault():void 0;return l.createElement(i.x,E(I(E({},z("calendarHeader")),{ref:t}),R),M&&l.createElement(_.k,I(E({},z("calendarHeaderControl")),{"data-direction":"previous","aria-label":v,onClick:b,unstyled:d,onMouseDown:W,disabled:C,"data-disabled":C||void 0,tabIndex:A?-1:0,"data-mantine-stop-propagation":Y||void 0}),p||l.createElement(h.Q,I(E({},z("calendarHeaderControlIcon")),{"data-direction":"previous",size:"45%"}))),l.createElement(_.k,I(E({component:L?"button":"div"},z("calendarHeaderLevel")),{onClick:L?D:void 0,unstyled:d,onMouseDown:L?W:void 0,disabled:!L,"data-static":!L||void 0,"aria-label":P,tabIndex:A||!L?-1:0,"data-mantine-stop-propagation":Y||void 0}),x),k&&l.createElement(_.k,I(E({},z("calendarHeaderControl")),{"data-direction":"next","aria-label":y,onClick:m,unstyled:d,onMouseDown:W,disabled:g,"data-disabled":g||void 0,tabIndex:A?-1:0,"data-mantine-stop-propagation":Y||void 0}),f||l.createElement(h.Q,I(E({},z("calendarHeaderControlIcon")),{"data-direction":"next",size:"45%"}))))});function F(e,t){return!(t instanceof Date)||a(e).isAfter(a(t).subtract(1,"day"),"day")}function A(e,t){return!(t instanceof Date)||a(e).isBefore(a(t).add(1,"day"),"day")}function Y(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()}M.classes=O,M.displayName="@mantine/dates/CalendarHeader";var R={month:"m-cc9820d3",monthCell:"m-8f457cd5"},z={day:"m-396ce5cb"},W=Object.defineProperty,G=Object.defineProperties,H=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,V=(e,t,r)=>t in e?W(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Z=(e,t)=>{for(var r in t||(t={}))T.call(t,r)&&V(e,r,t[r]);if(K)for(var r of K(t))B.call(t,r)&&V(e,r,t[r]);return e},Q=(e,t)=>G(e,H(t)),J=(e,t)=>{var r={};for(var a in e)T.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&K)for(var a of K(e))0>t.indexOf(a)&&B.call(e,a)&&(r[a]=e[a]);return r};let $={},U=(0,m.Z)((e,{size:t})=>({day:{"--day-size":(0,b.ap)(t,"day-size")}})),q=(0,n.d)((e,t)=>{let r=(0,o.w)("Day",$,e),{classNames:n,className:s,style:i,styles:c,unstyled:d,vars:u,date:f,disabled:p,__staticSelector:m,weekend:b,outside:h,selected:O,renderDay:D,inRange:x,firstInRange:g,lastInRange:C,hidden:L,static:P}=r,k=J(r,["classNames","className","style","styles","unstyled","vars","date","disabled","__staticSelector","weekend","outside","selected","renderDay","inRange","firstInRange","lastInRange","hidden","static"]),E=(0,w.y)({name:m||"Day",classes:z,props:r,className:s,style:i,classNames:n,styles:c,unstyled:d,vars:u,varsResolver:U,rootSelector:"day"}),I=(0,y.e)();return l.createElement(_.k,Z(Q(Z({},E("day")),{component:P?"div":"button",ref:t,disabled:p,"data-today":a(f).isSame((0,v.w)("add",new Date,I.getTimezone()),"day")||void 0,"data-hidden":L||void 0,"data-disabled":p||void 0,"data-weekend":!p&&!h&&b||void 0,"data-outside":!p&&h||void 0,"data-selected":!p&&O||void 0,"data-in-range":x&&!p||void 0,"data-first-in-range":g&&!p||void 0,"data-last-in-range":C&&!p||void 0,"data-static":P||void 0,unstyled:d}),k),(null==D?void 0:D(f))||f.getDate())});q.classes=z,q.displayName="@mantine/dates/Day";var X={weekday:"m-18a3eca"},ee=Object.defineProperty,et=Object.getOwnPropertySymbols,er=Object.prototype.hasOwnProperty,ea=Object.prototype.propertyIsEnumerable,el=(e,t,r)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,en=(e,t)=>{for(var r in t||(t={}))er.call(t,r)&&el(e,r,t[r]);if(et)for(var r of et(t))ea.call(t,r)&&el(e,r,t[r]);return e},eo=(e,t)=>{var r={};for(var a in e)er.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&et)for(var a of et(e))0>t.indexOf(a)&&ea.call(e,a)&&(r[a]=e[a]);return r};let es={},ei=(0,m.Z)((e,{size:t})=>({weekdaysRow:{"--wr-fz":(0,b.yv)(t),"--wr-spacing":(0,b.bG)(t)}})),ec=(0,n.d)((e,t)=>{let r=(0,o.w)("WeekdaysRow",es,e),{classNames:n,className:s,style:c,styles:d,unstyled:u,vars:f,locale:p,firstDayOfWeek:v,weekdayFormat:m,cellComponent:b="th",__staticSelector:_}=r,h=eo(r,["classNames","className","style","styles","unstyled","vars","locale","firstDayOfWeek","weekdayFormat","cellComponent","__staticSelector"]),O=(0,w.y)({name:_||"WeekdaysRow",classes:X,props:r,className:s,style:c,classNames:n,styles:d,unstyled:u,vars:f,varsResolver:ei,rootSelector:"weekdaysRow"}),D=(0,y.e)(),x=(function({locale:e,format:t="dd",firstDayOfWeek:r=1}){let l=a().day(r),n=[];for(let r=0;r<7;r+=1)"string"==typeof t?n.push(a(l).add(r,"days").locale(e).format(t)):n.push(t(a(l).add(r,"days").toDate()));return n})({locale:D.getLocale(p),format:m,firstDayOfWeek:D.getFirstDayOfWeek(v)}).map((e,t)=>l.createElement(b,en({key:t},O("weekday")),e));return l.createElement(i.x,en(en({component:"tr",ref:t},O("weekdaysRow")),h),x)});ec.classes=X,ec.displayName="@mantine/dates/WeekdaysRow";var ed=Object.defineProperty,eu=Object.defineProperties,ef=Object.getOwnPropertyDescriptors,ep=Object.getOwnPropertySymbols,ey=Object.prototype.hasOwnProperty,ev=Object.prototype.propertyIsEnumerable,em=(e,t,r)=>t in e?ed(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eb=(e,t)=>{for(var r in t||(t={}))ey.call(t,r)&&em(e,r,t[r]);if(ep)for(var r of ep(t))ev.call(t,r)&&em(e,r,t[r]);return e},ew=(e,t)=>eu(e,ef(t)),e_=(e,t)=>{var r={};for(var a in e)ey.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&ep)for(var a of ep(e))0>t.indexOf(a)&&ev.call(e,a)&&(r[a]=e[a]);return r};let eh={withCellSpacing:!0},eO=(0,n.d)((e,t)=>{let r=(0,o.w)("Month",eh,e),{classNames:n,className:c,style:d,styles:u,unstyled:f,vars:p,__staticSelector:m,locale:b,firstDayOfWeek:_,weekdayFormat:h,month:O,weekendDays:D,getDayProps:x,excludeDate:g,minDate:C,maxDate:L,renderDay:P,hideOutsideDates:k,hideWeekdays:E,getDayAriaLabel:I,static:j,__getDayRef:S,__onDayKeyDown:N,__onDayClick:M,__onDayMouseEnter:z,__preventFocus:W,__stopPropagation:G,withCellSpacing:H,size:K}=r,T=e_(r,["classNames","className","style","styles","unstyled","vars","__staticSelector","locale","firstDayOfWeek","weekdayFormat","month","weekendDays","getDayProps","excludeDate","minDate","maxDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","static","__getDayRef","__onDayKeyDown","__onDayClick","__onDayMouseEnter","__preventFocus","__stopPropagation","withCellSpacing","size"]),B=(0,w.y)({name:m||"Month",classes:R,props:r,className:c,style:d,classNames:n,styles:u,unstyled:f,vars:p,rootSelector:"month"}),V=(0,y.e)(),Z=function(e,t=1,r){let a=e.getMonth(),l=(0,v.w)("add",new Date(e.getFullYear(),a,1),r),n=(0,v.w)("add",new Date(e.getFullYear(),e.getMonth()+1,0),r),o=function(e,t=1){let r=new Date(e),a=0===t?6:t-1;for(;r.getDay()!==a;)r.setDate(r.getDate()+1);return r}(n,t),s=function(e,t=1){let r=new Date(e);for(;r.getDay()!==t;)r.setDate(r.getDate()-1);return r}(l,t),i=[];for(;s<=o;){let e=[];for(let t=0;t<7;t+=1)e.push(new Date(s)),s.setDate(s.getDate()+1);i.push(e)}return i}(O,V.getFirstDayOfWeek(_)),Q=function(e,t,r,l,n,o,s){let i=e.flat().filter(e=>{var a;return A(e,r)&&F(e,t)&&!(null==n?void 0:n(e))&&!(null==(a=null==l?void 0:l(e))?void 0:a.disabled)&&(!o||Y(e,s))}),c=i.find(e=>{var t;return null==(t=null==l?void 0:l(e))?void 0:t.selected});if(c)return c;let d=i.find(e=>a().isSame(e,"date"));return d||i[0]}(Z,C,L,x,g,k,O),{resolvedClassNames:J,resolvedStyles:$}=(0,s.h)({classNames:n,styles:u,props:r}),U=Z.map((e,t)=>{let r=e.map((e,r)=>{let n=!Y(e,O),o=(null==I?void 0:I(e))||a(e).locale(b||V.locale).format("D MMMM YYYY"),s=null==x?void 0:x(e),i=a(e).isSame(Q,"date");return l.createElement("td",ew(eb({key:e.toString()},B("monthCell")),{"data-with-spacing":H||void 0}),l.createElement(q,ew(eb({__staticSelector:m||"Month",classNames:J,styles:$,unstyled:f,"data-mantine-stop-propagation":G||void 0,renderDay:P,date:e,size:K,weekend:V.getWeekendDays(D).includes(e.getDay()),outside:n,hidden:!!k&&n,"aria-label":o,static:j,disabled:(null==g?void 0:g(e))||!A(e,L)||!F(e,C),ref:e=>null==S?void 0:S(t,r,e)},s),{onKeyDown:a=>{var l;null==(l=null==s?void 0:s.onKeyDown)||l.call(s,a),null==N||N(a,{rowIndex:t,cellIndex:r,date:e})},onMouseEnter:t=>{var r;null==(r=null==s?void 0:s.onMouseEnter)||r.call(s,t),null==z||z(t,e)},onClick:t=>{var r;null==(r=null==s?void 0:s.onClick)||r.call(s,t),null==M||M(t,e)},onMouseDown:e=>{var t;null==(t=null==s?void 0:s.onMouseDown)||t.call(s,e),W&&e.preventDefault()},tabIndex:W||!i?-1:0})))});return l.createElement("tr",eb({key:t},B("monthRow")),r)});return l.createElement(i.x,eb(ew(eb({component:"table"},B("month")),{size:K,ref:t}),T),!E&&l.createElement("thead",eb({},B("monthThead")),l.createElement(ec,{__staticSelector:m||"Month",locale:b,firstDayOfWeek:_,weekdayFormat:h,size:K,classNames:J,styles:$,unstyled:f})),l.createElement("tbody",eb({},B("monthTbody")),U))});eO.classes=R,eO.displayName="@mantine/dates/Month";var eD=Object.defineProperty,ex=Object.getOwnPropertySymbols,eg=Object.prototype.hasOwnProperty,eC=Object.prototype.propertyIsEnumerable,eL=(e,t,r)=>t in e?eD(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eP=(e,t)=>{for(var r in t||(t={}))eg.call(t,r)&&eL(e,r,t[r]);if(ex)for(var r of ex(t))eC.call(t,r)&&eL(e,r,t[r]);return e},ek=(e,t)=>{var r={};for(var a in e)eg.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&ex)for(var a of ex(e))0>t.indexOf(a)&&eC.call(e,a)&&(r[a]=e[a]);return r};let eE={monthLabelFormat:"MMMM YYYY"},eI=(0,n.d)((e,t)=>{let r=(0,o.w)("MonthLevel",eE,e),{month:n,locale:s,firstDayOfWeek:c,weekdayFormat:d,weekendDays:u,getDayProps:f,excludeDate:p,minDate:v,maxDate:m,renderDay:b,hideOutsideDates:w,hideWeekdays:_,getDayAriaLabel:h,__getDayRef:O,__onDayKeyDown:D,__onDayClick:x,__onDayMouseEnter:g,withCellSpacing:C,__preventFocus:L,__stopPropagation:P,nextIcon:k,previousIcon:E,nextLabel:I,previousLabel:j,onNext:S,onPrevious:N,onLevelClick:F,nextDisabled:A,previousDisabled:Y,hasNextLevel:R,levelControlAriaLabel:z,withNext:W,withPrevious:G,monthLabelFormat:H,classNames:K,styles:T,unstyled:B,__staticSelector:V,size:Z,static:Q}=r,J=ek(r,["month","locale","firstDayOfWeek","weekdayFormat","weekendDays","getDayProps","excludeDate","minDate","maxDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","__getDayRef","__onDayKeyDown","__onDayClick","__onDayMouseEnter","withCellSpacing","__preventFocus","__stopPropagation","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","onLevelClick","nextDisabled","previousDisabled","hasNextLevel","levelControlAriaLabel","withNext","withPrevious","monthLabelFormat","classNames","styles","unstyled","__staticSelector","size","static"]),$=(0,y.e)(),U={__staticSelector:V||"MonthLevel",classNames:K,styles:T,unstyled:B,size:Z},q="boolean"==typeof A?A:!!m&&!a(n).endOf("month").isBefore(m),X="boolean"==typeof Y?Y:!!v&&!a(n).startOf("month").isAfter(v);return l.createElement(i.x,eP({"data-month-level":!0,size:Z,ref:t},J),l.createElement(M,eP({label:"function"==typeof H?H(n):a(n).locale(s||$.locale).format(H),__preventFocus:L,__stopPropagation:P,nextIcon:k,previousIcon:E,nextLabel:I,previousLabel:j,onNext:S,onPrevious:N,onLevelClick:F,nextDisabled:q,previousDisabled:X,hasNextLevel:R,levelControlAriaLabel:z,withNext:W,withPrevious:G},U)),l.createElement(eO,eP({month:n,locale:s,firstDayOfWeek:c,weekdayFormat:d,weekendDays:u,getDayProps:f,excludeDate:p,minDate:v,maxDate:m,renderDay:b,hideOutsideDates:w,hideWeekdays:_,getDayAriaLabel:h,__getDayRef:O,__onDayKeyDown:D,__onDayClick:x,__onDayMouseEnter:g,__preventFocus:L,__stopPropagation:P,static:Q,withCellSpacing:C},U)))});function ej({controlsRef:e,levelIndex:t,rowIndex:r,cellIndex:a,event:l}){let n=function(e){switch(e){case"ArrowDown":return"down";case"ArrowUp":return"up";case"ArrowRight":return"right";case"ArrowLeft":return"left";default:return null}}(l.key);if(n){var o;l.preventDefault();let s=null==(o=e.current)?void 0:o.map(e=>e.map(e=>e.length));!function e({controlsRef:t,direction:r,levelIndex:a,rowIndex:l,cellIndex:n,size:o}){var s,i,c;let d=function({direction:e,levelIndex:t,rowIndex:r,cellIndex:a,size:l}){switch(e){case"up":if(0===t&&0===r)return null;if(0===r)return{levelIndex:t-1,rowIndex:a<=l[t-1][l[t-1].length-1]-1?l[t-1].length-1:l[t-1].length-2,cellIndex:a};return{levelIndex:t,rowIndex:r-1,cellIndex:a};case"down":if(r===l[t].length-1||r===l[t].length-2&&a>=l[t][l[t].length-1])return{levelIndex:t+1,rowIndex:0,cellIndex:a};return{levelIndex:t,rowIndex:r+1,cellIndex:a};case"left":if(0===t&&0===r&&0===a)return null;if(0===r&&0===a)return{levelIndex:t-1,rowIndex:l[t-1].length-1,cellIndex:l[t-1][l[t-1].length-1]-1};if(0===a)return{levelIndex:t,rowIndex:r-1,cellIndex:l[t][r-1]-1};return{levelIndex:t,rowIndex:r,cellIndex:a-1};case"right":if(r===l[t].length-1&&a===l[t][r]-1)return{levelIndex:t+1,rowIndex:0,cellIndex:0};if(a===l[t][r]-1)return{levelIndex:t,rowIndex:r+1,cellIndex:0};return{levelIndex:t,rowIndex:r,cellIndex:a+1};default:return{levelIndex:t,rowIndex:r,cellIndex:a}}}({direction:r,size:o,rowIndex:l,cellIndex:n,levelIndex:a});if(!d)return;let u=null==(c=null==(i=null==(s=t.current)?void 0:s[d.levelIndex])?void 0:i[d.rowIndex])?void 0:c[d.cellIndex];u&&(u.disabled||u.getAttribute("data-hidden")||u.getAttribute("data-outside")?e({controlsRef:t,direction:r,levelIndex:d.levelIndex,cellIndex:d.cellIndex,rowIndex:d.rowIndex,size:o}):u.focus())}({controlsRef:e,direction:n,levelIndex:t,rowIndex:r,cellIndex:a,size:s})}}eI.classes=eP(eP({},eO.classes),M.classes),eI.displayName="@mantine/dates/MonthLevel";var eS={levelsGroup:"m-30b26e33"},eN=Object.defineProperty,eM=Object.getOwnPropertySymbols,eF=Object.prototype.hasOwnProperty,eA=Object.prototype.propertyIsEnumerable,eY=(e,t,r)=>t in e?eN(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eR=(e,t)=>{for(var r in t||(t={}))eF.call(t,r)&&eY(e,r,t[r]);if(eM)for(var r of eM(t))eA.call(t,r)&&eY(e,r,t[r]);return e},ez=(e,t)=>{var r={};for(var a in e)eF.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&eM)for(var a of eM(e))0>t.indexOf(a)&&eA.call(e,a)&&(r[a]=e[a]);return r};let eW={},eG=(0,n.d)((e,t)=>{let r=(0,o.w)("LevelsGroup",eW,e),{classNames:a,className:n,style:s,styles:c,unstyled:d,vars:u,__staticSelector:f}=r,p=ez(r,["classNames","className","style","styles","unstyled","vars","__staticSelector"]),y=(0,w.y)({name:f||"LevelsGroup",classes:eS,props:r,className:n,style:s,classNames:a,styles:c,unstyled:d,vars:u,rootSelector:"levelsGroup"});return l.createElement(i.x,eR(eR({ref:t},y("levelsGroup")),p))});eG.classes=eS,eG.displayName="@mantine/dates/LevelsGroup";var eH=Object.defineProperty,eK=Object.getOwnPropertySymbols,eT=Object.prototype.hasOwnProperty,eB=Object.prototype.propertyIsEnumerable,eV=(e,t,r)=>t in e?eH(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eZ=(e,t)=>{for(var r in t||(t={}))eT.call(t,r)&&eV(e,r,t[r]);if(eK)for(var r of eK(t))eB.call(t,r)&&eV(e,r,t[r]);return e},eQ=(e,t)=>{var r={};for(var a in e)eT.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&eK)for(var a of eK(e))0>t.indexOf(a)&&eB.call(e,a)&&(r[a]=e[a]);return r};let eJ={numberOfColumns:1},e$=(0,n.d)((e,t)=>{let r=(0,o.w)("MonthLevelGroup",eJ,e),{month:n,locale:s,firstDayOfWeek:i,weekdayFormat:c,weekendDays:d,getDayProps:u,excludeDate:f,minDate:p,maxDate:y,renderDay:v,hideOutsideDates:m,hideWeekdays:b,getDayAriaLabel:w,__onDayClick:_,__onDayMouseEnter:h,withCellSpacing:O,__preventFocus:D,nextIcon:x,previousIcon:g,nextLabel:C,previousLabel:L,onNext:P,onPrevious:k,onLevelClick:E,nextDisabled:I,previousDisabled:j,hasNextLevel:S,classNames:N,styles:M,unstyled:F,numberOfColumns:A,levelControlAriaLabel:Y,monthLabelFormat:R,__staticSelector:z,__stopPropagation:W,size:G,static:H,vars:K}=r,T=eQ(r,["month","locale","firstDayOfWeek","weekdayFormat","weekendDays","getDayProps","excludeDate","minDate","maxDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","__onDayClick","__onDayMouseEnter","withCellSpacing","__preventFocus","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","onLevelClick","nextDisabled","previousDisabled","hasNextLevel","classNames","styles","unstyled","numberOfColumns","levelControlAriaLabel","monthLabelFormat","__staticSelector","__stopPropagation","size","static","vars"]),B=(0,l.useRef)([]),V=Array(A).fill(0).map((e,t)=>{let r=a(n).add(t,"months").toDate();return l.createElement(eI,{key:t,month:r,withNext:t===A-1,withPrevious:0===t,monthLabelFormat:R,__stopPropagation:W,__onDayClick:_,__onDayMouseEnter:h,__onDayKeyDown:(e,r)=>ej({levelIndex:t,rowIndex:r.rowIndex,cellIndex:r.cellIndex,event:e,controlsRef:B}),__getDayRef:(e,r,a)=>{Array.isArray(B.current[t])||(B.current[t]=[]),Array.isArray(B.current[t][e])||(B.current[t][e]=[]),B.current[t][e][r]=a},levelControlAriaLabel:"function"==typeof Y?Y(r):Y,locale:s,firstDayOfWeek:i,weekdayFormat:c,weekendDays:d,getDayProps:u,excludeDate:f,minDate:p,maxDate:y,renderDay:v,hideOutsideDates:m,hideWeekdays:b,getDayAriaLabel:w,__preventFocus:D,nextIcon:x,previousIcon:g,nextLabel:C,previousLabel:L,onNext:P,onPrevious:k,onLevelClick:E,nextDisabled:I,previousDisabled:j,hasNextLevel:S,classNames:N,styles:M,unstyled:F,__staticSelector:z||"MonthLevelGroup",size:G,static:H,withCellSpacing:O})});return l.createElement(eG,eZ({classNames:N,styles:M,__staticSelector:z||"MonthLevelGroup",ref:t,size:G},T),V)});e$.classes=eZ(eZ({},eG.classes),eI.classes),e$.displayName="@mantine/dates/MonthLevelGroup";var eU={monthsList:"m-2a6c32d",monthsListCell:"m-fe27622f"};function eq(e,t,r){return(!!t||!!r)&&!!(t&&a(e).isBefore(t,"month")||r&&a(e).isAfter(r,"month"))}var eX={pickerControl:"m-dc6a3c71"},e0=Object.defineProperty,e1=Object.defineProperties,e6=Object.getOwnPropertyDescriptors,e3=Object.getOwnPropertySymbols,e7=Object.prototype.hasOwnProperty,e4=Object.prototype.propertyIsEnumerable,e5=(e,t,r)=>t in e?e0(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e9=(e,t)=>{for(var r in t||(t={}))e7.call(t,r)&&e5(e,r,t[r]);if(e3)for(var r of e3(t))e4.call(t,r)&&e5(e,r,t[r]);return e},e2=(e,t)=>e1(e,e6(t)),e8=(e,t)=>{var r={};for(var a in e)e7.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&e3)for(var a of e3(e))0>t.indexOf(a)&&e4.call(e,a)&&(r[a]=e[a]);return r};let te={},tt=(0,m.Z)((e,{size:t})=>({pickerControl:{"--dpc-fz":(0,b.yv)(t),"--dpc-size":(0,b.ap)(t,"dpc-size")}})),tr=(0,n.d)((e,t)=>{let r=(0,o.w)("PickerControl",te,e),{classNames:a,className:n,style:s,styles:i,unstyled:c,vars:d,firstInRange:u,lastInRange:f,inRange:p,__staticSelector:y,selected:v,disabled:m}=r,b=e8(r,["classNames","className","style","styles","unstyled","vars","firstInRange","lastInRange","inRange","__staticSelector","selected","disabled"]),h=(0,w.y)({name:y||"PickerControl",classes:eX,props:r,className:n,style:s,classNames:a,styles:i,unstyled:c,vars:d,varsResolver:tt,rootSelector:"pickerControl"});return l.createElement(_.k,e9(e2(e9({},h("pickerControl")),{ref:t,unstyled:c,"data-picker-control":!0,"data-selected":v&&!m||void 0,"data-disabled":m||void 0,"data-in-range":p&&!m&&!v||void 0,"data-first-in-range":u&&!m||void 0,"data-last-in-range":f&&!m||void 0,disabled:m}),b))});tr.classes=eX,tr.displayName="@mantine/dates/PickerControl";var ta=Object.defineProperty,tl=Object.defineProperties,tn=Object.getOwnPropertyDescriptors,to=Object.getOwnPropertySymbols,ts=Object.prototype.hasOwnProperty,ti=Object.prototype.propertyIsEnumerable,tc=(e,t,r)=>t in e?ta(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,td=(e,t)=>{for(var r in t||(t={}))ts.call(t,r)&&tc(e,r,t[r]);if(to)for(var r of to(t))ti.call(t,r)&&tc(e,r,t[r]);return e},tu=(e,t)=>tl(e,tn(t)),tf=(e,t)=>{var r={};for(var a in e)ts.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&to)for(var a of to(e))0>t.indexOf(a)&&ti.call(e,a)&&(r[a]=e[a]);return r};let tp={monthsListFormat:"MMM",withCellSpacing:!0},ty=(0,n.d)((e,t)=>{let r=(0,o.w)("MonthsList",tp,e),{classNames:n,className:s,style:c,styles:d,unstyled:u,vars:f,__staticSelector:p,year:v,monthsListFormat:m,locale:b,minDate:_,maxDate:h,getMonthControlProps:O,__getControlRef:D,__onControlKeyDown:x,__onControlClick:g,__onControlMouseEnter:C,__preventFocus:L,__stopPropagation:P,withCellSpacing:k,size:E}=r,I=tf(r,["classNames","className","style","styles","unstyled","vars","__staticSelector","year","monthsListFormat","locale","minDate","maxDate","getMonthControlProps","__getControlRef","__onControlKeyDown","__onControlClick","__onControlMouseEnter","__preventFocus","__stopPropagation","withCellSpacing","size"]),j=(0,w.y)({name:p||"MonthsList",classes:eU,props:r,className:s,style:c,classNames:n,styles:d,unstyled:u,vars:f,rootSelector:"monthsList"}),S=(0,y.e)(),N=function(e){let t=a(e).startOf("year").toDate(),r=[[],[],[],[]],l=0;for(let e=0;e<4;e+=1)for(let n=0;n<3;n+=1)r[e].push(a(t).add(l,"months").toDate()),l+=1;return r}(v),M=function(e,t,r,l){let n=e.flat().filter(e=>{var a;return!eq(e,t,r)&&!(null==(a=null==l?void 0:l(e))?void 0:a.disabled)}),o=n.find(e=>{var t;return null==(t=null==l?void 0:l(e))?void 0:t.selected});if(o)return o;let s=n.find(e=>a().isSame(e,"month"));return s||n[0]}(N,_,h,O),F=N.map((e,t)=>{let r=e.map((e,r)=>{let n=null==O?void 0:O(e),o=a(e).isSame(M,"month");return l.createElement("td",tu(td({key:r},j("monthsListCell")),{"data-with-spacing":k||void 0}),l.createElement(tr,tu(td(tu(td({},j("monthsListControl")),{size:E,unstyled:u,__staticSelector:p||"MonthsList","data-mantine-stop-propagation":P||void 0,disabled:eq(e,_,h),ref:e=>null==D?void 0:D(t,r,e)}),n),{onKeyDown:a=>{var l;null==(l=null==n?void 0:n.onKeyDown)||l.call(n,a),null==x||x(a,{rowIndex:t,cellIndex:r,date:e})},onClick:t=>{var r;null==(r=null==n?void 0:n.onClick)||r.call(n,t),null==g||g(t,e)},onMouseEnter:t=>{var r;null==(r=null==n?void 0:n.onMouseEnter)||r.call(n,t),null==C||C(t,e)},onMouseDown:e=>{var t;null==(t=null==n?void 0:n.onMouseDown)||t.call(n,e),L&&e.preventDefault()},tabIndex:L||!o?-1:0}),a(e).locale(S.getLocale(b)).format(m)))});return l.createElement("tr",td({key:t},j("monthsListRow")),r)});return l.createElement(i.x,td(td({component:"table",ref:t,size:E},j("monthsList")),I),l.createElement("tbody",null,F))});ty.classes=eU,ty.displayName="@mantine/dates/MonthsList";var tv=Object.defineProperty,tm=Object.getOwnPropertySymbols,tb=Object.prototype.hasOwnProperty,tw=Object.prototype.propertyIsEnumerable,t_=(e,t,r)=>t in e?tv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,th=(e,t)=>{for(var r in t||(t={}))tb.call(t,r)&&t_(e,r,t[r]);if(tm)for(var r of tm(t))tw.call(t,r)&&t_(e,r,t[r]);return e},tO=(e,t)=>{var r={};for(var a in e)tb.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&tm)for(var a of tm(e))0>t.indexOf(a)&&tw.call(e,a)&&(r[a]=e[a]);return r};let tD={yearLabelFormat:"YYYY"},tx=(0,n.d)((e,t)=>{let r=(0,o.w)("YearLevel",tD,e),{year:n,locale:s,minDate:c,maxDate:d,monthsListFormat:u,getMonthControlProps:f,__getControlRef:p,__onControlKeyDown:v,__onControlClick:m,__onControlMouseEnter:b,withCellSpacing:w,__preventFocus:_,nextIcon:h,previousIcon:O,nextLabel:D,previousLabel:x,onNext:g,onPrevious:C,onLevelClick:L,nextDisabled:P,previousDisabled:k,hasNextLevel:E,levelControlAriaLabel:I,withNext:j,withPrevious:S,yearLabelFormat:N,__staticSelector:F,__stopPropagation:A,size:Y,classNames:R,styles:z,unstyled:W}=r,G=tO(r,["year","locale","minDate","maxDate","monthsListFormat","getMonthControlProps","__getControlRef","__onControlKeyDown","__onControlClick","__onControlMouseEnter","withCellSpacing","__preventFocus","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","onLevelClick","nextDisabled","previousDisabled","hasNextLevel","levelControlAriaLabel","withNext","withPrevious","yearLabelFormat","__staticSelector","__stopPropagation","size","classNames","styles","unstyled"]),H=(0,y.e)(),K={__staticSelector:F||"YearLevel",classNames:R,styles:z,unstyled:W,size:Y},T="boolean"==typeof P?P:!!d&&!a(n).endOf("year").isBefore(d),B="boolean"==typeof k?k:!!c&&!a(n).startOf("year").isAfter(c);return l.createElement(i.x,th({"data-year-level":!0,size:Y,ref:t},G),l.createElement(M,th({label:"function"==typeof N?N(n):a(n).locale(s||H.locale).format(N),__preventFocus:_,__stopPropagation:A,nextIcon:h,previousIcon:O,nextLabel:D,previousLabel:x,onNext:g,onPrevious:C,onLevelClick:L,nextDisabled:T,previousDisabled:B,hasNextLevel:E,levelControlAriaLabel:I,withNext:j,withPrevious:S},K)),l.createElement(ty,th({year:n,locale:s,minDate:c,maxDate:d,monthsListFormat:u,getMonthControlProps:f,__getControlRef:p,__onControlKeyDown:v,__onControlClick:m,__onControlMouseEnter:b,__preventFocus:_,__stopPropagation:A,withCellSpacing:w},K)))});tx.classes=th(th({},M.classes),ty.classes),tx.displayName="@mantine/dates/YearLevel";var tg=Object.defineProperty,tC=Object.getOwnPropertySymbols,tL=Object.prototype.hasOwnProperty,tP=Object.prototype.propertyIsEnumerable,tk=(e,t,r)=>t in e?tg(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tE=(e,t)=>{for(var r in t||(t={}))tL.call(t,r)&&tk(e,r,t[r]);if(tC)for(var r of tC(t))tP.call(t,r)&&tk(e,r,t[r]);return e},tI=(e,t)=>{var r={};for(var a in e)tL.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&tC)for(var a of tC(e))0>t.indexOf(a)&&tP.call(e,a)&&(r[a]=e[a]);return r};let tj={numberOfColumns:1},tS=(0,n.d)((e,t)=>{let r=(0,o.w)("YearLevelGroup",tj,e),{year:n,locale:s,minDate:i,maxDate:c,monthsListFormat:d,getMonthControlProps:u,__onControlClick:f,__onControlMouseEnter:p,withCellSpacing:y,__preventFocus:v,nextIcon:m,previousIcon:b,nextLabel:w,previousLabel:_,onNext:h,onPrevious:O,onLevelClick:D,nextDisabled:x,previousDisabled:g,hasNextLevel:C,classNames:L,styles:P,unstyled:k,__staticSelector:E,__stopPropagation:I,numberOfColumns:j,levelControlAriaLabel:S,yearLabelFormat:N,size:M,vars:F}=r,A=tI(r,["year","locale","minDate","maxDate","monthsListFormat","getMonthControlProps","__onControlClick","__onControlMouseEnter","withCellSpacing","__preventFocus","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","onLevelClick","nextDisabled","previousDisabled","hasNextLevel","classNames","styles","unstyled","__staticSelector","__stopPropagation","numberOfColumns","levelControlAriaLabel","yearLabelFormat","size","vars"]),Y=(0,l.useRef)([]),R=Array(j).fill(0).map((e,t)=>{let r=a(n).add(t,"years").toDate();return l.createElement(tx,{key:t,size:M,monthsListFormat:d,year:r,withNext:t===j-1,withPrevious:0===t,yearLabelFormat:N,__stopPropagation:I,__onControlClick:f,__onControlMouseEnter:p,__onControlKeyDown:(e,r)=>ej({levelIndex:t,rowIndex:r.rowIndex,cellIndex:r.cellIndex,event:e,controlsRef:Y}),__getControlRef:(e,r,a)=>{Array.isArray(Y.current[t])||(Y.current[t]=[]),Array.isArray(Y.current[t][e])||(Y.current[t][e]=[]),Y.current[t][e][r]=a},levelControlAriaLabel:"function"==typeof S?S(r):S,locale:s,minDate:i,maxDate:c,__preventFocus:v,nextIcon:m,previousIcon:b,nextLabel:w,previousLabel:_,onNext:h,onPrevious:O,onLevelClick:D,nextDisabled:x,previousDisabled:g,hasNextLevel:C,getMonthControlProps:u,classNames:L,styles:P,unstyled:k,__staticSelector:E||"YearLevelGroup",withCellSpacing:y})});return l.createElement(eG,tE({classNames:L,styles:P,__staticSelector:E||"YearLevelGroup",ref:t,size:M,unstyled:k},A),R)});function tN(e){let t=e.getFullYear(),r=t-t%10,a=0,l=[[],[],[],[]];for(let e=0;e<4;e+=1){let t=3===e?1:3;for(let n=0;nt in e?tA(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tK=(e,t)=>{for(var r in t||(t={}))tW.call(t,r)&&tH(e,r,t[r]);if(tz)for(var r of tz(t))tG.call(t,r)&&tH(e,r,t[r]);return e},tT=(e,t)=>tY(e,tR(t)),tB=(e,t)=>{var r={};for(var a in e)tW.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&tz)for(var a of tz(e))0>t.indexOf(a)&&tG.call(e,a)&&(r[a]=e[a]);return r};let tV={yearsListFormat:"YYYY",withCellSpacing:!0},tZ=(0,n.d)((e,t)=>{let r=(0,o.w)("YearsList",tV,e),{classNames:n,className:s,style:c,styles:d,unstyled:u,vars:f,decade:p,yearsListFormat:v,locale:m,minDate:b,maxDate:_,getYearControlProps:h,__staticSelector:O,__getControlRef:D,__onControlKeyDown:x,__onControlClick:g,__onControlMouseEnter:C,__preventFocus:L,__stopPropagation:P,withCellSpacing:k,size:E}=r,I=tB(r,["classNames","className","style","styles","unstyled","vars","decade","yearsListFormat","locale","minDate","maxDate","getYearControlProps","__staticSelector","__getControlRef","__onControlKeyDown","__onControlClick","__onControlMouseEnter","__preventFocus","__stopPropagation","withCellSpacing","size"]),j=(0,w.y)({name:O||"YearsList",classes:tF,props:r,className:s,style:c,classNames:n,styles:d,unstyled:u,vars:f,rootSelector:"yearsList"}),S=(0,y.e)(),N=tN(p),M=function(e,t,r,l){let n=e.flat().filter(e=>{var a;return!tM(e,t,r)&&!(null==(a=null==l?void 0:l(e))?void 0:a.disabled)}),o=n.find(e=>{var t;return null==(t=null==l?void 0:l(e))?void 0:t.selected});if(o)return o;let s=n.find(e=>a().isSame(e,"year"));return s||n[0]}(N,b,_,h),F=N.map((e,t)=>{let r=e.map((e,r)=>{let n=null==h?void 0:h(e),o=a(e).isSame(M,"year");return l.createElement("td",tT(tK({key:r},j("yearsListCell")),{"data-with-spacing":k||void 0}),l.createElement(tr,tT(tK(tT(tK({},j("yearsListControl")),{size:E,unstyled:u,"data-mantine-stop-propagation":P||void 0,disabled:tM(e,b,_),ref:e=>null==D?void 0:D(t,r,e)}),n),{onKeyDown:a=>{var l;null==(l=null==n?void 0:n.onKeyDown)||l.call(n,a),null==x||x(a,{rowIndex:t,cellIndex:r,date:e})},onClick:t=>{var r;null==(r=null==n?void 0:n.onClick)||r.call(n,t),null==g||g(t,e)},onMouseEnter:t=>{var r;null==(r=null==n?void 0:n.onMouseEnter)||r.call(n,t),null==C||C(t,e)},onMouseDown:e=>{var t;null==(t=null==n?void 0:n.onMouseDown)||t.call(n,e),L&&e.preventDefault()},tabIndex:L||!o?-1:0}),a(e).locale(S.getLocale(m)).format(v)))});return l.createElement("tr",tK({key:t},j("yearsListRow")),r)});return l.createElement(i.x,tK(tK({component:"table",ref:t,size:E},j("yearsList")),I),l.createElement("tbody",null,F))});tZ.classes=tF,tZ.displayName="@mantine/dates/YearsList";var tQ=Object.defineProperty,tJ=Object.getOwnPropertySymbols,t$=Object.prototype.hasOwnProperty,tU=Object.prototype.propertyIsEnumerable,tq=(e,t,r)=>t in e?tQ(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tX=(e,t)=>{for(var r in t||(t={}))t$.call(t,r)&&tq(e,r,t[r]);if(tJ)for(var r of tJ(t))tU.call(t,r)&&tq(e,r,t[r]);return e},t0=(e,t)=>{var r={};for(var a in e)t$.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&tJ)for(var a of tJ(e))0>t.indexOf(a)&&tU.call(e,a)&&(r[a]=e[a]);return r};let t1={decadeLabelFormat:"YYYY"},t6=(0,n.d)((e,t)=>{let r=(0,o.w)("DecadeLevel",t1,e),{decade:n,locale:s,minDate:c,maxDate:d,yearsListFormat:u,getYearControlProps:f,__getControlRef:p,__onControlKeyDown:v,__onControlClick:m,__onControlMouseEnter:b,withCellSpacing:w,__preventFocus:_,nextIcon:h,previousIcon:O,nextLabel:D,previousLabel:x,onNext:g,onPrevious:C,nextDisabled:L,previousDisabled:P,levelControlAriaLabel:k,withNext:E,withPrevious:I,decadeLabelFormat:j,classNames:S,styles:N,unstyled:F,__staticSelector:A,__stopPropagation:Y,size:R}=r,z=t0(r,["decade","locale","minDate","maxDate","yearsListFormat","getYearControlProps","__getControlRef","__onControlKeyDown","__onControlClick","__onControlMouseEnter","withCellSpacing","__preventFocus","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","nextDisabled","previousDisabled","levelControlAriaLabel","withNext","withPrevious","decadeLabelFormat","classNames","styles","unstyled","__staticSelector","__stopPropagation","size"]),W=(0,y.e)(),[G,H]=function(e){let t=tN(e);return[t[0][0],t[3][0]]}(n),K={__staticSelector:A||"DecadeLevel",classNames:S,styles:N,unstyled:F,size:R},T="boolean"==typeof L?L:!!d&&!a(H).endOf("year").isBefore(d),B="boolean"==typeof P?P:!!c&&!a(G).startOf("year").isAfter(c),V=(e,t)=>a(e).locale(s||W.locale).format(t);return l.createElement(i.x,tX({"data-decade-level":!0,size:R,ref:t},z),l.createElement(M,tX({label:"function"==typeof j?j(G,H):`${V(G,j)} \u2013 ${V(H,j)}`,__preventFocus:_,__stopPropagation:Y,nextIcon:h,previousIcon:O,nextLabel:D,previousLabel:x,onNext:g,onPrevious:C,nextDisabled:T,previousDisabled:B,hasNextLevel:!1,levelControlAriaLabel:k,withNext:E,withPrevious:I},K)),l.createElement(tZ,tX({decade:n,locale:s,minDate:c,maxDate:d,yearsListFormat:u,getYearControlProps:f,__getControlRef:p,__onControlKeyDown:v,__onControlClick:m,__onControlMouseEnter:b,__preventFocus:_,__stopPropagation:Y,withCellSpacing:w},K)))});t6.classes=tX(tX({},tZ.classes),M.classes),t6.displayName="@mantine/dates/DecadeLevel";var t3=Object.defineProperty,t7=Object.getOwnPropertySymbols,t4=Object.prototype.hasOwnProperty,t5=Object.prototype.propertyIsEnumerable,t9=(e,t,r)=>t in e?t3(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,t2=(e,t)=>{for(var r in t||(t={}))t4.call(t,r)&&t9(e,r,t[r]);if(t7)for(var r of t7(t))t5.call(t,r)&&t9(e,r,t[r]);return e},t8=(e,t)=>{var r={};for(var a in e)t4.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&t7)for(var a of t7(e))0>t.indexOf(a)&&t5.call(e,a)&&(r[a]=e[a]);return r};let re={numberOfColumns:1},rt=(0,n.d)((e,t)=>{let r=(0,o.w)("DecadeLevelGroup",re,e),{decade:n,locale:s,minDate:i,maxDate:c,yearsListFormat:d,getYearControlProps:u,__onControlClick:f,__onControlMouseEnter:p,withCellSpacing:y,__preventFocus:v,nextIcon:m,previousIcon:b,nextLabel:w,previousLabel:_,onNext:h,onPrevious:O,nextDisabled:D,previousDisabled:x,classNames:g,styles:C,unstyled:L,__staticSelector:P,__stopPropagation:k,numberOfColumns:E,levelControlAriaLabel:I,decadeLabelFormat:j,size:S,vars:N}=r,M=t8(r,["decade","locale","minDate","maxDate","yearsListFormat","getYearControlProps","__onControlClick","__onControlMouseEnter","withCellSpacing","__preventFocus","nextIcon","previousIcon","nextLabel","previousLabel","onNext","onPrevious","nextDisabled","previousDisabled","classNames","styles","unstyled","__staticSelector","__stopPropagation","numberOfColumns","levelControlAriaLabel","decadeLabelFormat","size","vars"]),F=(0,l.useRef)([]),A=Array(E).fill(0).map((e,t)=>{let r=a(n).add(10*t,"years").toDate();return l.createElement(t6,{key:t,size:S,yearsListFormat:d,decade:r,withNext:t===E-1,withPrevious:0===t,decadeLabelFormat:j,__onControlClick:f,__onControlMouseEnter:p,__onControlKeyDown:(e,r)=>ej({levelIndex:t,rowIndex:r.rowIndex,cellIndex:r.cellIndex,event:e,controlsRef:F}),__getControlRef:(e,r,a)=>{Array.isArray(F.current[t])||(F.current[t]=[]),Array.isArray(F.current[t][e])||(F.current[t][e]=[]),F.current[t][e][r]=a},levelControlAriaLabel:"function"==typeof I?I(r):I,locale:s,minDate:i,maxDate:c,__preventFocus:v,__stopPropagation:k,nextIcon:m,previousIcon:b,nextLabel:w,previousLabel:_,onNext:h,onPrevious:O,nextDisabled:D,previousDisabled:x,getYearControlProps:u,__staticSelector:P||"DecadeLevelGroup",classNames:g,styles:C,unstyled:L,withCellSpacing:y})});return l.createElement(eG,t2({classNames:g,styles:C,__staticSelector:P||"DecadeLevelGroup",ref:t,size:S,unstyled:L},M),A)});rt.classes=t2(t2({},eG.classes),t6.classes),rt.displayName="@mantine/dates/DecadeLevelGroup";var rr=Object.defineProperty,ra=Object.getOwnPropertySymbols,rl=Object.prototype.hasOwnProperty,rn=Object.prototype.propertyIsEnumerable,ro=(e,t,r)=>t in e?rr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,rs=(e,t)=>{for(var r in t||(t={}))rl.call(t,r)&&ro(e,r,t[r]);if(ra)for(var r of ra(t))rn.call(t,r)&&ro(e,r,t[r]);return e},ri=(e,t)=>{var r={};for(var a in e)rl.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&ra)for(var a of ra(e))0>t.indexOf(a)&&rn.call(e,a)&&(r[a]=e[a]);return r};let rc={maxLevel:"decade",minLevel:"month",__updateDateOnYearSelect:!0,__updateDateOnMonthSelect:!0},rd=(0,n.d)((e,t)=>{let r=(0,o.w)("Calendar",rc,e),{vars:n,maxLevel:d,minLevel:u,defaultLevel:m,level:b,onLevelChange:w,date:_,defaultDate:h,onDateChange:O,numberOfColumns:D,columnsToScroll:x,ariaLabels:g,onYearSelect:C,onMonthSelect:L,onYearMouseEnter:P,onMonthMouseEnter:k,__updateDateOnYearSelect:E,__updateDateOnMonthSelect:I,firstDayOfWeek:j,weekdayFormat:S,weekendDays:N,getDayProps:M,excludeDate:F,renderDay:A,hideOutsideDates:Y,hideWeekdays:R,getDayAriaLabel:z,monthLabelFormat:W,nextIcon:G,previousIcon:H,__onDayClick:K,__onDayMouseEnter:T,withCellSpacing:B,monthsListFormat:V,getMonthControlProps:Z,yearLabelFormat:Q,yearsListFormat:J,getYearControlProps:$,decadeLabelFormat:U,classNames:q,styles:X,unstyled:ee,minDate:et,maxDate:er,locale:ea,__staticSelector:el,size:en,__preventFocus:eo,__stopPropagation:es,onNextDecade:ei,onPreviousDecade:ec,onNextYear:ed,onPreviousYear:eu,onNextMonth:ef,onPreviousMonth:ep,static:ey,__timezoneApplied:ev}=r,em=ri(r,["vars","maxLevel","minLevel","defaultLevel","level","onLevelChange","date","defaultDate","onDateChange","numberOfColumns","columnsToScroll","ariaLabels","onYearSelect","onMonthSelect","onYearMouseEnter","onMonthMouseEnter","__updateDateOnYearSelect","__updateDateOnMonthSelect","firstDayOfWeek","weekdayFormat","weekendDays","getDayProps","excludeDate","renderDay","hideOutsideDates","hideWeekdays","getDayAriaLabel","monthLabelFormat","nextIcon","previousIcon","__onDayClick","__onDayMouseEnter","withCellSpacing","monthsListFormat","getMonthControlProps","yearLabelFormat","yearsListFormat","getYearControlProps","decadeLabelFormat","classNames","styles","unstyled","minDate","maxDate","locale","__staticSelector","size","__preventFocus","__stopPropagation","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","onNextMonth","onPreviousMonth","static","__timezoneApplied"]),{resolvedClassNames:eb,resolvedStyles:ew}=(0,s.h)({classNames:q,styles:X,props:r}),[e_,eh]=(0,c.C)({value:b?f(b,u,d):void 0,defaultValue:m?f(m,u,d):void 0,finalValue:f(void 0,u,d),onChange:w}),[eO,eD]=(0,p.l)({type:"default",value:_,defaultValue:h,onChange:O,applyTimezone:!ev}),ex={__staticSelector:el||"Calendar",styles:ew,classNames:eb,unstyled:ee,size:en},eg=(0,y.e)(),eC=x||D||1,eL=eO||(0,v.w)("add",new Date,eg.getTimezone()),eP=()=>{let e=a(eL).add(eC,"month").toDate();null==ef||ef(e),eD(e)},ek=()=>{let e=a(eL).subtract(eC,"month").toDate();null==ep||ep(e),eD(e)},eE=()=>{let e=a(eL).add(eC,"year").toDate();null==ed||ed(e),eD(e)},eI=()=>{let e=a(eL).subtract(eC,"year").toDate();null==eu||eu(e),eD(e)},ej=()=>{let e=a(eL).add(10*eC,"year").toDate();null==ei||ei(e),eD(e)},eS=()=>{let e=a(eL).subtract(10*eC,"year").toDate();null==ec||ec(e),eD(e)};return l.createElement(i.x,rs({ref:t,size:en,"data-calendar":!0},em),"month"===e_&&l.createElement(e$,rs({month:eL,minDate:et,maxDate:er,firstDayOfWeek:j,weekdayFormat:S,weekendDays:N,getDayProps:M,excludeDate:F,renderDay:A,hideOutsideDates:Y,hideWeekdays:R,getDayAriaLabel:z,onNext:eP,onPrevious:ek,hasNextLevel:"month"!==d,onLevelClick:()=>eh("year"),numberOfColumns:D,locale:ea,levelControlAriaLabel:null==g?void 0:g.monthLevelControl,nextLabel:null==g?void 0:g.nextMonth,nextIcon:G,previousLabel:null==g?void 0:g.previousMonth,previousIcon:H,monthLabelFormat:W,__onDayClick:K,__onDayMouseEnter:T,__preventFocus:eo,__stopPropagation:es,static:ey,withCellSpacing:B},ex)),"year"===e_&&l.createElement(tS,rs({year:eL,numberOfColumns:D,minDate:et,maxDate:er,monthsListFormat:V,getMonthControlProps:Z,locale:ea,onNext:eE,onPrevious:eI,hasNextLevel:"month"!==d&&"year"!==d,onLevelClick:()=>eh("decade"),levelControlAriaLabel:null==g?void 0:g.yearLevelControl,nextLabel:null==g?void 0:g.nextYear,nextIcon:G,previousLabel:null==g?void 0:g.previousYear,previousIcon:H,yearLabelFormat:Q,__onControlMouseEnter:k,__onControlClick:(e,t)=>{I&&eD(t),eh(f("month",u,d)),null==L||L(t)},__preventFocus:eo,__stopPropagation:es,withCellSpacing:B},ex)),"decade"===e_&&l.createElement(rt,rs({decade:eL,minDate:et,maxDate:er,yearsListFormat:J,getYearControlProps:$,locale:ea,onNext:ej,onPrevious:eS,numberOfColumns:D,nextLabel:null==g?void 0:g.nextDecade,nextIcon:G,previousLabel:null==g?void 0:g.previousDecade,previousIcon:H,decadeLabelFormat:U,__onControlMouseEnter:P,__onControlClick:(e,t)=>{E&&eD(t),eh(f("year",u,d)),null==C||C(t)},__preventFocus:eo,__stopPropagation:es,withCellSpacing:B},ex)))});rd.classes=rs(rs(rs({},rt.classes),tS.classes),e$.classes),rd.displayName="@mantine/dates/Calendar"},29978:function(e,t,r){r.d(t,{J8:function(){return u},wf:function(){return f}});var a=r(67294),l=Object.defineProperty,n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,i=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))s.call(t,r)&&i(e,r,t[r]);return e};let d={locale:"en",timezone:null,firstDayOfWeek:1,weekendDays:[0,6],labelSeparator:"–"},u=(0,a.createContext)(d);function f({settings:e,children:t}){return a.createElement(u.Provider,{value:c(c({},d),e)},t)}},40484:function(e,t,r){r.d(t,{e:function(){return y}});var a=r(67294),l=r(29978),n=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(i)for(var r of i(t))d.call(t,r)&&u(e,r,t[r]);return e},p=(e,t)=>o(e,s(t));function y(){let e=(0,a.useContext)(l.J8),t=(0,a.useCallback)(t=>t||e.locale,[e.locale]),r=(0,a.useCallback)(t=>t||e.timezone||void 0,[e.timezone]),n=(0,a.useCallback)(t=>"number"==typeof t?t:e.firstDayOfWeek,[e.firstDayOfWeek]),o=(0,a.useCallback)(t=>Array.isArray(t)?t:e.weekendDays,[e.weekendDays]),s=(0,a.useCallback)(t=>"string"==typeof t?t:e.labelSeparator,[e.labelSeparator]);return p(f({},e),{getLocale:t,getTimezone:r,getFirstDayOfWeek:n,getWeekendDays:o,getLabelSeparator:s})}},7177:function(e,t,r){r.d(t,{l:function(){return i}});var a=r(643),l=r(67294),n=r(40484),o=r(92437);let s=e=>"range"===e?[null,null]:"multiple"===e?[]:null;function i({type:e,value:t,defaultValue:r,onChange:i,applyTimezone:c=!0}){let d=(0,l.useRef)(e),u=(0,n.e)(),[f,p,y]=(0,a.C)({value:(0,o.w)("add",t,u.getTimezone(),!c),defaultValue:(0,o.w)("add",r,u.getTimezone(),!c),finalValue:s(e),onChange:e=>{null==i||i((0,o.w)("remove",e,u.getTimezone(),!c))}}),v=f;return d.current!==e&&(d.current=e,void 0===t&&p(v=void 0!==r?r:s(e))),[v,p,y]}},92437:function(e,t,r){r.d(t,{w:function(){return s}});var a=r(27693),l=r(96600),n=r(12197);a.extend(l),a.extend(n);let o=(e,t,r)=>{if(!e)return null;if(!t)return e;let l=t?a(e).tz(t).utcOffset()+e.getTimezoneOffset():0;return"remove"===r&&(l*=-1),a(e).add(l,"minutes").toDate()};function s(e,t,r,a){return a||!t?t:Array.isArray(t)?t.map(t=>o(t,r,e)):o(t,r,e)}}}]); \ No newline at end of file diff --git a/_next/static/chunks/968-657e4a11a74f88db.js b/_next/static/chunks/968-657e4a11a74f88db.js new file mode 100644 index 00000000000..1d759c9c328 --- /dev/null +++ b/_next/static/chunks/968-657e4a11a74f88db.js @@ -0,0 +1,58 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[968],{33507:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});var r=(0,n(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},27693:function(t){var e,n,r,a,i,s,u,o,l,c,f,h,d,m,v,$,p,g,y,D,M;t.exports=(e="millisecond",n="second",r="minute",a="hour",i="week",s="month",u="quarter",o="year",l="date",c="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,h=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,d=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},(v={})[m="en"]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},$=function(t){return t instanceof D},p=function(t,e,n){var r;if(!t)return m;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else{var a=t.name;v[a]=t,r=a}return!n&&r&&(m=r),r||!n&&m},g=function(t,e){if($(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new D(n)},(y={s:d,z:function(t){var e=-t.utcOffset(),n=Math.abs(e);return(e<=0?"+":"-")+d(Math.floor(n/60),2,"0")+":"+d(n%60,2,"0")},m:function t(e,n){if(e.date()=0&&(i[f]=parseInt(c,10))}var h=i[3],d=i[0]+"-"+i[1]+"-"+i[2]+" "+(24===h?0:h)+":"+i[4]+":"+i[5]+":000",m=+t;return(a.utc(d).valueOf()-(m-=m%1e3))/6e4},o=r.prototype;o.tz=function(t,e){void 0===t&&(t=i);var n=this.utcOffset(),r=this.toDate(),s=r.toLocaleString("en-US",{timeZone:t}),u=Math.round((r-new Date(s))/1e3/60),o=a(s).$set("millisecond",this.$ms).utcOffset(-(15*Math.round(r.getTimezoneOffset()/15))-u,!0);if(e){var l=o.utcOffset();o=o.add(n-l,"minute")}return o.$x.$timezone=t,o},o.offsetName=function(t){var e=this.$x.$timezone||a.tz.guess(),n=s(this.valueOf(),e,{timeZoneName:t}).find(function(t){return"timezonename"===t.type.toLowerCase()});return n&&n.value};var l=o.startOf;o.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return l.call(this,t,e);var n=a(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return l.call(n,t,e).tz(this.$x.$timezone,!0)},a.tz=function(t,e,n){var r=n||e||i,s=u(+a(),r);if("string"!=typeof t)return a(t).tz(r);var o=function(t,e,n){var r=t-60*e*1e3,a=u(r,n);if(e===a)return[r,e];var i=u(r-=60*(a-e)*1e3,n);return a===i?[r,a]:[t-60*Math.min(a,i)*1e3,Math.max(a,i)]}(a.utc(t,n&&e).valueOf(),s,r),l=o[0],c=o[1],f=a(l).utcOffset(c);return f.$x.$timezone=r,f},a.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},a.tz.setDefault=function(t){i=t}})},96600:function(t){var e,n,r;t.exports=(e="minute",n=/[+-]\d\d(?::?\d\d)?/g,r=/([+-]|\d\d)/g,function(t,a,i){var s=a.prototype;i.utc=function(t){var e={date:t,utc:!0,args:arguments};return new a(e)},s.utc=function(t){var n=i(this.toDate(),{locale:this.$L,utc:!0});return t?n.add(this.utcOffset(),e):n},s.local=function(){return i(this.toDate(),{locale:this.$L,utc:!1})};var u=s.parse;s.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),u.call(this,t)};var o=s.init;s.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else o.call(this)};var l=s.utcOffset;s.utcOffset=function(t,a){var i=this.$utils().u;if(i(t))return this.$u?0:i(this.$offset)?l.call(this):this.$offset;if("string"==typeof t&&null===(t=function(t){void 0===t&&(t="");var e=t.match(n);if(!e)return null;var a=(""+e[0]).match(r)||["-",0,0],i=a[0],s=60*+a[1]+ +a[2];return 0===s?0:"+"===i?s:-s}(t)))return this;var s=16>=Math.abs(t)?60*t:t,u=this;if(a)return u.$offset=s,u.$u=0===t,u;if(0!==t){var o=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(u=this.local().add(s+o,e)).$offset=s,u.$x.$localOffset=o}else u=this.utc();return u};var c=s.format;s.format=function(t){var e=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return c.call(this,e)},s.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*t},s.isUTC=function(){return!!this.$u},s.toISOString=function(){return this.toDate().toISOString()},s.toString=function(){return this.toDate().toUTCString()};var f=s.toDate;s.toDate=function(t){return"s"===t&&this.$offset?i(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():f.call(this)};var h=s.diff;s.diff=function(t,e,n){if(t&&this.$u===t.$u)return h.call(this,t,e,n);var r=this.local(),a=i(t).local();return h.call(r,a,e,n)}})},68329:function(t,e,n){"use strict";n.d(e,{D:function(){return u}});var r=n(27693),a=n(67294),i=n(7177);function s(t,e){let n=[...e].sort((t,e)=>t.getTime()-e.getTime());return r(n[0]).startOf("day").subtract(1,"ms").isBefore(t)&&r(n[1]).endOf("day").add(1,"ms").isAfter(t)}function u({type:t,level:e,value:n,defaultValue:u,onChange:o,allowSingleDateInRange:l,allowDeselect:c,onMouseLeave:f,applyTimezone:h=!0}){let[d,m]=(0,i.l)({type:t,value:n,defaultValue:u,onChange:o,applyTimezone:h}),[v,$]=(0,a.useState)("range"===t&&d[0]&&!d[1]?d[0]:null),[p,g]=(0,a.useState)(null),y=n=>{if("range"===t){if(v instanceof Date&&!d[1]){if(r(n).isSame(v,e)&&!l){$(null),g(null),m([null,null]);return}let t=[n,v];t.sort((t,e)=>t.getTime()-e.getTime()),m(t),g(null),$(null);return}if(d[0]&&!d[1]&&r(n).isSame(d[0],e)&&!l){$(null),g(null),m([null,null]);return}m([n,null]),g(null),$(n);return}if("multiple"===t){d.some(t=>r(t).isSame(n,e))?m(d.filter(t=>!r(t).isSame(n,e))):m([...d,n]);return}d&&c&&r(n).isSame(d,e)?m(null):m(n)},D=t=>v instanceof Date&&p instanceof Date?s(t,[p,v]):d[0]instanceof Date&&d[1]instanceof Date&&s(t,d),M=t=>d[0]instanceof Date&&!!r(t).isSame(d[0],e)&&!(p&&r(p).isBefore(d[0])),S=t=>d[1]instanceof Date?r(t).isSame(d[1],e):d[0]instanceof Date&&!!p&&r(p).isBefore(d[0])&&r(t).isSame(d[0],e),O=n=>{if("range"===t)return{selected:d.some(t=>t&&r(t).isSame(n,e)),inRange:D(n),firstInRange:M(n),lastInRange:S(n),"data-autofocus":!!d[0]&&r(d[0]).isSame(n,e)||void 0};if("multiple"===t)return{selected:d.some(t=>t&&r(t).isSame(n,e)),"data-autofocus":!!d[0]&&r(d[0]).isSame(n,e)||void 0};let a=r(d).isSame(n,e);return{selected:a,"data-autofocus":a||void 0}};return{onDateChange:y,onRootMouseLeave:"range"===t?t=>{null==f||f(t),g(null)}:f,onHoveredDateChange:"range"===t&&v?g:()=>{},getControlProps:O,_value:d,setValue:m}}},94366:function(t,e,n){"use strict";n.d(e,{$:function(){return g}});var r=n(67294);let a=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState(null); + return <${t} allowDeselect value={value} onChange={setValue} />; +} +`,i=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState([]); + return <${t} type="multiple" value={value} onChange={setValue} />; +} +`,s=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState<[Date | null, Date | null]>([null, null]); + return <${t} type="range" value={value} onChange={setValue} />; +} +`,u=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState(null); + return <${t} value={value} onChange={setValue} />; +} +`,o=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState<[Date | null, Date | null]>([null, null]); + return ( + <${t} type="range" allowSingleDateInRange value={value} onChange={setValue} /> + ); +} +`;var l=n(72039);let c=t=>` +import { useState } from 'react'; +import { ${t} } from '@mantine/dates'; + +function Demo() { + const [value, setValue] = useState<[Date | null, Date | null]>([null, null]); + return ( + <${t} type="range" numberOfColumns={2} value={value} onChange={setValue} /> + ); +} +`;var f=Object.defineProperty,h=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,v=(t,e,n)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,$=(t,e)=>{for(var n in e||(e={}))d.call(e,n)&&v(t,n,e[n]);if(h)for(var n of h(e))m.call(e,n)&&v(t,n,e[n]);return t};let p=t=>`import { ${t} } from '@mantine/dates'; + +function Demo() { + return <${t} defaultValue={new Date()}{{props}} />; +} +`;function g(t){return{usage:{type:"code",centered:!0,code:u(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)(null);return r.createElement(t,{value:e,onChange:n})}},range:{type:"code",centered:!0,code:s(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)([null,null]);return r.createElement(t,{type:"range",value:e,onChange:n})}},multiple:{type:"code",centered:!0,code:i(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)([]);return r.createElement(t,{type:"multiple",value:e,onChange:n})}},deselect:{type:"code",centered:!0,code:a(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)(null);return r.createElement(t,{allowDeselect:!0,value:e,onChange:n})}},singleRange:{type:"code",centered:!0,code:o(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)([null,null]);return r.createElement(t,{type:"range",allowSingleDateInRange:!0,value:e,onChange:n})}},numberOfColumns:{type:"code",centered:!0,code:c(t.displayName.replace("@mantine/dates/","")),component:()=>{let[e,n]=(0,r.useState)([null,null]);return r.createElement(r.Fragment,null,r.createElement(t,{type:"range",numberOfColumns:2,value:e,onChange:n,visibleFrom:"sm"}),r.createElement(l.x,{ta:"center",hiddenFrom:"sm"},"Demo is not available on small screens. Make your screen larger to see the demo."))}},sizeConfigurator:{type:"configurator",centered:!0,code:p(t.displayName.replace("@mantine/dates/","")),controls:[{prop:"size",type:"size",initialValue:"sm",libraryValue:"sm"}],component:e=>r.createElement(t,$({defaultValue:new Date},e))}}}}}]); \ No newline at end of file diff --git a/_next/static/chunks/9814-572b51385cb9cf73.js b/_next/static/chunks/9814-572b51385cb9cf73.js new file mode 100644 index 00000000000..93279216286 --- /dev/null +++ b/_next/static/chunks/9814-572b51385cb9cf73.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9814],{67569:function(e,r,t){t.d(r,{n:function(){return n}});let n="__MANTINE_FORM_INDEX__"},69814:function(e,r,t){t.d(r,{c:function(){return z}});var n=t(67294),l=t(66471);function o(e){return null===e||"object"!=typeof e?{}:Object.keys(e).reduce((r,t)=>{let n=e[t];return null!=n&&!1!==n&&(r[t]=n),r},{})}var u=Object.defineProperty,a=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,f=(e,r,t)=>r in e?u(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,s=(e,r)=>{for(var t in r||(r={}))c.call(r,t)&&f(e,t,r[t]);if(a)for(var t of a(r))i.call(r,t)&&f(e,t,r[t]);return e};function b(e,r){if(null===r||"object"!=typeof r)return{};let t=s({},r);return Object.keys(r).forEach(r=>{r.includes(`${String(e)}.`)&&delete t[r]}),t}var p=t(67569);function y(e,r){return!!r&&("boolean"==typeof r?r:!!Array.isArray(r)&&r.includes(e.replace(/[.][0-9]/g,`.${p.n}`)))}var h=t(28380);function O(e){return"string"!=typeof e?[]:e.split(".")}function j(e,r,t){let n=O(e);if(0===n.length)return t;let l=(0,h.Y)(t);if(1===n.length)return l[n[0]]=r,l;let o=l[n[0]];for(let e=1;e0,errors:r}}function d(e,r){return"function"==typeof e?v(e(r)):v(function e(r,t,n="",l={}){return"object"!=typeof r||null===r?l:Object.keys(r).reduce((l,o)=>{let u=r[o],a=`${""===n?"":`${n}.`}${o}`,c=k(a,t),i=!1;return"function"==typeof u&&(l[a]=u(c,t,a)),"object"==typeof u&&Array.isArray(c)&&(i=!0,c.forEach((r,n)=>e(u,t,`${a}.${n}`,l))),"object"!=typeof u||"object"!=typeof c||null===c||i||e(u,t,a,l),l},l)}(e,r))}function g(e,r,t){if("string"!=typeof e)return{hasError:!1,error:null};let n=d(r,t),l=Object.keys(n.errors).find(r=>e.split(".").every((e,t)=>e===r.split(".")[t]));return{hasError:!!l,error:l?n.errors[l]:null}}var E=Object.defineProperty,$=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,w=(e,r,t)=>r in e?E(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,P=(e,r)=>{for(var t in r||(r={}))m.call(r,t)&&w(e,t,r[t]);if($)for(var t of $(r))C.call(r,t)&&w(e,t,r[t]);return e},A=Object.defineProperty,S=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,N=(e,r,t)=>r in e?A(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,M=(e,r)=>{for(var t in r||(r={}))_.call(r,t)&&N(e,t,r[t]);if(S)for(var t of S(r))I.call(r,t)&&N(e,t,r[t]);return e};function T(e,r){let t=e.substring(r.length+1).split(".")[0];return parseInt(t,10)}function D(e,r,t,n){if(void 0===r)return t;let l=`${String(e)}`,o=t;-1===n&&(o=b(`${l}.${r}`,o));let u=M({},o),a=new Set;return Object.entries(o).filter(([e])=>{if(!e.startsWith(`${l}.`))return!1;let t=T(e,l);return!Number.isNaN(t)&&t>=r}).forEach(([e,r])=>{let t=T(e,l),o=e.replace(`${l}.${t}`,`${l}.${t+n}`);u[o]=r,a.add(o),a.has(e)||delete u[e]}),u}function W(e,r){let t=Object.keys(e);if("string"==typeof r){let n=t.filter(e=>e.startsWith(`${r}.`));return e[r]||n.some(r=>e[r])||!1}return t.some(r=>e[r])}var x=Object.defineProperty,H=Object.defineProperties,L=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,X=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Y=(e,r)=>{for(var t in r||(r={}))R.call(r,t)&&X(e,t,r[t]);if(F)for(var t of F(r))B.call(r,t)&&X(e,t,r[t]);return e},q=(e,r)=>H(e,L(r));function z({initialValues:e={},initialErrors:r={},initialDirty:t={},initialTouched:u={},clearInputErrorOnChange:a=!0,validateInputOnChange:c=!1,validateInputOnBlur:i=!1,transformValues:f=e=>e,validate:s}={}){let[p,h]=(0,n.useState)(u),[O,v]=(0,n.useState)(t),[E,$]=(0,n.useState)(e),[m,C]=(0,n.useState)(o(r)),w=(0,n.useRef)(e),A=e=>{w.current=e},S=(0,n.useCallback)(()=>h({}),[]),_=e=>{let r=e?Y(Y({},E),e):E;A(r),v({})},I=(0,n.useCallback)(e=>C(r=>o("function"==typeof e?e(r):e)),[]),N=(0,n.useCallback)(()=>C({}),[]),M=(0,n.useCallback)(()=>{$(e),N(),A(e),v({}),S()},[]),T=(0,n.useCallback)((e,r)=>I(t=>q(Y({},t),{[e]:r})),[]),x=(0,n.useCallback)(e=>I(r=>{if("string"!=typeof e)return r;let t=Y({},r);return delete t[e],t}),[]),H=(0,n.useCallback)(e=>v(r=>{if("string"!=typeof e)return r;let t=b(e,r);return delete t[e],t}),[]),L=(0,n.useCallback)((e,r)=>{let t=y(e,c);H(e),h(r=>q(Y({},r),{[e]:!0})),$(n=>{let l=j(e,r,n);if(t){let r=g(e,s,l);r.hasError?T(e,r.error):x(e)}return l}),!t&&a&&T(e,null)},[]),F=(0,n.useCallback)(e=>{$(r=>{let t="function"==typeof e?e(r):e;return Y(Y({},r),t)}),a&&N()},[]),R=(0,n.useCallback)((e,r)=>{H(e),$(t=>(function(e,{from:r,to:t},n){let l=k(e,n);if(!Array.isArray(l))return n;let o=[...l],u=l[r];return o.splice(r,1),o.splice(t,0,u),j(e,o,n)})(e,r,t)),C(t=>(function(e,{from:r,to:t},n){let l=`${e}.${r}`,o=`${e}.${t}`,u=P({},n);return Object.keys(n).every(e=>{let r,t;if(e.startsWith(l)&&(r=e,t=e.replace(l,o)),e.startsWith(o)&&(r=e.replace(o,l),t=e),r&&t){let e=u[r],n=u[t];return void 0===n?delete u[r]:u[r]=n,void 0===e?delete u[t]:u[t]=e,!1}return!0}),u})(e,r,t))},[]),B=(0,n.useCallback)((e,r)=>{H(e),$(t=>(function(e,r,t){let n=k(e,t);return Array.isArray(n)?j(e,n.filter((e,t)=>t!==r),t):t})(e,r,t)),C(t=>D(e,r,t,-1))},[]),X=(0,n.useCallback)((e,r,t)=>{H(e),$(n=>(function(e,r,t,n){let l=k(e,n);if(!Array.isArray(l))return n;let o=[...l];return o.splice("number"==typeof t?t:o.length,0,r),j(e,o,n)})(e,r,t,n)),C(r=>D(e,t,r,1))},[]),z=(0,n.useCallback)(()=>{let e=d(s,E);return C(e.errors),e},[E,s]),G=(0,n.useCallback)(e=>{let r=g(e,s,E);return r.hasError?T(e,r.error):x(e),r},[E,s]),J=(e,{type:r="input",withError:t=!0,withFocus:n=!0}={})=>{var l;let o=(l=r=>L(e,r),e=>{if(e){if("function"==typeof e)l(e);else if("object"==typeof e&&"nativeEvent"in e){let{currentTarget:r}=e;r instanceof HTMLInputElement?"checkbox"===r.type?l(r.checked):l(r.value):(r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement)&&l(r.value)}else l(e)}else l(e)}),u={onChange:o};return t&&(u.error=m[e]),"checkbox"===r?u.checked=k(e,E):u.value=k(e,E),n&&(u.onFocus=()=>h(r=>q(Y({},r),{[e]:!0})),u.onBlur=()=>{if(y(e,i)){let r=g(e,s,E);r.hasError?T(e,r.error):x(e)}}),u},K=(e,r)=>t=>{null==t||t.preventDefault();let n=z();n.hasErrors?null==r||r(n.errors,E,t):null==e||e(f(E),t)},Q=e=>f(e||E),U=(0,n.useCallback)(e=>{e.preventDefault(),M()},[]),V=e=>{if(e){let r=k(e,O);if("boolean"==typeof r)return r;let t=k(e,E),n=k(e,w.current);return!l(t,n)}let r=Object.keys(O).length>0;return r?W(O):!l(E,w.current)},Z=(0,n.useCallback)(e=>W(p,e),[p]),ee=(0,n.useCallback)(e=>e?!g(e,s,E).hasError:!d(s,E).hasErrors,[E,s]);return{values:E,errors:m,setValues:F,setErrors:I,setFieldValue:L,setFieldError:T,clearFieldError:x,clearErrors:N,reset:M,validate:z,validateField:G,reorderListItem:R,removeListItem:B,insertListItem:X,getInputProps:J,onSubmit:K,onReset:U,isDirty:V,isTouched:Z,setTouched:h,setDirty:v,resetTouched:S,resetDirty:_,isValid:ee,getTransformedValues:Q}}}}]); \ No newline at end of file diff --git a/_next/static/chunks/framework-ce84985cd166733a.js b/_next/static/chunks/framework-ce84985cd166733a.js new file mode 100644 index 00000000000..9cfecf6ab47 --- /dev/null +++ b/_next/static/chunks/framework-ce84985cd166733a.js @@ -0,0 +1,33 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9774],{64448:function(e,n,t){/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var r,l,a,u,o,i,s=t(67294),c=t(63840);function f(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t")}value(){return this.buffer}span(e){this.buffer+=``}}let c=(e={})=>{let t={children:[]};return Object.assign(t,e),t};class d{constructor(){this.rootNode=c(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){let t=c({scope:e});this.add(t),this.stack.push(t)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),t.children.forEach(t=>this._walk(e,t)),e.closeNode(t)),e}static _collapse(e){"string"!=typeof e&&e.children&&(e.children.every(e=>"string"==typeof e)?e.children=[e.children.join("")]:e.children.forEach(e=>{d._collapse(e)}))}}class u extends d{constructor(e){super(),this.options=e}addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}addText(e){""!==e&&this.add(e)}addSublanguage(e,t){let r=e.root;r.sublanguage=!0,r.language=t,this.add(r)}toHTML(){let e=new l(this,this.options);return e.value()}finalize(){return!0}}function p(e){return e?"string"==typeof e?e:e.source:null}function _(e){return f("(?=",e,")")}function m(e){return f("(?:",e,")*")}function g(e){return f("(?:",e,")?")}function f(...e){let t=e.map(e=>p(e)).join("");return t}function E(...e){let t=function(e){let t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e),r="("+(t.capture?"":"?:")+e.map(e=>p(e)).join("|")+")";return r}function b(e){return RegExp(e.toString()+"|").exec("").length-1}let S=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function h(e,{joinWith:t}){let r=0;return e.map(e=>{r+=1;let t=r,n=p(e),a="";for(;n.length>0;){let e=S.exec(n);if(!e){a+=n;break}a+=n.substring(0,e.index),n=n.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?a+="\\"+String(Number(e[1])+t):(a+=e[0],"("===e[0]&&r++)}return a}).map(e=>`(${e})`).join(t)}let v="[a-zA-Z]\\w*",y="[a-zA-Z_]\\w*",T="\\b\\d+(\\.\\d+)?",O="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",C="\\b(0b[01]+)",N=(e={})=>{let t=/^#![ ]*\//;return e.binary&&(e.begin=f(t,/.*\b/,e.binary,/\b.*/)),i({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},R={begin:"\\\\[\\s\\S]",relevance:0},I=function(e,t,r={}){let n=i({scope:"comment",begin:e,end:t,contains:[]},r);n.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});let a=E("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return n.contains.push({begin:f(/[ ]+/,"(",a,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),n},A=I("//","$"),x=I("/\\*","\\*/"),w=I("#","$");var D=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:v,UNDERSCORE_IDENT_RE:y,NUMBER_RE:T,C_NUMBER_RE:O,BINARY_NUMBER_RE:C,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:N,BACKSLASH_ESCAPE:R,APOS_STRING_MODE:{scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[R]},QUOTE_STRING_MODE:{scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[R]},PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:I,C_LINE_COMMENT_MODE:A,C_BLOCK_COMMENT_MODE:x,HASH_COMMENT_MODE:w,NUMBER_MODE:{scope:"number",begin:T,relevance:0},C_NUMBER_MODE:{scope:"number",begin:O,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:C,relevance:0},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[R,{begin:/\[/,end:/\]/,relevance:0,contains:[R]}]}]},TITLE_MODE:{scope:"title",begin:v,relevance:0},UNDERSCORE_TITLE_MODE:{scope:"title",begin:y,relevance:0},METHOD_GUARD:{begin:"\\.\\s*"+y,relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{t.data._beginMatch!==e[1]&&t.ignoreMatch()}})}});function M(e,t){let r=e.input[e.index-1];"."===r&&t.ignoreMatch()}function P(e,t){void 0!==e.className&&(e.scope=e.className,delete e.className)}function L(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=M,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function k(e,t){Array.isArray(e.illegal)&&(e.illegal=E(...e.illegal))}function F(e,t){if(e.match){if(e.begin||e.end)throw Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function U(e,t){void 0===e.relevance&&(e.relevance=1)}let B=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw Error("beforeMatch cannot be used with starts");let r=Object.assign({},e);Object.keys(e).forEach(t=>{delete e[t]}),e.keywords=r.keywords,e.begin=f(r.beforeMatch,_(r.begin)),e.starts={relevance:0,contains:[Object.assign(r,{endsParent:!0})]},e.relevance=0,delete r.beforeMatch},G=["of","and","for","in","not","or","if","then","parent","list","value"],j={},Y=e=>{console.error(e)},H=(e,...t)=>{console.log(`WARN: ${e}`,...t)},z=(e,t)=>{j[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),j[`${e}/${t}`]=!0)},V=Error();function $(e,t,{key:r}){let n=0,a=e[r],i={},o={};for(let e=1;e<=t.length;e++)o[e+n]=a[e],i[e+n]=!0,n+=b(t[e-1]);e[r]=o,e[r]._emit=i,e[r]._multi=!0}function q(e){var t;(t=e).scope&&"object"==typeof t.scope&&null!==t.scope&&(t.beginScope=t.scope,delete t.scope),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw Y("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),V;if("object"!=typeof e.beginScope||null===e.beginScope)throw Y("beginScope must be object"),V;$(e,e.begin,{key:"beginScope"}),e.begin=h(e.begin,{joinWith:""})}}(e),function(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw Y("skip, excludeEnd, returnEnd not compatible with endScope: {}"),V;if("object"!=typeof e.endScope||null===e.endScope)throw Y("endScope must be object"),V;$(e,e.end,{key:"endScope"}),e.end=h(e.end,{joinWith:""})}}(e)}class W extends Error{constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}let Q=Symbol("nomatch");var K=function(e){let r=Object.create(null),o=Object.create(null),s=[],l=!0,c="Could not find the language '{}', did you forget to load/include a language module?",d={disableAutodetect:!0,name:"Plain text",contains:[]},S={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:u};function v(e){return S.noHighlightRe.test(e)}function y(e,t,r){let n="",a="";"object"==typeof t?(n=e,r=t.ignoreIllegals,a=t.language):(z("10.7.0","highlight(lang, code, ...args) has been deprecated."),z("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),a=e,n=t),void 0===r&&(r=!0);let i={code:n,language:a};M("before:highlight",i);let o=i.result?i.result:T(i.language,i.code,r);return o.code=i.code,M("after:highlight",o),o}function T(e,t,o,s){let d=Object.create(null);function u(){if(!N.keywords){I.addText(x);return}let e=0;N.keywordPatternRe.lastIndex=0;let t=N.keywordPatternRe.exec(x),r="";for(;t;){r+=x.substring(e,t.index);let n=v.case_insensitive?t[0].toLowerCase():t[0],a=N.keywords[n];if(a){let[e,i]=a;if(I.addText(r),r="",d[n]=(d[n]||0)+1,d[n]<=7&&(w+=i),e.startsWith("_"))r+=t[0];else{let r=v.classNameAliases[e]||e;I.addKeyword(t[0],r)}}else r+=t[0];e=N.keywordPatternRe.lastIndex,t=N.keywordPatternRe.exec(x)}r+=x.substring(e),I.addText(r)}function _(){null!=N.subLanguage?function(){if(""===x)return;let e=null;if("string"==typeof N.subLanguage){if(!r[N.subLanguage]){I.addText(x);return}e=T(N.subLanguage,x,!0,R[N.subLanguage]),R[N.subLanguage]=e._top}else e=O(x,N.subLanguage.length?N.subLanguage:null);N.relevance>0&&(w+=e.relevance),I.addSublanguage(e._emitter,e.language)}():u(),x=""}function m(e,t){let r=1,n=t.length-1;for(;r<=n;){if(!e._emit[r]){r++;continue}let n=v.classNameAliases[e[r]]||e[r],a=t[r];n?I.addKeyword(a,n):(x=a,u(),x=""),r++}}function g(e,t){return e.scope&&"string"==typeof e.scope&&I.openNode(v.classNameAliases[e.scope]||e.scope),e.beginScope&&(e.beginScope._wrap?(I.addKeyword(x,v.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),x=""):e.beginScope._multi&&(m(e.beginScope,t),x="")),N=Object.create(e,{parent:{value:N}})}let f={};function E(r,a){let i=a&&a[0];if(x+=r,null==i)return _(),0;if("begin"===f.type&&"end"===a.type&&f.index===a.index&&""===i){if(x+=t.slice(a.index,a.index+1),!l){let t=Error(`0 width match regex (${e})`);throw t.languageName=e,t.badRule=f.rule,t}return 1}if(f=a,"begin"===a.type)return function(e){let t=e[0],r=e.rule,a=new n(r),i=[r.__beforeBegin,r["on:begin"]];for(let r of i)if(r&&(r(e,a),a.isMatchIgnored))return 0===N.matcher.regexIndex?(x+=t[0],1):(j=!0,0);return r.skip?x+=t:(r.excludeBegin&&(x+=t),_(),r.returnBegin||r.excludeBegin||(x=t)),g(r,e),r.returnBegin?0:t.length}(a);if("illegal"!==a.type||o){if("end"===a.type){let e=function(e){let r=e[0],a=t.substring(e.index),i=function e(t,r,a){let i=function(e,t){let r=e&&e.exec(t);return r&&0===r.index}(t.endRe,a);if(i){if(t["on:end"]){let e=new n(t);t["on:end"](r,e),e.isMatchIgnored&&(i=!1)}if(i){for(;t.endsParent&&t.parent;)t=t.parent;return t}}if(t.endsWithParent)return e(t.parent,r,a)}(N,e,a);if(!i)return Q;let o=N;N.endScope&&N.endScope._wrap?(_(),I.addKeyword(r,N.endScope._wrap)):N.endScope&&N.endScope._multi?(_(),m(N.endScope,e)):o.skip?x+=r:(o.returnEnd||o.excludeEnd||(x+=r),_(),o.excludeEnd&&(x=r));do N.scope&&I.closeNode(),N.skip||N.subLanguage||(w+=N.relevance),N=N.parent;while(N!==i.parent);return i.starts&&g(i.starts,e),o.returnEnd?0:r.length}(a);if(e!==Q)return e}}else{let e=Error('Illegal lexeme "'+i+'" for mode "'+(N.scope||"")+'"');throw e.mode=N,e}if("illegal"===a.type&&""===i)return 1;if(M>1e5&&M>3*a.index){let e=Error("potential infinite loop, way more iterations than matches");throw e}return x+=i,i.length}let v=A(e);if(!v)throw Y(c.replace("{}",e)),Error('Unknown language: "'+e+'"');let y=function(e){function t(t,r){return RegExp(p(t),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(r?"g":""))}class r{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,t){t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),this.matchAt+=b(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);let e=this.regexes.map(e=>e[1]);this.matcherRe=t(h(e,{joinWith:"|"}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;let t=this.matcherRe.exec(e);if(!t)return null;let r=t.findIndex((e,t)=>t>0&&void 0!==e),n=this.matchIndexes[r];return t.splice(0,r),Object.assign(t,n)}}class n{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];let t=new r;return this.rules.slice(e).forEach(([e,r])=>t.addRule(e,r)),t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){let t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex;let r=t.exec(e);if(this.resumingScanAtSamePosition()){if(r&&r.index===this.lastIndex);else{let t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,r=t.exec(e)}}return r&&(this.regexIndex+=r.position+1,this.regexIndex===this.count&&this.considerAll()),r}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.");return e.classNameAliases=i(e.classNameAliases||{}),function r(a,o){let s=a;if(a.isCompiled)return s;[P,F,q,B].forEach(e=>e(a,o)),e.compilerExtensions.forEach(e=>e(a,o)),a.__beforeBegin=null,[L,k,U].forEach(e=>e(a,o)),a.isCompiled=!0;let l=null;return"object"==typeof a.keywords&&a.keywords.$pattern&&(a.keywords=Object.assign({},a.keywords),l=a.keywords.$pattern,delete a.keywords.$pattern),l=l||/\w+/,a.keywords&&(a.keywords=function e(t,r,n="keyword"){let a=Object.create(null);return"string"==typeof t?i(n,t.split(" ")):Array.isArray(t)?i(n,t):Object.keys(t).forEach(function(n){Object.assign(a,e(t[n],r,n))}),a;function i(e,t){r&&(t=t.map(e=>e.toLowerCase())),t.forEach(function(t){var r,n;let i=t.split("|");a[i[0]]=[e,(r=i[0],(n=i[1])?Number(n):G.includes(r.toLowerCase())?0:1)]})}}(a.keywords,e.case_insensitive)),s.keywordPatternRe=t(l,!0),o&&(a.begin||(a.begin=/\B|\b/),s.beginRe=t(s.begin),a.end||a.endsWithParent||(a.end=/\B|\b/),a.end&&(s.endRe=t(s.end)),s.terminatorEnd=p(s.end)||"",a.endsWithParent&&o.terminatorEnd&&(s.terminatorEnd+=(a.end?"|":"")+o.terminatorEnd)),a.illegal&&(s.illegalRe=t(a.illegal)),a.contains||(a.contains=[]),a.contains=[].concat(...a.contains.map(function(e){var t;return((t="self"===e?a:e).variants&&!t.cachedVariants&&(t.cachedVariants=t.variants.map(function(e){return i(t,{variants:null},e)})),t.cachedVariants)?t.cachedVariants:!function e(t){return!!t&&(t.endsWithParent||e(t.starts))}(t)?Object.isFrozen(t)?i(t):t:i(t,{starts:t.starts?i(t.starts):null})})),a.contains.forEach(function(e){r(e,s)}),a.starts&&r(a.starts,o),s.matcher=function(e){let t=new n;return e.contains.forEach(e=>t.addRule(e.begin,{rule:e,type:"begin"})),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t}(s),s}(e)}(v),C="",N=s||y,R={},I=new S.__emitter(S);!function(){let e=[];for(let t=N;t!==v;t=t.parent)t.scope&&e.unshift(t.scope);e.forEach(e=>I.openNode(e))}();let x="",w=0,D=0,M=0,j=!1;try{for(N.matcher.considerAll();;){M++,j?j=!1:N.matcher.considerAll(),N.matcher.lastIndex=D;let e=N.matcher.exec(t);if(!e)break;let r=t.substring(D,e.index),n=E(r,e);D=e.index+n}return E(t.substring(D)),I.closeAllNodes(),I.finalize(),C=I.toHTML(),{language:e,value:C,relevance:w,illegal:!1,_emitter:I,_top:N}}catch(r){if(r.message&&r.message.includes("Illegal"))return{language:e,value:a(t),illegal:!0,relevance:0,_illegalBy:{message:r.message,index:D,context:t.slice(D-100,D+100),mode:r.mode,resultSoFar:C},_emitter:I};if(l)return{language:e,value:a(t),illegal:!1,relevance:0,errorRaised:r,_emitter:I,_top:N};throw r}}function O(e,t){t=t||S.languages||Object.keys(r);let n=function(e){let t={value:a(e),illegal:!1,relevance:0,_top:d,_emitter:new S.__emitter(S)};return t._emitter.addText(e),t}(e),i=t.filter(A).filter(w).map(t=>T(t,e,!1));i.unshift(n);let o=i.sort((e,t)=>{if(e.relevance!==t.relevance)return t.relevance-e.relevance;if(e.language&&t.language){if(A(e.language).supersetOf===t.language)return 1;if(A(t.language).supersetOf===e.language)return -1}return 0}),[s,l]=o,c=s;return c.secondBest=l,c}function C(e){let t=null,r=function(e){let t=e.className+" ";t+=e.parentNode?e.parentNode.className:"";let r=S.languageDetectRe.exec(t);if(r){let t=A(r[1]);return t||(H(c.replace("{}",r[1])),H("Falling back to no-highlight mode for this block.",e)),t?r[1]:"no-highlight"}return t.split(/\s+/).find(e=>v(e)||A(e))}(e);if(v(r))return;if(M("before:highlightElement",{el:e,language:r}),e.children.length>0&&(S.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(e)),S.throwUnescapedHTML)){let t=new W("One of your code blocks includes unescaped HTML.",e.innerHTML);throw t}t=e;let n=t.textContent,a=r?y(n,{language:r,ignoreIllegals:!0}):O(n);e.innerHTML=a.value,function(e,t,r){let n=t&&o[t]||r;e.classList.add("hljs"),e.classList.add(`language-${n}`)}(e,r,a.language),e.result={language:a.language,re:a.relevance,relevance:a.relevance},a.secondBest&&(e.secondBest={language:a.secondBest.language,relevance:a.secondBest.relevance}),M("after:highlightElement",{el:e,result:a,text:n})}let N=()=>{I(),z("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")},R=!1;function I(){if("loading"===document.readyState){R=!0;return}let e=document.querySelectorAll(S.cssSelector);e.forEach(C)}function A(e){return r[e=(e||"").toLowerCase()]||r[o[e]]}function x(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach(e=>{o[e.toLowerCase()]=t})}function w(e){let t=A(e);return t&&!t.disableAutodetect}function M(e,t){s.forEach(function(r){r[e]&&r[e](t)})}for(let n in"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function(){R&&I()},!1),Object.assign(e,{highlight:y,highlightAuto:O,highlightAll:I,highlightElement:C,highlightBlock:function(e){return z("10.7.0","highlightBlock will be removed entirely in v12.0"),z("10.7.0","Please use highlightElement now."),C(e)},configure:function(e){S=i(S,e)},initHighlighting:N,initHighlightingOnLoad:function(){I(),z("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")},registerLanguage:function(t,n){let a=null;try{a=n(e)}catch(e){if(Y("Language definition for '{}' could not be registered.".replace("{}",t)),l)Y(e);else throw e;a=d}a.name||(a.name=t),r[t]=a,a.rawDefinition=n.bind(null,e),a.aliases&&x(a.aliases,{languageName:t})},unregisterLanguage:function(e){for(let t of(delete r[e],Object.keys(o)))o[t]===e&&delete o[t]},listLanguages:function(){return Object.keys(r)},getLanguage:A,registerAliases:x,autoDetection:w,inherit:i,addPlugin:function(e){var t;(t=e)["before:highlightBlock"]&&!t["before:highlightElement"]&&(t["before:highlightElement"]=e=>{t["before:highlightBlock"](Object.assign({block:e.el},e))}),t["after:highlightBlock"]&&!t["after:highlightElement"]&&(t["after:highlightElement"]=e=>{t["after:highlightBlock"](Object.assign({block:e.el},e))}),s.push(e)}}),e.debugMode=function(){l=!1},e.safeMode=function(){l=!0},e.versionString="11.7.0",e.regex={concat:f,lookahead:_,either:E,optional:g,anyNumberOfTimes:m},D)"object"==typeof D[n]&&t.exports(D[n]);return Object.assign(e,D),e}({});e.exports=K,K.HighlightJS=K,K.default=K},66057:function(e,t,r){var n=r(14084);n.registerLanguage("1c",r(1888)),n.registerLanguage("abnf",r(49856)),n.registerLanguage("accesslog",r(23382)),n.registerLanguage("actionscript",r(18868)),n.registerLanguage("ada",r(17260)),n.registerLanguage("angelscript",r(71197)),n.registerLanguage("apache",r(43208)),n.registerLanguage("applescript",r(21513)),n.registerLanguage("arcade",r(81657)),n.registerLanguage("arduino",r(38618)),n.registerLanguage("armasm",r(41735)),n.registerLanguage("xml",r(95313)),n.registerLanguage("asciidoc",r(69810)),n.registerLanguage("aspectj",r(96346)),n.registerLanguage("autohotkey",r(54877)),n.registerLanguage("autoit",r(3442)),n.registerLanguage("avrasm",r(80473)),n.registerLanguage("awk",r(20703)),n.registerLanguage("axapta",r(3981)),n.registerLanguage("bash",r(79846)),n.registerLanguage("basic",r(60106)),n.registerLanguage("bnf",r(21702)),n.registerLanguage("brainfuck",r(99384)),n.registerLanguage("c",r(58367)),n.registerLanguage("cal",r(92951)),n.registerLanguage("capnproto",r(48246)),n.registerLanguage("ceylon",r(4717)),n.registerLanguage("clean",r(79109)),n.registerLanguage("clojure",r(87833)),n.registerLanguage("clojure-repl",r(58863)),n.registerLanguage("cmake",r(36986)),n.registerLanguage("coffeescript",r(6398)),n.registerLanguage("coq",r(80516)),n.registerLanguage("cos",r(59953)),n.registerLanguage("cpp",r(81588)),n.registerLanguage("crmsh",r(45563)),n.registerLanguage("crystal",r(89876)),n.registerLanguage("csharp",r(73934)),n.registerLanguage("csp",r(33785)),n.registerLanguage("css",r(92599)),n.registerLanguage("d",r(76358)),n.registerLanguage("markdown",r(71842)),n.registerLanguage("dart",r(46925)),n.registerLanguage("delphi",r(4794)),n.registerLanguage("diff",r(28040)),n.registerLanguage("django",r(38055)),n.registerLanguage("dns",r(73222)),n.registerLanguage("dockerfile",r(74054)),n.registerLanguage("dos",r(46365)),n.registerLanguage("dsconfig",r(15505)),n.registerLanguage("dts",r(77651)),n.registerLanguage("dust",r(28650)),n.registerLanguage("ebnf",r(73140)),n.registerLanguage("elixir",r(53350)),n.registerLanguage("elm",r(23714)),n.registerLanguage("ruby",r(33818)),n.registerLanguage("erb",r(9148)),n.registerLanguage("erlang-repl",r(99871)),n.registerLanguage("erlang",r(15810)),n.registerLanguage("excel",r(99901)),n.registerLanguage("fix",r(85067)),n.registerLanguage("flix",r(50168)),n.registerLanguage("fortran",r(17521)),n.registerLanguage("fsharp",r(39854)),n.registerLanguage("gams",r(72164)),n.registerLanguage("gauss",r(75209)),n.registerLanguage("gcode",r(57229)),n.registerLanguage("gherkin",r(21730)),n.registerLanguage("glsl",r(54838)),n.registerLanguage("gml",r(27573)),n.registerLanguage("go",r(95482)),n.registerLanguage("golo",r(66759)),n.registerLanguage("gradle",r(65957)),n.registerLanguage("graphql",r(2332)),n.registerLanguage("groovy",r(30012)),n.registerLanguage("haml",r(21888)),n.registerLanguage("handlebars",r(11680)),n.registerLanguage("haskell",r(5253)),n.registerLanguage("haxe",r(4382)),n.registerLanguage("hsp",r(79052)),n.registerLanguage("http",r(31494)),n.registerLanguage("hy",r(48188)),n.registerLanguage("inform7",r(40652)),n.registerLanguage("ini",r(40765)),n.registerLanguage("irpf90",r(3180)),n.registerLanguage("isbl",r(14650)),n.registerLanguage("java",r(69599)),n.registerLanguage("javascript",r(45523)),n.registerLanguage("jboss-cli",r(1054)),n.registerLanguage("json",r(39584)),n.registerLanguage("julia",r(2814)),n.registerLanguage("julia-repl",r(4712)),n.registerLanguage("kotlin",r(95309)),n.registerLanguage("lasso",r(87696)),n.registerLanguage("latex",r(72198)),n.registerLanguage("ldif",r(10199)),n.registerLanguage("leaf",r(64014)),n.registerLanguage("less",r(46841)),n.registerLanguage("lisp",r(10404)),n.registerLanguage("livecodeserver",r(9828)),n.registerLanguage("livescript",r(22281)),n.registerLanguage("llvm",r(74743)),n.registerLanguage("lsl",r(40260)),n.registerLanguage("lua",r(55200)),n.registerLanguage("makefile",r(69357)),n.registerLanguage("mathematica",r(97930)),n.registerLanguage("matlab",r(26928)),n.registerLanguage("maxima",r(18464)),n.registerLanguage("mel",r(43834)),n.registerLanguage("mercury",r(7878)),n.registerLanguage("mipsasm",r(35674)),n.registerLanguage("mizar",r(85945)),n.registerLanguage("perl",r(73331)),n.registerLanguage("mojolicious",r(17611)),n.registerLanguage("monkey",r(94550)),n.registerLanguage("moonscript",r(71910)),n.registerLanguage("n1ql",r(92670)),n.registerLanguage("nestedtext",r(72958)),n.registerLanguage("nginx",r(69779)),n.registerLanguage("nim",r(97549)),n.registerLanguage("nix",r(8749)),n.registerLanguage("node-repl",r(89878)),n.registerLanguage("nsis",r(48558)),n.registerLanguage("objectivec",r(12248)),n.registerLanguage("ocaml",r(68391)),n.registerLanguage("openscad",r(19425)),n.registerLanguage("oxygene",r(49027)),n.registerLanguage("parser3",r(60207)),n.registerLanguage("pf",r(50887)),n.registerLanguage("pgsql",r(61138)),n.registerLanguage("php",r(33412)),n.registerLanguage("php-template",r(38968)),n.registerLanguage("plaintext",r(60763)),n.registerLanguage("pony",r(22525)),n.registerLanguage("powershell",r(23678)),n.registerLanguage("processing",r(36105)),n.registerLanguage("profile",r(21492)),n.registerLanguage("prolog",r(65875)),n.registerLanguage("properties",r(81202)),n.registerLanguage("protobuf",r(61634)),n.registerLanguage("puppet",r(22582)),n.registerLanguage("purebasic",r(46663)),n.registerLanguage("python",r(20077)),n.registerLanguage("python-repl",r(53826)),n.registerLanguage("q",r(24950)),n.registerLanguage("qml",r(88816)),n.registerLanguage("r",r(8409)),n.registerLanguage("reasonml",r(68086)),n.registerLanguage("rib",r(32186)),n.registerLanguage("roboconf",r(71560)),n.registerLanguage("routeros",r(81195)),n.registerLanguage("rsl",r(19670)),n.registerLanguage("ruleslanguage",r(63211)),n.registerLanguage("rust",r(66264)),n.registerLanguage("sas",r(64835)),n.registerLanguage("scala",r(64573)),n.registerLanguage("scheme",r(48301)),n.registerLanguage("scilab",r(10007)),n.registerLanguage("scss",r(23322)),n.registerLanguage("shell",r(80320)),n.registerLanguage("smali",r(23736)),n.registerLanguage("smalltalk",r(58136)),n.registerLanguage("sml",r(82051)),n.registerLanguage("sqf",r(38228)),n.registerLanguage("sql",r(23709)),n.registerLanguage("stan",r(23127)),n.registerLanguage("stata",r(79)),n.registerLanguage("step21",r(48750)),n.registerLanguage("stylus",r(8710)),n.registerLanguage("subunit",r(48327)),n.registerLanguage("swift",r(33035)),n.registerLanguage("taggerscript",r(14406)),n.registerLanguage("yaml",r(8425)),n.registerLanguage("tap",r(3893)),n.registerLanguage("tcl",r(7239)),n.registerLanguage("thrift",r(82550)),n.registerLanguage("tp",r(97716)),n.registerLanguage("twig",r(2767)),n.registerLanguage("typescript",r(99912)),n.registerLanguage("vala",r(92823)),n.registerLanguage("vbnet",r(38524)),n.registerLanguage("vbscript",r(89365)),n.registerLanguage("vbscript-html",r(11979)),n.registerLanguage("verilog",r(27640)),n.registerLanguage("vhdl",r(49572)),n.registerLanguage("vim",r(15790)),n.registerLanguage("wasm",r(89647)),n.registerLanguage("wren",r(15907)),n.registerLanguage("x86asm",r(3042)),n.registerLanguage("xl",r(64288)),n.registerLanguage("xquery",r(55291)),n.registerLanguage("zephir",r(34730)),n.HighlightJS=n,n.default=n,e.exports=n},1888:function(e){e.exports=function(e){let t="[A-Za-zА-Яа-яёЁ_][A-Za-zА-Яа-яёЁ_0-9]+",r="далее возврат вызватьисключение выполнить для если и из или иначе иначеесли исключение каждого конецесли конецпопытки конеццикла не новый перейти перем по пока попытка прервать продолжить тогда цикл экспорт ",n="null истина ложь неопределено",a=e.inherit(e.NUMBER_MODE),i={className:"string",begin:'"|\\|',end:'"|$',contains:[{begin:'""'}]},o={begin:"'",end:"'",excludeBegin:!0,excludeEnd:!0,contains:[{className:"number",begin:"\\d{4}([\\.\\\\/:-]?\\d{2}){0,5}"}]},s=e.inherit(e.C_LINE_COMMENT_MODE),l={className:"function",variants:[{begin:"процедура|функция",end:"\\)",keywords:"процедура функция"},{begin:"конецпроцедуры|конецфункции",keywords:"конецпроцедуры конецфункции"}],contains:[{begin:"\\(",end:"\\)",endsParent:!0,contains:[{className:"params",begin:t,end:",",excludeEnd:!0,endsWithParent:!0,keywords:{$pattern:t,keyword:"знач",literal:n},contains:[a,i,o]},s]},e.inherit(e.TITLE_MODE,{begin:t})]};return{name:"1C:Enterprise",case_insensitive:!0,keywords:{$pattern:t,keyword:r,built_in:"разделительстраниц разделительстрок символтабуляции ansitooem oemtoansi ввестивидсубконто ввестиперечисление ввестипериод ввестиплансчетов выбранныйплансчетов датагод датамесяц датачисло заголовоксистемы значениевстроку значениеизстроки каталогиб каталогпользователя кодсимв конгода конецпериодаби конецрассчитанногопериодаби конецстандартногоинтервала конквартала конмесяца коннедели лог лог10 максимальноеколичествосубконто названиеинтерфейса названиенабораправ назначитьвид назначитьсчет найтиссылки началопериодаби началостандартногоинтервала начгода начквартала начмесяца начнедели номерднягода номерднянедели номернеделигода обработкаожидания основнойжурналрасчетов основнойплансчетов основнойязык очиститьокносообщений периодстр получитьвремята получитьдатута получитьдокументта получитьзначенияотбора получитьпозициюта получитьпустоезначение получитьта префиксавтонумерации пропись пустоезначение разм разобратьпозициюдокумента рассчитатьрегистрына рассчитатьрегистрыпо симв создатьобъект статусвозврата стрколичествострок сформироватьпозициюдокумента счетпокоду текущеевремя типзначения типзначениястр установитьтана установитьтапо фиксшаблон шаблон acos asin atan base64значение base64строка cos exp log log10 pow sin sqrt tan xmlзначение xmlстрока xmlтип xmlтипзнч активноеокно безопасныйрежим безопасныйрежимразделенияданных булево ввестидату ввестизначение ввестистроку ввестичисло возможностьчтенияxml вопрос восстановитьзначение врег выгрузитьжурналрегистрации выполнитьобработкуоповещения выполнитьпроверкуправдоступа вычислить год данныеформывзначение дата день деньгода деньнедели добавитьмесяц заблокироватьданныедляредактирования заблокироватьработупользователя завершитьработусистемы загрузитьвнешнююкомпоненту закрытьсправку записатьjson записатьxml записатьдатуjson записьжурналарегистрации заполнитьзначениясвойств запроситьразрешениепользователя запуститьприложение запуститьсистему зафиксироватьтранзакцию значениевданныеформы значениевстрокувнутр значениевфайл значениезаполнено значениеизстрокивнутр значениеизфайла изxmlтипа импортмоделиxdto имякомпьютера имяпользователя инициализироватьпредопределенныеданные информацияобошибке каталогбиблиотекимобильногоустройства каталогвременныхфайлов каталогдокументов каталогпрограммы кодироватьстроку кодлокализацииинформационнойбазы кодсимвола командасистемы конецгода конецдня конецквартала конецмесяца конецминуты конецнедели конецчаса конфигурациябазыданныхизмененадинамически конфигурацияизменена копироватьданныеформы копироватьфайл краткоепредставлениеошибки лев макс местноевремя месяц мин минута монопольныйрежим найти найтинедопустимыесимволыxml найтиокнопонавигационнойссылке найтипомеченныенаудаление найтипоссылкам найтифайлы началогода началодня началоквартала началомесяца началоминуты началонедели началочаса начатьзапросразрешенияпользователя начатьзапускприложения начатькопированиефайла начатьперемещениефайла начатьподключениевнешнейкомпоненты начатьподключениерасширенияработыскриптографией начатьподключениерасширенияработысфайлами начатьпоискфайлов начатьполучениекаталогавременныхфайлов начатьполучениекаталогадокументов начатьполучениерабочегокаталогаданныхпользователя начатьполучениефайлов начатьпомещениефайла начатьпомещениефайлов начатьсозданиедвоичныхданныхизфайла начатьсозданиекаталога начатьтранзакцию начатьудалениефайлов начатьустановкувнешнейкомпоненты начатьустановкурасширенияработыскриптографией начатьустановкурасширенияработысфайлами неделягода необходимостьзавершениясоединения номерсеансаинформационнойбазы номерсоединенияинформационнойбазы нрег нстр обновитьинтерфейс обновитьнумерациюобъектов обновитьповторноиспользуемыезначения обработкапрерыванияпользователя объединитьфайлы окр описаниеошибки оповестить оповеститьобизменении отключитьобработчикзапросанастроекклиенталицензирования отключитьобработчикожидания отключитьобработчикоповещения открытьзначение открытьиндекссправки открытьсодержаниесправки открытьсправку открытьформу открытьформумодально отменитьтранзакцию очиститьжурналрегистрации очиститьнастройкипользователя очиститьсообщения параметрыдоступа перейтипонавигационнойссылке переместитьфайл подключитьвнешнююкомпоненту подключитьобработчикзапросанастроекклиенталицензирования подключитьобработчикожидания подключитьобработчикоповещения подключитьрасширениеработыскриптографией подключитьрасширениеработысфайлами подробноепредставлениеошибки показатьвводдаты показатьвводзначения показатьвводстроки показатьвводчисла показатьвопрос показатьзначение показатьинформациюобошибке показатьнакарте показатьоповещениепользователя показатьпредупреждение полноеимяпользователя получитьcomобъект получитьxmlтип получитьадреспоместоположению получитьблокировкусеансов получитьвремязавершенияспящегосеанса получитьвремязасыпанияпассивногосеанса получитьвремяожиданияблокировкиданных получитьданныевыбора получитьдополнительныйпараметрклиенталицензирования получитьдопустимыекодылокализации получитьдопустимыечасовыепояса получитьзаголовокклиентскогоприложения получитьзаголовоксистемы получитьзначенияотборажурналарегистрации получитьидентификаторконфигурации получитьизвременногохранилища получитьимявременногофайла получитьимяклиенталицензирования получитьинформациюэкрановклиента получитьиспользованиежурналарегистрации получитьиспользованиесобытияжурналарегистрации получитькраткийзаголовокприложения получитьмакетоформления получитьмаскувсефайлы получитьмаскувсефайлыклиента получитьмаскувсефайлысервера получитьместоположениепоадресу получитьминимальнуюдлинупаролейпользователей получитьнавигационнуюссылку получитьнавигационнуюссылкуинформационнойбазы получитьобновлениеконфигурациибазыданных получитьобновлениепредопределенныхданныхинформационнойбазы получитьобщиймакет получитьобщуюформу получитьокна получитьоперативнуюотметкувремени получитьотключениебезопасногорежима получитьпараметрыфункциональныхопцийинтерфейса получитьполноеимяпредопределенногозначения получитьпредставлениянавигационныхссылок получитьпроверкусложностипаролейпользователей получитьразделительпути получитьразделительпутиклиента получитьразделительпутисервера получитьсеансыинформационнойбазы получитьскоростьклиентскогосоединения получитьсоединенияинформационнойбазы получитьсообщенияпользователю получитьсоответствиеобъектаиформы получитьсоставстандартногоинтерфейсаodata получитьструктурухранениябазыданных получитьтекущийсеансинформационнойбазы получитьфайл получитьфайлы получитьформу получитьфункциональнуюопцию получитьфункциональнуюопциюинтерфейса получитьчасовойпоясинформационнойбазы пользователиос поместитьвовременноехранилище поместитьфайл поместитьфайлы прав праводоступа предопределенноезначение представлениекодалокализации представлениепериода представлениеправа представлениеприложения представлениесобытияжурналарегистрации представлениечасовогопояса предупреждение прекратитьработусистемы привилегированныйрежим продолжитьвызов прочитатьjson прочитатьxml прочитатьдатуjson пустаястрока рабочийкаталогданныхпользователя разблокироватьданныедляредактирования разделитьфайл разорватьсоединениесвнешнимисточникомданных раскодироватьстроку рольдоступна секунда сигнал символ скопироватьжурналрегистрации смещениелетнеговремени смещениестандартноговремени соединитьбуферыдвоичныхданных создатькаталог создатьфабрикуxdto сокрл сокрлп сокрп сообщить состояние сохранитьзначение сохранитьнастройкипользователя сред стрдлина стрзаканчиваетсяна стрзаменить стрнайти стрначинаетсяс строка строкасоединенияинформационнойбазы стрполучитьстроку стрразделить стрсоединить стрсравнить стрчисловхождений стрчислострок стршаблон текущаядата текущаядатасеанса текущаяуниверсальнаядата текущаяуниверсальнаядатавмиллисекундах текущийвариантинтерфейсаклиентскогоприложения текущийвариантосновногошрифтаклиентскогоприложения текущийкодлокализации текущийрежимзапуска текущийязык текущийязыксистемы тип типзнч транзакцияактивна трег удалитьданныеинформационнойбазы удалитьизвременногохранилища удалитьобъекты удалитьфайлы универсальноевремя установитьбезопасныйрежим установитьбезопасныйрежимразделенияданных установитьблокировкусеансов установитьвнешнююкомпоненту установитьвремязавершенияспящегосеанса установитьвремязасыпанияпассивногосеанса установитьвремяожиданияблокировкиданных установитьзаголовокклиентскогоприложения установитьзаголовоксистемы установитьиспользованиежурналарегистрации установитьиспользованиесобытияжурналарегистрации установитькраткийзаголовокприложения установитьминимальнуюдлинупаролейпользователей установитьмонопольныйрежим установитьнастройкиклиенталицензирования установитьобновлениепредопределенныхданныхинформационнойбазы установитьотключениебезопасногорежима установитьпараметрыфункциональныхопцийинтерфейса установитьпривилегированныйрежим установитьпроверкусложностипаролейпользователей установитьрасширениеработыскриптографией установитьрасширениеработысфайлами установитьсоединениесвнешнимисточникомданных установитьсоответствиеобъектаиформы установитьсоставстандартногоинтерфейсаodata установитьчасовойпоясинформационнойбазы установитьчасовойпояссеанса формат цел час часовойпояс часовойпояссеанса число числопрописью этоадресвременногохранилища wsссылки библиотекакартинок библиотекамакетовоформлениякомпоновкиданных библиотекастилей бизнеспроцессы внешниеисточникиданных внешниеобработки внешниеотчеты встроенныепокупки главныйинтерфейс главныйстиль документы доставляемыеуведомления журналыдокументов задачи информацияобинтернетсоединении использованиерабочейдаты историяработыпользователя константы критерииотбора метаданные обработки отображениерекламы отправкадоставляемыхуведомлений отчеты панельзадачос параметрзапуска параметрысеанса перечисления планывидоврасчета планывидовхарактеристик планыобмена планысчетов полнотекстовыйпоиск пользователиинформационнойбазы последовательности проверкавстроенныхпокупок рабочаядата расширенияконфигурации регистрыбухгалтерии регистрынакопления регистрырасчета регистрысведений регламентныезадания сериализаторxdto справочники средствагеопозиционирования средствакриптографии средствамультимедиа средстваотображениярекламы средствапочты средствателефонии фабрикаxdto файловыепотоки фоновыезадания хранилищанастроек хранилищевариантовотчетов хранилищенастроекданныхформ хранилищеобщихнастроек хранилищепользовательскихнастроекдинамическихсписков хранилищепользовательскихнастроекотчетов хранилищесистемныхнастроек ",class:"webцвета windowsцвета windowsшрифты библиотекакартинок рамкистиля символы цветастиля шрифтыстиля автоматическоесохранениеданныхформывнастройках автонумерациявформе автораздвижениесерий анимациядиаграммы вариантвыравниванияэлементовизаголовков вариантуправлениявысотойтаблицы вертикальнаяпрокруткаформы вертикальноеположение вертикальноеположениеэлемента видгруппыформы виддекорацииформы виддополненияэлементаформы видизмененияданных видкнопкиформы видпереключателя видподписейкдиаграмме видполяформы видфлажка влияниеразмеранапузырекдиаграммы горизонтальноеположение горизонтальноеположениеэлемента группировкаколонок группировкаподчиненныхэлементовформы группыиэлементы действиеперетаскивания дополнительныйрежимотображения допустимыедействияперетаскивания интервалмеждуэлементамиформы использованиевывода использованиеполосыпрокрутки используемоезначениеточкибиржевойдиаграммы историявыборапривводе источникзначенийоситочекдиаграммы источникзначенияразмерапузырькадиаграммы категориягруппыкоманд максимумсерий начальноеотображениедерева начальноеотображениесписка обновлениетекстаредактирования ориентациядендрограммы ориентациядиаграммы ориентацияметокдиаграммы ориентацияметоксводнойдиаграммы ориентацияэлементаформы отображениевдиаграмме отображениевлегендедиаграммы отображениегруппыкнопок отображениезаголовкашкалыдиаграммы отображениезначенийсводнойдиаграммы отображениезначенияизмерительнойдиаграммы отображениеинтерваладиаграммыганта отображениекнопки отображениекнопкивыбора отображениеобсужденийформы отображениеобычнойгруппы отображениеотрицательныхзначенийпузырьковойдиаграммы отображениепанелипоиска отображениеподсказки отображениепредупрежденияприредактировании отображениеразметкиполосырегулирования отображениестраницформы отображениетаблицы отображениетекстазначениядиаграммыганта отображениеуправленияобычнойгруппы отображениефигурыкнопки палитрацветовдиаграммы поведениеобычнойгруппы поддержкамасштабадендрограммы поддержкамасштабадиаграммыганта поддержкамасштабасводнойдиаграммы поисквтаблицепривводе положениезаголовкаэлементаформы положениекартинкикнопкиформы положениекартинкиэлементаграфическойсхемы положениекоманднойпанелиформы положениекоманднойпанелиэлементаформы положениеопорнойточкиотрисовки положениеподписейкдиаграмме положениеподписейшкалызначенийизмерительнойдиаграммы положениесостоянияпросмотра положениестрокипоиска положениетекстасоединительнойлинии положениеуправленияпоиском положениешкалывремени порядокотображенияточекгоризонтальнойгистограммы порядоксерийвлегендедиаграммы размеркартинки расположениезаголовкашкалыдиаграммы растягиваниеповертикалидиаграммыганта режимавтоотображениясостояния режимвводастроктаблицы режимвыборанезаполненного режимвыделениядаты режимвыделениястрокитаблицы режимвыделениятаблицы режимизмененияразмера режимизменениясвязанногозначения режимиспользованиядиалогапечати режимиспользованияпараметракоманды режиммасштабированияпросмотра режимосновногоокнаклиентскогоприложения режимоткрытияокнаформы режимотображениявыделения режимотображениягеографическойсхемы режимотображениязначенийсерии режимотрисовкисеткиграфическойсхемы режимполупрозрачностидиаграммы режимпробеловдиаграммы режимразмещениянастранице режимредактированияколонки режимсглаживаниядиаграммы режимсглаживанияиндикатора режимсписказадач сквозноевыравнивание сохранениеданныхформывнастройках способзаполнениятекстазаголовкашкалыдиаграммы способопределенияограничивающегозначениядиаграммы стандартнаягруппакоманд стандартноеоформление статусоповещенияпользователя стильстрелки типаппроксимациилиниитрендадиаграммы типдиаграммы типединицышкалывремени типимпортасерийслоягеографическойсхемы типлиниигеографическойсхемы типлиниидиаграммы типмаркерагеографическойсхемы типмаркерадиаграммы типобластиоформления типорганизацииисточникаданныхгеографическойсхемы типотображениясериислоягеографическойсхемы типотображенияточечногообъектагеографическойсхемы типотображенияшкалыэлементалегендыгеографическойсхемы типпоискаобъектовгеографическойсхемы типпроекциигеографическойсхемы типразмещенияизмерений типразмещенияреквизитовизмерений типрамкиэлементауправления типсводнойдиаграммы типсвязидиаграммыганта типсоединениязначенийпосериямдиаграммы типсоединенияточекдиаграммы типсоединительнойлинии типстороныэлементаграфическойсхемы типформыотчета типшкалырадарнойдиаграммы факторлиниитрендадиаграммы фигуракнопки фигурыграфическойсхемы фиксациявтаблице форматдняшкалывремени форматкартинки ширинаподчиненныхэлементовформы виддвижениябухгалтерии виддвижениянакопления видпериодарегистрарасчета видсчета видточкимаршрутабизнеспроцесса использованиеагрегатарегистранакопления использованиегруппиэлементов использованиережимапроведения использованиесреза периодичностьагрегатарегистранакопления режимавтовремя режимзаписидокумента режимпроведениядокумента авторегистрацияизменений допустимыйномерсообщения отправкаэлементаданных получениеэлементаданных использованиерасшифровкитабличногодокумента ориентациястраницы положениеитоговколоноксводнойтаблицы положениеитоговстроксводнойтаблицы положениетекстаотносительнокартинки расположениезаголовкагруппировкитабличногодокумента способчтениязначенийтабличногодокумента типдвустороннейпечати типзаполненияобластитабличногодокумента типкурсоровтабличногодокумента типлиниирисункатабличногодокумента типлинииячейкитабличногодокумента типнаправленияпереходатабличногодокумента типотображениявыделениятабличногодокумента типотображениялинийсводнойтаблицы типразмещениятекстатабличногодокумента типрисункатабличногодокумента типсмещениятабличногодокумента типузоратабличногодокумента типфайлатабличногодокумента точностьпечати чередованиерасположениястраниц отображениевремениэлементовпланировщика типфайлаформатированногодокумента обходрезультатазапроса типзаписизапроса видзаполнениярасшифровкипостроителяотчета типдобавленияпредставлений типизмеренияпостроителяотчета типразмещенияитогов доступкфайлу режимдиалогавыборафайла режимоткрытияфайла типизмеренияпостроителязапроса видданныханализа методкластеризации типединицыинтервалавременианализаданных типзаполнениятаблицырезультатаанализаданных типиспользованиячисловыхзначенийанализаданных типисточникаданныхпоискаассоциаций типколонкианализаданныхдереворешений типколонкианализаданныхкластеризация типколонкианализаданныхобщаястатистика типколонкианализаданныхпоискассоциаций типколонкианализаданныхпоискпоследовательностей типколонкимоделипрогноза типмерырасстоянияанализаданных типотсеченияправилассоциации типполяанализаданных типстандартизациианализаданных типупорядочиванияправилассоциациианализаданных типупорядочиванияшаблоновпоследовательностейанализаданных типупрощениядереварешений wsнаправлениепараметра вариантxpathxs вариантзаписидатыjson вариантпростоготипаxs видгруппымоделиxs видфасетаxdto действиепостроителяdom завершенностьпростоготипаxs завершенностьсоставноготипаxs завершенностьсхемыxs запрещенныеподстановкиxs исключениягруппподстановкиxs категорияиспользованияатрибутаxs категорияограниченияидентичностиxs категорияограниченияпространствименxs методнаследованияxs модельсодержимогоxs назначениетипаxml недопустимыеподстановкиxs обработкапробельныхсимволовxs обработкасодержимогоxs ограничениезначенияxs параметрыотбораузловdom переносстрокjson позициявдокументеdom пробельныесимволыxml типатрибутаxml типзначенияjson типканоническогоxml типкомпонентыxs типпроверкиxml типрезультатаdomxpath типузлаdom типузлаxml формаxml формапредставленияxs форматдатыjson экранированиесимволовjson видсравнениякомпоновкиданных действиеобработкирасшифровкикомпоновкиданных направлениесортировкикомпоновкиданных расположениевложенныхэлементоврезультатакомпоновкиданных расположениеитоговкомпоновкиданных расположениегруппировкикомпоновкиданных расположениеполейгруппировкикомпоновкиданных расположениеполякомпоновкиданных расположениереквизитовкомпоновкиданных расположениересурсовкомпоновкиданных типбухгалтерскогоостаткакомпоновкиданных типвыводатекстакомпоновкиданных типгруппировкикомпоновкиданных типгруппыэлементовотборакомпоновкиданных типдополненияпериодакомпоновкиданных типзаголовкаполейкомпоновкиданных типмакетагруппировкикомпоновкиданных типмакетаобластикомпоновкиданных типостаткакомпоновкиданных типпериодакомпоновкиданных типразмещениятекстакомпоновкиданных типсвязинаборовданныхкомпоновкиданных типэлементарезультатакомпоновкиданных расположениелегендыдиаграммыкомпоновкиданных типпримененияотборакомпоновкиданных режимотображенияэлементанастройкикомпоновкиданных режимотображениянастроеккомпоновкиданных состояниеэлементанастройкикомпоновкиданных способвосстановлениянастроеккомпоновкиданных режимкомпоновкирезультата использованиепараметракомпоновкиданных автопозицияресурсовкомпоновкиданных вариантиспользованиягруппировкикомпоновкиданных расположениересурсоввдиаграммекомпоновкиданных фиксациякомпоновкиданных использованиеусловногооформлениякомпоновкиданных важностьинтернетпочтовогосообщения обработкатекстаинтернетпочтовогосообщения способкодированияинтернетпочтовоговложения способкодированиянеasciiсимволовинтернетпочтовогосообщения типтекстапочтовогосообщения протоколинтернетпочты статусразборапочтовогосообщения режимтранзакциизаписижурналарегистрации статустранзакциизаписижурналарегистрации уровеньжурналарегистрации расположениехранилищасертификатовкриптографии режимвключениясертификатовкриптографии режимпроверкисертификатакриптографии типхранилищасертификатовкриптографии кодировкаименфайловвzipфайле методсжатияzip методшифрованияzip режимвосстановленияпутейфайловzip режимобработкиподкаталоговzip режимсохраненияпутейzip уровеньсжатияzip звуковоеоповещение направлениепереходакстроке позициявпотоке порядокбайтов режимблокировкиданных режимуправленияблокировкойданных сервисвстроенныхпокупок состояниефоновогозадания типподписчикадоставляемыхуведомлений уровеньиспользованиязащищенногосоединенияftp направлениепорядкасхемызапроса типдополненияпериодамисхемызапроса типконтрольнойточкисхемызапроса типобъединениясхемызапроса типпараметрадоступнойтаблицысхемызапроса типсоединениясхемызапроса httpметод автоиспользованиеобщегореквизита автопрефиксномеразадачи вариантвстроенногоязыка видиерархии видрегистранакопления видтаблицывнешнегоисточникаданных записьдвиженийприпроведении заполнениепоследовательностей индексирование использованиебазыпланавидоврасчета использованиебыстроговыбора использованиеобщегореквизита использованиеподчинения использованиеполнотекстовогопоиска использованиеразделяемыхданныхобщегореквизита использованиереквизита назначениеиспользованияприложения назначениерасширенияконфигурации направлениепередачи обновлениепредопределенныхданных оперативноепроведение основноепредставлениевидарасчета основноепредставлениевидахарактеристики основноепредставлениезадачи основноепредставлениепланаобмена основноепредставлениесправочника основноепредставлениесчета перемещениеграницыприпроведении периодичностьномерабизнеспроцесса периодичностьномерадокумента периодичностьрегистрарасчета периодичностьрегистрасведений повторноеиспользованиевозвращаемыхзначений полнотекстовыйпоискпривводепостроке принадлежностьобъекта проведение разделениеаутентификацииобщегореквизита разделениеданныхобщегореквизита разделениерасширенийконфигурацииобщегореквизита режимавтонумерацииобъектов режимзаписирегистра режимиспользованиямодальности режимиспользованиясинхронныхвызововрасширенийплатформыивнешнихкомпонент режимповторногоиспользованиясеансов режимполученияданныхвыборапривводепостроке режимсовместимости режимсовместимостиинтерфейса режимуправленияблокировкойданныхпоумолчанию сериикодовпланавидовхарактеристик сериикодовпланасчетов сериикодовсправочника созданиепривводе способвыбора способпоискастрокипривводепостроке способредактирования типданныхтаблицывнешнегоисточникаданных типкодапланавидоврасчета типкодасправочника типмакета типномерабизнеспроцесса типномерадокумента типномеразадачи типформы удалениедвижений важностьпроблемыприменениярасширенияконфигурации вариантинтерфейсаклиентскогоприложения вариантмасштабаформклиентскогоприложения вариантосновногошрифтаклиентскогоприложения вариантстандартногопериода вариантстандартнойдатыначала видграницы видкартинки видотображенияполнотекстовогопоиска видрамки видсравнения видцвета видчисловогозначения видшрифта допустимаядлина допустимыйзнак использованиеbyteordermark использованиеметаданныхполнотекстовогопоиска источникрасширенийконфигурации клавиша кодвозвратадиалога кодировкаxbase кодировкатекста направлениепоиска направлениесортировки обновлениепредопределенныхданных обновлениеприизмененииданных отображениепанелиразделов проверказаполнения режимдиалогавопрос режимзапускаклиентскогоприложения режимокругления режимоткрытияформприложения режимполнотекстовогопоиска скоростьклиентскогосоединения состояниевнешнегоисточникаданных состояниеобновленияконфигурациибазыданных способвыборасертификатаwindows способкодированиястроки статуссообщения типвнешнейкомпоненты типплатформы типповеденияклавишиenter типэлементаинформацииовыполненииобновленияконфигурациибазыданных уровеньизоляциитранзакций хешфункция частидаты",type:"comобъект ftpсоединение httpзапрос httpсервисответ httpсоединение wsопределения wsпрокси xbase анализданных аннотацияxs блокировкаданных буфердвоичныхданных включениеxs выражениекомпоновкиданных генераторслучайныхчисел географическаясхема географическиекоординаты графическаясхема группамоделиxs данныерасшифровкикомпоновкиданных двоичныеданные дендрограмма диаграмма диаграммаганта диалогвыборафайла диалогвыборацвета диалогвыборашрифта диалограсписаниярегламентногозадания диалогредактированиястандартногопериода диапазон документdom документhtml документацияxs доставляемоеуведомление записьdom записьfastinfoset записьhtml записьjson записьxml записьzipфайла записьданных записьтекста записьузловdom запрос защищенноесоединениеopenssl значенияполейрасшифровкикомпоновкиданных извлечениетекста импортxs интернетпочта интернетпочтовоесообщение интернетпочтовыйпрофиль интернетпрокси интернетсоединение информациядляприложенияxs использованиеатрибутаxs использованиесобытияжурналарегистрации источникдоступныхнастроеккомпоновкиданных итераторузловdom картинка квалификаторыдаты квалификаторыдвоичныхданных квалификаторыстроки квалификаторычисла компоновщикмакетакомпоновкиданных компоновщикнастроеккомпоновкиданных конструктормакетаоформлениякомпоновкиданных конструкторнастроеккомпоновкиданных конструкторформатнойстроки линия макеткомпоновкиданных макетобластикомпоновкиданных макетоформлениякомпоновкиданных маскаxs менеджеркриптографии наборсхемxml настройкикомпоновкиданных настройкисериализацииjson обработкакартинок обработкарасшифровкикомпоновкиданных обходдереваdom объявлениеатрибутаxs объявлениенотацииxs объявлениеэлементаxs описаниеиспользованиясобытиядоступжурналарегистрации описаниеиспользованиясобытияотказвдоступежурналарегистрации описаниеобработкирасшифровкикомпоновкиданных описаниепередаваемогофайла описаниетипов определениегруппыатрибутовxs определениегруппымоделиxs определениеограниченияидентичностиxs определениепростоготипаxs определениесоставноготипаxs определениетипадокументаdom определенияxpathxs отборкомпоновкиданных пакетотображаемыхдокументов параметрвыбора параметркомпоновкиданных параметрызаписиjson параметрызаписиxml параметрычтенияxml переопределениеxs планировщик полеанализаданных полекомпоновкиданных построительdom построительзапроса построительотчета построительотчетаанализаданных построительсхемxml поток потоквпамяти почта почтовоесообщение преобразованиеxsl преобразованиекканоническомуxml процессорвыводарезультатакомпоновкиданныхвколлекциюзначений процессорвыводарезультатакомпоновкиданныхвтабличныйдокумент процессоркомпоновкиданных разыменовательпространствименdom рамка расписаниерегламентногозадания расширенноеимяxml результатчтенияданных своднаядиаграмма связьпараметравыбора связьпотипу связьпотипукомпоновкиданных сериализаторxdto сертификатклиентаwindows сертификатклиентафайл сертификаткриптографии сертификатыудостоверяющихцентровwindows сертификатыудостоверяющихцентровфайл сжатиеданных системнаяинформация сообщениепользователю сочетаниеклавиш сравнениезначений стандартнаядатаначала стандартныйпериод схемаxml схемакомпоновкиданных табличныйдокумент текстовыйдокумент тестируемоеприложение типданныхxml уникальныйидентификатор фабрикаxdto файл файловыйпоток фасетдлиныxs фасетколичестваразрядовдробнойчастиxs фасетмаксимальноговключающегозначенияxs фасетмаксимальногоисключающегозначенияxs фасетмаксимальнойдлиныxs фасетминимальноговключающегозначенияxs фасетминимальногоисключающегозначенияxs фасетминимальнойдлиныxs фасетобразцаxs фасетобщегоколичестваразрядовxs фасетперечисленияxs фасетпробельныхсимволовxs фильтрузловdom форматированнаястрока форматированныйдокумент фрагментxs хешированиеданных хранилищезначения цвет чтениеfastinfoset чтениеhtml чтениеjson чтениеxml чтениеzipфайла чтениеданных чтениетекста чтениеузловdom шрифт элементрезультатакомпоновкиданных comsafearray деревозначений массив соответствие списокзначений структура таблицазначений фиксированнаяструктура фиксированноесоответствие фиксированныймассив ",literal:n},contains:[{className:"meta",begin:"#|&",end:"$",keywords:{$pattern:t,keyword:r+"загрузитьизфайла вебклиент вместо внешнеесоединение клиент конецобласти мобильноеприложениеклиент мобильноеприложениесервер наклиенте наклиентенасервере наклиентенасерверебезконтекста насервере насерверебезконтекста область перед после сервер толстыйклиентобычноеприложение толстыйклиентуправляемоеприложение тонкийклиент "},contains:[s]},l,s,{className:"symbol",begin:"~",end:";|:",excludeEnd:!0},a,i,o]}}},49856:function(e){e.exports=function(e){let t=e.regex,r=e.COMMENT(/;/,/$/),n={scope:"attribute",match:t.concat(/^[a-zA-Z][a-zA-Z0-9-]*/,/(?=\s*=)/)};return{name:"Augmented Backus-Naur Form",illegal:/[!@#$^&',?+~`|:]/,keywords:["ALPHA","BIT","CHAR","CR","CRLF","CTL","DIGIT","DQUOTE","HEXDIG","HTAB","LF","LWSP","OCTET","SP","VCHAR","WSP"],contains:[{scope:"operator",match:/=\/?/},n,r,{scope:"symbol",match:/%b[0-1]+(-[0-1]+|(\.[0-1]+)+)?/},{scope:"symbol",match:/%d[0-9]+(-[0-9]+|(\.[0-9]+)+)?/},{scope:"symbol",match:/%x[0-9A-F]+(-[0-9A-F]+|(\.[0-9A-F]+)+)?/},{scope:"symbol",match:/%[si](?=".*")/},e.QUOTE_STRING_MODE,e.NUMBER_MODE]}}},23382:function(e){e.exports=function(e){let t=e.regex,r=["GET","POST","HEAD","PUT","DELETE","CONNECT","OPTIONS","PATCH","TRACE"];return{name:"Apache Access Log",contains:[{className:"number",begin:/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}(:\d{1,5})?\b/,relevance:5},{className:"number",begin:/\b\d+\b/,relevance:0},{className:"string",begin:t.concat(/"/,t.either(...r)),end:/"/,keywords:r,illegal:/\n/,relevance:5,contains:[{begin:/HTTP\/[12]\.\d'/,relevance:5}]},{className:"string",begin:/\[\d[^\]\n]{8,}\]/,illegal:/\n/,relevance:1},{className:"string",begin:/\[/,end:/\]/,illegal:/\n/,relevance:0},{className:"string",begin:/"Mozilla\/\d\.\d \(/,end:/"/,illegal:/\n/,relevance:3},{className:"string",begin:/"/,end:/"/,illegal:/\n/,relevance:0}]}}},18868:function(e){e.exports=function(e){let t=e.regex,r=/[a-zA-Z_$][a-zA-Z0-9_$]*/,n=t.concat(r,t.concat("(\\.",r,")*"));return{name:"ActionScript",aliases:["as"],keywords:{keyword:["as","break","case","catch","class","const","continue","default","delete","do","dynamic","each","else","extends","final","finally","for","function","get","if","implements","import","in","include","instanceof","interface","internal","is","namespace","native","new","override","package","private","protected","public","return","set","static","super","switch","this","throw","try","typeof","use","var","void","while","with"],literal:["true","false","null","undefined"]},contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.C_NUMBER_MODE,{match:[/\bpackage/,/\s+/,n],className:{1:"keyword",3:"title.class"}},{match:[/\b(?:class|interface|extends|implements)/,/\s+/,r],className:{1:"keyword",3:"title.class"}},{className:"meta",beginKeywords:"import include",end:/;/,keywords:{keyword:"import include"}},{beginKeywords:"function",end:/[{;]/,excludeEnd:!0,illegal:/\S/,contains:[e.inherit(e.TITLE_MODE,{className:"title.function"}),{className:"params",begin:/\(/,end:/\)/,contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"rest_arg",begin:/[.]{3}/,end:r,relevance:10}]},{begin:t.concat(/:\s*/,/([*]|[a-zA-Z_$][a-zA-Z0-9_$]*)/)}]},e.METHOD_GUARD],illegal:/#/}}},17260:function(e){e.exports=function(e){let t="\\d(_|\\d)*",r="[eE][-+]?"+t,n="[A-Za-z](_?[A-Za-z0-9.])*",a="[]\\{\\}%#'\"",i=e.COMMENT("--","$"),o={begin:"\\s+:\\s+",end:"\\s*(:=|;|\\)|=>|$)",illegal:a,contains:[{beginKeywords:"loop for declare others",endsParent:!0},{className:"keyword",beginKeywords:"not null constant access function procedure in out aliased exception"},{className:"type",begin:n,endsParent:!0,relevance:0}]};return{name:"Ada",case_insensitive:!0,keywords:{keyword:["abort","else","new","return","abs","elsif","not","reverse","abstract","end","accept","entry","select","access","exception","of","separate","aliased","exit","or","some","all","others","subtype","and","for","out","synchronized","array","function","overriding","at","tagged","generic","package","task","begin","goto","pragma","terminate","body","private","then","if","procedure","type","case","in","protected","constant","interface","is","raise","use","declare","range","delay","limited","record","when","delta","loop","rem","while","digits","renames","with","do","mod","requeue","xor"],literal:["True","False"]},contains:[i,{className:"string",begin:/"/,end:/"/,contains:[{begin:/""/,relevance:0}]},{className:"string",begin:/'.'/},{className:"number",begin:"\\b("+t+"#\\w+(\\.\\w+)?#("+r+")?|"+(t+"(\\."+t)+")?("+r+")?)",relevance:0},{className:"symbol",begin:"'"+n},{className:"title",begin:"(\\bwith\\s+)?(\\bprivate\\s+)?\\bpackage\\s+(\\bbody\\s+)?",end:"(is|$)",keywords:"package body",excludeBegin:!0,excludeEnd:!0,illegal:a},{begin:"(\\b(with|overriding)\\s+)?\\b(function|procedure)\\s+",end:"(\\bis|\\bwith|\\brenames|\\)\\s*;)",keywords:"overriding function procedure with is renames return",returnBegin:!0,contains:[i,{className:"title",begin:"(\\bwith\\s+)?\\b(function|procedure)\\s+",end:"(\\(|\\s+|$)",excludeBegin:!0,excludeEnd:!0,illegal:a},o,{className:"type",begin:"\\breturn\\s+",end:"(\\s+|;|$)",keywords:"return",excludeBegin:!0,excludeEnd:!0,endsParent:!0,illegal:a}]},{className:"type",begin:"\\b(sub)?type\\s+",end:"\\s+",keywords:"type",excludeBegin:!0,illegal:a},o]}}},71197:function(e){e.exports=function(e){let t={className:"built_in",begin:"\\b(void|bool|int8|int16|int32|int64|int|uint8|uint16|uint32|uint64|uint|string|ref|array|double|float|auto|dictionary)"},r={className:"symbol",begin:"[a-zA-Z0-9_]+@"},n={className:"keyword",begin:"<",end:">",contains:[t,r]};return t.contains=[n],r.contains=[n],{name:"AngelScript",aliases:["asc"],keywords:["for","in|0","break","continue","while","do|0","return","if","else","case","switch","namespace","is","cast","or","and","xor","not","get|0","in","inout|10","out","override","set|0","private","public","const","default|0","final","shared","external","mixin|10","enum","typedef","funcdef","this","super","import","from","interface","abstract|0","try","catch","protected","explicit","property"],illegal:"(^using\\s+[A-Za-z0-9_\\.]+;$|\\bfunction\\s*[^\\(])",contains:[{className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE],relevance:0},{className:"string",begin:'"""',end:'"""'},{className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE],relevance:0},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",begin:"^\\s*\\[",end:"\\]"},{beginKeywords:"interface namespace",end:/\{/,illegal:"[;.\\-]",contains:[{className:"symbol",begin:"[a-zA-Z0-9_]+"}]},{beginKeywords:"class",end:/\{/,illegal:"[;.\\-]",contains:[{className:"symbol",begin:"[a-zA-Z0-9_]+",contains:[{begin:"[:,]\\s*",contains:[{className:"symbol",begin:"[a-zA-Z0-9_]+"}]}]}]},t,r,{className:"literal",begin:"\\b(null|true|false)"},{className:"number",relevance:0,begin:"(-?)(\\b0[xXbBoOdD][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?f?|\\.\\d+f?)([eE][-+]?\\d+f?)?)"}]}}},43208:function(e){e.exports=function(e){let t={className:"number",begin:/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}(:\d{1,5})?/};return{name:"Apache config",aliases:["apacheconf"],case_insensitive:!0,contains:[e.HASH_COMMENT_MODE,{className:"section",begin:/<\/?/,end:/>/,contains:[t,{className:"number",begin:/:\d{1,5}/},e.inherit(e.QUOTE_STRING_MODE,{relevance:0})]},{className:"attribute",begin:/\w+/,relevance:0,keywords:{_:["order","deny","allow","setenv","rewriterule","rewriteengine","rewritecond","documentroot","sethandler","errordocument","loadmodule","options","header","listen","serverroot","servername"]},starts:{end:/$/,relevance:0,keywords:{literal:"on off all deny allow"},contains:[{className:"meta",begin:/\s\[/,end:/\]$/},{className:"variable",begin:/[\$%]\{/,end:/\}/,contains:["self",{className:"number",begin:/[$%]\d+/}]},t,{className:"number",begin:/\b\d+/},e.QUOTE_STRING_MODE]}}],illegal:/\S/}}},21513:function(e){e.exports=function(e){let t=e.regex,r=e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),n={className:"params",begin:/\(/,end:/\)/,contains:["self",e.C_NUMBER_MODE,r]},a=e.COMMENT(/--/,/$/),i=e.COMMENT(/\(\*/,/\*\)/,{contains:["self",a]}),o=[a,i,e.HASH_COMMENT_MODE];return{name:"AppleScript",aliases:["osascript"],keywords:{keyword:"about above after against and around as at back before beginning behind below beneath beside between but by considering contain contains continue copy div does eighth else end equal equals error every exit fifth first for fourth from front get given global if ignoring in into is it its last local me middle mod my ninth not of on onto or over prop property put ref reference repeat returning script second set seventh since sixth some tell tenth that the|0 then third through thru timeout times to transaction try until where while whose with without",literal:"AppleScript false linefeed return pi quote result space tab true",built_in:"alias application boolean class constant date file integer list number real record string text activate beep count delay launch log offset read round run say summarize write character characters contents day frontmost id item length month name|0 paragraph paragraphs rest reverse running time version weekday word words year"},contains:[r,e.C_NUMBER_MODE,{className:"built_in",begin:t.concat(/\b/,t.either(...[/clipboard info/,/the clipboard/,/info for/,/list (disks|folder)/,/mount volume/,/path to/,/(close|open for) access/,/(get|set) eof/,/current date/,/do shell script/,/get volume settings/,/random number/,/set volume/,/system attribute/,/system info/,/time to GMT/,/(load|run|store) script/,/scripting components/,/ASCII (character|number)/,/localized string/,/choose (application|color|file|file name|folder|from list|remote application|URL)/,/display (alert|dialog)/]),/\b/)},{className:"built_in",begin:/^\s*return\b/},{className:"literal",begin:/\b(text item delimiters|current application|missing value)\b/},{className:"keyword",begin:t.concat(/\b/,t.either(...[/apart from/,/aside from/,/instead of/,/out of/,/greater than/,/isn't|(doesn't|does not) (equal|come before|come after|contain)/,/(greater|less) than( or equal)?/,/(starts?|ends|begins?) with/,/contained by/,/comes (before|after)/,/a (ref|reference)/,/POSIX (file|path)/,/(date|time) string/,/quoted form/]),/\b/)},{beginKeywords:"on",illegal:/[${=;\n]/,contains:[e.UNDERSCORE_TITLE_MODE,n]},...o],illegal:/\/\/|->|=>|\[\[/}}},81657:function(e){e.exports=function(e){let t="[A-Za-z_][0-9A-Za-z_]*",r={keyword:["if","for","while","var","new","function","do","return","void","else","break"],literal:["BackSlash","DoubleQuote","false","ForwardSlash","Infinity","NaN","NewLine","null","PI","SingleQuote","Tab","TextFormatting","true","undefined"],built_in:["Abs","Acos","All","Angle","Any","Area","AreaGeodetic","Array","Asin","Atan","Atan2","Attachments","Average","Back","Bearing","Boolean","Buffer","BufferGeodetic","Ceil","Centroid","Clip","Concatenate","Console","Constrain","Contains","ConvertDirection","Cos","Count","Crosses","Cut","Date","DateAdd","DateDiff","Day","Decode","DefaultValue","Densify","DensifyGeodetic","Dictionary","Difference","Disjoint","Distance","DistanceGeodetic","Distinct","Domain","DomainCode","DomainName","EnvelopeIntersects","Equals","Erase","Exp","Expects","Extent","Feature","FeatureSet","FeatureSetByAssociation","FeatureSetById","FeatureSetByName","FeatureSetByPortalItem","FeatureSetByRelationshipName","Filter","Find","First","Floor","FromCharCode","FromCodePoint","FromJSON","GdbVersion","Generalize","Geometry","GetFeatureSet","GetUser","GroupBy","Guid","Hash","HasKey","Hour","IIf","Includes","IndexOf","Insert","Intersection","Intersects","IsEmpty","IsNan","ISOMonth","ISOWeek","ISOWeekday","ISOYear","IsSelfIntersecting","IsSimple","Left|0","Length","Length3D","LengthGeodetic","Log","Lower","Map","Max","Mean","Mid","Millisecond","Min","Minute","Month","MultiPartToSinglePart","Multipoint","NextSequenceValue","None","Now","Number","Offset|0","OrderBy","Overlaps","Point","Polygon","Polyline","Pop","Portal","Pow","Proper","Push","Random","Reduce","Relate","Replace","Resize","Reverse","Right|0","RingIsClockwise","Rotate","Round","Schema","Second","SetGeometry","Simplify","Sin","Slice","Sort","Splice","Split","Sqrt","Stdev","SubtypeCode","SubtypeName","Subtypes","Sum","SymmetricDifference","Tan","Text","Timestamp","ToCharCode","ToCodePoint","Today","ToHex","ToLocal","Top|0","Touches","ToUTC","TrackAccelerationAt","TrackAccelerationWindow","TrackCurrentAcceleration","TrackCurrentDistance","TrackCurrentSpeed","TrackCurrentTime","TrackDistanceAt","TrackDistanceWindow","TrackDuration","TrackFieldWindow","TrackGeometryWindow","TrackIndex","TrackSpeedAt","TrackSpeedWindow","TrackStartTime","TrackWindow","Trim","TypeOf","Union","Upper","UrlEncode","Variance","Week","Weekday","When","Within","Year"]},n={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:e.C_NUMBER_RE}],relevance:0},a={className:"subst",begin:"\\$\\{",end:"\\}",keywords:r,contains:[]},i={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,a]};a.contains=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,i,n,e.REGEXP_MODE];let o=a.contains.concat([e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]);return{name:"ArcGIS Arcade",case_insensitive:!0,keywords:r,contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,i,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"symbol",begin:"\\$[datastore|feature|layer|map|measure|sourcefeature|sourcelayer|targetfeature|targetlayer|value|view]+"},n,{begin:/[{,]\s*/,relevance:0,contains:[{begin:t+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:t,relevance:0}]}]},{begin:"("+e.RE_STARTERS_RE+"|\\b(return)\\b)\\s*",keywords:"return",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+t+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:t},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:r,contains:o}]}]}],relevance:0},{beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{className:"title.function",begin:t}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:o}],illegal:/\[|%/},{begin:/\$[(.]/}],illegal:/#(?!!)/}}},38618:function(e){e.exports=function(e){let t={type:["boolean","byte","word","String"],built_in:["KeyboardController","MouseController","SoftwareSerial","EthernetServer","EthernetClient","LiquidCrystal","RobotControl","GSMVoiceCall","EthernetUDP","EsploraTFT","HttpClient","RobotMotor","WiFiClient","GSMScanner","FileSystem","Scheduler","GSMServer","YunClient","YunServer","IPAddress","GSMClient","GSMModem","Keyboard","Ethernet","Console","GSMBand","Esplora","Stepper","Process","WiFiUDP","GSM_SMS","Mailbox","USBHost","Firmata","PImage","Client","Server","GSMPIN","FileIO","Bridge","Serial","EEPROM","Stream","Mouse","Audio","Servo","File","Task","GPRS","WiFi","Wire","TFT","GSM","SPI","SD"],_hints:["setup","loop","runShellCommandAsynchronously","analogWriteResolution","retrieveCallingNumber","printFirmwareVersion","analogReadResolution","sendDigitalPortPair","noListenOnLocalhost","readJoystickButton","setFirmwareVersion","readJoystickSwitch","scrollDisplayRight","getVoiceCallStatus","scrollDisplayLeft","writeMicroseconds","delayMicroseconds","beginTransmission","getSignalStrength","runAsynchronously","getAsynchronously","listenOnLocalhost","getCurrentCarrier","readAccelerometer","messageAvailable","sendDigitalPorts","lineFollowConfig","countryNameWrite","runShellCommand","readStringUntil","rewindDirectory","readTemperature","setClockDivider","readLightSensor","endTransmission","analogReference","detachInterrupt","countryNameRead","attachInterrupt","encryptionType","readBytesUntil","robotNameWrite","readMicrophone","robotNameRead","cityNameWrite","userNameWrite","readJoystickY","readJoystickX","mouseReleased","openNextFile","scanNetworks","noInterrupts","digitalWrite","beginSpeaker","mousePressed","isActionDone","mouseDragged","displayLogos","noAutoscroll","addParameter","remoteNumber","getModifiers","keyboardRead","userNameRead","waitContinue","processInput","parseCommand","printVersion","readNetworks","writeMessage","blinkVersion","cityNameRead","readMessage","setDataMode","parsePacket","isListening","setBitOrder","beginPacket","isDirectory","motorsWrite","drawCompass","digitalRead","clearScreen","serialEvent","rightToLeft","setTextSize","leftToRight","requestFrom","keyReleased","compassRead","analogWrite","interrupts","WiFiServer","disconnect","playMelody","parseFloat","autoscroll","getPINUsed","setPINUsed","setTimeout","sendAnalog","readSlider","analogRead","beginWrite","createChar","motorsStop","keyPressed","tempoWrite","readButton","subnetMask","debugPrint","macAddress","writeGreen","randomSeed","attachGPRS","readString","sendString","remotePort","releaseAll","mouseMoved","background","getXChange","getYChange","answerCall","getResult","voiceCall","endPacket","constrain","getSocket","writeJSON","getButton","available","connected","findUntil","readBytes","exitValue","readGreen","writeBlue","startLoop","IPAddress","isPressed","sendSysex","pauseMode","gatewayIP","setCursor","getOemKey","tuneWrite","noDisplay","loadImage","switchPIN","onRequest","onReceive","changePIN","playFile","noBuffer","parseInt","overflow","checkPIN","knobRead","beginTFT","bitClear","updateIR","bitWrite","position","writeRGB","highByte","writeRed","setSpeed","readBlue","noStroke","remoteIP","transfer","shutdown","hangCall","beginSMS","endWrite","attached","maintain","noCursor","checkReg","checkPUK","shiftOut","isValid","shiftIn","pulseIn","connect","println","localIP","pinMode","getIMEI","display","noBlink","process","getBand","running","beginSD","drawBMP","lowByte","setBand","release","bitRead","prepare","pointTo","readRed","setMode","noFill","remove","listen","stroke","detach","attach","noTone","exists","buffer","height","bitSet","circle","config","cursor","random","IRread","setDNS","endSMS","getKey","micros","millis","begin","print","write","ready","flush","width","isPIN","blink","clear","press","mkdir","rmdir","close","point","yield","image","BSSID","click","delay","read","text","move","peek","beep","rect","line","open","seek","fill","size","turn","stop","home","find","step","tone","sqrt","RSSI","SSID","end","bit","tan","cos","sin","pow","map","abs","max","min","get","run","put"],literal:["DIGITAL_MESSAGE","FIRMATA_STRING","ANALOG_MESSAGE","REPORT_DIGITAL","REPORT_ANALOG","INPUT_PULLUP","SET_PIN_MODE","INTERNAL2V56","SYSTEM_RESET","LED_BUILTIN","INTERNAL1V1","SYSEX_START","INTERNAL","EXTERNAL","DEFAULT","OUTPUT","INPUT","HIGH","LOW"]},r=function(e){let t=e.regex,r=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),n="decltype\\(auto\\)",a="[a-zA-Z_]\\w*::",i="(?!struct)("+n+"|"+t.optional(a)+"[a-zA-Z_]\\w*"+t.optional("<[^<>]+>")+")",o={className:"type",begin:"\\b[a-z\\d_]*_t\\b"},s={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(s,{className:"string"}),{className:"string",begin:/<.*?>/},r,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:t.optional(a)+e.IDENT_RE,relevance:0},u=t.optional(a)+e.IDENT_RE+"\\s*\\(",p={type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]},_={className:"function.dispatch",relevance:0,keywords:{_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]},begin:t.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,t.lookahead(/(<[^<>]+>|)\s*\(/))},m=[_,c,o,r,e.C_BLOCK_COMMENT_MODE,l,s],g={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:p,contains:m.concat([{begin:/\(/,end:/\)/,keywords:p,contains:m.concat(["self"]),relevance:0}]),relevance:0},f={className:"function",begin:"("+i+"[\\*&\\s]+)+"+u,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:p,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:n,keywords:p,relevance:0},{begin:u,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{begin:/:/,endsWithParent:!0,contains:[s,l]},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:[r,e.C_BLOCK_COMMENT_MODE,s,l,o,{begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:["self",r,e.C_BLOCK_COMMENT_MODE,s,l,o]}]},o,r,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:p,illegal:"",keywords:p,contains:["self",o]},{begin:e.IDENT_RE+"::",keywords:p},{match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],className:{1:"keyword",3:"title.class"}}])}}(e),n=r.keywords;return n.type=[...n.type,...t.type],n.literal=[...n.literal,...t.literal],n.built_in=[...n.built_in,...t.built_in],n._hints=t._hints,r.name="Arduino",r.aliases=["ino"],r.supersetOf="cpp",r}},41735:function(e){e.exports=function(e){let t={variants:[e.COMMENT("^[ \\t]*(?=#)","$",{relevance:0,excludeBegin:!0}),e.COMMENT("[;@]","$",{relevance:0}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]};return{name:"ARM Assembly",case_insensitive:!0,aliases:["arm"],keywords:{$pattern:"\\.?"+e.IDENT_RE,meta:".2byte .4byte .align .ascii .asciz .balign .byte .code .data .else .end .endif .endm .endr .equ .err .exitm .extern .global .hword .if .ifdef .ifndef .include .irp .long .macro .rept .req .section .set .skip .space .text .word .arm .thumb .code16 .code32 .force_thumb .thumb_func .ltorg ALIAS ALIGN ARM AREA ASSERT ATTR CN CODE CODE16 CODE32 COMMON CP DATA DCB DCD DCDU DCDO DCFD DCFDU DCI DCQ DCQU DCW DCWU DN ELIF ELSE END ENDFUNC ENDIF ENDP ENTRY EQU EXPORT EXPORTAS EXTERN FIELD FILL FUNCTION GBLA GBLL GBLS GET GLOBAL IF IMPORT INCBIN INCLUDE INFO KEEP LCLA LCLL LCLS LTORG MACRO MAP MEND MEXIT NOFP OPT PRESERVE8 PROC QN READONLY RELOC REQUIRE REQUIRE8 RLIST FN ROUT SETA SETL SETS SN SPACE SUBT THUMB THUMBX TTL WHILE WEND ",built_in:"r0 r1 r2 r3 r4 r5 r6 r7 r8 r9 r10 r11 r12 r13 r14 r15 pc lr sp ip sl sb fp a1 a2 a3 a4 v1 v2 v3 v4 v5 v6 v7 v8 f0 f1 f2 f3 f4 f5 f6 f7 p0 p1 p2 p3 p4 p5 p6 p7 p8 p9 p10 p11 p12 p13 p14 p15 c0 c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11 c12 c13 c14 c15 q0 q1 q2 q3 q4 q5 q6 q7 q8 q9 q10 q11 q12 q13 q14 q15 cpsr_c cpsr_x cpsr_s cpsr_f cpsr_cx cpsr_cxs cpsr_xs cpsr_xsf cpsr_sf cpsr_cxsf spsr_c spsr_x spsr_s spsr_f spsr_cx spsr_cxs spsr_xs spsr_xsf spsr_sf spsr_cxsf s0 s1 s2 s3 s4 s5 s6 s7 s8 s9 s10 s11 s12 s13 s14 s15 s16 s17 s18 s19 s20 s21 s22 s23 s24 s25 s26 s27 s28 s29 s30 s31 d0 d1 d2 d3 d4 d5 d6 d7 d8 d9 d10 d11 d12 d13 d14 d15 d16 d17 d18 d19 d20 d21 d22 d23 d24 d25 d26 d27 d28 d29 d30 d31 {PC} {VAR} {TRUE} {FALSE} {OPT} {CONFIG} {ENDIAN} {CODESIZE} {CPU} {FPU} {ARCHITECTURE} {PCSTOREOFFSET} {ARMASM_VERSION} {INTER} {ROPI} {RWPI} {SWST} {NOSWST} . @"},contains:[{className:"keyword",begin:"\\b(adc|(qd?|sh?|u[qh]?)?add(8|16)?|usada?8|(q|sh?|u[qh]?)?(as|sa)x|and|adrl?|sbc|rs[bc]|asr|b[lx]?|blx|bxj|cbn?z|tb[bh]|bic|bfc|bfi|[su]bfx|bkpt|cdp2?|clz|clrex|cmp|cmn|cpsi[ed]|cps|setend|dbg|dmb|dsb|eor|isb|it[te]{0,3}|lsl|lsr|ror|rrx|ldm(([id][ab])|f[ds])?|ldr((s|ex)?[bhd])?|movt?|mvn|mra|mar|mul|[us]mull|smul[bwt][bt]|smu[as]d|smmul|smmla|mla|umlaal|smlal?([wbt][bt]|d)|mls|smlsl?[ds]|smc|svc|sev|mia([bt]{2}|ph)?|mrr?c2?|mcrr2?|mrs|msr|orr|orn|pkh(tb|bt)|rbit|rev(16|sh)?|sel|[su]sat(16)?|nop|pop|push|rfe([id][ab])?|stm([id][ab])?|str(ex)?[bhd]?|(qd?)?sub|(sh?|q|u[qh]?)?sub(8|16)|[su]xt(a?h|a?b(16)?)|srs([id][ab])?|swpb?|swi|smi|tst|teq|wfe|wfi|yield)(eq|ne|cs|cc|mi|pl|vs|vc|hi|ls|ge|lt|gt|le|al|hs|lo)?[sptrx]?(?=\\s)"},t,e.QUOTE_STRING_MODE,{className:"string",begin:"'",end:"[^\\\\]'",relevance:0},{className:"title",begin:"\\|",end:"\\|",illegal:"\\n",relevance:0},{className:"number",variants:[{begin:"[#$=]?0x[0-9a-f]+"},{begin:"[#$=]?0b[01]+"},{begin:"[#$=]\\d+"},{begin:"\\b\\d+"}],relevance:0},{className:"symbol",variants:[{begin:"^[ \\t]*[a-z_\\.\\$][a-z0-9_\\.\\$]+:"},{begin:"^[a-z_\\.\\$][a-z0-9_\\.\\$]+"},{begin:"[=#]\\w+"}],relevance:0}]}}},69810:function(e){e.exports=function(e){let t=e.regex,r=[{className:"strong",begin:/\*{2}([^\n]+?)\*{2}/},{className:"strong",begin:t.concat(/\*\*/,/((\*(?!\*)|\\[^\n]|[^*\n\\])+\n)+/,/(\*(?!\*)|\\[^\n]|[^*\n\\])*/,/\*\*/),relevance:0},{className:"strong",begin:/\B\*(\S|\S[^\n]*?\S)\*(?!\w)/},{className:"strong",begin:/\*[^\s]([^\n]+\n)+([^\n]+)\*/}],n=[{className:"emphasis",begin:/_{2}([^\n]+?)_{2}/},{className:"emphasis",begin:t.concat(/__/,/((_(?!_)|\\[^\n]|[^_\n\\])+\n)+/,/(_(?!_)|\\[^\n]|[^_\n\\])*/,/__/),relevance:0},{className:"emphasis",begin:/\b_(\S|\S[^\n]*?\S)_(?!\w)/},{className:"emphasis",begin:/_[^\s]([^\n]+\n)+([^\n]+)_/},{className:"emphasis",begin:"\\B'(?!['\\s])",end:"(\\n{2}|')",contains:[{begin:"\\\\'\\w",relevance:0}],relevance:0}];return{name:"AsciiDoc",aliases:["adoc"],contains:[e.COMMENT("^/{4,}\\n","\\n/{4,}$",{relevance:10}),e.COMMENT("^//","$",{relevance:0}),{className:"title",begin:"^\\.\\w.*$"},{begin:"^[=\\*]{4,}\\n",end:"\\n^[=\\*]{4,}$",relevance:10},{className:"section",relevance:10,variants:[{begin:"^(={1,6})[ ].+?([ ]\\1)?$"},{begin:"^[^\\[\\]\\n]+?\\n[=\\-~\\^\\+]{2,}$"}]},{className:"meta",begin:"^:.+?:",end:"\\s",excludeEnd:!0,relevance:10},{className:"meta",begin:"^\\[.+?\\]$",relevance:0},{className:"quote",begin:"^_{4,}\\n",end:"\\n_{4,}$",relevance:10},{className:"code",begin:"^[\\-\\.]{4,}\\n",end:"\\n[\\-\\.]{4,}$",relevance:10},{begin:"^\\+{4,}\\n",end:"\\n\\+{4,}$",contains:[{begin:"<",end:">",subLanguage:"xml",relevance:0}],relevance:10},{className:"bullet",begin:"^(\\*+|-+|\\.+|[^\\n]+?::)\\s+"},{className:"symbol",begin:"^(NOTE|TIP|IMPORTANT|WARNING|CAUTION):\\s+",relevance:10},{begin:/\\[*_`]/},{begin:/\\\\\*{2}[^\n]*?\*{2}/},{begin:/\\\\_{2}[^\n]*_{2}/},{begin:/\\\\`{2}[^\n]*`{2}/},{begin:/[:;}][*_`](?![*_`])/},...r,...n,{className:"string",variants:[{begin:"``.+?''"},{begin:"`.+?'"}]},{className:"code",begin:/`{2}/,end:/(\n{2}|`{2})/},{className:"code",begin:"(`.+?`|\\+.+?\\+)",relevance:0},{className:"code",begin:"^[ \\t]",end:"$",relevance:0},{begin:"^'{3,}[ \\t]*$",relevance:10},{begin:"(link:)?(http|https|ftp|file|irc|image:?):\\S+?\\[[^[]*?\\]",returnBegin:!0,contains:[{begin:"(link|image:?):",relevance:0},{className:"link",begin:"\\w",end:"[^\\[]+",relevance:0},{className:"string",begin:"\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0,relevance:0}],relevance:10}]}}},96346:function(e){e.exports=function(e){let t=e.regex,r=["false","synchronized","int","abstract","float","private","char","boolean","static","null","if","const","for","true","while","long","throw","strictfp","finally","protected","import","native","final","return","void","enum","else","extends","implements","break","transient","new","catch","instanceof","byte","super","volatile","case","assert","short","package","default","double","public","try","this","switch","continue","throws","privileged","aspectOf","adviceexecution","proceed","cflowbelow","cflow","initialization","preinitialization","staticinitialization","withincode","target","within","execution","getWithinTypeName","handler","thisJoinPoint","thisJoinPointStaticPart","thisEnclosingJoinPointStaticPart","declare","parents","warning","error","soft","precedence","thisAspectInstance"],n=["get","set","args","call"];return{name:"AspectJ",keywords:r,illegal:/<\/|#/,contains:[e.COMMENT(/\/\*\*/,/\*\//,{relevance:0,contains:[{begin:/\w+@/,relevance:0},{className:"doctag",begin:/@[A-Za-z]+/}]}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"class",beginKeywords:"aspect",end:/[{;=]/,excludeEnd:!0,illegal:/[:;"\[\]]/,contains:[{beginKeywords:"extends implements pertypewithin perthis pertarget percflowbelow percflow issingleton"},e.UNDERSCORE_TITLE_MODE,{begin:/\([^\)]*/,end:/[)]+/,keywords:r.concat(n),excludeEnd:!1}]},{className:"class",beginKeywords:"class interface",end:/[{;=]/,excludeEnd:!0,relevance:0,keywords:"class interface",illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"pointcut after before around throwing returning",end:/[)]/,excludeEnd:!1,illegal:/["\[\]]/,contains:[{begin:t.concat(e.UNDERSCORE_IDENT_RE,/\s*\(/),returnBegin:!0,contains:[e.UNDERSCORE_TITLE_MODE]}]},{begin:/[:]/,returnBegin:!0,end:/[{;]/,relevance:0,excludeEnd:!1,keywords:r,illegal:/["\[\]]/,contains:[{begin:t.concat(e.UNDERSCORE_IDENT_RE,/\s*\(/),keywords:r.concat(n),relevance:0},e.QUOTE_STRING_MODE]},{beginKeywords:"new throw",relevance:0},{className:"function",begin:/\w+ +\w+(\.\w+)?\s*\([^\)]*\)\s*((throws)[\w\s,]+)?[\{;]/,returnBegin:!0,end:/[{;=]/,keywords:r,excludeEnd:!0,contains:[{begin:t.concat(e.UNDERSCORE_IDENT_RE,/\s*\(/),returnBegin:!0,relevance:0,contains:[e.UNDERSCORE_TITLE_MODE]},{className:"params",begin:/\(/,end:/\)/,relevance:0,keywords:r,contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},e.C_NUMBER_MODE,{className:"meta",begin:/@[A-Za-z]+/}]}}},54877:function(e){e.exports=function(e){let t={begin:"`[\\s\\S]"};return{name:"AutoHotkey",case_insensitive:!0,aliases:["ahk"],keywords:{keyword:"Break Continue Critical Exit ExitApp Gosub Goto New OnExit Pause return SetBatchLines SetTimer Suspend Thread Throw Until ahk_id ahk_class ahk_pid ahk_exe ahk_group",literal:"true false NOT AND OR",built_in:"ComSpec Clipboard ClipboardAll ErrorLevel"},contains:[t,e.inherit(e.QUOTE_STRING_MODE,{contains:[t]}),e.COMMENT(";","$",{relevance:0}),e.C_BLOCK_COMMENT_MODE,{className:"number",begin:e.NUMBER_RE,relevance:0},{className:"variable",begin:"%[a-zA-Z0-9#_$@]+%"},{className:"built_in",begin:"^\\s*\\w+\\s*(,|%)"},{className:"title",variants:[{begin:'^[^\\n";]+::(?!=)'},{begin:'^[^\\n";]+:(?!=)',relevance:0}]},{className:"meta",begin:"^\\s*#\\w+",end:"$",relevance:0},{className:"built_in",begin:"A_[a-zA-Z0-9]+"},{begin:",\\s*,"}]}}},3442:function(e){e.exports=function(e){let t={variants:[e.COMMENT(";","$",{relevance:0}),e.COMMENT("#cs","#ce"),e.COMMENT("#comments-start","#comments-end")]},r={begin:"\\$[A-z0-9_]+"},n={className:"string",variants:[{begin:/"/,end:/"/,contains:[{begin:/""/,relevance:0}]},{begin:/'/,end:/'/,contains:[{begin:/''/,relevance:0}]}]},a={variants:[e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE]},i={beginKeywords:"Func",end:"$",illegal:"\\$|\\[|%",contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{className:"title.function"}),{className:"params",begin:"\\(",end:"\\)",contains:[r,n,a]}]};return{name:"AutoIt",case_insensitive:!0,illegal:/\/\*/,keywords:{keyword:"ByRef Case Const ContinueCase ContinueLoop Dim Do Else ElseIf EndFunc EndIf EndSelect EndSwitch EndWith Enum Exit ExitLoop For Func Global If In Local Next ReDim Return Select Static Step Switch Then To Until Volatile WEnd While With",built_in:"Abs ACos AdlibRegister AdlibUnRegister Asc AscW ASin Assign ATan AutoItSetOption AutoItWinGetTitle AutoItWinSetTitle Beep Binary BinaryLen BinaryMid BinaryToString BitAND BitNOT BitOR BitRotate BitShift BitXOR BlockInput Break Call CDTray Ceiling Chr ChrW ClipGet ClipPut ConsoleRead ConsoleWrite ConsoleWriteError ControlClick ControlCommand ControlDisable ControlEnable ControlFocus ControlGetFocus ControlGetHandle ControlGetPos ControlGetText ControlHide ControlListView ControlMove ControlSend ControlSetText ControlShow ControlTreeView Cos Dec DirCopy DirCreate DirGetSize DirMove DirRemove DllCall DllCallAddress DllCallbackFree DllCallbackGetPtr DllCallbackRegister DllClose DllOpen DllStructCreate DllStructGetData DllStructGetPtr DllStructGetSize DllStructSetData DriveGetDrive DriveGetFileSystem DriveGetLabel DriveGetSerial DriveGetType DriveMapAdd DriveMapDel DriveMapGet DriveSetLabel DriveSpaceFree DriveSpaceTotal DriveStatus EnvGet EnvSet EnvUpdate Eval Execute Exp FileChangeDir FileClose FileCopy FileCreateNTFSLink FileCreateShortcut FileDelete FileExists FileFindFirstFile FileFindNextFile FileFlush FileGetAttrib FileGetEncoding FileGetLongName FileGetPos FileGetShortcut FileGetShortName FileGetSize FileGetTime FileGetVersion FileInstall FileMove FileOpen FileOpenDialog FileRead FileReadLine FileReadToArray FileRecycle FileRecycleEmpty FileSaveDialog FileSelectFolder FileSetAttrib FileSetEnd FileSetPos FileSetTime FileWrite FileWriteLine Floor FtpSetProxy FuncName GUICreate GUICtrlCreateAvi GUICtrlCreateButton GUICtrlCreateCheckbox GUICtrlCreateCombo GUICtrlCreateContextMenu GUICtrlCreateDate GUICtrlCreateDummy GUICtrlCreateEdit GUICtrlCreateGraphic GUICtrlCreateGroup GUICtrlCreateIcon GUICtrlCreateInput GUICtrlCreateLabel GUICtrlCreateList GUICtrlCreateListView GUICtrlCreateListViewItem GUICtrlCreateMenu GUICtrlCreateMenuItem GUICtrlCreateMonthCal GUICtrlCreateObj GUICtrlCreatePic GUICtrlCreateProgress GUICtrlCreateRadio GUICtrlCreateSlider GUICtrlCreateTab GUICtrlCreateTabItem GUICtrlCreateTreeView GUICtrlCreateTreeViewItem GUICtrlCreateUpdown GUICtrlDelete GUICtrlGetHandle GUICtrlGetState GUICtrlRead GUICtrlRecvMsg GUICtrlRegisterListViewSort GUICtrlSendMsg GUICtrlSendToDummy GUICtrlSetBkColor GUICtrlSetColor GUICtrlSetCursor GUICtrlSetData GUICtrlSetDefBkColor GUICtrlSetDefColor GUICtrlSetFont GUICtrlSetGraphic GUICtrlSetImage GUICtrlSetLimit GUICtrlSetOnEvent GUICtrlSetPos GUICtrlSetResizing GUICtrlSetState GUICtrlSetStyle GUICtrlSetTip GUIDelete GUIGetCursorInfo GUIGetMsg GUIGetStyle GUIRegisterMsg GUISetAccelerators GUISetBkColor GUISetCoord GUISetCursor GUISetFont GUISetHelp GUISetIcon GUISetOnEvent GUISetState GUISetStyle GUIStartGroup GUISwitch Hex HotKeySet HttpSetProxy HttpSetUserAgent HWnd InetClose InetGet InetGetInfo InetGetSize InetRead IniDelete IniRead IniReadSection IniReadSectionNames IniRenameSection IniWrite IniWriteSection InputBox Int IsAdmin IsArray IsBinary IsBool IsDeclared IsDllStruct IsFloat IsFunc IsHWnd IsInt IsKeyword IsNumber IsObj IsPtr IsString Log MemGetStats Mod MouseClick MouseClickDrag MouseDown MouseGetCursor MouseGetPos MouseMove MouseUp MouseWheel MsgBox Number ObjCreate ObjCreateInterface ObjEvent ObjGet ObjName OnAutoItExitRegister OnAutoItExitUnRegister Ping PixelChecksum PixelGetColor PixelSearch ProcessClose ProcessExists ProcessGetStats ProcessList ProcessSetPriority ProcessWait ProcessWaitClose ProgressOff ProgressOn ProgressSet Ptr Random RegDelete RegEnumKey RegEnumVal RegRead RegWrite Round Run RunAs RunAsWait RunWait Send SendKeepActive SetError SetExtended ShellExecute ShellExecuteWait Shutdown Sin Sleep SoundPlay SoundSetWaveVolume SplashImageOn SplashOff SplashTextOn Sqrt SRandom StatusbarGetText StderrRead StdinWrite StdioClose StdoutRead String StringAddCR StringCompare StringFormat StringFromASCIIArray StringInStr StringIsAlNum StringIsAlpha StringIsASCII StringIsDigit StringIsFloat StringIsInt StringIsLower StringIsSpace StringIsUpper StringIsXDigit StringLeft StringLen StringLower StringMid StringRegExp StringRegExpReplace StringReplace StringReverse StringRight StringSplit StringStripCR StringStripWS StringToASCIIArray StringToBinary StringTrimLeft StringTrimRight StringUpper Tan TCPAccept TCPCloseSocket TCPConnect TCPListen TCPNameToIP TCPRecv TCPSend TCPShutdown, UDPShutdown TCPStartup, UDPStartup TimerDiff TimerInit ToolTip TrayCreateItem TrayCreateMenu TrayGetMsg TrayItemDelete TrayItemGetHandle TrayItemGetState TrayItemGetText TrayItemSetOnEvent TrayItemSetState TrayItemSetText TraySetClick TraySetIcon TraySetOnEvent TraySetPauseIcon TraySetState TraySetToolTip TrayTip UBound UDPBind UDPCloseSocket UDPOpen UDPRecv UDPSend VarGetType WinActivate WinActive WinClose WinExists WinFlash WinGetCaretPos WinGetClassList WinGetClientSize WinGetHandle WinGetPos WinGetProcess WinGetState WinGetText WinGetTitle WinKill WinList WinMenuSelectItem WinMinimizeAll WinMinimizeAllUndo WinMove WinSetOnTop WinSetState WinSetTitle WinSetTrans WinWait WinWaitActive WinWaitClose WinWaitNotActive",literal:"True False And Null Not Or Default"},contains:[t,r,n,a,{className:"meta",begin:"#",end:"$",keywords:{keyword:["EndRegion","forcedef","forceref","ignorefunc","include","include-once","NoTrayIcon","OnAutoItStartRegister","pragma","Region","RequireAdmin","Tidy_Off","Tidy_On","Tidy_Parameters"]},contains:[{begin:/\\\n/,relevance:0},{beginKeywords:"include",keywords:{keyword:"include"},end:"$",contains:[n,{className:"string",variants:[{begin:"<",end:">"},{begin:/"/,end:/"/,contains:[{begin:/""/,relevance:0}]},{begin:/'/,end:/'/,contains:[{begin:/''/,relevance:0}]}]}]},n,t]},{className:"symbol",begin:"@[A-z0-9_]+"},i]}}},80473:function(e){e.exports=function(e){return{name:"AVR Assembly",case_insensitive:!0,keywords:{$pattern:"\\.?"+e.IDENT_RE,keyword:"adc add adiw and andi asr bclr bld brbc brbs brcc brcs break breq brge brhc brhs brid brie brlo brlt brmi brne brpl brsh brtc brts brvc brvs bset bst call cbi cbr clc clh cli cln clr cls clt clv clz com cp cpc cpi cpse dec eicall eijmp elpm eor fmul fmuls fmulsu icall ijmp in inc jmp ld ldd ldi lds lpm lsl lsr mov movw mul muls mulsu neg nop or ori out pop push rcall ret reti rjmp rol ror sbc sbr sbrc sbrs sec seh sbi sbci sbic sbis sbiw sei sen ser ses set sev sez sleep spm st std sts sub subi swap tst wdr",built_in:"r0 r1 r2 r3 r4 r5 r6 r7 r8 r9 r10 r11 r12 r13 r14 r15 r16 r17 r18 r19 r20 r21 r22 r23 r24 r25 r26 r27 r28 r29 r30 r31 x|0 xh xl y|0 yh yl z|0 zh zl ucsr1c udr1 ucsr1a ucsr1b ubrr1l ubrr1h ucsr0c ubrr0h tccr3c tccr3a tccr3b tcnt3h tcnt3l ocr3ah ocr3al ocr3bh ocr3bl ocr3ch ocr3cl icr3h icr3l etimsk etifr tccr1c ocr1ch ocr1cl twcr twdr twar twsr twbr osccal xmcra xmcrb eicra spmcsr spmcr portg ddrg ping portf ddrf sreg sph spl xdiv rampz eicrb eimsk gimsk gicr eifr gifr timsk tifr mcucr mcucsr tccr0 tcnt0 ocr0 assr tccr1a tccr1b tcnt1h tcnt1l ocr1ah ocr1al ocr1bh ocr1bl icr1h icr1l tccr2 tcnt2 ocr2 ocdr wdtcr sfior eearh eearl eedr eecr porta ddra pina portb ddrb pinb portc ddrc pinc portd ddrd pind spdr spsr spcr udr0 ucsr0a ucsr0b ubrr0l acsr admux adcsr adch adcl porte ddre pine pinf",meta:".byte .cseg .db .def .device .dseg .dw .endmacro .equ .eseg .exit .include .list .listmac .macro .nolist .org .set"},contains:[e.C_BLOCK_COMMENT_MODE,e.COMMENT(";","$",{relevance:0}),e.C_NUMBER_MODE,e.BINARY_NUMBER_MODE,{className:"number",begin:"\\b(\\$[a-zA-Z0-9]+|0o[0-7]+)"},e.QUOTE_STRING_MODE,{className:"string",begin:"'",end:"[^\\\\]'",illegal:"[^\\\\][^']"},{className:"symbol",begin:"^[A-Za-z0-9_.$]+:"},{className:"meta",begin:"#",end:"$"},{className:"subst",begin:"@[0-9]+"}]}}},20703:function(e){e.exports=function(e){let t={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{begin:/(u|b)?r?'''/,end:/'''/,relevance:10},{begin:/(u|b)?r?"""/,end:/"""/,relevance:10},{begin:/(u|r|ur)'/,end:/'/,relevance:10},{begin:/(u|r|ur)"/,end:/"/,relevance:10},{begin:/(b|br)'/,end:/'/},{begin:/(b|br)"/,end:/"/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]};return{name:"Awk",keywords:{keyword:"BEGIN END if else while do for in break continue delete next nextfile function func exit|10"},contains:[{className:"variable",variants:[{begin:/\$[\w\d#@][\w\d_]*/},{begin:/\$\{(.*?)\}/}]},t,e.REGEXP_MODE,e.HASH_COMMENT_MODE,e.NUMBER_MODE]}}},3981:function(e){e.exports=function(e){let t=e.UNDERSCORE_IDENT_RE,r={keyword:["abstract","as","asc","avg","break","breakpoint","by","byref","case","catch","changecompany","class","client","client","common","const","continue","count","crosscompany","delegate","delete_from","desc","display","div","do","edit","else","eventhandler","exists","extends","final","finally","firstfast","firstonly","firstonly1","firstonly10","firstonly100","firstonly1000","flush","for","forceliterals","forcenestedloop","forceplaceholders","forceselectorder","forupdate","from","generateonly","group","hint","if","implements","in","index","insert_recordset","interface","internal","is","join","like","maxof","minof","mod","namespace","new","next","nofetch","notexists","optimisticlock","order","outer","pessimisticlock","print","private","protected","public","readonly","repeatableread","retry","return","reverse","select","server","setting","static","sum","super","switch","this","throw","try","ttsabort","ttsbegin","ttscommit","unchecked","update_recordset","using","validtimestate","void","where","while"],built_in:["anytype","boolean","byte","char","container","date","double","enum","guid","int","int64","long","real","short","str","utcdatetime","var"],literal:["default","false","null","true"]};return{name:"X++",aliases:["x++"],keywords:r,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,{className:"meta",begin:"#",end:"$"},{variants:[{match:[/(class|interface)\s+/,t,/\s+(extends|implements)\s+/,t]},{match:[/class\s+/,t]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:r}]}}},79846:function(e){e.exports=function(e){let t=e.regex,r={};Object.assign(r,{className:"variable",variants:[{begin:t.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},{begin:/\$\{/,end:/\}/,contains:["self",{begin:/:-/,contains:[r]}]}]});let n={className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]},a={begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,className:"string"})]}},i={className:"string",begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,r,n]};n.contains.push(i);let o={begin:/\$?\(\(/,end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,r]},s=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10}),l={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{name:"Bash",aliases:["sh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,keyword:["if","then","else","elif","fi","for","while","in","do","done","case","esac","function"],literal:["true","false"],built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]},contains:[s,e.SHEBANG(),l,o,e.HASH_COMMENT_MODE,a,{match:/(\/[a-z._-]+)+/},i,{className:"",begin:/\\"/},{className:"string",begin:/'/,end:/'/},r]}}},60106:function(e){e.exports=function(e){return{name:"BASIC",case_insensitive:!0,illegal:"^.",keywords:{$pattern:"[a-zA-Z][a-zA-Z0-9_$%!#]*",keyword:["ABS","ASC","AND","ATN","AUTO|0","BEEP","BLOAD|10","BSAVE|10","CALL","CALLS","CDBL","CHAIN","CHDIR","CHR$|10","CINT","CIRCLE","CLEAR","CLOSE","CLS","COLOR","COM","COMMON","CONT","COS","CSNG","CSRLIN","CVD","CVI","CVS","DATA","DATE$","DEFDBL","DEFINT","DEFSNG","DEFSTR","DEF|0","SEG","USR","DELETE","DIM","DRAW","EDIT","END","ENVIRON","ENVIRON$","EOF","EQV","ERASE","ERDEV","ERDEV$","ERL","ERR","ERROR","EXP","FIELD","FILES","FIX","FOR|0","FRE","GET","GOSUB|10","GOTO","HEX$","IF","THEN","ELSE|0","INKEY$","INP","INPUT","INPUT#","INPUT$","INSTR","IMP","INT","IOCTL","IOCTL$","KEY","ON","OFF","LIST","KILL","LEFT$","LEN","LET","LINE","LLIST","LOAD","LOC","LOCATE","LOF","LOG","LPRINT","USING","LSET","MERGE","MID$","MKDIR","MKD$","MKI$","MKS$","MOD","NAME","NEW","NEXT","NOISE","NOT","OCT$","ON","OR","PEN","PLAY","STRIG","OPEN","OPTION","BASE","OUT","PAINT","PALETTE","PCOPY","PEEK","PMAP","POINT","POKE","POS","PRINT","PRINT]","PSET","PRESET","PUT","RANDOMIZE","READ","REM","RENUM","RESET|0","RESTORE","RESUME","RETURN|0","RIGHT$","RMDIR","RND","RSET","RUN","SAVE","SCREEN","SGN","SHELL","SIN","SOUND","SPACE$","SPC","SQR","STEP","STICK","STOP","STR$","STRING$","SWAP","SYSTEM","TAB","TAN","TIME$","TIMER","TROFF","TRON","TO","USR","VAL","VARPTR","VARPTR$","VIEW","WAIT","WHILE","WEND","WIDTH","WINDOW","WRITE","XOR"]},contains:[e.QUOTE_STRING_MODE,e.COMMENT("REM","$",{relevance:10}),e.COMMENT("'","$",{relevance:0}),{className:"symbol",begin:"^[0-9]+ ",relevance:10},{className:"number",begin:"\\b\\d+(\\.\\d+)?([edED]\\d+)?[#!]?",relevance:0},{className:"number",begin:"(&[hH][0-9a-fA-F]{1,4})"},{className:"number",begin:"(&[oO][0-7]{1,6})"}]}}},21702:function(e){e.exports=function(e){return{name:"Backus–Naur Form",contains:[{className:"attribute",begin://},{begin:/::=/,end:/$/,contains:[{begin://},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]}]}}},99384:function(e){e.exports=function(e){let t={className:"literal",begin:/[+-]+/,relevance:0};return{name:"Brainfuck",aliases:["bf"],contains:[e.COMMENT(/[^\[\]\.,\+\-<> \r\n]/,/[\[\]\.,\+\-<> \r\n]/,{contains:[{match:/[ ]+[^\[\]\.,\+\-<> \r\n]/,relevance:0}],returnEnd:!0,relevance:0}),{className:"title",begin:"[\\[\\]]",relevance:0},{className:"string",begin:"[\\.,]",relevance:0},{begin:/(?=\+\+|--)/,contains:[t]},t]}}},58367:function(e){e.exports=function(e){let t=e.regex,r=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),n="decltype\\(auto\\)",a="[a-zA-Z_]\\w*::",i="("+n+"|"+t.optional(a)+"[a-zA-Z_]\\w*"+t.optional("<[^<>]+>")+")",o={className:"type",variants:[{begin:"\\b[a-z\\d_]*_t\\b"},{match:/\batomic_[a-z]{3,6}\b/}]},s={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(s,{className:"string"}),{className:"string",begin:/<.*?>/},r,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:t.optional(a)+e.IDENT_RE,relevance:0},u=t.optional(a)+e.IDENT_RE+"\\s*\\(",p={keyword:["asm","auto","break","case","continue","default","do","else","enum","extern","for","fortran","goto","if","inline","register","restrict","return","sizeof","struct","switch","typedef","union","volatile","while","_Alignas","_Alignof","_Atomic","_Generic","_Noreturn","_Static_assert","_Thread_local","alignas","alignof","noreturn","static_assert","thread_local","_Pragma"],type:["float","double","signed","unsigned","int","short","long","char","void","_Bool","_Complex","_Imaginary","_Decimal32","_Decimal64","_Decimal128","const","static","complex","bool","imaginary"],literal:"true false NULL",built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set pair bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap priority_queue make_pair array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr"},_=[c,o,r,e.C_BLOCK_COMMENT_MODE,l,s],m={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:p,contains:_.concat([{begin:/\(/,end:/\)/,keywords:p,contains:_.concat(["self"]),relevance:0}]),relevance:0},g={begin:"("+i+"[\\*&\\s]+)+"+u,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:p,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:n,keywords:p,relevance:0},{begin:u,returnBegin:!0,contains:[e.inherit(d,{className:"title.function"})],relevance:0},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:[r,e.C_BLOCK_COMMENT_MODE,s,l,o,{begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:["self",r,e.C_BLOCK_COMMENT_MODE,s,l,o]}]},o,r,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C",aliases:["h"],keywords:p,disableAutodetect:!0,illegal:"=]/,contains:[{beginKeywords:"final class struct"},e.TITLE_MODE]}]),exports:{preprocessor:c,strings:s,keywords:p}}}},92951:function(e){e.exports=function(e){let t=e.regex,r=["div","mod","in","and","or","not","xor","asserterror","begin","case","do","downto","else","end","exit","for","local","if","of","repeat","then","to","until","while","with","var"],n=[e.C_LINE_COMMENT_MODE,e.COMMENT(/\{/,/\}/,{relevance:0}),e.COMMENT(/\(\*/,/\*\)/,{relevance:10})],a={className:"string",begin:/'/,end:/'/,contains:[{begin:/''/}]},i={className:"string",begin:/(#\d+)+/},o={match:[/procedure/,/\s+/,/[a-zA-Z_][\w@]*/,/\s*/],scope:{1:"keyword",3:"title.function"},contains:[{className:"params",begin:/\(/,end:/\)/,keywords:r,contains:[a,i,e.NUMBER_MODE]},...n]},s={match:[/OBJECT/,/\s+/,t.either(...["Table","Form","Report","Dataport","Codeunit","XMLport","MenuSuite","Page","Query"]),/\s+/,/\d+/,/\s+(?=[^\s])/,/.*/,/$/],relevance:3,scope:{1:"keyword",3:"type",5:"number",7:"title"}};return{name:"C/AL",case_insensitive:!0,keywords:{keyword:r,literal:"false true"},illegal:/\/\*/,contains:[{match:/[\w]+(?=\=)/,scope:"attribute",relevance:0},a,i,{className:"number",begin:"\\b\\d+(\\.\\d+)?(DT|D|T)",relevance:0},{className:"string",begin:'"',end:'"'},e.NUMBER_MODE,s,o]}}},48246:function(e){e.exports=function(e){let t={variants:[{match:[/(struct|enum|interface)/,/\s+/,e.IDENT_RE]},{match:[/extends/,/\s*\(/,e.IDENT_RE,/\s*\)/]}],scope:{1:"keyword",3:"title.class"}};return{name:"Cap’n Proto",aliases:["capnp"],keywords:{keyword:["struct","enum","interface","union","group","import","using","const","annotation","extends","in","of","on","as","with","from","fixed"],type:["Void","Bool","Int8","Int16","Int32","Int64","UInt8","UInt16","UInt32","UInt64","Float32","Float64","Text","Data","AnyPointer","AnyStruct","Capability","List"],literal:["true","false"]},contains:[e.QUOTE_STRING_MODE,e.NUMBER_MODE,e.HASH_COMMENT_MODE,{className:"meta",begin:/@0x[\w\d]{16};/,illegal:/\n/},{className:"symbol",begin:/@\d+\b/},t]}}},4717:function(e){e.exports=function(e){let t=["assembly","module","package","import","alias","class","interface","object","given","value","assign","void","function","new","of","extends","satisfies","abstracts","in","out","return","break","continue","throw","assert","dynamic","if","else","switch","case","for","while","try","catch","finally","then","let","this","outer","super","is","exists","nonempty"],r={className:"subst",excludeBegin:!0,excludeEnd:!0,begin:/``/,end:/``/,keywords:t,relevance:10},n=[{className:"string",begin:'"""',end:'"""',relevance:10},{className:"string",begin:'"',end:'"',contains:[r]},{className:"string",begin:"'",end:"'"},{className:"number",begin:"#[0-9a-fA-F_]+|\\$[01_]+|[0-9_]+(?:\\.[0-9_](?:[eE][+-]?\\d+)?)?[kMGTPmunpf]?",relevance:0}];return r.contains=n,{name:"Ceylon",keywords:{keyword:t.concat(["shared","abstract","formal","default","actual","variable","late","native","deprecated","final","sealed","annotation","suppressWarnings","small"]),meta:["doc","by","license","see","throws","tagged"]},illegal:"\\$[^01]|#[^0-9a-fA-F]",contains:[e.C_LINE_COMMENT_MODE,e.COMMENT("/\\*","\\*/",{contains:["self"]}),{className:"meta",begin:'@[a-z]\\w*(?::"[^"]*")?'}].concat(n)}}},79109:function(e){e.exports=function(e){return{name:"Clean",aliases:["icl","dcl"],keywords:{keyword:["if","let","in","with","where","case","of","class","instance","otherwise","implementation","definition","system","module","from","import","qualified","as","special","code","inline","foreign","export","ccall","stdcall","generic","derive","infix","infixl","infixr"],built_in:"Int Real Char Bool",literal:"True False"},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,{begin:"->|<-[|:]?|#!?|>>=|\\{\\||\\|\\}|:==|=:|<>"}]}}},58863:function(e){e.exports=function(e){return{name:"Clojure REPL",contains:[{className:"meta.prompt",begin:/^([\w.-]+|\s*#_)?=>/,starts:{end:/$/,subLanguage:"clojure"}}]}}},87833:function(e){e.exports=function(e){let t="a-zA-Z_\\-!.?+*=<>&'",r="[#]?["+t+"]["+t+"0-9/;:$#]*",n="def defonce defprotocol defstruct defmulti defmethod defn- defn defmacro deftype defrecord",a={scope:"number",relevance:0,variants:[{match:/[-+]?0[xX][0-9a-fA-F]+N?/},{match:/[-+]?0[0-7]+N?/},{match:/[-+]?[1-9][0-9]?[rR][0-9a-zA-Z]+N?/},{match:/[-+]?[0-9]+\/[0-9]+N?/},{match:/[-+]?[0-9]+((\.[0-9]*([eE][+-]?[0-9]+)?M?)|([eE][+-]?[0-9]+M?|M))/},{match:/[-+]?([1-9][0-9]*|0)N?/}]},i={scope:"character",variants:[{match:/\\o[0-3]?[0-7]{1,2}/},{match:/\\u[0-9a-fA-F]{4}/},{match:/\\(newline|space|tab|formfeed|backspace|return)/},{match:/\\\S/,relevance:0}]},o={scope:"regex",begin:/#"/,end:/"/,contains:[e.BACKSLASH_ESCAPE]},s=e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),l={scope:"punctuation",match:/,/,relevance:0},c=e.COMMENT(";","$",{relevance:0}),d={className:"literal",begin:/\b(true|false|nil)\b/},u={begin:"\\[|(#::?"+r+")?\\{",end:"[\\]\\}]",relevance:0},p={className:"symbol",begin:"[:]{1,2}"+r},_={begin:"\\(",end:"\\)"},m={endsWithParent:!0,relevance:0},g=[l,_,i,o,s,c,p,u,a,d,{begin:r,relevance:0}],f={beginKeywords:n,keywords:{$pattern:r,keyword:n},end:'(\\[|#|\\d|"|:|\\{|\\)|\\(|$)',contains:[{className:"title",begin:r,relevance:0,excludeEnd:!0,endsParent:!0}].concat(g)};return _.contains=[f,{keywords:{$pattern:r,built_in:n+" cond apply if-not if-let if not not= =|0 <|0 >|0 <=|0 >=|0 ==|0 +|0 /|0 *|0 -|0 rem quot neg? pos? delay? symbol? keyword? true? false? integer? empty? coll? list? set? ifn? fn? associative? sequential? sorted? counted? reversible? number? decimal? class? distinct? isa? float? rational? reduced? ratio? odd? even? char? seq? vector? string? map? nil? contains? zero? instance? not-every? not-any? libspec? -> ->> .. . inc compare do dotimes mapcat take remove take-while drop letfn drop-last take-last drop-while while intern condp case reduced cycle split-at split-with repeat replicate iterate range merge zipmap declare line-seq sort comparator sort-by dorun doall nthnext nthrest partition eval doseq await await-for let agent atom send send-off release-pending-sends add-watch mapv filterv remove-watch agent-error restart-agent set-error-handler error-handler set-error-mode! error-mode shutdown-agents quote var fn loop recur throw try monitor-enter monitor-exit macroexpand macroexpand-1 for dosync and or when when-not when-let comp juxt partial sequence memoize constantly complement identity assert peek pop doto proxy first rest cons cast coll last butlast sigs reify second ffirst fnext nfirst nnext meta with-meta ns in-ns create-ns import refer keys select-keys vals key val rseq name namespace promise into transient persistent! conj! assoc! dissoc! pop! disj! use class type num float double short byte boolean bigint biginteger bigdec print-method print-dup throw-if printf format load compile get-in update-in pr pr-on newline flush read slurp read-line subvec with-open memfn time re-find re-groups rand-int rand mod locking assert-valid-fdecl alias resolve ref deref refset swap! reset! set-validator! compare-and-set! alter-meta! reset-meta! commute get-validator alter ref-set ref-history-count ref-min-history ref-max-history ensure sync io! new next conj set! to-array future future-call into-array aset gen-class reduce map filter find empty hash-map hash-set sorted-map sorted-map-by sorted-set sorted-set-by vec vector seq flatten reverse assoc dissoc list disj get union difference intersection extend extend-type extend-protocol int nth delay count concat chunk chunk-buffer chunk-append chunk-first chunk-rest max min dec unchecked-inc-int unchecked-inc unchecked-dec-inc unchecked-dec unchecked-negate unchecked-add-int unchecked-add unchecked-subtract-int unchecked-subtract chunk-next chunk-cons chunked-seq? prn vary-meta lazy-seq spread list* str find-keyword keyword symbol gensym force rationalize"},className:"name",begin:r,relevance:0,starts:m},m],m.contains=g,u.contains=g,{name:"Clojure",aliases:["clj","edn"],illegal:/\S/,contains:[l,_,i,o,s,c,p,u,a,d]}}},36986:function(e){e.exports=function(e){return{name:"CMake",aliases:["cmake.in"],case_insensitive:!0,keywords:{keyword:"break cmake_host_system_information cmake_minimum_required cmake_parse_arguments cmake_policy configure_file continue elseif else endforeach endfunction endif endmacro endwhile execute_process file find_file find_library find_package find_path find_program foreach function get_cmake_property get_directory_property get_filename_component get_property if include include_guard list macro mark_as_advanced math message option return separate_arguments set_directory_properties set_property set site_name string unset variable_watch while add_compile_definitions add_compile_options add_custom_command add_custom_target add_definitions add_dependencies add_executable add_library add_link_options add_subdirectory add_test aux_source_directory build_command create_test_sourcelist define_property enable_language enable_testing export fltk_wrap_ui get_source_file_property get_target_property get_test_property include_directories include_external_msproject include_regular_expression install link_directories link_libraries load_cache project qt_wrap_cpp qt_wrap_ui remove_definitions set_source_files_properties set_target_properties set_tests_properties source_group target_compile_definitions target_compile_features target_compile_options target_include_directories target_link_directories target_link_libraries target_link_options target_sources try_compile try_run ctest_build ctest_configure ctest_coverage ctest_empty_binary_directory ctest_memcheck ctest_read_custom_files ctest_run_script ctest_sleep ctest_start ctest_submit ctest_test ctest_update ctest_upload build_name exec_program export_library_dependencies install_files install_programs install_targets load_command make_directory output_required_files remove subdir_depends subdirs use_mangled_mesa utility_source variable_requires write_file qt5_use_modules qt5_use_package qt5_wrap_cpp on off true false and or not command policy target test exists is_newer_than is_directory is_symlink is_absolute matches less greater equal less_equal greater_equal strless strgreater strequal strless_equal strgreater_equal version_less version_greater version_equal version_less_equal version_greater_equal in_list defined"},contains:[{className:"variable",begin:/\$\{/,end:/\}/},e.COMMENT(/#\[\[/,/]]/),e.HASH_COMMENT_MODE,e.QUOTE_STRING_MODE,e.NUMBER_MODE]}}},6398:function(e){let t=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],r=["true","false","null","undefined","NaN","Infinity"],n=[].concat(["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"]);e.exports=function(e){var a;let i={keyword:t.concat(["then","unless","until","loop","by","when","and","or","is","isnt","not"]).filter((a=["var","const","let","function","static"],e=>!a.includes(e))),literal:r.concat(["yes","no","on","off"]),built_in:n.concat(["npm","print"])},o="[A-Za-z$_][0-9A-Za-z$_]*",s={className:"subst",begin:/#\{/,end:/\}/,keywords:i},l=[e.BINARY_NUMBER_MODE,e.inherit(e.C_NUMBER_MODE,{starts:{end:"(\\s*/)?",relevance:0}}),{className:"string",variants:[{begin:/'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE]},{begin:/'/,end:/'/,contains:[e.BACKSLASH_ESCAPE]},{begin:/"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,s]},{begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,s]}]},{className:"regexp",variants:[{begin:"///",end:"///",contains:[s,e.HASH_COMMENT_MODE]},{begin:"//[gim]{0,3}(?=\\W)",relevance:0},{begin:/\/(?![ *]).*?(?![\\]).\/[gim]{0,3}(?=\W)/}]},{begin:"@"+o},{subLanguage:"javascript",excludeBegin:!0,excludeEnd:!0,variants:[{begin:"```",end:"```"},{begin:"`",end:"`"}]}];s.contains=l;let c=e.inherit(e.TITLE_MODE,{begin:o}),d="(\\(.*\\)\\s*)?\\B[-=]>",u={className:"params",begin:"\\([^\\(]",returnBegin:!0,contains:[{begin:/\(/,end:/\)/,keywords:i,contains:["self"].concat(l)}]};return{name:"CoffeeScript",aliases:["coffee","cson","iced"],keywords:i,illegal:/\/\*/,contains:[...l,e.COMMENT("###","###"),e.HASH_COMMENT_MODE,{className:"function",begin:"^\\s*"+o+"\\s*=\\s*"+d,end:"[-=]>",returnBegin:!0,contains:[c,u]},{begin:/[:\(,=]\s*/,relevance:0,contains:[{className:"function",begin:d,end:"[-=]>",returnBegin:!0,contains:[u]}]},{variants:[{match:[/class\s+/,o,/\s+extends\s+/,o]},{match:[/class\s+/,o]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:i},{begin:o+":",end:":",returnBegin:!0,returnEnd:!0,relevance:0}]}}},80516:function(e){e.exports=function(e){return{name:"Coq",keywords:{keyword:["_|0","as","at","cofix","else","end","exists","exists2","fix","for","forall","fun","if","IF","in","let","match","mod","Prop","return","Set","then","Type","using","where","with","Abort","About","Add","Admit","Admitted","All","Arguments","Assumptions","Axiom","Back","BackTo","Backtrack","Bind","Blacklist","Canonical","Cd","Check","Class","Classes","Close","Coercion","Coercions","CoFixpoint","CoInductive","Collection","Combined","Compute","Conjecture","Conjectures","Constant","constr","Constraint","Constructors","Context","Corollary","CreateHintDb","Cut","Declare","Defined","Definition","Delimit","Dependencies","Dependent","Derive","Drop","eauto","End","Equality","Eval","Example","Existential","Existentials","Existing","Export","exporting","Extern","Extract","Extraction","Fact","Field","Fields","File","Fixpoint","Focus","for","From","Function","Functional","Generalizable","Global","Goal","Grab","Grammar","Graph","Guarded","Heap","Hint","HintDb","Hints","Hypotheses","Hypothesis","ident","Identity","If","Immediate","Implicit","Import","Include","Inductive","Infix","Info","Initial","Inline","Inspect","Instance","Instances","Intro","Intros","Inversion","Inversion_clear","Language","Left","Lemma","Let","Libraries","Library","Load","LoadPath","Local","Locate","Ltac","ML","Mode","Module","Modules","Monomorphic","Morphism","Next","NoInline","Notation","Obligation","Obligations","Opaque","Open","Optimize","Options","Parameter","Parameters","Parametric","Path","Paths","pattern","Polymorphic","Preterm","Print","Printing","Program","Projections","Proof","Proposition","Pwd","Qed","Quit","Rec","Record","Recursive","Redirect","Relation","Remark","Remove","Require","Reserved","Reset","Resolve","Restart","Rewrite","Right","Ring","Rings","Save","Scheme","Scope","Scopes","Script","Search","SearchAbout","SearchHead","SearchPattern","SearchRewrite","Section","Separate","Set","Setoid","Show","Solve","Sorted","Step","Strategies","Strategy","Structure","SubClass","Table","Tables","Tactic","Term","Test","Theorem","Time","Timeout","Transparent","Type","Typeclasses","Types","Undelimit","Undo","Unfocus","Unfocused","Unfold","Universe","Universes","Unset","Unshelve","using","Variable","Variables","Variant","Verbose","Visibility","where","with"],built_in:["abstract","absurd","admit","after","apply","as","assert","assumption","at","auto","autorewrite","autounfold","before","bottom","btauto","by","case","case_eq","cbn","cbv","change","classical_left","classical_right","clear","clearbody","cofix","compare","compute","congruence","constr_eq","constructor","contradict","contradiction","cut","cutrewrite","cycle","decide","decompose","dependent","destruct","destruction","dintuition","discriminate","discrR","do","double","dtauto","eapply","eassumption","eauto","ecase","econstructor","edestruct","ediscriminate","eelim","eexact","eexists","einduction","einjection","eleft","elim","elimtype","enough","equality","erewrite","eright","esimplify_eq","esplit","evar","exact","exactly_once","exfalso","exists","f_equal","fail","field","field_simplify","field_simplify_eq","first","firstorder","fix","fold","fourier","functional","generalize","generalizing","gfail","give_up","has_evar","hnf","idtac","in","induction","injection","instantiate","intro","intro_pattern","intros","intuition","inversion","inversion_clear","is_evar","is_var","lapply","lazy","left","lia","lra","move","native_compute","nia","nsatz","omega","once","pattern","pose","progress","proof","psatz","quote","record","red","refine","reflexivity","remember","rename","repeat","replace","revert","revgoals","rewrite","rewrite_strat","right","ring","ring_simplify","rtauto","set","setoid_reflexivity","setoid_replace","setoid_rewrite","setoid_symmetry","setoid_transitivity","shelve","shelve_unifiable","simpl","simple","simplify_eq","solve","specialize","split","split_Rabs","split_Rmult","stepl","stepr","subst","sum","swap","symmetry","tactic","tauto","time","timeout","top","transitivity","trivial","try","tryif","unfold","unify","until","using","vm_compute","with"]},contains:[e.QUOTE_STRING_MODE,e.COMMENT("\\(\\*","\\*\\)"),e.C_NUMBER_MODE,{className:"type",excludeBegin:!0,begin:"\\|\\s*",end:"\\w+"},{begin:/[-=]>/}]}}},59953:function(e){e.exports=function(e){return{name:"Cach\xe9 Object Script",case_insensitive:!0,aliases:["cls"],keywords:"property parameter class classmethod clientmethod extends as break catch close continue do d|0 else elseif for goto halt hang h|0 if job j|0 kill k|0 lock l|0 merge new open quit q|0 read r|0 return set s|0 tcommit throw trollback try tstart use view while write w|0 xecute x|0 zkill znspace zn ztrap zwrite zw zzdump zzwrite print zbreak zinsert zload zprint zremove zsave zzprint mv mvcall mvcrt mvdim mvprint zquit zsync ascii",contains:[{className:"number",begin:"\\b(\\d+(\\.\\d*)?|\\.\\d+)",relevance:0},{className:"string",variants:[{begin:'"',end:'"',contains:[{begin:'""',relevance:0}]}]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"comment",begin:/;/,end:"$",relevance:0},{className:"built_in",begin:/(?:\$\$?|\.\.)\^?[a-zA-Z]+/},{className:"built_in",begin:/\$\$\$[a-zA-Z]+/},{className:"built_in",begin:/%[a-z]+(?:\.[a-z]+)*/},{className:"symbol",begin:/\^%?[a-zA-Z][\w]*/},{className:"keyword",begin:/##class|##super|#define|#dim/},{begin:/&sql\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,subLanguage:"sql"},{begin:/&(js|jscript|javascript)/,excludeBegin:!0,excludeEnd:!0,subLanguage:"javascript"},{begin:/&html<\s*\s*>/,subLanguage:"xml"}]}}},81588:function(e){e.exports=function(e){let t=e.regex,r=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]}),n="decltype\\(auto\\)",a="[a-zA-Z_]\\w*::",i="(?!struct)("+n+"|"+t.optional(a)+"[a-zA-Z_]\\w*"+t.optional("<[^<>]+>")+")",o={className:"type",begin:"\\b[a-z\\d_]*_t\\b"},s={className:"string",variants:[{begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",end:"'",illegal:"."},e.END_SAME_AS_BEGIN({begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(s,{className:"string"}),{className:"string",begin:/<.*?>/},r,e.C_BLOCK_COMMENT_MODE]},d={className:"title",begin:t.optional(a)+e.IDENT_RE,relevance:0},u=t.optional(a)+e.IDENT_RE+"\\s*\\(",p={type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]},_={className:"function.dispatch",relevance:0,keywords:{_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]},begin:t.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,t.lookahead(/(<[^<>]+>|)\s*\(/))},m=[_,c,o,r,e.C_BLOCK_COMMENT_MODE,l,s],g={variants:[{begin:/=/,end:/;/},{begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],keywords:p,contains:m.concat([{begin:/\(/,end:/\)/,keywords:p,contains:m.concat(["self"]),relevance:0}]),relevance:0},f={className:"function",begin:"("+i+"[\\*&\\s]+)+"+u,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,keywords:p,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:n,keywords:p,relevance:0},{begin:u,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{begin:/:/,endsWithParent:!0,contains:[s,l]},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:[r,e.C_BLOCK_COMMENT_MODE,s,l,o,{begin:/\(/,end:/\)/,keywords:p,relevance:0,contains:["self",r,e.C_BLOCK_COMMENT_MODE,s,l,o]}]},o,r,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:p,illegal:"",keywords:p,contains:["self",o]},{begin:e.IDENT_RE+"::",keywords:p},{match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],className:{1:"keyword",3:"title.class"}}])}}},45563:function(e){e.exports=function(e){let t="group clone ms master location colocation order fencing_topology rsc_ticket acl_target acl_group user role tag xml";return{name:"crmsh",aliases:["crm","pcmk"],case_insensitive:!0,keywords:{keyword:"params meta operations op rule attributes utilization read write deny defined not_defined in_range date spec in ref reference attribute type xpath version and or lt gt tag lte gte eq ne \\ number string",literal:"Master Started Slave Stopped start promote demote stop monitor true false"},contains:[e.HASH_COMMENT_MODE,{beginKeywords:"node",starts:{end:"\\s*([\\w_-]+:)?",starts:{className:"title",end:"\\s*[\\$\\w_][\\w_-]*"}}},{beginKeywords:"primitive rsc_template",starts:{className:"title",end:"\\s*[\\$\\w_][\\w_-]*",starts:{end:"\\s*@?[\\w_][\\w_\\.:-]*"}}},{begin:"\\b("+t.split(" ").join("|")+")\\s+",keywords:t,starts:{className:"title",end:"[\\$\\w_][\\w_-]*"}},{beginKeywords:"property rsc_defaults op_defaults",starts:{className:"title",end:"\\s*([\\w_-]+:)?"}},e.QUOTE_STRING_MODE,{className:"meta",begin:"(ocf|systemd|service|lsb):[\\w_:-]+",relevance:0},{className:"number",begin:"\\b\\d+(\\.\\d+)?(ms|s|h|m)?",relevance:0},{className:"literal",begin:"[-]?(infinity|inf)",relevance:0},{className:"attr",begin:/([A-Za-z$_#][\w_-]+)=/,relevance:0},{className:"tag",begin:"",relevance:0}]}}},89876:function(e){e.exports=function(e){let t="(_?[ui](8|16|32|64|128))?",r="[a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|[=!]~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~|]|//|//=|&[-+*]=?|&\\*\\*|\\[\\][=?]?",n="[A-Za-z_]\\w*(::\\w+)*(\\?|!)?",a={$pattern:"[a-zA-Z_]\\w*[!?=]?",keyword:"abstract alias annotation as as? asm begin break case class def do else elsif end ensure enum extend for fun if include instance_sizeof is_a? lib macro module next nil? of out pointerof private protected rescue responds_to? return require select self sizeof struct super then type typeof union uninitialized unless until verbatim when while with yield __DIR__ __END_LINE__ __FILE__ __LINE__",literal:"false nil true"},i={className:"subst",begin:/#\{/,end:/\}/,keywords:a},o={className:"template-variable",variants:[{begin:"\\{\\{",end:"\\}\\}"},{begin:"\\{%",end:"%\\}"}],keywords:a};function s(e,t){let r=[{begin:e,end:t}];return r[0].contains=r,r}let l={className:"string",contains:[e.BACKSLASH_ESCAPE,i],variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/`/,end:/`/},{begin:"%[Qwi]?\\(",end:"\\)",contains:s("\\(","\\)")},{begin:"%[Qwi]?\\[",end:"\\]",contains:s("\\[","\\]")},{begin:"%[Qwi]?\\{",end:/\}/,contains:s(/\{/,/\}/)},{begin:"%[Qwi]?<",end:">",contains:s("<",">")},{begin:"%[Qwi]?\\|",end:"\\|"},{begin:/<<-\w+$/,end:/^\s*\w+$/}],relevance:0},c={className:"string",variants:[{begin:"%q\\(",end:"\\)",contains:s("\\(","\\)")},{begin:"%q\\[",end:"\\]",contains:s("\\[","\\]")},{begin:"%q\\{",end:/\}/,contains:s(/\{/,/\}/)},{begin:"%q<",end:">",contains:s("<",">")},{begin:"%q\\|",end:"\\|"},{begin:/<<-'\w+'$/,end:/^\s*\w+$/}],relevance:0},d={begin:"(?!%\\})("+e.RE_STARTERS_RE+"|\\n|\\b(case|if|select|unless|until|when|while)\\b)\\s*",keywords:"case if select unless until when while",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,i],variants:[{begin:"//[a-z]*",relevance:0},{begin:"/(?!\\/)",end:"/[a-z]*"}]}],relevance:0},u={className:"regexp",contains:[e.BACKSLASH_ESCAPE,i],variants:[{begin:"%r\\(",end:"\\)",contains:s("\\(","\\)")},{begin:"%r\\[",end:"\\]",contains:s("\\[","\\]")},{begin:"%r\\{",end:/\}/,contains:s(/\{/,/\}/)},{begin:"%r<",end:">",contains:s("<",">")},{begin:"%r\\|",end:"\\|"}],relevance:0},p={className:"meta",begin:"@\\[",end:"\\]",contains:[e.inherit(e.QUOTE_STRING_MODE,{className:"string"})]},_=[o,l,c,u,d,p,{className:"variable",begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},e.HASH_COMMENT_MODE,{className:"class",beginKeywords:"class module struct",end:"$|;",illegal:/=/,contains:[e.HASH_COMMENT_MODE,e.inherit(e.TITLE_MODE,{begin:n}),{begin:"<"}]},{className:"class",beginKeywords:"lib enum union",end:"$|;",illegal:/=/,contains:[e.HASH_COMMENT_MODE,e.inherit(e.TITLE_MODE,{begin:n})]},{beginKeywords:"annotation",end:"$|;",illegal:/=/,contains:[e.HASH_COMMENT_MODE,e.inherit(e.TITLE_MODE,{begin:n})],relevance:2},{className:"function",beginKeywords:"def",end:/\B\b/,contains:[e.inherit(e.TITLE_MODE,{begin:r,endsParent:!0})]},{className:"function",beginKeywords:"fun macro",end:/\B\b/,contains:[e.inherit(e.TITLE_MODE,{begin:r,endsParent:!0})],relevance:2},{className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",begin:":",contains:[l,{begin:r}],relevance:0},{className:"number",variants:[{begin:"\\b0b([01_]+)"+t},{begin:"\\b0o([0-7_]+)"+t},{begin:"\\b0x([A-Fa-f0-9_]+)"+t},{begin:"\\b([1-9][0-9_]*[0-9]|[0-9])(\\.[0-9][0-9_]*)?([eE]_?[-+]?[0-9_]*)?(_?f(32|64))?(?!_)"},{begin:"\\b([1-9][0-9_]*|0)"+t}],relevance:0}];return i.contains=_,o.contains=_.slice(1),{name:"Crystal",aliases:["cr"],keywords:a,contains:_}}},73934:function(e){e.exports=function(e){let t={keyword:["abstract","as","base","break","case","catch","class","const","continue","do","else","event","explicit","extern","finally","fixed","for","foreach","goto","if","implicit","in","interface","internal","is","lock","namespace","new","operator","out","override","params","private","protected","public","readonly","record","ref","return","scoped","sealed","sizeof","stackalloc","static","struct","switch","this","throw","try","typeof","unchecked","unsafe","using","virtual","void","volatile","while"].concat(["add","alias","and","ascending","async","await","by","descending","equals","from","get","global","group","init","into","join","let","nameof","not","notnull","on","or","orderby","partial","remove","select","set","unmanaged","value|0","var","when","where","with","yield"]),built_in:["bool","byte","char","decimal","delegate","double","dynamic","enum","float","int","long","nint","nuint","object","sbyte","short","string","ulong","uint","ushort"],literal:["default","false","null","true"]},r=e.inherit(e.TITLE_MODE,{begin:"[a-zA-Z](\\.?\\w)*"}),n={className:"number",variants:[{begin:"\\b(0b[01']+)"},{begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},a={className:"string",begin:'@"',end:'"',contains:[{begin:'""'}]},i=e.inherit(a,{illegal:/\n/}),o={className:"subst",begin:/\{/,end:/\}/,keywords:t},s=e.inherit(o,{illegal:/\n/}),l={className:"string",begin:/\$"/,end:'"',illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/},e.BACKSLASH_ESCAPE,s]},c={className:"string",begin:/\$@"/,end:'"',contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},o]},d=e.inherit(c,{illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},s]});o.contains=[c,l,a,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,n,e.C_BLOCK_COMMENT_MODE],s.contains=[d,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,n,e.inherit(e.C_BLOCK_COMMENT_MODE,{illegal:/\n/})];let u={variants:[c,l,a,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},p={begin:"<",end:">",contains:[{beginKeywords:"in out"},r]},_=e.IDENT_RE+"(<"+e.IDENT_RE+"(\\s*,\\s*"+e.IDENT_RE+")*>)?(\\[\\])?",m={begin:"@"+e.IDENT_RE,relevance:0};return{name:"C#",aliases:["cs","c#"],keywords:t,illegal:/::/,contains:[e.COMMENT("///","$",{returnBegin:!0,contains:[{className:"doctag",variants:[{begin:"///",relevance:0},{begin:""},{begin:""}]}]}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"#",end:"$",keywords:{keyword:"if else elif endif define undef warning error line region endregion pragma checksum"}},u,n,{beginKeywords:"class interface",relevance:0,end:/[{;=]/,illegal:/[^\s:,]/,contains:[{beginKeywords:"where class"},r,p,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"namespace",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,contains:[r,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"record",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,contains:[r,p,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"meta",begin:"^\\s*\\[(?=[\\w])",excludeBegin:!0,end:"\\]",excludeEnd:!0,contains:[{className:"string",begin:/"/,end:/"/}]},{beginKeywords:"new return throw await else",relevance:0},{className:"function",begin:"("+_+"\\s+)+"+e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,end:/\s*[{;=]/,excludeEnd:!0,keywords:t,contains:[{beginKeywords:"public private protected static internal protected abstract async extern override unsafe virtual new sealed partial",relevance:0},{begin:e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,contains:[e.TITLE_MODE,p],relevance:0},{match:/\(\)/},{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:t,relevance:0,contains:[u,n,e.C_BLOCK_COMMENT_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},m]}}},33785:function(e){e.exports=function(e){return{name:"CSP",case_insensitive:!1,keywords:{$pattern:"[a-zA-Z][a-zA-Z0-9_-]*",keyword:["base-uri","child-src","connect-src","default-src","font-src","form-action","frame-ancestors","frame-src","img-src","manifest-src","media-src","object-src","plugin-types","report-uri","sandbox","script-src","style-src","trusted-types","unsafe-hashes","worker-src"]},contains:[{className:"string",begin:"'",end:"'"},{className:"attribute",begin:"^Content",end:":",excludeEnd:!0}]}}},92599:function(e){let t=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),r=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],n=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],a=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],i=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],o=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();e.exports=function(e){let s=e.regex,l=t(e),c=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE];return{name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},contains:[l.BLOCK_COMMENT,{begin:/-(webkit|moz|ms|o)-(?=[a-z])/},l.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0},{className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},l.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{begin:":("+a.join("|")+")"},{begin:":(:)?("+i.join("|")+")"}]},l.CSS_VARIABLE,{className:"attribute",begin:"\\b("+o.join("|")+")\\b"},{begin:/:/,end:/[;}{]/,contains:[l.BLOCK_COMMENT,l.HEXCOLOR,l.IMPORTANT,l.CSS_NUMBER_MODE,...c,{begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"},contains:[...c,{className:"string",begin:/[^)]/,endsWithParent:!0,excludeEnd:!0}]},l.FUNCTION_DISPATCH]},{begin:s.lookahead(/@/),end:"[{;]",relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{$pattern:/[a-z-]+/,keyword:"and or not only",attribute:n.join(" ")},contains:[{begin:/[a-z-]+(?=:)/,className:"attribute"},...c,l.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"\\b("+r.join("|")+")\\b"}]}}},76358:function(e){e.exports=function(e){let t={$pattern:e.UNDERSCORE_IDENT_RE,keyword:"abstract alias align asm assert auto body break byte case cast catch class const continue debug default delete deprecated do else enum export extern final finally for foreach foreach_reverse|10 goto if immutable import in inout int interface invariant is lazy macro mixin module new nothrow out override package pragma private protected public pure ref return scope shared static struct super switch synchronized template this throw try typedef typeid typeof union unittest version void volatile while with __FILE__ __LINE__ __gshared|10 __thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ __VERSION__",built_in:"bool cdouble cent cfloat char creal dchar delegate double dstring float function idouble ifloat ireal long real short string ubyte ucent uint ulong ushort wchar wstring",literal:"false null true"},r="(0|[1-9][\\d_]*)",n="(0|[1-9][\\d_]*|\\d[\\d_]*|[\\d_]+?\\d)",a="([\\da-fA-F][\\da-fA-F_]*|_[\\da-fA-F][\\da-fA-F_]*)",i="([eE][+-]?"+n+")",o="("+r+"|0[bB][01_]+|0[xX]"+a+")",s="\\\\(['\"\\?\\\\abfnrtv]|u[\\dA-Fa-f]{4}|[0-7]{1,3}|x[\\dA-Fa-f]{2}|U[\\dA-Fa-f]{8})|&[a-zA-Z\\d]{2,};",l=e.COMMENT("\\/\\+","\\+\\/",{contains:["self"],relevance:10});return{name:"D",keywords:t,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,l,{className:"string",begin:'x"[\\da-fA-F\\s\\n\\r]*"[cwd]?',relevance:10},{className:"string",begin:'"',contains:[{begin:s,relevance:0}],end:'"[cwd]?'},{className:"string",begin:'[rq]"',end:'"[cwd]?',relevance:5},{className:"string",begin:"`",end:"`[cwd]?"},{className:"string",begin:'q"\\{',end:'\\}"'},{className:"number",begin:"\\b("+("("+("(0[xX]("+a+"\\."+a+"|\\.?"+a)+")[pP][+-]?"+n+")|"+("("+n+"(\\.\\d*|"+i+")|\\d+\\."+n+"|\\.")+r)+i+"?))([fF]|L|i|[fF]i|Li)?|"+o+"(i|[fF]i|Li))",relevance:0},{className:"number",begin:"\\b"+o+"(L|u|U|Lu|LU|uL|UL)?",relevance:0},{className:"string",begin:"'("+s+"|.)",end:"'",illegal:"."},{className:"meta",begin:"^#!",end:"$",relevance:5},{className:"meta",begin:"#(line)",end:"$",relevance:5},{className:"keyword",begin:"@[a-zA-Z_][a-zA-Z_\\d]*"}]}}},46925:function(e){e.exports=function(e){let t={className:"subst",variants:[{begin:"\\$[A-Za-z0-9_]+"}]},r={className:"subst",variants:[{begin:/\$\{/,end:/\}/}],keywords:"true false null this is new super"},n={className:"string",variants:[{begin:"r'''",end:"'''"},{begin:'r"""',end:'"""'},{begin:"r'",end:"'",illegal:"\\n"},{begin:'r"',end:'"',illegal:"\\n"},{begin:"'''",end:"'''",contains:[e.BACKSLASH_ESCAPE,t,r]},{begin:'"""',end:'"""',contains:[e.BACKSLASH_ESCAPE,t,r]},{begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE,t,r]},{begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE,t,r]}]};r.contains=[e.C_NUMBER_MODE,n];let a=["Comparable","DateTime","Duration","Function","Iterable","Iterator","List","Map","Match","Object","Pattern","RegExp","Set","Stopwatch","String","StringBuffer","StringSink","Symbol","Type","Uri","bool","double","int","num","Element","ElementList"],i=a.map(e=>`${e}?`),o={keyword:["abstract","as","assert","async","await","break","case","catch","class","const","continue","covariant","default","deferred","do","dynamic","else","enum","export","extends","extension","external","factory","false","final","finally","for","Function","get","hide","if","implements","import","in","inferface","is","late","library","mixin","new","null","on","operator","part","required","rethrow","return","set","show","static","super","switch","sync","this","throw","true","try","typedef","var","void","while","with","yield"],built_in:a.concat(i).concat(["Never","Null","dynamic","print","document","querySelector","querySelectorAll","window"]),$pattern:/[A-Za-z][A-Za-z0-9_]*\??/};return{name:"Dart",keywords:o,contains:[n,e.COMMENT(/\/\*\*(?!\/)/,/\*\//,{subLanguage:"markdown",relevance:0}),e.COMMENT(/\/{3,} ?/,/$/,{contains:[{subLanguage:"markdown",begin:".",end:"$",relevance:0}]}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"class",beginKeywords:"class interface",end:/\{/,excludeEnd:!0,contains:[{beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},e.C_NUMBER_MODE,{className:"meta",begin:"@[A-Za-z]+"},{begin:"=>"}]}}},4794:function(e){e.exports=function(e){let t=["exports","register","file","shl","array","record","property","for","mod","while","set","ally","label","uses","raise","not","stored","class","safecall","var","interface","or","private","static","exit","index","inherited","to","else","stdcall","override","shr","asm","far","resourcestring","finalization","packed","virtual","out","and","protected","library","do","xorwrite","goto","near","function","end","div","overload","object","unit","begin","string","on","inline","repeat","until","destructor","write","message","program","with","read","initialization","except","default","nil","if","case","cdecl","in","downto","threadvar","of","try","pascal","const","external","constructor","type","public","then","implementation","finally","published","procedure","absolute","reintroduce","operator","as","is","abstract","alias","assembler","bitpacked","break","continue","cppdecl","cvar","enumerator","experimental","platform","deprecated","unimplemented","dynamic","export","far16","forward","generic","helper","implements","interrupt","iochecks","local","name","nodefault","noreturn","nostackframe","oldfpccall","otherwise","saveregisters","softfloat","specialize","strict","unaligned","varargs"],r=[e.C_LINE_COMMENT_MODE,e.COMMENT(/\{/,/\}/,{relevance:0}),e.COMMENT(/\(\*/,/\*\)/,{relevance:10})],n={className:"meta",variants:[{begin:/\{\$/,end:/\}/},{begin:/\(\*\$/,end:/\*\)/}]},a={className:"string",begin:/'/,end:/'/,contains:[{begin:/''/}]},i={className:"string",begin:/(#\d+)+/},o={begin:e.IDENT_RE+"\\s*=\\s*class\\s*\\(",returnBegin:!0,contains:[e.TITLE_MODE]},s={className:"function",beginKeywords:"function constructor destructor procedure",end:/[:;]/,keywords:"function constructor|10 destructor|10 procedure|10",contains:[e.TITLE_MODE,{className:"params",begin:/\(/,end:/\)/,keywords:t,contains:[a,i,n].concat(r)},n].concat(r)};return{name:"Delphi",aliases:["dpr","dfm","pas","pascal"],case_insensitive:!0,keywords:t,illegal:/"|\$[G-Zg-z]|\/\*|<\/|\|/,contains:[a,i,e.NUMBER_MODE,{className:"number",relevance:0,variants:[{begin:"\\$[0-9A-Fa-f]+"},{begin:"&[0-7]+"},{begin:"%[01]+"}]},o,s,n].concat(r)}}},28040:function(e){e.exports=function(e){let t=e.regex;return{name:"Diff",aliases:["patch"],contains:[{className:"meta",relevance:10,match:t.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)},{className:"comment",variants:[{begin:t.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,end:/$/}]}}},38055:function(e){e.exports=function(e){let t={begin:/\|[A-Za-z]+:?/,keywords:{name:"truncatewords removetags linebreaksbr yesno get_digit timesince random striptags filesizeformat escape linebreaks length_is ljust rjust cut urlize fix_ampersands title floatformat capfirst pprint divisibleby add make_list unordered_list urlencode timeuntil urlizetrunc wordcount stringformat linenumbers slice date dictsort dictsortreversed default_if_none pluralize lower join center default truncatewords_html upper length phone2numeric wordwrap time addslashes slugify first escapejs force_escape iriencode last safe safeseq truncatechars localize unlocalize localtime utc timezone"},contains:[e.QUOTE_STRING_MODE,e.APOS_STRING_MODE]};return{name:"Django",aliases:["jinja"],case_insensitive:!0,subLanguage:"xml",contains:[e.COMMENT(/\{%\s*comment\s*%\}/,/\{%\s*endcomment\s*%\}/),e.COMMENT(/\{#/,/#\}/),{className:"template-tag",begin:/\{%/,end:/%\}/,contains:[{className:"name",begin:/\w+/,keywords:{name:"comment endcomment load templatetag ifchanged endifchanged if endif firstof for endfor ifnotequal endifnotequal widthratio extends include spaceless endspaceless regroup ifequal endifequal ssi now with cycle url filter endfilter debug block endblock else autoescape endautoescape csrf_token empty elif endwith static trans blocktrans endblocktrans get_static_prefix get_media_prefix plural get_current_language language get_available_languages get_current_language_bidi get_language_info get_language_info_list localize endlocalize localtime endlocaltime timezone endtimezone get_current_timezone verbatim"},starts:{endsWithParent:!0,keywords:"in by as",contains:[t],relevance:0}}]},{className:"template-variable",begin:/\{\{/,end:/\}\}/,contains:[t]}]}}},73222:function(e){e.exports=function(e){return{name:"DNS Zone",aliases:["bind","zone"],keywords:["IN","A","AAAA","AFSDB","APL","CAA","CDNSKEY","CDS","CERT","CNAME","DHCID","DLV","DNAME","DNSKEY","DS","HIP","IPSECKEY","KEY","KX","LOC","MX","NAPTR","NS","NSEC","NSEC3","NSEC3PARAM","PTR","RRSIG","RP","SIG","SOA","SRV","SSHFP","TA","TKEY","TLSA","TSIG","TXT"],contains:[e.COMMENT(";","$",{relevance:0}),{className:"meta",begin:/^\$(TTL|GENERATE|INCLUDE|ORIGIN)\b/},{className:"number",begin:"((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:)))\\b"},{className:"number",begin:"((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]).){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\b"},e.inherit(e.NUMBER_MODE,{begin:/\b\d+[dhwm]?/})]}}},74054:function(e){e.exports=function(e){return{name:"Dockerfile",aliases:["docker"],case_insensitive:!0,keywords:["from","maintainer","expose","env","arg","user","onbuild","stopsignal"],contains:[e.HASH_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.NUMBER_MODE,{beginKeywords:"run cmd entrypoint volume add copy workdir label healthcheck shell",starts:{end:/[^\\]$/,subLanguage:"bash"}}],illegal:"",illegal:"\\n"}]},t,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},a={className:"variable",begin:/&[a-z\d_]*\b/};return{name:"Device Tree",contains:[{className:"title.class",begin:/^\/(?=\s*\{)/,relevance:10},a,{className:"keyword",begin:"/[a-z][a-z\\d-]*/"},{className:"symbol",begin:"^\\s*[a-zA-Z_][a-zA-Z\\d_]*:"},{className:"title.class",begin:/[a-zA-Z_][a-zA-Z\d_@-]*(?=\s\{)/,relevance:.2},{relevance:0,match:[/[a-z][a-z-,]+/,/\s*/,/=/],scope:{1:"attr",3:"operator"}},{match:/[a-z][a-z-,]+(?=;)/,relevance:0,scope:"attr"},{className:"params",relevance:0,begin:"<",end:">",contains:[r,a]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,r,t,n,{scope:"punctuation",relevance:0,match:/\};|[;{}]/},{begin:e.IDENT_RE+"::",keywords:""}]}}},28650:function(e){e.exports=function(e){return{name:"Dust",aliases:["dst"],case_insensitive:!0,subLanguage:"xml",contains:[{className:"template-tag",begin:/\{[#\/]/,end:/\}/,illegal:/;/,contains:[{className:"name",begin:/[a-zA-Z\.-]+/,starts:{endsWithParent:!0,relevance:0,contains:[e.QUOTE_STRING_MODE]}}]},{className:"template-variable",begin:/\{/,end:/\}/,illegal:/;/,keywords:"if eq ne lt lte gt gte select default math sep"}]}}},73140:function(e){e.exports=function(e){let t=e.COMMENT(/\(\*/,/\*\)/),r={begin:/=/,end:/[.;]/,contains:[t,{className:"meta",begin:/\?.*\?/},{className:"string",variants:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{begin:"`",end:"`"}]}]};return{name:"Extended Backus-Naur Form",illegal:/\S/,contains:[t,{className:"attribute",begin:/^[ ]*[a-zA-Z]+([\s_-]+[a-zA-Z]+)*/},r]}}},53350:function(e){e.exports=function(e){let t=e.regex,r="[a-zA-Z_][a-zA-Z0-9_.]*(!|\\?)?",n={$pattern:r,keyword:["after","alias","and","case","catch","cond","defstruct","defguard","do","else","end","fn","for","if","import","in","not","or","quote","raise","receive","require","reraise","rescue","try","unless","unquote","unquote_splicing","use","when","with|0"],literal:["false","nil","true"]},a={className:"subst",begin:/#\{/,end:/\}/,keywords:n},i={match:/\\[\s\S]/,scope:"char.escape",relevance:0},o="[/|([{<\"']",s=[{begin:/"/,end:/"/},{begin:/'/,end:/'/},{begin:/\//,end:/\//},{begin:/\|/,end:/\|/},{begin:/\(/,end:/\)/},{begin:/\[/,end:/\]/},{begin:/\{/,end:/\}/},{begin://}],l=e=>({scope:"char.escape",begin:t.concat(/\\/,e),relevance:0}),c={className:"string",begin:"~[a-z](?="+o+")",contains:s.map(t=>e.inherit(t,{contains:[l(t.end),i,a]}))},d={className:"string",begin:"~[A-Z](?="+o+")",contains:s.map(t=>e.inherit(t,{contains:[l(t.end)]}))},u={className:"regex",variants:[{begin:"~r(?="+o+")",contains:s.map(r=>e.inherit(r,{end:t.concat(r.end,/[uismxfU]{0,7}/),contains:[l(r.end),i,a]}))},{begin:"~R(?="+o+")",contains:s.map(r=>e.inherit(r,{end:t.concat(r.end,/[uismxfU]{0,7}/),contains:[l(r.end)]}))}]},p={className:"string",contains:[e.BACKSLASH_ESCAPE,a],variants:[{begin:/"""/,end:/"""/},{begin:/'''/,end:/'''/},{begin:/~S"""/,end:/"""/,contains:[]},{begin:/~S"/,end:/"/,contains:[]},{begin:/~S'''/,end:/'''/,contains:[]},{begin:/~S'/,end:/'/,contains:[]},{begin:/'/,end:/'/},{begin:/"/,end:/"/}]},_={className:"function",beginKeywords:"def defp defmacro defmacrop",end:/\B\b/,contains:[e.inherit(e.TITLE_MODE,{begin:r,endsParent:!0})]},m=e.inherit(_,{className:"class",beginKeywords:"defimpl defmodule defprotocol defrecord",end:/\bdo\b|$|;/}),g=[p,u,d,c,e.HASH_COMMENT_MODE,m,_,{begin:"::"},{className:"symbol",begin:":(?![\\s:])",contains:[p,{begin:"[a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?"}],relevance:0},{className:"symbol",begin:r+":(?!:)",relevance:0},{className:"title.class",begin:/(\b[A-Z][a-zA-Z0-9_]+)/,relevance:0},{className:"number",begin:"(\\b0o[0-7_]+)|(\\b0b[01_]+)|(\\b0x[0-9a-fA-F_]+)|(-?\\b[0-9][0-9_]*(\\.[0-9_]+([eE][-+]?[0-9]+)?)?)",relevance:0},{className:"variable",begin:"(\\$\\W)|((\\$|@@?)(\\w+))"}];return a.contains=g,{name:"Elixir",aliases:["ex","exs"],keywords:n,contains:g}}},23714:function(e){e.exports=function(e){let t={variants:[e.COMMENT("--","$"),e.COMMENT(/\{-/,/-\}/,{contains:["self"]})]},r={className:"type",begin:"\\b[A-Z][\\w']*",relevance:0},n={begin:"\\(",end:"\\)",illegal:'"',contains:[{className:"type",begin:"\\b[A-Z][\\w]*(\\((\\.\\.|,|\\w+)\\))?"},t]},a={begin:/\{/,end:/\}/,contains:n.contains};return{name:"Elm",keywords:["let","in","if","then","else","case","of","where","module","import","exposing","type","alias","as","infix","infixl","infixr","port","effect","command","subscription"],contains:[{beginKeywords:"port effect module",end:"exposing",keywords:"port effect module where command subscription exposing",contains:[n,t],illegal:"\\W\\.|;"},{begin:"import",end:"$",keywords:"import as exposing",contains:[n,t],illegal:"\\W\\.|;"},{begin:"type",end:"$",keywords:"type alias",contains:[r,n,a,t]},{beginKeywords:"infix infixl infixr",end:"$",contains:[e.C_NUMBER_MODE,t]},{begin:"port",end:"$",keywords:"port",contains:[t]},{className:"string",begin:"'\\\\?.",end:"'",illegal:"."},e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,r,e.inherit(e.TITLE_MODE,{begin:"^[_a-z][\\w']*"}),t,{begin:"->|<-"}],illegal:/;/}}},9148:function(e){e.exports=function(e){return{name:"ERB",subLanguage:"xml",contains:[e.COMMENT("<%#","%>"),{begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0}]}}},99871:function(e){e.exports=function(e){let t=e.regex;return{name:"Erlang REPL",keywords:{built_in:"spawn spawn_link self",keyword:"after and andalso|10 band begin bnot bor bsl bsr bxor case catch cond div end fun if let not of or orelse|10 query receive rem try when xor"},contains:[{className:"meta.prompt",begin:"^[0-9]+> ",relevance:10},e.COMMENT("%","$"),{className:"number",begin:"\\b(\\d+(_\\d+)*#[a-fA-F0-9]+(_[a-fA-F0-9]+)*|\\d+(_\\d+)*(\\.\\d+(_\\d+)*)?([eE][-+]?\\d+)?)",relevance:0},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{begin:t.concat(/\?(::)?/,/([A-Z]\w*)/,/((::)[A-Z]\w*)*/)},{begin:"->"},{begin:"ok"},{begin:"!"},{begin:"(\\b[a-z'][a-zA-Z0-9_']*:[a-z'][a-zA-Z0-9_']*)|(\\b[a-z'][a-zA-Z0-9_']*)",relevance:0},{begin:"[A-Z][a-zA-Z0-9_']*",relevance:0}]}}},15810:function(e){e.exports=function(e){let t="[a-z'][a-zA-Z0-9_']*",r="("+t+":"+t+"|"+t+")",n={keyword:"after and andalso|10 band begin bnot bor bsl bzr bxor case catch cond div end fun if let not of orelse|10 query receive rem try when xor",literal:"false true"},a=e.COMMENT("%","$"),i={className:"number",begin:"\\b(\\d+(_\\d+)*#[a-fA-F0-9]+(_[a-fA-F0-9]+)*|\\d+(_\\d+)*(\\.\\d+(_\\d+)*)?([eE][-+]?\\d+)?)",relevance:0},o={begin:"fun\\s+"+t+"/\\d+"},s={begin:r+"\\(",end:"\\)",returnBegin:!0,relevance:0,contains:[{begin:r,relevance:0},{begin:"\\(",end:"\\)",endsWithParent:!0,returnEnd:!0,relevance:0}]},l={begin:/\{/,end:/\}/,relevance:0},c={begin:"\\b_([A-Z][A-Za-z0-9_]*)?",relevance:0},d={begin:"[A-Z][a-zA-Z0-9_]*",relevance:0},u={begin:"#"+e.UNDERSCORE_IDENT_RE,relevance:0,returnBegin:!0,contains:[{begin:"#"+e.UNDERSCORE_IDENT_RE,relevance:0},{begin:/\{/,end:/\}/,relevance:0}]},p={beginKeywords:"fun receive if try case",end:"end",keywords:n};p.contains=[a,o,e.inherit(e.APOS_STRING_MODE,{className:""}),p,s,e.QUOTE_STRING_MODE,i,l,c,d,u];let _=[a,o,p,s,e.QUOTE_STRING_MODE,i,l,c,d,u];s.contains[1].contains=_,l.contains=_,u.contains[1].contains=_;let m={className:"params",begin:"\\(",end:"\\)",contains:_};return{name:"Erlang",aliases:["erl"],keywords:n,illegal:"(",returnBegin:!0,illegal:"\\(|#|//|/\\*|\\\\|:|;",contains:[m,e.inherit(e.TITLE_MODE,{begin:t})],starts:{end:";|\\.",keywords:n,contains:_}},a,{begin:"^-",end:"\\.",relevance:0,excludeEnd:!0,returnBegin:!0,keywords:{$pattern:"-"+e.IDENT_RE,keyword:["-module","-record","-undef","-export","-ifdef","-ifndef","-author","-copyright","-doc","-vsn","-import","-include","-include_lib","-compile","-define","-else","-endif","-file","-behaviour","-behavior","-spec"].map(e=>`${e}|1.5`).join(" ")},contains:[m]},i,e.QUOTE_STRING_MODE,u,c,d,l,{begin:/\.$/}]}}},99901:function(e){e.exports=function(e){return{name:"Excel formulae",aliases:["xlsx","xls"],case_insensitive:!0,keywords:{$pattern:/[a-zA-Z][\w\.]*/,built_in:["ABS","ACCRINT","ACCRINTM","ACOS","ACOSH","ACOT","ACOTH","AGGREGATE","ADDRESS","AMORDEGRC","AMORLINC","AND","ARABIC","AREAS","ASC","ASIN","ASINH","ATAN","ATAN2","ATANH","AVEDEV","AVERAGE","AVERAGEA","AVERAGEIF","AVERAGEIFS","BAHTTEXT","BASE","BESSELI","BESSELJ","BESSELK","BESSELY","BETADIST","BETA.DIST","BETAINV","BETA.INV","BIN2DEC","BIN2HEX","BIN2OCT","BINOMDIST","BINOM.DIST","BINOM.DIST.RANGE","BINOM.INV","BITAND","BITLSHIFT","BITOR","BITRSHIFT","BITXOR","CALL","CEILING","CEILING.MATH","CEILING.PRECISE","CELL","CHAR","CHIDIST","CHIINV","CHITEST","CHISQ.DIST","CHISQ.DIST.RT","CHISQ.INV","CHISQ.INV.RT","CHISQ.TEST","CHOOSE","CLEAN","CODE","COLUMN","COLUMNS","COMBIN","COMBINA","COMPLEX","CONCAT","CONCATENATE","CONFIDENCE","CONFIDENCE.NORM","CONFIDENCE.T","CONVERT","CORREL","COS","COSH","COT","COTH","COUNT","COUNTA","COUNTBLANK","COUNTIF","COUNTIFS","COUPDAYBS","COUPDAYS","COUPDAYSNC","COUPNCD","COUPNUM","COUPPCD","COVAR","COVARIANCE.P","COVARIANCE.S","CRITBINOM","CSC","CSCH","CUBEKPIMEMBER","CUBEMEMBER","CUBEMEMBERPROPERTY","CUBERANKEDMEMBER","CUBESET","CUBESETCOUNT","CUBEVALUE","CUMIPMT","CUMPRINC","DATE","DATEDIF","DATEVALUE","DAVERAGE","DAY","DAYS","DAYS360","DB","DBCS","DCOUNT","DCOUNTA","DDB","DEC2BIN","DEC2HEX","DEC2OCT","DECIMAL","DEGREES","DELTA","DEVSQ","DGET","DISC","DMAX","DMIN","DOLLAR","DOLLARDE","DOLLARFR","DPRODUCT","DSTDEV","DSTDEVP","DSUM","DURATION","DVAR","DVARP","EDATE","EFFECT","ENCODEURL","EOMONTH","ERF","ERF.PRECISE","ERFC","ERFC.PRECISE","ERROR.TYPE","EUROCONVERT","EVEN","EXACT","EXP","EXPON.DIST","EXPONDIST","FACT","FACTDOUBLE","FALSE|0","F.DIST","FDIST","F.DIST.RT","FILTERXML","FIND","FINDB","F.INV","F.INV.RT","FINV","FISHER","FISHERINV","FIXED","FLOOR","FLOOR.MATH","FLOOR.PRECISE","FORECAST","FORECAST.ETS","FORECAST.ETS.CONFINT","FORECAST.ETS.SEASONALITY","FORECAST.ETS.STAT","FORECAST.LINEAR","FORMULATEXT","FREQUENCY","F.TEST","FTEST","FV","FVSCHEDULE","GAMMA","GAMMA.DIST","GAMMADIST","GAMMA.INV","GAMMAINV","GAMMALN","GAMMALN.PRECISE","GAUSS","GCD","GEOMEAN","GESTEP","GETPIVOTDATA","GROWTH","HARMEAN","HEX2BIN","HEX2DEC","HEX2OCT","HLOOKUP","HOUR","HYPERLINK","HYPGEOM.DIST","HYPGEOMDIST","IF","IFERROR","IFNA","IFS","IMABS","IMAGINARY","IMARGUMENT","IMCONJUGATE","IMCOS","IMCOSH","IMCOT","IMCSC","IMCSCH","IMDIV","IMEXP","IMLN","IMLOG10","IMLOG2","IMPOWER","IMPRODUCT","IMREAL","IMSEC","IMSECH","IMSIN","IMSINH","IMSQRT","IMSUB","IMSUM","IMTAN","INDEX","INDIRECT","INFO","INT","INTERCEPT","INTRATE","IPMT","IRR","ISBLANK","ISERR","ISERROR","ISEVEN","ISFORMULA","ISLOGICAL","ISNA","ISNONTEXT","ISNUMBER","ISODD","ISREF","ISTEXT","ISO.CEILING","ISOWEEKNUM","ISPMT","JIS","KURT","LARGE","LCM","LEFT","LEFTB","LEN","LENB","LINEST","LN","LOG","LOG10","LOGEST","LOGINV","LOGNORM.DIST","LOGNORMDIST","LOGNORM.INV","LOOKUP","LOWER","MATCH","MAX","MAXA","MAXIFS","MDETERM","MDURATION","MEDIAN","MID","MIDBs","MIN","MINIFS","MINA","MINUTE","MINVERSE","MIRR","MMULT","MOD","MODE","MODE.MULT","MODE.SNGL","MONTH","MROUND","MULTINOMIAL","MUNIT","N","NA","NEGBINOM.DIST","NEGBINOMDIST","NETWORKDAYS","NETWORKDAYS.INTL","NOMINAL","NORM.DIST","NORMDIST","NORMINV","NORM.INV","NORM.S.DIST","NORMSDIST","NORM.S.INV","NORMSINV","NOT","NOW","NPER","NPV","NUMBERVALUE","OCT2BIN","OCT2DEC","OCT2HEX","ODD","ODDFPRICE","ODDFYIELD","ODDLPRICE","ODDLYIELD","OFFSET","OR","PDURATION","PEARSON","PERCENTILE.EXC","PERCENTILE.INC","PERCENTILE","PERCENTRANK.EXC","PERCENTRANK.INC","PERCENTRANK","PERMUT","PERMUTATIONA","PHI","PHONETIC","PI","PMT","POISSON.DIST","POISSON","POWER","PPMT","PRICE","PRICEDISC","PRICEMAT","PROB","PRODUCT","PROPER","PV","QUARTILE","QUARTILE.EXC","QUARTILE.INC","QUOTIENT","RADIANS","RAND","RANDBETWEEN","RANK.AVG","RANK.EQ","RANK","RATE","RECEIVED","REGISTER.ID","REPLACE","REPLACEB","REPT","RIGHT","RIGHTB","ROMAN","ROUND","ROUNDDOWN","ROUNDUP","ROW","ROWS","RRI","RSQ","RTD","SEARCH","SEARCHB","SEC","SECH","SECOND","SERIESSUM","SHEET","SHEETS","SIGN","SIN","SINH","SKEW","SKEW.P","SLN","SLOPE","SMALL","SQL.REQUEST","SQRT","SQRTPI","STANDARDIZE","STDEV","STDEV.P","STDEV.S","STDEVA","STDEVP","STDEVPA","STEYX","SUBSTITUTE","SUBTOTAL","SUM","SUMIF","SUMIFS","SUMPRODUCT","SUMSQ","SUMX2MY2","SUMX2PY2","SUMXMY2","SWITCH","SYD","T","TAN","TANH","TBILLEQ","TBILLPRICE","TBILLYIELD","T.DIST","T.DIST.2T","T.DIST.RT","TDIST","TEXT","TEXTJOIN","TIME","TIMEVALUE","T.INV","T.INV.2T","TINV","TODAY","TRANSPOSE","TREND","TRIM","TRIMMEAN","TRUE|0","TRUNC","T.TEST","TTEST","TYPE","UNICHAR","UNICODE","UPPER","VALUE","VAR","VAR.P","VAR.S","VARA","VARP","VARPA","VDB","VLOOKUP","WEBSERVICE","WEEKDAY","WEEKNUM","WEIBULL","WEIBULL.DIST","WORKDAY","WORKDAY.INTL","XIRR","XNPV","XOR","YEAR","YEARFRAC","YIELD","YIELDDISC","YIELDMAT","Z.TEST","ZTEST"]},contains:[{begin:/^=/,end:/[^=]/,returnEnd:!0,illegal:/=/,relevance:10},{className:"symbol",begin:/\b[A-Z]{1,2}\d+\b/,end:/[^\d]/,excludeEnd:!0,relevance:0},{className:"symbol",begin:/[A-Z]{0,2}\d*:[A-Z]{0,2}\d*/,relevance:0},e.BACKSLASH_ESCAPE,e.QUOTE_STRING_MODE,{className:"number",begin:e.NUMBER_RE+"(%)?",relevance:0},e.COMMENT(/\bN\(/,/\)/,{excludeBegin:!0,excludeEnd:!0,illegal:/\n/})]}}},85067:function(e){e.exports=function(e){return{name:"FIX",contains:[{begin:/[^\u2401\u0001]+/,end:/[\u2401\u0001]/,excludeEnd:!0,returnBegin:!0,returnEnd:!1,contains:[{begin:/([^\u2401\u0001=]+)/,end:/=([^\u2401\u0001=]+)/,returnEnd:!0,returnBegin:!1,className:"attr"},{begin:/=/,end:/([\u2401\u0001])/,excludeEnd:!0,excludeBegin:!0,className:"string"}]}],case_insensitive:!0}}},50168:function(e){e.exports=function(e){return{name:"Flix",keywords:{keyword:["case","class","def","else","enum","if","impl","import","in","lat","rel","index","let","match","namespace","switch","type","yield","with"],literal:["true","false"]},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",begin:/'(.|\\[xXuU][a-zA-Z0-9]+)'/},{className:"string",variants:[{begin:'"',end:'"'}]},{className:"function",beginKeywords:"def",end:/[:={\[(\n;]/,excludeEnd:!0,contains:[{className:"title",relevance:0,begin:/[^0-9\n\t "'(),.`{}\[\]:;][^\n\t "'(),.`{}\[\]:;]+|[^0-9\n\t "'(),.`{}\[\]:;=]/}]},e.C_NUMBER_MODE]}}},17521:function(e){e.exports=function(e){let t=e.regex,r={variants:[e.COMMENT("!","$",{relevance:0}),e.COMMENT("^C[ ]","$",{relevance:0}),e.COMMENT("^C$","$",{relevance:0})]},n=/(_[a-z_\d]+)?/,a=/([de][+-]?\d+)?/,i={className:"number",variants:[{begin:t.concat(/\b\d+/,/\.(\d*)/,a,n)},{begin:t.concat(/\b\d+/,a,n)},{begin:t.concat(/\.\d+/,a,n)}],relevance:0},o={className:"function",beginKeywords:"subroutine function program",illegal:"[${=\\n]",contains:[e.UNDERSCORE_TITLE_MODE,{className:"params",begin:"\\(",end:"\\)"}]},s={className:"string",relevance:0,variants:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]};return{name:"Fortran",case_insensitive:!0,aliases:["f90","f95"],keywords:{keyword:["kind","do","concurrent","local","shared","while","private","call","intrinsic","where","elsewhere","type","endtype","endmodule","endselect","endinterface","end","enddo","endif","if","forall","endforall","only","contains","default","return","stop","then","block","endblock","endassociate","public","subroutine|10","function","program",".and.",".or.",".not.",".le.",".eq.",".ge.",".gt.",".lt.","goto","save","else","use","module","select","case","access","blank","direct","exist","file","fmt","form","formatted","iostat","name","named","nextrec","number","opened","rec","recl","sequential","status","unformatted","unit","continue","format","pause","cycle","exit","c_null_char","c_alert","c_backspace","c_form_feed","flush","wait","decimal","round","iomsg","synchronous","nopass","non_overridable","pass","protected","volatile","abstract","extends","import","non_intrinsic","value","deferred","generic","final","enumerator","class","associate","bind","enum","c_int","c_short","c_long","c_long_long","c_signed_char","c_size_t","c_int8_t","c_int16_t","c_int32_t","c_int64_t","c_int_least8_t","c_int_least16_t","c_int_least32_t","c_int_least64_t","c_int_fast8_t","c_int_fast16_t","c_int_fast32_t","c_int_fast64_t","c_intmax_t","C_intptr_t","c_float","c_double","c_long_double","c_float_complex","c_double_complex","c_long_double_complex","c_bool","c_char","c_null_ptr","c_null_funptr","c_new_line","c_carriage_return","c_horizontal_tab","c_vertical_tab","iso_c_binding","c_loc","c_funloc","c_associated","c_f_pointer","c_ptr","c_funptr","iso_fortran_env","character_storage_size","error_unit","file_storage_size","input_unit","iostat_end","iostat_eor","numeric_storage_size","output_unit","c_f_procpointer","ieee_arithmetic","ieee_support_underflow_control","ieee_get_underflow_mode","ieee_set_underflow_mode","newunit","contiguous","recursive","pad","position","action","delim","readwrite","eor","advance","nml","interface","procedure","namelist","include","sequence","elemental","pure","impure","integer","real","character","complex","logical","codimension","dimension","allocatable|10","parameter","external","implicit|10","none","double","precision","assign","intent","optional","pointer","target","in","out","common","equivalence","data"],literal:[".False.",".True."],built_in:["alog","alog10","amax0","amax1","amin0","amin1","amod","cabs","ccos","cexp","clog","csin","csqrt","dabs","dacos","dasin","datan","datan2","dcos","dcosh","ddim","dexp","dint","dlog","dlog10","dmax1","dmin1","dmod","dnint","dsign","dsin","dsinh","dsqrt","dtan","dtanh","float","iabs","idim","idint","idnint","ifix","isign","max0","max1","min0","min1","sngl","algama","cdabs","cdcos","cdexp","cdlog","cdsin","cdsqrt","cqabs","cqcos","cqexp","cqlog","cqsin","cqsqrt","dcmplx","dconjg","derf","derfc","dfloat","dgamma","dimag","dlgama","iqint","qabs","qacos","qasin","qatan","qatan2","qcmplx","qconjg","qcos","qcosh","qdim","qerf","qerfc","qexp","qgamma","qimag","qlgama","qlog","qlog10","qmax1","qmin1","qmod","qnint","qsign","qsin","qsinh","qsqrt","qtan","qtanh","abs","acos","aimag","aint","anint","asin","atan","atan2","char","cmplx","conjg","cos","cosh","exp","ichar","index","int","log","log10","max","min","nint","sign","sin","sinh","sqrt","tan","tanh","print","write","dim","lge","lgt","lle","llt","mod","nullify","allocate","deallocate","adjustl","adjustr","all","allocated","any","associated","bit_size","btest","ceiling","count","cshift","date_and_time","digits","dot_product","eoshift","epsilon","exponent","floor","fraction","huge","iand","ibclr","ibits","ibset","ieor","ior","ishft","ishftc","lbound","len_trim","matmul","maxexponent","maxloc","maxval","merge","minexponent","minloc","minval","modulo","mvbits","nearest","pack","present","product","radix","random_number","random_seed","range","repeat","reshape","rrspacing","scale","scan","selected_int_kind","selected_real_kind","set_exponent","shape","size","spacing","spread","sum","system_clock","tiny","transpose","trim","ubound","unpack","verify","achar","iachar","transfer","dble","entry","dprod","cpu_time","command_argument_count","get_command","get_command_argument","get_environment_variable","is_iostat_end","ieee_arithmetic","ieee_support_underflow_control","ieee_get_underflow_mode","ieee_set_underflow_mode","is_iostat_eor","move_alloc","new_line","selected_char_kind","same_type_as","extends_type_of","acosh","asinh","atanh","bessel_j0","bessel_j1","bessel_jn","bessel_y0","bessel_y1","bessel_yn","erf","erfc","erfc_scaled","gamma","log_gamma","hypot","norm2","atomic_define","atomic_ref","execute_command_line","leadz","trailz","storage_size","merge_bits","bge","bgt","ble","blt","dshiftl","dshiftr","findloc","iall","iany","iparity","image_index","lcobound","ucobound","maskl","maskr","num_images","parity","popcnt","poppar","shifta","shiftl","shiftr","this_image","sync","change","team","co_broadcast","co_max","co_min","co_sum","co_reduce"]},illegal:/\/\*/,contains:[s,o,{begin:/^C\s*=(?!=)/,relevance:0},r,i]}}},39854:function(e){function t(e){return RegExp(e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function r(e){return e?"string"==typeof e?e:e.source:null}function n(e){return a("(?=",e,")")}function a(...e){let t=e.map(e=>r(e)).join("");return t}function i(...e){let t=function(e){let t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e),n="("+(t.capture?"":"?:")+e.map(e=>r(e)).join("|")+")";return n}e.exports=function(e){let r={scope:"keyword",match:/\b(yield|return|let|do|match|use)!/},o=["bool","byte","sbyte","int8","int16","int32","uint8","uint16","uint32","int","uint","int64","uint64","nativeint","unativeint","decimal","float","double","float32","single","char","string","unit","bigint","option","voption","list","array","seq","byref","exn","inref","nativeptr","obj","outref","voidptr","Result"],s={keyword:["abstract","and","as","assert","base","begin","class","default","delegate","do","done","downcast","downto","elif","else","end","exception","extern","finally","fixed","for","fun","function","global","if","in","inherit","inline","interface","internal","lazy","let","match","member","module","mutable","namespace","new","of","open","or","override","private","public","rec","return","static","struct","then","to","try","type","upcast","use","val","void","when","while","with","yield"],literal:["true","false","null","Some","None","Ok","Error","infinity","infinityf","nan","nanf"],built_in:["not","ref","raise","reraise","dict","readOnlyDict","set","get","enum","sizeof","typeof","typedefof","nameof","nullArg","invalidArg","invalidOp","id","fst","snd","ignore","lock","using","box","unbox","tryUnbox","printf","printfn","sprintf","eprintf","eprintfn","fprintf","fprintfn","failwith","failwithf"],"variable.constant":["__LINE__","__SOURCE_DIRECTORY__","__SOURCE_FILE__"]},l=e.COMMENT(/\(\*(?!\))/,/\*\)/,{contains:["self"]}),c={variants:[l,e.C_LINE_COMMENT_MODE]},d={scope:"variable",begin:/``/,end:/``/},u=/\B('|\^)/,p={scope:"symbol",variants:[{match:a(u,/``.*?``/)},{match:a(u,e.UNDERSCORE_IDENT_RE)}],relevance:0},_=function({includeEqual:e}){let r=Array.from(e?"!%&*+-/<=>@^|~?":"!%&*+-/<>@^|~?"),o=a("[",...r.map(t),"]"),s=i(o,/\./),l=a(s,n(s)),c=i(a(l,s,"*"),a(o,"+"));return{scope:"operator",match:i(c,/:\?>/,/:\?/,/:>/,/:=/,/::?/,/\$/),relevance:0}},m=_({includeEqual:!0}),g=_({includeEqual:!1}),f=function(t,r){return{begin:a(t,n(a(/\s*/,i(/\w/,/'/,/\^/,/#/,/``/,/\(/,/{\|/)))),beginScope:r,end:n(i(/\n/,/=/)),relevance:0,keywords:e.inherit(s,{type:o}),contains:[c,p,e.inherit(d,{scope:null}),g]}},E=f(/:/,"operator"),b=f(/\bof\b/,"keyword"),S={begin:[/(^|\s+)/,/type/,/\s+/,/[a-zA-Z_](\w|')*/],beginScope:{2:"keyword",4:"title.class"},end:n(/\(|=|$/),keywords:s,contains:[c,e.inherit(d,{scope:null}),p,{scope:"operator",match:/<|>/},E]},h={scope:"computation-expression",match:/\b[_a-z]\w*(?=\s*\{)/},v={begin:[/^\s*/,a(/#/,i(...["if","else","endif","line","nowarn","light","r","i","I","load","time","help","quit"])),/\b/],beginScope:{2:"meta"},end:n(/\s|$/)},y={variants:[e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE]},T={scope:"string",begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE]},O={scope:"string",begin:/@"/,end:/"/,contains:[{match:/""/},e.BACKSLASH_ESCAPE]},C={scope:"string",begin:/"""/,end:/"""/,relevance:2},N={scope:"subst",begin:/\{/,end:/\}/,keywords:s},R={scope:"string",begin:/\$"/,end:/"/,contains:[{match:/\{\{/},{match:/\}\}/},e.BACKSLASH_ESCAPE,N]},I={scope:"string",begin:/(\$@|@\$)"/,end:/"/,contains:[{match:/\{\{/},{match:/\}\}/},{match:/""/},e.BACKSLASH_ESCAPE,N]},A={scope:"string",match:a(/'/,i(/[^\\']/,/\\(?:.|\d{3}|x[a-fA-F\d]{2}|u[a-fA-F\d]{4}|U[a-fA-F\d]{8})/),/'/)};return N.contains=[I,R,O,T,A,r,c,d,E,h,v,y,p,m],{name:"F#",aliases:["fs","f#"],keywords:s,illegal:/\/\*/,classNameAliases:{"computation-expression":"keyword"},contains:[r,{variants:[{scope:"string",begin:/\$"""/,end:/"""/,contains:[{match:/\{\{/},{match:/\}\}/},N],relevance:2},I,R,C,O,T,A]},c,d,S,{scope:"meta",begin:/\[\]/,relevance:2,contains:[d,C,O,T,A,y]},b,E,h,v,y,p,m]}}},72164:function(e){e.exports=function(e){let t=e.regex,r={keyword:"abort acronym acronyms alias all and assign binary card diag display else eq file files for free ge gt if integer le loop lt maximizing minimizing model models ne negative no not option options or ord positive prod put putpage puttl repeat sameas semicont semiint smax smin solve sos1 sos2 sum system table then until using while xor yes",literal:"eps inf na",built_in:"abs arccos arcsin arctan arctan2 Beta betaReg binomial ceil centropy cos cosh cvPower div div0 eDist entropy errorf execSeed exp fact floor frac gamma gammaReg log logBeta logGamma log10 log2 mapVal max min mod ncpCM ncpF ncpVUpow ncpVUsin normal pi poly power randBinomial randLinear randTriangle round rPower sigmoid sign signPower sin sinh slexp sllog10 slrec sqexp sqlog10 sqr sqrec sqrt tan tanh trunc uniform uniformInt vcPower bool_and bool_eqv bool_imp bool_not bool_or bool_xor ifThen rel_eq rel_ge rel_gt rel_le rel_lt rel_ne gday gdow ghour gleap gmillisec gminute gmonth gsecond gyear jdate jnow jstart jtime errorLevel execError gamsRelease gamsVersion handleCollect handleDelete handleStatus handleSubmit heapFree heapLimit heapSize jobHandle jobKill jobStatus jobTerminate licenseLevel licenseStatus maxExecError sleep timeClose timeComp timeElapsed timeExec timeStart"},n={className:"symbol",variants:[{begin:/=[lgenxc]=/},{begin:/\$/}]},a={className:"comment",variants:[{begin:"'",end:"'"},{begin:'"',end:'"'}],illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},i={begin:"/",end:"/",keywords:r,contains:[a,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,e.C_NUMBER_MODE]},o=/[a-z0-9&#*=?@\\><:,()$[\]_.{}!+%^-]+/,s={begin:/[a-z][a-z0-9_]*(\([a-z0-9_, ]*\))?[ \t]+/,excludeBegin:!0,end:"$",endsWithParent:!0,contains:[a,i,{className:"comment",begin:t.concat(o,t.anyNumberOfTimes(t.concat(/[ ]+/,o))),relevance:0}]};return{name:"GAMS",aliases:["gms"],case_insensitive:!0,keywords:r,contains:[e.COMMENT(/^\$ontext/,/^\$offtext/),{className:"meta",begin:"^\\$[a-z0-9]+",end:"$",returnBegin:!0,contains:[{className:"keyword",begin:"^\\$[a-z0-9]+"}]},e.COMMENT("^\\*","$"),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{beginKeywords:"set sets parameter parameters variable variables scalar scalars equation equations",end:";",contains:[e.COMMENT("^\\*","$"),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,i,s]},{beginKeywords:"table",end:";",returnBegin:!0,contains:[{beginKeywords:"table",end:"$",contains:[s]},e.COMMENT("^\\*","$"),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,e.C_NUMBER_MODE]},{className:"function",begin:/^[a-z][a-z0-9_,\-+' ()$]+\.{2}/,returnBegin:!0,contains:[{className:"title",begin:/^[a-z0-9_]+/},{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0},n]},e.C_NUMBER_MODE,n]}}},75209:function(e){e.exports=function(e){let t={keyword:"bool break call callexe checkinterrupt clear clearg closeall cls comlog compile continue create debug declare delete disable dlibrary dllcall do dos ed edit else elseif enable end endfor endif endp endo errorlog errorlogat expr external fn for format goto gosub graph if keyword let lib library line load loadarray loadexe loadf loadk loadm loadp loads loadx local locate loopnextindex lprint lpwidth lshow matrix msym ndpclex new open output outwidth plot plotsym pop prcsn print printdos proc push retp return rndcon rndmod rndmult rndseed run save saveall screen scroll setarray show sparse stop string struct system trace trap threadfor threadendfor threadbegin threadjoin threadstat threadend until use while winprint ne ge le gt lt and xor or not eq eqv",built_in:"abs acf aconcat aeye amax amean AmericanBinomCall AmericanBinomCall_Greeks AmericanBinomCall_ImpVol AmericanBinomPut AmericanBinomPut_Greeks AmericanBinomPut_ImpVol AmericanBSCall AmericanBSCall_Greeks AmericanBSCall_ImpVol AmericanBSPut AmericanBSPut_Greeks AmericanBSPut_ImpVol amin amult annotationGetDefaults annotationSetBkd annotationSetFont annotationSetLineColor annotationSetLineStyle annotationSetLineThickness annualTradingDays arccos arcsin areshape arrayalloc arrayindex arrayinit arraytomat asciiload asclabel astd astds asum atan atan2 atranspose axmargin balance band bandchol bandcholsol bandltsol bandrv bandsolpd bar base10 begwind besselj bessely beta box boxcox cdfBeta cdfBetaInv cdfBinomial cdfBinomialInv cdfBvn cdfBvn2 cdfBvn2e cdfCauchy cdfCauchyInv cdfChic cdfChii cdfChinc cdfChincInv cdfExp cdfExpInv cdfFc cdfFnc cdfFncInv cdfGam cdfGenPareto cdfHyperGeo cdfLaplace cdfLaplaceInv cdfLogistic cdfLogisticInv cdfmControlCreate cdfMvn cdfMvn2e cdfMvnce cdfMvne cdfMvt2e cdfMvtce cdfMvte cdfN cdfN2 cdfNc cdfNegBinomial cdfNegBinomialInv cdfNi cdfPoisson cdfPoissonInv cdfRayleigh cdfRayleighInv cdfTc cdfTci cdfTnc cdfTvn cdfWeibull cdfWeibullInv cdir ceil ChangeDir chdir chiBarSquare chol choldn cholsol cholup chrs close code cols colsf combinate combinated complex con cond conj cons ConScore contour conv convertsatostr convertstrtosa corrm corrms corrvc corrx corrxs cos cosh counts countwts crossprd crout croutp csrcol csrlin csvReadM csvReadSA cumprodc cumsumc curve cvtos datacreate datacreatecomplex datalist dataload dataloop dataopen datasave date datestr datestring datestrymd dayinyr dayofweek dbAddDatabase dbClose dbCommit dbCreateQuery dbExecQuery dbGetConnectOptions dbGetDatabaseName dbGetDriverName dbGetDrivers dbGetHostName dbGetLastErrorNum dbGetLastErrorText dbGetNumericalPrecPolicy dbGetPassword dbGetPort dbGetTableHeaders dbGetTables dbGetUserName dbHasFeature dbIsDriverAvailable dbIsOpen dbIsOpenError dbOpen dbQueryBindValue dbQueryClear dbQueryCols dbQueryExecPrepared dbQueryFetchAllM dbQueryFetchAllSA dbQueryFetchOneM dbQueryFetchOneSA dbQueryFinish dbQueryGetBoundValue dbQueryGetBoundValues dbQueryGetField dbQueryGetLastErrorNum dbQueryGetLastErrorText dbQueryGetLastInsertID dbQueryGetLastQuery dbQueryGetPosition dbQueryIsActive dbQueryIsForwardOnly dbQueryIsNull dbQueryIsSelect dbQueryIsValid dbQueryPrepare dbQueryRows dbQuerySeek dbQuerySeekFirst dbQuerySeekLast dbQuerySeekNext dbQuerySeekPrevious dbQuerySetForwardOnly dbRemoveDatabase dbRollback dbSetConnectOptions dbSetDatabaseName dbSetHostName dbSetNumericalPrecPolicy dbSetPort dbSetUserName dbTransaction DeleteFile delif delrows denseToSp denseToSpRE denToZero design det detl dfft dffti diag diagrv digamma doswin DOSWinCloseall DOSWinOpen dotfeq dotfeqmt dotfge dotfgemt dotfgt dotfgtmt dotfle dotflemt dotflt dotfltmt dotfne dotfnemt draw drop dsCreate dstat dstatmt dstatmtControlCreate dtdate dtday dttime dttodtv dttostr dttoutc dtvnormal dtvtodt dtvtoutc dummy dummybr dummydn eig eigh eighv eigv elapsedTradingDays endwind envget eof eqSolve eqSolvemt eqSolvemtControlCreate eqSolvemtOutCreate eqSolveset erf erfc erfccplx erfcplx error etdays ethsec etstr EuropeanBinomCall EuropeanBinomCall_Greeks EuropeanBinomCall_ImpVol EuropeanBinomPut EuropeanBinomPut_Greeks EuropeanBinomPut_ImpVol EuropeanBSCall EuropeanBSCall_Greeks EuropeanBSCall_ImpVol EuropeanBSPut EuropeanBSPut_Greeks EuropeanBSPut_ImpVol exctsmpl exec execbg exp extern eye fcheckerr fclearerr feq feqmt fflush fft ffti fftm fftmi fftn fge fgemt fgets fgetsa fgetsat fgetst fgt fgtmt fileinfo filesa fle flemt floor flt fltmt fmod fne fnemt fonts fopen formatcv formatnv fputs fputst fseek fstrerror ftell ftocv ftos ftostrC gamma gammacplx gammaii gausset gdaAppend gdaCreate gdaDStat gdaDStatMat gdaGetIndex gdaGetName gdaGetNames gdaGetOrders gdaGetType gdaGetTypes gdaGetVarInfo gdaIsCplx gdaLoad gdaPack gdaRead gdaReadByIndex gdaReadSome gdaReadSparse gdaReadStruct gdaReportVarInfo gdaSave gdaUpdate gdaUpdateAndPack gdaVars gdaWrite gdaWrite32 gdaWriteSome getarray getdims getf getGAUSShome getmatrix getmatrix4D getname getnamef getNextTradingDay getNextWeekDay getnr getorders getpath getPreviousTradingDay getPreviousWeekDay getRow getscalar3D getscalar4D getTrRow getwind glm gradcplx gradMT gradMTm gradMTT gradMTTm gradp graphprt graphset hasimag header headermt hess hessMT hessMTg hessMTgw hessMTm hessMTmw hessMTT hessMTTg hessMTTgw hessMTTm hessMTw hessp hist histf histp hsec imag indcv indexcat indices indices2 indicesf indicesfn indnv indsav integrate1d integrateControlCreate intgrat2 intgrat3 inthp1 inthp2 inthp3 inthp4 inthpControlCreate intquad1 intquad2 intquad3 intrleav intrleavsa intrsect intsimp inv invpd invswp iscplx iscplxf isden isinfnanmiss ismiss key keyav keyw lag lag1 lagn lapEighb lapEighi lapEighvb lapEighvi lapgEig lapgEigh lapgEighv lapgEigv lapgSchur lapgSvdcst lapgSvds lapgSvdst lapSvdcusv lapSvds lapSvdusv ldlp ldlsol linSolve listwise ln lncdfbvn lncdfbvn2 lncdfmvn lncdfn lncdfn2 lncdfnc lnfact lngammacplx lnpdfmvn lnpdfmvt lnpdfn lnpdft loadd loadstruct loadwind loess loessmt loessmtControlCreate log loglog logx logy lower lowmat lowmat1 ltrisol lu lusol machEpsilon make makevars makewind margin matalloc matinit mattoarray maxbytes maxc maxindc maxv maxvec mbesselei mbesselei0 mbesselei1 mbesseli mbesseli0 mbesseli1 meanc median mergeby mergevar minc minindc minv miss missex missrv moment momentd movingave movingaveExpwgt movingaveWgt nextindex nextn nextnevn nextwind ntos null null1 numCombinations ols olsmt olsmtControlCreate olsqr olsqr2 olsqrmt ones optn optnevn orth outtyp pacf packedToSp packr parse pause pdfCauchy pdfChi pdfExp pdfGenPareto pdfHyperGeo pdfLaplace pdfLogistic pdfn pdfPoisson pdfRayleigh pdfWeibull pi pinv pinvmt plotAddArrow plotAddBar plotAddBox plotAddHist plotAddHistF plotAddHistP plotAddPolar plotAddScatter plotAddShape plotAddTextbox plotAddTS plotAddXY plotArea plotBar plotBox plotClearLayout plotContour plotCustomLayout plotGetDefaults plotHist plotHistF plotHistP plotLayout plotLogLog plotLogX plotLogY plotOpenWindow plotPolar plotSave plotScatter plotSetAxesPen plotSetBar plotSetBarFill plotSetBarStacked plotSetBkdColor plotSetFill plotSetGrid plotSetLegend plotSetLineColor plotSetLineStyle plotSetLineSymbol plotSetLineThickness plotSetNewWindow plotSetTitle plotSetWhichYAxis plotSetXAxisShow plotSetXLabel plotSetXRange plotSetXTicInterval plotSetXTicLabel plotSetYAxisShow plotSetYLabel plotSetYRange plotSetZAxisShow plotSetZLabel plotSurface plotTS plotXY polar polychar polyeval polygamma polyint polymake polymat polymroot polymult polyroot pqgwin previousindex princomp printfm printfmt prodc psi putarray putf putvals pvCreate pvGetIndex pvGetParNames pvGetParVector pvLength pvList pvPack pvPacki pvPackm pvPackmi pvPacks pvPacksi pvPacksm pvPacksmi pvPutParVector pvTest pvUnpack QNewton QNewtonmt QNewtonmtControlCreate QNewtonmtOutCreate QNewtonSet QProg QProgmt QProgmtInCreate qqr qqre qqrep qr qre qrep qrsol qrtsol qtyr qtyre qtyrep quantile quantiled qyr qyre qyrep qz rank rankindx readr real reclassify reclassifyCuts recode recserar recsercp recserrc rerun rescale reshape rets rev rfft rffti rfftip rfftn rfftnp rfftp rndBernoulli rndBeta rndBinomial rndCauchy rndChiSquare rndCon rndCreateState rndExp rndGamma rndGeo rndGumbel rndHyperGeo rndi rndKMbeta rndKMgam rndKMi rndKMn rndKMnb rndKMp rndKMu rndKMvm rndLaplace rndLCbeta rndLCgam rndLCi rndLCn rndLCnb rndLCp rndLCu rndLCvm rndLogNorm rndMTu rndMVn rndMVt rndn rndnb rndNegBinomial rndp rndPoisson rndRayleigh rndStateSkip rndu rndvm rndWeibull rndWishart rotater round rows rowsf rref sampleData satostrC saved saveStruct savewind scale scale3d scalerr scalinfnanmiss scalmiss schtoc schur searchsourcepath seekr select selif seqa seqm setdif setdifsa setvars setvwrmode setwind shell shiftr sin singleindex sinh sleep solpd sortc sortcc sortd sorthc sorthcc sortind sortindc sortmc sortr sortrc spBiconjGradSol spChol spConjGradSol spCreate spDenseSubmat spDiagRvMat spEigv spEye spLDL spline spLU spNumNZE spOnes spreadSheetReadM spreadSheetReadSA spreadSheetWrite spScale spSubmat spToDense spTrTDense spTScalar spZeros sqpSolve sqpSolveMT sqpSolveMTControlCreate sqpSolveMTlagrangeCreate sqpSolveMToutCreate sqpSolveSet sqrt statements stdc stdsc stocv stof strcombine strindx strlen strput strrindx strsect strsplit strsplitPad strtodt strtof strtofcplx strtriml strtrimr strtrunc strtruncl strtruncpad strtruncr submat subscat substute subvec sumc sumr surface svd svd1 svd2 svdcusv svds svdusv sysstate tab tan tanh tempname time timedt timestr timeutc title tkf2eps tkf2ps tocart todaydt toeplitz token topolar trapchk trigamma trimr trunc type typecv typef union unionsa uniqindx uniqindxsa unique uniquesa upmat upmat1 upper utctodt utctodtv utrisol vals varCovMS varCovXS varget vargetl varmall varmares varput varputl vartypef vcm vcms vcx vcxs vec vech vecr vector vget view viewxyz vlist vnamecv volume vput vread vtypecv wait waitc walkindex where window writer xlabel xlsGetSheetCount xlsGetSheetSize xlsGetSheetTypes xlsMakeRange xlsReadM xlsReadSA xlsWrite xlsWriteM xlsWriteSA xpnd xtics xy xyz ylabel ytics zeros zeta zlabel ztics cdfEmpirical dot h5create h5open h5read h5readAttribute h5write h5writeAttribute ldl plotAddErrorBar plotAddSurface plotCDFEmpirical plotSetColormap plotSetContourLabels plotSetLegendFont plotSetTextInterpreter plotSetXTicCount plotSetYTicCount plotSetZLevels powerm strjoin sylvester strtrim",literal:"DB_AFTER_LAST_ROW DB_ALL_TABLES DB_BATCH_OPERATIONS DB_BEFORE_FIRST_ROW DB_BLOB DB_EVENT_NOTIFICATIONS DB_FINISH_QUERY DB_HIGH_PRECISION DB_LAST_INSERT_ID DB_LOW_PRECISION_DOUBLE DB_LOW_PRECISION_INT32 DB_LOW_PRECISION_INT64 DB_LOW_PRECISION_NUMBERS DB_MULTIPLE_RESULT_SETS DB_NAMED_PLACEHOLDERS DB_POSITIONAL_PLACEHOLDERS DB_PREPARED_QUERIES DB_QUERY_SIZE DB_SIMPLE_LOCKING DB_SYSTEM_TABLES DB_TABLES DB_TRANSACTIONS DB_UNICODE DB_VIEWS __STDIN __STDOUT __STDERR __FILE_DIR"},r=e.COMMENT("@","@"),n={className:"meta",begin:"#",end:"$",keywords:{keyword:"define definecs|10 undef ifdef ifndef iflight ifdllcall ifmac ifos2win ifunix else endif lineson linesoff srcfile srcline"},contains:[{begin:/\\\n/,relevance:0},{beginKeywords:"include",end:"$",keywords:{keyword:"include"},contains:[{className:"string",begin:'"',end:'"',illegal:"\\n"}]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,r]},a={begin:/\bstruct\s+/,end:/\s/,keywords:"struct",contains:[{className:"type",begin:e.UNDERSCORE_IDENT_RE,relevance:0}]},i=[{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,endsWithParent:!0,relevance:0,contains:[{className:"literal",begin:/\.\.\./},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,r,a]}],o={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},s=function(t,n,a){let s=e.inherit({className:"function",beginKeywords:t,end:n,excludeEnd:!0,contains:[].concat(i)},a||{});return s.contains.push(o),s.contains.push(e.C_NUMBER_MODE),s.contains.push(e.C_BLOCK_COMMENT_MODE),s.contains.push(r),s},l={className:"built_in",begin:"\\b("+t.built_in.split(" ").join("|")+")\\b"},c={className:"string",begin:'"',end:'"',contains:[e.BACKSLASH_ESCAPE],relevance:0},d={begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,keywords:t,relevance:0,contains:[{beginKeywords:t.keyword},l,{className:"built_in",begin:e.UNDERSCORE_IDENT_RE,relevance:0}]},u={begin:/\(/,end:/\)/,relevance:0,keywords:{built_in:t.built_in,literal:t.literal},contains:[e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,r,l,d,c,"self"]};return d.contains.push(u),{name:"GAUSS",aliases:["gss"],case_insensitive:!0,keywords:t,illegal:/(\{[%#]|[%#]\}| <- )/,contains:[e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,r,c,n,{className:"keyword",begin:/\bexternal (matrix|string|array|sparse matrix|struct|proc|keyword|fn)/},s("proc keyword",";"),s("fn","="),{beginKeywords:"for threadfor",end:/;/,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE,r,u]},{variants:[{begin:e.UNDERSCORE_IDENT_RE+"\\."+e.UNDERSCORE_IDENT_RE},{begin:e.UNDERSCORE_IDENT_RE+"\\s*="}],relevance:0},d,a]}}},57229:function(e){e.exports=function(e){let t=e.inherit(e.C_NUMBER_MODE,{begin:"([-+]?((\\.\\d+)|(\\d+)(\\.\\d*)?))|"+e.C_NUMBER_RE}),r=[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.COMMENT(/\(/,/\)/),t,e.inherit(e.APOS_STRING_MODE,{illegal:null}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),{className:"name",begin:"([G])([0-9]+\\.?[0-9]?)"},{className:"name",begin:"([M])([0-9]+\\.?[0-9]?)"},{className:"attr",begin:"(VC|VS|#)",end:"(\\d+)"},{className:"attr",begin:"(VZOFX|VZOFY|VZOFZ)"},{className:"built_in",begin:"(ATAN|ABS|ACOS|ASIN|SIN|COS|EXP|FIX|FUP|ROUND|LN|TAN)(\\[)",contains:[t],end:"\\]"},{className:"symbol",variants:[{begin:"N",end:"\\d+",illegal:"\\W"}]}];return{name:"G-code (ISO 6983)",aliases:["nc"],case_insensitive:!0,keywords:{$pattern:"[A-Z_][A-Z0-9_.]*",keyword:"IF DO WHILE ENDWHILE CALL ENDIF SUB ENDSUB GOTO REPEAT ENDREPEAT EQ LT GT NE GE LE OR XOR"},contains:[{className:"meta",begin:"%"},{className:"meta",begin:"([O])([0-9]+)"}].concat(r)}}},21730:function(e){e.exports=function(e){return{name:"Gherkin",aliases:["feature"],keywords:"Feature Background Ability Business Need Scenario Scenarios Scenario Outline Scenario Template Examples Given And Then But When",contains:[{className:"symbol",begin:"\\*",relevance:0},{className:"meta",begin:"@[^@\\s]+"},{begin:"\\|",end:"\\|\\w*$",contains:[{className:"string",begin:"[^|]+"}]},{className:"variable",begin:"<",end:">"},e.HASH_COMMENT_MODE,{className:"string",begin:'"""',end:'"""'},e.QUOTE_STRING_MODE]}}},54838:function(e){e.exports=function(e){return{name:"GLSL",keywords:{keyword:"break continue discard do else for if return while switch case default attribute binding buffer ccw centroid centroid varying coherent column_major const cw depth_any depth_greater depth_less depth_unchanged early_fragment_tests equal_spacing flat fractional_even_spacing fractional_odd_spacing highp in index inout invariant invocations isolines layout line_strip lines lines_adjacency local_size_x local_size_y local_size_z location lowp max_vertices mediump noperspective offset origin_upper_left out packed patch pixel_center_integer point_mode points precise precision quads r11f_g11f_b10f r16 r16_snorm r16f r16i r16ui r32f r32i r32ui r8 r8_snorm r8i r8ui readonly restrict rg16 rg16_snorm rg16f rg16i rg16ui rg32f rg32i rg32ui rg8 rg8_snorm rg8i rg8ui rgb10_a2 rgb10_a2ui rgba16 rgba16_snorm rgba16f rgba16i rgba16ui rgba32f rgba32i rgba32ui rgba8 rgba8_snorm rgba8i rgba8ui row_major sample shared smooth std140 std430 stream triangle_strip triangles triangles_adjacency uniform varying vertices volatile writeonly",type:"atomic_uint bool bvec2 bvec3 bvec4 dmat2 dmat2x2 dmat2x3 dmat2x4 dmat3 dmat3x2 dmat3x3 dmat3x4 dmat4 dmat4x2 dmat4x3 dmat4x4 double dvec2 dvec3 dvec4 float iimage1D iimage1DArray iimage2D iimage2DArray iimage2DMS iimage2DMSArray iimage2DRect iimage3D iimageBuffer iimageCube iimageCubeArray image1D image1DArray image2D image2DArray image2DMS image2DMSArray image2DRect image3D imageBuffer imageCube imageCubeArray int isampler1D isampler1DArray isampler2D isampler2DArray isampler2DMS isampler2DMSArray isampler2DRect isampler3D isamplerBuffer isamplerCube isamplerCubeArray ivec2 ivec3 ivec4 mat2 mat2x2 mat2x3 mat2x4 mat3 mat3x2 mat3x3 mat3x4 mat4 mat4x2 mat4x3 mat4x4 sampler1D sampler1DArray sampler1DArrayShadow sampler1DShadow sampler2D sampler2DArray sampler2DArrayShadow sampler2DMS sampler2DMSArray sampler2DRect sampler2DRectShadow sampler2DShadow sampler3D samplerBuffer samplerCube samplerCubeArray samplerCubeArrayShadow samplerCubeShadow image1D uimage1DArray uimage2D uimage2DArray uimage2DMS uimage2DMSArray uimage2DRect uimage3D uimageBuffer uimageCube uimageCubeArray uint usampler1D usampler1DArray usampler2D usampler2DArray usampler2DMS usampler2DMSArray usampler2DRect usampler3D samplerBuffer usamplerCube usamplerCubeArray uvec2 uvec3 uvec4 vec2 vec3 vec4 void",built_in:"gl_MaxAtomicCounterBindings gl_MaxAtomicCounterBufferSize gl_MaxClipDistances gl_MaxClipPlanes gl_MaxCombinedAtomicCounterBuffers gl_MaxCombinedAtomicCounters gl_MaxCombinedImageUniforms gl_MaxCombinedImageUnitsAndFragmentOutputs gl_MaxCombinedTextureImageUnits gl_MaxComputeAtomicCounterBuffers gl_MaxComputeAtomicCounters gl_MaxComputeImageUniforms gl_MaxComputeTextureImageUnits gl_MaxComputeUniformComponents gl_MaxComputeWorkGroupCount gl_MaxComputeWorkGroupSize gl_MaxDrawBuffers gl_MaxFragmentAtomicCounterBuffers gl_MaxFragmentAtomicCounters gl_MaxFragmentImageUniforms gl_MaxFragmentInputComponents gl_MaxFragmentInputVectors gl_MaxFragmentUniformComponents gl_MaxFragmentUniformVectors gl_MaxGeometryAtomicCounterBuffers gl_MaxGeometryAtomicCounters gl_MaxGeometryImageUniforms gl_MaxGeometryInputComponents gl_MaxGeometryOutputComponents gl_MaxGeometryOutputVertices gl_MaxGeometryTextureImageUnits gl_MaxGeometryTotalOutputComponents gl_MaxGeometryUniformComponents gl_MaxGeometryVaryingComponents gl_MaxImageSamples gl_MaxImageUnits gl_MaxLights gl_MaxPatchVertices gl_MaxProgramTexelOffset gl_MaxTessControlAtomicCounterBuffers gl_MaxTessControlAtomicCounters gl_MaxTessControlImageUniforms gl_MaxTessControlInputComponents gl_MaxTessControlOutputComponents gl_MaxTessControlTextureImageUnits gl_MaxTessControlTotalOutputComponents gl_MaxTessControlUniformComponents gl_MaxTessEvaluationAtomicCounterBuffers gl_MaxTessEvaluationAtomicCounters gl_MaxTessEvaluationImageUniforms gl_MaxTessEvaluationInputComponents gl_MaxTessEvaluationOutputComponents gl_MaxTessEvaluationTextureImageUnits gl_MaxTessEvaluationUniformComponents gl_MaxTessGenLevel gl_MaxTessPatchComponents gl_MaxTextureCoords gl_MaxTextureImageUnits gl_MaxTextureUnits gl_MaxVaryingComponents gl_MaxVaryingFloats gl_MaxVaryingVectors gl_MaxVertexAtomicCounterBuffers gl_MaxVertexAtomicCounters gl_MaxVertexAttribs gl_MaxVertexImageUniforms gl_MaxVertexOutputComponents gl_MaxVertexOutputVectors gl_MaxVertexTextureImageUnits gl_MaxVertexUniformComponents gl_MaxVertexUniformVectors gl_MaxViewports gl_MinProgramTexelOffset gl_BackColor gl_BackLightModelProduct gl_BackLightProduct gl_BackMaterial gl_BackSecondaryColor gl_ClipDistance gl_ClipPlane gl_ClipVertex gl_Color gl_DepthRange gl_EyePlaneQ gl_EyePlaneR gl_EyePlaneS gl_EyePlaneT gl_Fog gl_FogCoord gl_FogFragCoord gl_FragColor gl_FragCoord gl_FragData gl_FragDepth gl_FrontColor gl_FrontFacing gl_FrontLightModelProduct gl_FrontLightProduct gl_FrontMaterial gl_FrontSecondaryColor gl_GlobalInvocationID gl_InstanceID gl_InvocationID gl_Layer gl_LightModel gl_LightSource gl_LocalInvocationID gl_LocalInvocationIndex gl_ModelViewMatrix gl_ModelViewMatrixInverse gl_ModelViewMatrixInverseTranspose gl_ModelViewMatrixTranspose gl_ModelViewProjectionMatrix gl_ModelViewProjectionMatrixInverse gl_ModelViewProjectionMatrixInverseTranspose gl_ModelViewProjectionMatrixTranspose gl_MultiTexCoord0 gl_MultiTexCoord1 gl_MultiTexCoord2 gl_MultiTexCoord3 gl_MultiTexCoord4 gl_MultiTexCoord5 gl_MultiTexCoord6 gl_MultiTexCoord7 gl_Normal gl_NormalMatrix gl_NormalScale gl_NumSamples gl_NumWorkGroups gl_ObjectPlaneQ gl_ObjectPlaneR gl_ObjectPlaneS gl_ObjectPlaneT gl_PatchVerticesIn gl_Point gl_PointCoord gl_PointSize gl_Position gl_PrimitiveID gl_PrimitiveIDIn gl_ProjectionMatrix gl_ProjectionMatrixInverse gl_ProjectionMatrixInverseTranspose gl_ProjectionMatrixTranspose gl_SampleID gl_SampleMask gl_SampleMaskIn gl_SamplePosition gl_SecondaryColor gl_TessCoord gl_TessLevelInner gl_TessLevelOuter gl_TexCoord gl_TextureEnvColor gl_TextureMatrix gl_TextureMatrixInverse gl_TextureMatrixInverseTranspose gl_TextureMatrixTranspose gl_Vertex gl_VertexID gl_ViewportIndex gl_WorkGroupID gl_WorkGroupSize gl_in gl_out EmitStreamVertex EmitVertex EndPrimitive EndStreamPrimitive abs acos acosh all any asin asinh atan atanh atomicAdd atomicAnd atomicCompSwap atomicCounter atomicCounterDecrement atomicCounterIncrement atomicExchange atomicMax atomicMin atomicOr atomicXor barrier bitCount bitfieldExtract bitfieldInsert bitfieldReverse ceil clamp cos cosh cross dFdx dFdy degrees determinant distance dot equal exp exp2 faceforward findLSB findMSB floatBitsToInt floatBitsToUint floor fma fract frexp ftransform fwidth greaterThan greaterThanEqual groupMemoryBarrier imageAtomicAdd imageAtomicAnd imageAtomicCompSwap imageAtomicExchange imageAtomicMax imageAtomicMin imageAtomicOr imageAtomicXor imageLoad imageSize imageStore imulExtended intBitsToFloat interpolateAtCentroid interpolateAtOffset interpolateAtSample inverse inversesqrt isinf isnan ldexp length lessThan lessThanEqual log log2 matrixCompMult max memoryBarrier memoryBarrierAtomicCounter memoryBarrierBuffer memoryBarrierImage memoryBarrierShared min mix mod modf noise1 noise2 noise3 noise4 normalize not notEqual outerProduct packDouble2x32 packHalf2x16 packSnorm2x16 packSnorm4x8 packUnorm2x16 packUnorm4x8 pow radians reflect refract round roundEven shadow1D shadow1DLod shadow1DProj shadow1DProjLod shadow2D shadow2DLod shadow2DProj shadow2DProjLod sign sin sinh smoothstep sqrt step tan tanh texelFetch texelFetchOffset texture texture1D texture1DLod texture1DProj texture1DProjLod texture2D texture2DLod texture2DProj texture2DProjLod texture3D texture3DLod texture3DProj texture3DProjLod textureCube textureCubeLod textureGather textureGatherOffset textureGatherOffsets textureGrad textureGradOffset textureLod textureLodOffset textureOffset textureProj textureProjGrad textureProjGradOffset textureProjLod textureProjLodOffset textureProjOffset textureQueryLevels textureQueryLod textureSize transpose trunc uaddCarry uintBitsToFloat umulExtended unpackDouble2x32 unpackHalf2x16 unpackSnorm2x16 unpackSnorm4x8 unpackUnorm2x16 unpackUnorm4x8 usubBorrow",literal:"true false"},illegal:'"',contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.C_NUMBER_MODE,{className:"meta",begin:"#",end:"$"}]}}},27573:function(e){e.exports=function(e){return{name:"GML",case_insensitive:!1,keywords:{keyword:["#endregion","#macro","#region","and","begin","break","case","constructor","continue","default","delete","div","do","else","end","enum","exit","for","function","globalvar","if","mod","not","or","repeat","return","switch","then","until","var","while","with","xor"],built_in:["abs","achievement_available","achievement_event","achievement_get_challenges","achievement_get_info","achievement_get_pic","achievement_increment","achievement_load_friends","achievement_load_leaderboard","achievement_load_progress","achievement_login","achievement_login_status","achievement_logout","achievement_post","achievement_post_score","achievement_reset","achievement_send_challenge","achievement_show","achievement_show_achievements","achievement_show_challenge_notifications","achievement_show_leaderboards","action_inherited","action_kill_object","ads_disable","ads_enable","ads_engagement_active","ads_engagement_available","ads_engagement_launch","ads_event","ads_event_preload","ads_get_display_height","ads_get_display_width","ads_interstitial_available","ads_interstitial_display","ads_move","ads_set_reward_callback","ads_setup","alarm_get","alarm_set","analytics_event","analytics_event_ext","angle_difference","ansi_char","application_get_position","application_surface_draw_enable","application_surface_enable","application_surface_is_enabled","arccos","arcsin","arctan","arctan2","array_copy","array_create","array_delete","array_equals","array_height_2d","array_insert","array_length","array_length_1d","array_length_2d","array_pop","array_push","array_resize","array_sort","asset_get_index","asset_get_type","audio_channel_num","audio_create_buffer_sound","audio_create_play_queue","audio_create_stream","audio_create_sync_group","audio_debug","audio_destroy_stream","audio_destroy_sync_group","audio_emitter_create","audio_emitter_exists","audio_emitter_falloff","audio_emitter_free","audio_emitter_gain","audio_emitter_get_gain","audio_emitter_get_listener_mask","audio_emitter_get_pitch","audio_emitter_get_vx","audio_emitter_get_vy","audio_emitter_get_vz","audio_emitter_get_x","audio_emitter_get_y","audio_emitter_get_z","audio_emitter_pitch","audio_emitter_position","audio_emitter_set_listener_mask","audio_emitter_velocity","audio_exists","audio_falloff_set_model","audio_free_buffer_sound","audio_free_play_queue","audio_get_listener_count","audio_get_listener_info","audio_get_listener_mask","audio_get_master_gain","audio_get_name","audio_get_recorder_count","audio_get_recorder_info","audio_get_type","audio_group_is_loaded","audio_group_load","audio_group_load_progress","audio_group_name","audio_group_set_gain","audio_group_stop_all","audio_group_unload","audio_is_paused","audio_is_playing","audio_listener_get_data","audio_listener_orientation","audio_listener_position","audio_listener_set_orientation","audio_listener_set_position","audio_listener_set_velocity","audio_listener_velocity","audio_master_gain","audio_music_gain","audio_music_is_playing","audio_pause_all","audio_pause_music","audio_pause_sound","audio_pause_sync_group","audio_play_in_sync_group","audio_play_music","audio_play_sound","audio_play_sound_at","audio_play_sound_on","audio_queue_sound","audio_resume_all","audio_resume_music","audio_resume_sound","audio_resume_sync_group","audio_set_listener_mask","audio_set_master_gain","audio_sound_gain","audio_sound_get_gain","audio_sound_get_listener_mask","audio_sound_get_pitch","audio_sound_get_track_position","audio_sound_length","audio_sound_pitch","audio_sound_set_listener_mask","audio_sound_set_track_position","audio_start_recording","audio_start_sync_group","audio_stop_all","audio_stop_music","audio_stop_recording","audio_stop_sound","audio_stop_sync_group","audio_sync_group_debug","audio_sync_group_get_track_pos","audio_sync_group_is_playing","audio_system","background_get_height","background_get_width","base64_decode","base64_encode","browser_input_capture","buffer_async_group_begin","buffer_async_group_end","buffer_async_group_option","buffer_base64_decode","buffer_base64_decode_ext","buffer_base64_encode","buffer_copy","buffer_copy_from_vertex_buffer","buffer_create","buffer_create_from_vertex_buffer","buffer_create_from_vertex_buffer_ext","buffer_delete","buffer_exists","buffer_fill","buffer_get_address","buffer_get_alignment","buffer_get_size","buffer_get_surface","buffer_get_type","buffer_load","buffer_load_async","buffer_load_ext","buffer_load_partial","buffer_md5","buffer_peek","buffer_poke","buffer_read","buffer_resize","buffer_save","buffer_save_async","buffer_save_ext","buffer_seek","buffer_set_surface","buffer_sha1","buffer_sizeof","buffer_tell","buffer_write","camera_apply","camera_create","camera_create_view","camera_destroy","camera_get_active","camera_get_begin_script","camera_get_default","camera_get_end_script","camera_get_proj_mat","camera_get_update_script","camera_get_view_angle","camera_get_view_border_x","camera_get_view_border_y","camera_get_view_height","camera_get_view_mat","camera_get_view_speed_x","camera_get_view_speed_y","camera_get_view_target","camera_get_view_width","camera_get_view_x","camera_get_view_y","camera_set_begin_script","camera_set_default","camera_set_end_script","camera_set_proj_mat","camera_set_update_script","camera_set_view_angle","camera_set_view_border","camera_set_view_mat","camera_set_view_pos","camera_set_view_size","camera_set_view_speed","camera_set_view_target","ceil","choose","chr","clamp","clickable_add","clickable_add_ext","clickable_change","clickable_change_ext","clickable_delete","clickable_exists","clickable_set_style","clipboard_get_text","clipboard_has_text","clipboard_set_text","cloud_file_save","cloud_string_save","cloud_synchronise","code_is_compiled","collision_circle","collision_circle_list","collision_ellipse","collision_ellipse_list","collision_line","collision_line_list","collision_point","collision_point_list","collision_rectangle","collision_rectangle_list","color_get_blue","color_get_green","color_get_hue","color_get_red","color_get_saturation","color_get_value","colour_get_blue","colour_get_green","colour_get_hue","colour_get_red","colour_get_saturation","colour_get_value","cos","darccos","darcsin","darctan","darctan2","date_compare_date","date_compare_datetime","date_compare_time","date_create_datetime","date_current_datetime","date_date_of","date_date_string","date_datetime_string","date_day_span","date_days_in_month","date_days_in_year","date_get_day","date_get_day_of_year","date_get_hour","date_get_hour_of_year","date_get_minute","date_get_minute_of_year","date_get_month","date_get_second","date_get_second_of_year","date_get_timezone","date_get_week","date_get_weekday","date_get_year","date_hour_span","date_inc_day","date_inc_hour","date_inc_minute","date_inc_month","date_inc_second","date_inc_week","date_inc_year","date_is_today","date_leap_year","date_minute_span","date_month_span","date_second_span","date_set_timezone","date_time_of","date_time_string","date_valid_datetime","date_week_span","date_year_span","dcos","debug_event","debug_get_callstack","degtorad","device_get_tilt_x","device_get_tilt_y","device_get_tilt_z","device_is_keypad_open","device_mouse_check_button","device_mouse_check_button_pressed","device_mouse_check_button_released","device_mouse_dbclick_enable","device_mouse_raw_x","device_mouse_raw_y","device_mouse_x","device_mouse_x_to_gui","device_mouse_y","device_mouse_y_to_gui","directory_create","directory_destroy","directory_exists","display_get_dpi_x","display_get_dpi_y","display_get_gui_height","display_get_gui_width","display_get_height","display_get_orientation","display_get_sleep_margin","display_get_timing_method","display_get_width","display_mouse_get_x","display_mouse_get_y","display_mouse_set","display_reset","display_set_gui_maximise","display_set_gui_maximize","display_set_gui_size","display_set_sleep_margin","display_set_timing_method","display_set_ui_visibility","distance_to_object","distance_to_point","dot_product","dot_product_3d","dot_product_3d_normalised","dot_product_3d_normalized","dot_product_normalised","dot_product_normalized","draw_arrow","draw_background","draw_background_ext","draw_background_part_ext","draw_background_tiled","draw_button","draw_circle","draw_circle_color","draw_circle_colour","draw_clear","draw_clear_alpha","draw_ellipse","draw_ellipse_color","draw_ellipse_colour","draw_enable_alphablend","draw_enable_drawevent","draw_enable_swf_aa","draw_flush","draw_get_alpha","draw_get_color","draw_get_colour","draw_get_lighting","draw_get_swf_aa_level","draw_getpixel","draw_getpixel_ext","draw_healthbar","draw_highscore","draw_light_define_ambient","draw_light_define_direction","draw_light_define_point","draw_light_enable","draw_light_get","draw_light_get_ambient","draw_line","draw_line_color","draw_line_colour","draw_line_width","draw_line_width_color","draw_line_width_colour","draw_path","draw_point","draw_point_color","draw_point_colour","draw_primitive_begin","draw_primitive_begin_texture","draw_primitive_end","draw_rectangle","draw_rectangle_color","draw_rectangle_colour","draw_roundrect","draw_roundrect_color","draw_roundrect_color_ext","draw_roundrect_colour","draw_roundrect_colour_ext","draw_roundrect_ext","draw_self","draw_set_alpha","draw_set_alpha_test","draw_set_alpha_test_ref_value","draw_set_blend_mode","draw_set_blend_mode_ext","draw_set_circle_precision","draw_set_color","draw_set_color_write_enable","draw_set_colour","draw_set_font","draw_set_halign","draw_set_lighting","draw_set_swf_aa_level","draw_set_valign","draw_skeleton","draw_skeleton_collision","draw_skeleton_instance","draw_skeleton_time","draw_sprite","draw_sprite_ext","draw_sprite_general","draw_sprite_part","draw_sprite_part_ext","draw_sprite_pos","draw_sprite_stretched","draw_sprite_stretched_ext","draw_sprite_tiled","draw_sprite_tiled_ext","draw_surface","draw_surface_ext","draw_surface_general","draw_surface_part","draw_surface_part_ext","draw_surface_stretched","draw_surface_stretched_ext","draw_surface_tiled","draw_surface_tiled_ext","draw_text","draw_text_color","draw_text_colour","draw_text_ext","draw_text_ext_color","draw_text_ext_colour","draw_text_ext_transformed","draw_text_ext_transformed_color","draw_text_ext_transformed_colour","draw_text_transformed","draw_text_transformed_color","draw_text_transformed_colour","draw_texture_flush","draw_tile","draw_tilemap","draw_triangle","draw_triangle_color","draw_triangle_colour","draw_vertex","draw_vertex_color","draw_vertex_colour","draw_vertex_texture","draw_vertex_texture_color","draw_vertex_texture_colour","ds_exists","ds_grid_add","ds_grid_add_disk","ds_grid_add_grid_region","ds_grid_add_region","ds_grid_clear","ds_grid_copy","ds_grid_create","ds_grid_destroy","ds_grid_get","ds_grid_get_disk_max","ds_grid_get_disk_mean","ds_grid_get_disk_min","ds_grid_get_disk_sum","ds_grid_get_max","ds_grid_get_mean","ds_grid_get_min","ds_grid_get_sum","ds_grid_height","ds_grid_multiply","ds_grid_multiply_disk","ds_grid_multiply_grid_region","ds_grid_multiply_region","ds_grid_read","ds_grid_resize","ds_grid_set","ds_grid_set_disk","ds_grid_set_grid_region","ds_grid_set_region","ds_grid_shuffle","ds_grid_sort","ds_grid_value_disk_exists","ds_grid_value_disk_x","ds_grid_value_disk_y","ds_grid_value_exists","ds_grid_value_x","ds_grid_value_y","ds_grid_width","ds_grid_write","ds_list_add","ds_list_clear","ds_list_copy","ds_list_create","ds_list_delete","ds_list_destroy","ds_list_empty","ds_list_find_index","ds_list_find_value","ds_list_insert","ds_list_mark_as_list","ds_list_mark_as_map","ds_list_read","ds_list_replace","ds_list_set","ds_list_shuffle","ds_list_size","ds_list_sort","ds_list_write","ds_map_add","ds_map_add_list","ds_map_add_map","ds_map_clear","ds_map_copy","ds_map_create","ds_map_delete","ds_map_destroy","ds_map_empty","ds_map_exists","ds_map_find_first","ds_map_find_last","ds_map_find_next","ds_map_find_previous","ds_map_find_value","ds_map_read","ds_map_replace","ds_map_replace_list","ds_map_replace_map","ds_map_secure_load","ds_map_secure_load_buffer","ds_map_secure_save","ds_map_secure_save_buffer","ds_map_set","ds_map_size","ds_map_write","ds_priority_add","ds_priority_change_priority","ds_priority_clear","ds_priority_copy","ds_priority_create","ds_priority_delete_max","ds_priority_delete_min","ds_priority_delete_value","ds_priority_destroy","ds_priority_empty","ds_priority_find_max","ds_priority_find_min","ds_priority_find_priority","ds_priority_read","ds_priority_size","ds_priority_write","ds_queue_clear","ds_queue_copy","ds_queue_create","ds_queue_dequeue","ds_queue_destroy","ds_queue_empty","ds_queue_enqueue","ds_queue_head","ds_queue_read","ds_queue_size","ds_queue_tail","ds_queue_write","ds_set_precision","ds_stack_clear","ds_stack_copy","ds_stack_create","ds_stack_destroy","ds_stack_empty","ds_stack_pop","ds_stack_push","ds_stack_read","ds_stack_size","ds_stack_top","ds_stack_write","dsin","dtan","effect_clear","effect_create_above","effect_create_below","environment_get_variable","event_inherited","event_perform","event_perform_object","event_user","exp","external_call","external_define","external_free","facebook_accesstoken","facebook_check_permission","facebook_dialog","facebook_graph_request","facebook_init","facebook_launch_offerwall","facebook_login","facebook_logout","facebook_post_message","facebook_request_publish_permissions","facebook_request_read_permissions","facebook_send_invite","facebook_status","facebook_user_id","file_attributes","file_bin_close","file_bin_open","file_bin_position","file_bin_read_byte","file_bin_rewrite","file_bin_seek","file_bin_size","file_bin_write_byte","file_copy","file_delete","file_exists","file_find_close","file_find_first","file_find_next","file_rename","file_text_close","file_text_eof","file_text_eoln","file_text_open_append","file_text_open_from_string","file_text_open_read","file_text_open_write","file_text_read_real","file_text_read_string","file_text_readln","file_text_write_real","file_text_write_string","file_text_writeln","filename_change_ext","filename_dir","filename_drive","filename_ext","filename_name","filename_path","floor","font_add","font_add_enable_aa","font_add_get_enable_aa","font_add_sprite","font_add_sprite_ext","font_delete","font_exists","font_get_bold","font_get_first","font_get_fontname","font_get_italic","font_get_last","font_get_name","font_get_size","font_get_texture","font_get_uvs","font_replace","font_replace_sprite","font_replace_sprite_ext","font_set_cache_size","font_texture_page_size","frac","game_end","game_get_speed","game_load","game_load_buffer","game_restart","game_save","game_save_buffer","game_set_speed","gamepad_axis_count","gamepad_axis_value","gamepad_button_check","gamepad_button_check_pressed","gamepad_button_check_released","gamepad_button_count","gamepad_button_value","gamepad_get_axis_deadzone","gamepad_get_button_threshold","gamepad_get_description","gamepad_get_device_count","gamepad_is_connected","gamepad_is_supported","gamepad_set_axis_deadzone","gamepad_set_button_threshold","gamepad_set_color","gamepad_set_colour","gamepad_set_vibration","gesture_double_tap_distance","gesture_double_tap_time","gesture_drag_distance","gesture_drag_time","gesture_flick_speed","gesture_get_double_tap_distance","gesture_get_double_tap_time","gesture_get_drag_distance","gesture_get_drag_time","gesture_get_flick_speed","gesture_get_pinch_angle_away","gesture_get_pinch_angle_towards","gesture_get_pinch_distance","gesture_get_rotate_angle","gesture_get_rotate_time","gesture_get_tap_count","gesture_pinch_angle_away","gesture_pinch_angle_towards","gesture_pinch_distance","gesture_rotate_angle","gesture_rotate_time","gesture_tap_count","get_integer","get_integer_async","get_login_async","get_open_filename","get_open_filename_ext","get_save_filename","get_save_filename_ext","get_string","get_string_async","get_timer","gml_pragma","gml_release_mode","gpu_get_alphatestenable","gpu_get_alphatestfunc","gpu_get_alphatestref","gpu_get_blendenable","gpu_get_blendmode","gpu_get_blendmode_dest","gpu_get_blendmode_destalpha","gpu_get_blendmode_ext","gpu_get_blendmode_ext_sepalpha","gpu_get_blendmode_src","gpu_get_blendmode_srcalpha","gpu_get_colorwriteenable","gpu_get_colourwriteenable","gpu_get_cullmode","gpu_get_fog","gpu_get_lightingenable","gpu_get_state","gpu_get_tex_filter","gpu_get_tex_filter_ext","gpu_get_tex_max_aniso","gpu_get_tex_max_aniso_ext","gpu_get_tex_max_mip","gpu_get_tex_max_mip_ext","gpu_get_tex_min_mip","gpu_get_tex_min_mip_ext","gpu_get_tex_mip_bias","gpu_get_tex_mip_bias_ext","gpu_get_tex_mip_enable","gpu_get_tex_mip_enable_ext","gpu_get_tex_mip_filter","gpu_get_tex_mip_filter_ext","gpu_get_tex_repeat","gpu_get_tex_repeat_ext","gpu_get_texfilter","gpu_get_texfilter_ext","gpu_get_texrepeat","gpu_get_texrepeat_ext","gpu_get_zfunc","gpu_get_ztestenable","gpu_get_zwriteenable","gpu_pop_state","gpu_push_state","gpu_set_alphatestenable","gpu_set_alphatestfunc","gpu_set_alphatestref","gpu_set_blendenable","gpu_set_blendmode","gpu_set_blendmode_ext","gpu_set_blendmode_ext_sepalpha","gpu_set_colorwriteenable","gpu_set_colourwriteenable","gpu_set_cullmode","gpu_set_fog","gpu_set_lightingenable","gpu_set_state","gpu_set_tex_filter","gpu_set_tex_filter_ext","gpu_set_tex_max_aniso","gpu_set_tex_max_aniso_ext","gpu_set_tex_max_mip","gpu_set_tex_max_mip_ext","gpu_set_tex_min_mip","gpu_set_tex_min_mip_ext","gpu_set_tex_mip_bias","gpu_set_tex_mip_bias_ext","gpu_set_tex_mip_enable","gpu_set_tex_mip_enable_ext","gpu_set_tex_mip_filter","gpu_set_tex_mip_filter_ext","gpu_set_tex_repeat","gpu_set_tex_repeat_ext","gpu_set_texfilter","gpu_set_texfilter_ext","gpu_set_texrepeat","gpu_set_texrepeat_ext","gpu_set_zfunc","gpu_set_ztestenable","gpu_set_zwriteenable","highscore_add","highscore_clear","highscore_name","highscore_value","http_get","http_get_file","http_post_string","http_request","iap_acquire","iap_activate","iap_consume","iap_enumerate_products","iap_product_details","iap_purchase_details","iap_restore_all","iap_status","ini_close","ini_key_delete","ini_key_exists","ini_open","ini_open_from_string","ini_read_real","ini_read_string","ini_section_delete","ini_section_exists","ini_write_real","ini_write_string","instance_activate_all","instance_activate_layer","instance_activate_object","instance_activate_region","instance_change","instance_copy","instance_create","instance_create_depth","instance_create_layer","instance_deactivate_all","instance_deactivate_layer","instance_deactivate_object","instance_deactivate_region","instance_destroy","instance_exists","instance_find","instance_furthest","instance_id_get","instance_nearest","instance_number","instance_place","instance_place_list","instance_position","instance_position_list","int64","io_clear","irandom","irandom_range","is_array","is_bool","is_infinity","is_int32","is_int64","is_matrix","is_method","is_nan","is_numeric","is_ptr","is_real","is_string","is_struct","is_undefined","is_vec3","is_vec4","json_decode","json_encode","keyboard_check","keyboard_check_direct","keyboard_check_pressed","keyboard_check_released","keyboard_clear","keyboard_get_map","keyboard_get_numlock","keyboard_key_press","keyboard_key_release","keyboard_set_map","keyboard_set_numlock","keyboard_unset_map","keyboard_virtual_height","keyboard_virtual_hide","keyboard_virtual_show","keyboard_virtual_status","layer_add_instance","layer_background_alpha","layer_background_blend","layer_background_change","layer_background_create","layer_background_destroy","layer_background_exists","layer_background_get_alpha","layer_background_get_blend","layer_background_get_htiled","layer_background_get_id","layer_background_get_index","layer_background_get_speed","layer_background_get_sprite","layer_background_get_stretch","layer_background_get_visible","layer_background_get_vtiled","layer_background_get_xscale","layer_background_get_yscale","layer_background_htiled","layer_background_index","layer_background_speed","layer_background_sprite","layer_background_stretch","layer_background_visible","layer_background_vtiled","layer_background_xscale","layer_background_yscale","layer_create","layer_depth","layer_destroy","layer_destroy_instances","layer_element_move","layer_exists","layer_force_draw_depth","layer_get_all","layer_get_all_elements","layer_get_depth","layer_get_element_layer","layer_get_element_type","layer_get_forced_depth","layer_get_hspeed","layer_get_id","layer_get_id_at_depth","layer_get_name","layer_get_script_begin","layer_get_script_end","layer_get_shader","layer_get_target_room","layer_get_visible","layer_get_vspeed","layer_get_x","layer_get_y","layer_has_instance","layer_hspeed","layer_instance_get_instance","layer_is_draw_depth_forced","layer_reset_target_room","layer_script_begin","layer_script_end","layer_set_target_room","layer_set_visible","layer_shader","layer_sprite_alpha","layer_sprite_angle","layer_sprite_blend","layer_sprite_change","layer_sprite_create","layer_sprite_destroy","layer_sprite_exists","layer_sprite_get_alpha","layer_sprite_get_angle","layer_sprite_get_blend","layer_sprite_get_id","layer_sprite_get_index","layer_sprite_get_speed","layer_sprite_get_sprite","layer_sprite_get_x","layer_sprite_get_xscale","layer_sprite_get_y","layer_sprite_get_yscale","layer_sprite_index","layer_sprite_speed","layer_sprite_x","layer_sprite_xscale","layer_sprite_y","layer_sprite_yscale","layer_tile_alpha","layer_tile_blend","layer_tile_change","layer_tile_create","layer_tile_destroy","layer_tile_exists","layer_tile_get_alpha","layer_tile_get_blend","layer_tile_get_region","layer_tile_get_sprite","layer_tile_get_visible","layer_tile_get_x","layer_tile_get_xscale","layer_tile_get_y","layer_tile_get_yscale","layer_tile_region","layer_tile_visible","layer_tile_x","layer_tile_xscale","layer_tile_y","layer_tile_yscale","layer_tilemap_create","layer_tilemap_destroy","layer_tilemap_exists","layer_tilemap_get_id","layer_vspeed","layer_x","layer_y","lengthdir_x","lengthdir_y","lerp","ln","load_csv","log10","log2","logn","make_color_hsv","make_color_rgb","make_colour_hsv","make_colour_rgb","math_get_epsilon","math_set_epsilon","matrix_build","matrix_build_identity","matrix_build_lookat","matrix_build_projection_ortho","matrix_build_projection_perspective","matrix_build_projection_perspective_fov","matrix_get","matrix_multiply","matrix_set","matrix_stack_clear","matrix_stack_is_empty","matrix_stack_multiply","matrix_stack_pop","matrix_stack_push","matrix_stack_set","matrix_stack_top","matrix_transform_vertex","max","md5_file","md5_string_unicode","md5_string_utf8","mean","median","merge_color","merge_colour","min","motion_add","motion_set","mouse_check_button","mouse_check_button_pressed","mouse_check_button_released","mouse_clear","mouse_wheel_down","mouse_wheel_up","move_bounce_all","move_bounce_solid","move_contact_all","move_contact_solid","move_outside_all","move_outside_solid","move_random","move_snap","move_towards_point","move_wrap","mp_grid_add_cell","mp_grid_add_instances","mp_grid_add_rectangle","mp_grid_clear_all","mp_grid_clear_cell","mp_grid_clear_rectangle","mp_grid_create","mp_grid_destroy","mp_grid_draw","mp_grid_get_cell","mp_grid_path","mp_grid_to_ds_grid","mp_linear_path","mp_linear_path_object","mp_linear_step","mp_linear_step_object","mp_potential_path","mp_potential_path_object","mp_potential_settings","mp_potential_step","mp_potential_step_object","network_connect","network_connect_raw","network_create_server","network_create_server_raw","network_create_socket","network_create_socket_ext","network_destroy","network_resolve","network_send_broadcast","network_send_packet","network_send_raw","network_send_udp","network_send_udp_raw","network_set_config","network_set_timeout","object_exists","object_get_depth","object_get_mask","object_get_name","object_get_parent","object_get_persistent","object_get_physics","object_get_solid","object_get_sprite","object_get_visible","object_is_ancestor","object_set_mask","object_set_persistent","object_set_solid","object_set_sprite","object_set_visible","ord","os_get_config","os_get_info","os_get_language","os_get_region","os_is_network_connected","os_is_paused","os_lock_orientation","os_powersave_enable","parameter_count","parameter_string","part_emitter_burst","part_emitter_clear","part_emitter_create","part_emitter_destroy","part_emitter_destroy_all","part_emitter_exists","part_emitter_region","part_emitter_stream","part_particles_clear","part_particles_count","part_particles_create","part_particles_create_color","part_particles_create_colour","part_system_automatic_draw","part_system_automatic_update","part_system_clear","part_system_create","part_system_create_layer","part_system_depth","part_system_destroy","part_system_draw_order","part_system_drawit","part_system_exists","part_system_get_layer","part_system_layer","part_system_position","part_system_update","part_type_alpha1","part_type_alpha2","part_type_alpha3","part_type_blend","part_type_clear","part_type_color1","part_type_color2","part_type_color3","part_type_color_hsv","part_type_color_mix","part_type_color_rgb","part_type_colour1","part_type_colour2","part_type_colour3","part_type_colour_hsv","part_type_colour_mix","part_type_colour_rgb","part_type_create","part_type_death","part_type_destroy","part_type_direction","part_type_exists","part_type_gravity","part_type_life","part_type_orientation","part_type_scale","part_type_shape","part_type_size","part_type_speed","part_type_sprite","part_type_step","path_add","path_add_point","path_append","path_assign","path_change_point","path_clear_points","path_delete","path_delete_point","path_duplicate","path_end","path_exists","path_flip","path_get_closed","path_get_kind","path_get_length","path_get_name","path_get_number","path_get_point_speed","path_get_point_x","path_get_point_y","path_get_precision","path_get_speed","path_get_time","path_get_x","path_get_y","path_insert_point","path_mirror","path_rescale","path_reverse","path_rotate","path_set_closed","path_set_kind","path_set_precision","path_shift","path_start","physics_apply_angular_impulse","physics_apply_force","physics_apply_impulse","physics_apply_local_force","physics_apply_local_impulse","physics_apply_torque","physics_draw_debug","physics_fixture_add_point","physics_fixture_bind","physics_fixture_bind_ext","physics_fixture_create","physics_fixture_delete","physics_fixture_set_angular_damping","physics_fixture_set_awake","physics_fixture_set_box_shape","physics_fixture_set_chain_shape","physics_fixture_set_circle_shape","physics_fixture_set_collision_group","physics_fixture_set_density","physics_fixture_set_edge_shape","physics_fixture_set_friction","physics_fixture_set_kinematic","physics_fixture_set_linear_damping","physics_fixture_set_polygon_shape","physics_fixture_set_restitution","physics_fixture_set_sensor","physics_get_density","physics_get_friction","physics_get_restitution","physics_joint_delete","physics_joint_distance_create","physics_joint_enable_motor","physics_joint_friction_create","physics_joint_gear_create","physics_joint_get_value","physics_joint_prismatic_create","physics_joint_pulley_create","physics_joint_revolute_create","physics_joint_rope_create","physics_joint_set_value","physics_joint_weld_create","physics_joint_wheel_create","physics_mass_properties","physics_particle_count","physics_particle_create","physics_particle_delete","physics_particle_delete_region_box","physics_particle_delete_region_circle","physics_particle_delete_region_poly","physics_particle_draw","physics_particle_draw_ext","physics_particle_get_damping","physics_particle_get_data","physics_particle_get_data_particle","physics_particle_get_density","physics_particle_get_gravity_scale","physics_particle_get_group_flags","physics_particle_get_max_count","physics_particle_get_radius","physics_particle_group_add_point","physics_particle_group_begin","physics_particle_group_box","physics_particle_group_circle","physics_particle_group_count","physics_particle_group_delete","physics_particle_group_end","physics_particle_group_get_ang_vel","physics_particle_group_get_angle","physics_particle_group_get_centre_x","physics_particle_group_get_centre_y","physics_particle_group_get_data","physics_particle_group_get_inertia","physics_particle_group_get_mass","physics_particle_group_get_vel_x","physics_particle_group_get_vel_y","physics_particle_group_get_x","physics_particle_group_get_y","physics_particle_group_join","physics_particle_group_polygon","physics_particle_set_category_flags","physics_particle_set_damping","physics_particle_set_density","physics_particle_set_flags","physics_particle_set_gravity_scale","physics_particle_set_group_flags","physics_particle_set_max_count","physics_particle_set_radius","physics_pause_enable","physics_remove_fixture","physics_set_density","physics_set_friction","physics_set_restitution","physics_test_overlap","physics_world_create","physics_world_draw_debug","physics_world_gravity","physics_world_update_iterations","physics_world_update_speed","place_empty","place_free","place_meeting","place_snapped","point_direction","point_distance","point_distance_3d","point_in_circle","point_in_rectangle","point_in_triangle","position_change","position_destroy","position_empty","position_meeting","power","ptr","push_cancel_local_notification","push_get_first_local_notification","push_get_next_local_notification","push_local_notification","radtodeg","random","random_get_seed","random_range","random_set_seed","randomise","randomize","real","rectangle_in_circle","rectangle_in_rectangle","rectangle_in_triangle","room_add","room_assign","room_duplicate","room_exists","room_get_camera","room_get_name","room_get_viewport","room_goto","room_goto_next","room_goto_previous","room_instance_add","room_instance_clear","room_next","room_previous","room_restart","room_set_background_color","room_set_background_colour","room_set_camera","room_set_height","room_set_persistent","room_set_view","room_set_view_enabled","room_set_viewport","room_set_width","round","screen_save","screen_save_part","script_execute","script_exists","script_get_name","sha1_file","sha1_string_unicode","sha1_string_utf8","shader_current","shader_enable_corner_id","shader_get_name","shader_get_sampler_index","shader_get_uniform","shader_is_compiled","shader_reset","shader_set","shader_set_uniform_f","shader_set_uniform_f_array","shader_set_uniform_i","shader_set_uniform_i_array","shader_set_uniform_matrix","shader_set_uniform_matrix_array","shaders_are_supported","shop_leave_rating","show_debug_message","show_debug_overlay","show_error","show_message","show_message_async","show_question","show_question_async","sign","sin","skeleton_animation_clear","skeleton_animation_get","skeleton_animation_get_duration","skeleton_animation_get_ext","skeleton_animation_get_frame","skeleton_animation_get_frames","skeleton_animation_list","skeleton_animation_mix","skeleton_animation_set","skeleton_animation_set_ext","skeleton_animation_set_frame","skeleton_attachment_create","skeleton_attachment_get","skeleton_attachment_set","skeleton_bone_data_get","skeleton_bone_data_set","skeleton_bone_state_get","skeleton_bone_state_set","skeleton_collision_draw_set","skeleton_get_bounds","skeleton_get_minmax","skeleton_get_num_bounds","skeleton_skin_get","skeleton_skin_list","skeleton_skin_set","skeleton_slot_data","sprite_add","sprite_add_from_surface","sprite_assign","sprite_collision_mask","sprite_create_from_surface","sprite_delete","sprite_duplicate","sprite_exists","sprite_flush","sprite_flush_multi","sprite_get_bbox_bottom","sprite_get_bbox_left","sprite_get_bbox_right","sprite_get_bbox_top","sprite_get_height","sprite_get_name","sprite_get_number","sprite_get_speed","sprite_get_speed_type","sprite_get_texture","sprite_get_tpe","sprite_get_uvs","sprite_get_width","sprite_get_xoffset","sprite_get_yoffset","sprite_merge","sprite_prefetch","sprite_prefetch_multi","sprite_replace","sprite_save","sprite_save_strip","sprite_set_alpha_from_sprite","sprite_set_cache_size","sprite_set_cache_size_ext","sprite_set_offset","sprite_set_speed","sqr","sqrt","steam_activate_overlay","steam_activate_overlay_browser","steam_activate_overlay_store","steam_activate_overlay_user","steam_available_languages","steam_clear_achievement","steam_create_leaderboard","steam_current_game_language","steam_download_friends_scores","steam_download_scores","steam_download_scores_around_user","steam_file_delete","steam_file_exists","steam_file_persisted","steam_file_read","steam_file_share","steam_file_size","steam_file_write","steam_file_write_file","steam_get_achievement","steam_get_app_id","steam_get_persona_name","steam_get_quota_free","steam_get_quota_total","steam_get_stat_avg_rate","steam_get_stat_float","steam_get_stat_int","steam_get_user_account_id","steam_get_user_persona_name","steam_get_user_steam_id","steam_initialised","steam_is_cloud_enabled_for_account","steam_is_cloud_enabled_for_app","steam_is_overlay_activated","steam_is_overlay_enabled","steam_is_screenshot_requested","steam_is_user_logged_on","steam_reset_all_stats","steam_reset_all_stats_achievements","steam_send_screenshot","steam_set_achievement","steam_set_stat_avg_rate","steam_set_stat_float","steam_set_stat_int","steam_stats_ready","steam_ugc_create_item","steam_ugc_create_query_all","steam_ugc_create_query_all_ex","steam_ugc_create_query_user","steam_ugc_create_query_user_ex","steam_ugc_download","steam_ugc_get_item_install_info","steam_ugc_get_item_update_info","steam_ugc_get_item_update_progress","steam_ugc_get_subscribed_items","steam_ugc_num_subscribed_items","steam_ugc_query_add_excluded_tag","steam_ugc_query_add_required_tag","steam_ugc_query_set_allow_cached_response","steam_ugc_query_set_cloud_filename_filter","steam_ugc_query_set_match_any_tag","steam_ugc_query_set_ranked_by_trend_days","steam_ugc_query_set_return_long_description","steam_ugc_query_set_return_total_only","steam_ugc_query_set_search_text","steam_ugc_request_item_details","steam_ugc_send_query","steam_ugc_set_item_content","steam_ugc_set_item_description","steam_ugc_set_item_preview","steam_ugc_set_item_tags","steam_ugc_set_item_title","steam_ugc_set_item_visibility","steam_ugc_start_item_update","steam_ugc_submit_item_update","steam_ugc_subscribe_item","steam_ugc_unsubscribe_item","steam_upload_score","steam_upload_score_buffer","steam_upload_score_buffer_ext","steam_upload_score_ext","steam_user_installed_dlc","steam_user_owns_dlc","string","string_byte_at","string_byte_length","string_char_at","string_copy","string_count","string_delete","string_digits","string_format","string_hash_to_newline","string_height","string_height_ext","string_insert","string_length","string_letters","string_lettersdigits","string_lower","string_ord_at","string_pos","string_repeat","string_replace","string_replace_all","string_set_byte_at","string_upper","string_width","string_width_ext","surface_copy","surface_copy_part","surface_create","surface_create_ext","surface_depth_disable","surface_exists","surface_free","surface_get_depth_disable","surface_get_height","surface_get_texture","surface_get_width","surface_getpixel","surface_getpixel_ext","surface_reset_target","surface_resize","surface_save","surface_save_part","surface_set_target","surface_set_target_ext","tan","texture_get_height","texture_get_texel_height","texture_get_texel_width","texture_get_uvs","texture_get_width","texture_global_scale","texture_set_stage","tile_get_empty","tile_get_flip","tile_get_index","tile_get_mirror","tile_get_rotate","tile_set_empty","tile_set_flip","tile_set_index","tile_set_mirror","tile_set_rotate","tilemap_clear","tilemap_get","tilemap_get_at_pixel","tilemap_get_cell_x_at_pixel","tilemap_get_cell_y_at_pixel","tilemap_get_frame","tilemap_get_global_mask","tilemap_get_height","tilemap_get_mask","tilemap_get_tile_height","tilemap_get_tile_width","tilemap_get_tileset","tilemap_get_width","tilemap_get_x","tilemap_get_y","tilemap_set","tilemap_set_at_pixel","tilemap_set_global_mask","tilemap_set_mask","tilemap_tileset","tilemap_x","tilemap_y","timeline_add","timeline_clear","timeline_delete","timeline_exists","timeline_get_name","timeline_max_moment","timeline_moment_add_script","timeline_moment_clear","timeline_size","typeof","url_get_domain","url_open","url_open_ext","url_open_full","variable_global_exists","variable_global_get","variable_global_set","variable_instance_exists","variable_instance_get","variable_instance_get_names","variable_instance_set","variable_struct_exists","variable_struct_get","variable_struct_get_names","variable_struct_names_count","variable_struct_remove","variable_struct_set","vertex_argb","vertex_begin","vertex_color","vertex_colour","vertex_create_buffer","vertex_create_buffer_ext","vertex_create_buffer_from_buffer","vertex_create_buffer_from_buffer_ext","vertex_delete_buffer","vertex_end","vertex_float1","vertex_float2","vertex_float3","vertex_float4","vertex_format_add_color","vertex_format_add_colour","vertex_format_add_custom","vertex_format_add_normal","vertex_format_add_position","vertex_format_add_position_3d","vertex_format_add_texcoord","vertex_format_add_textcoord","vertex_format_begin","vertex_format_delete","vertex_format_end","vertex_freeze","vertex_get_buffer_size","vertex_get_number","vertex_normal","vertex_position","vertex_position_3d","vertex_submit","vertex_texcoord","vertex_ubyte4","view_get_camera","view_get_hport","view_get_surface_id","view_get_visible","view_get_wport","view_get_xport","view_get_yport","view_set_camera","view_set_hport","view_set_surface_id","view_set_visible","view_set_wport","view_set_xport","view_set_yport","virtual_key_add","virtual_key_delete","virtual_key_hide","virtual_key_show","win8_appbar_add_element","win8_appbar_enable","win8_appbar_remove_element","win8_device_touchscreen_available","win8_license_initialize_sandbox","win8_license_trial_version","win8_livetile_badge_clear","win8_livetile_badge_notification","win8_livetile_notification_begin","win8_livetile_notification_end","win8_livetile_notification_expiry","win8_livetile_notification_image_add","win8_livetile_notification_secondary_begin","win8_livetile_notification_tag","win8_livetile_notification_text_add","win8_livetile_queue_enable","win8_livetile_tile_clear","win8_livetile_tile_notification","win8_search_add_suggestions","win8_search_disable","win8_search_enable","win8_secondarytile_badge_notification","win8_secondarytile_delete","win8_secondarytile_pin","win8_settingscharm_add_entry","win8_settingscharm_add_html_entry","win8_settingscharm_add_xaml_entry","win8_settingscharm_get_xaml_property","win8_settingscharm_remove_entry","win8_settingscharm_set_xaml_property","win8_share_file","win8_share_image","win8_share_screenshot","win8_share_text","win8_share_url","window_center","window_device","window_get_caption","window_get_color","window_get_colour","window_get_cursor","window_get_fullscreen","window_get_height","window_get_visible_rects","window_get_width","window_get_x","window_get_y","window_handle","window_has_focus","window_mouse_get_x","window_mouse_get_y","window_mouse_set","window_set_caption","window_set_color","window_set_colour","window_set_cursor","window_set_fullscreen","window_set_max_height","window_set_max_width","window_set_min_height","window_set_min_width","window_set_position","window_set_rectangle","window_set_size","window_view_mouse_get_x","window_view_mouse_get_y","window_views_mouse_get_x","window_views_mouse_get_y","winphone_license_trial_version","winphone_tile_back_content","winphone_tile_back_content_wide","winphone_tile_back_image","winphone_tile_back_image_wide","winphone_tile_back_title","winphone_tile_background_color","winphone_tile_background_colour","winphone_tile_count","winphone_tile_cycle_images","winphone_tile_front_image","winphone_tile_front_image_small","winphone_tile_front_image_wide","winphone_tile_icon_image","winphone_tile_small_background_image","winphone_tile_small_icon_image","winphone_tile_title","winphone_tile_wide_content","zip_unzip"],literal:["all","false","noone","pointer_invalid","pointer_null","true","undefined"],symbol:["ANSI_CHARSET","ARABIC_CHARSET","BALTIC_CHARSET","CHINESEBIG5_CHARSET","DEFAULT_CHARSET","EASTEUROPE_CHARSET","GB2312_CHARSET","GM_build_date","GM_runtime_version","GM_version","GREEK_CHARSET","HANGEUL_CHARSET","HEBREW_CHARSET","JOHAB_CHARSET","MAC_CHARSET","OEM_CHARSET","RUSSIAN_CHARSET","SHIFTJIS_CHARSET","SYMBOL_CHARSET","THAI_CHARSET","TURKISH_CHARSET","VIETNAMESE_CHARSET","achievement_achievement_info","achievement_filter_all_players","achievement_filter_favorites_only","achievement_filter_friends_only","achievement_friends_info","achievement_leaderboard_info","achievement_our_info","achievement_pic_loaded","achievement_show_achievement","achievement_show_bank","achievement_show_friend_picker","achievement_show_leaderboard","achievement_show_profile","achievement_show_purchase_prompt","achievement_show_ui","achievement_type_achievement_challenge","achievement_type_score_challenge","asset_font","asset_object","asset_path","asset_room","asset_script","asset_shader","asset_sound","asset_sprite","asset_tiles","asset_timeline","asset_unknown","audio_3d","audio_falloff_exponent_distance","audio_falloff_exponent_distance_clamped","audio_falloff_inverse_distance","audio_falloff_inverse_distance_clamped","audio_falloff_linear_distance","audio_falloff_linear_distance_clamped","audio_falloff_none","audio_mono","audio_new_system","audio_old_system","audio_stereo","bm_add","bm_complex","bm_dest_alpha","bm_dest_color","bm_dest_colour","bm_inv_dest_alpha","bm_inv_dest_color","bm_inv_dest_colour","bm_inv_src_alpha","bm_inv_src_color","bm_inv_src_colour","bm_max","bm_normal","bm_one","bm_src_alpha","bm_src_alpha_sat","bm_src_color","bm_src_colour","bm_subtract","bm_zero","browser_chrome","browser_edge","browser_firefox","browser_ie","browser_ie_mobile","browser_not_a_browser","browser_opera","browser_safari","browser_safari_mobile","browser_tizen","browser_unknown","browser_windows_store","buffer_bool","buffer_f16","buffer_f32","buffer_f64","buffer_fast","buffer_fixed","buffer_generalerror","buffer_grow","buffer_invalidtype","buffer_network","buffer_outofbounds","buffer_outofspace","buffer_s16","buffer_s32","buffer_s8","buffer_seek_end","buffer_seek_relative","buffer_seek_start","buffer_string","buffer_surface_copy","buffer_text","buffer_u16","buffer_u32","buffer_u64","buffer_u8","buffer_vbuffer","buffer_wrap","button_type","c_aqua","c_black","c_blue","c_dkgray","c_fuchsia","c_gray","c_green","c_lime","c_ltgray","c_maroon","c_navy","c_olive","c_orange","c_purple","c_red","c_silver","c_teal","c_white","c_yellow","cmpfunc_always","cmpfunc_equal","cmpfunc_greater","cmpfunc_greaterequal","cmpfunc_less","cmpfunc_lessequal","cmpfunc_never","cmpfunc_notequal","cr_appstart","cr_arrow","cr_beam","cr_cross","cr_default","cr_drag","cr_handpoint","cr_hourglass","cr_none","cr_size_all","cr_size_nesw","cr_size_ns","cr_size_nwse","cr_size_we","cr_uparrow","cull_clockwise","cull_counterclockwise","cull_noculling","device_emulator","device_ios_ipad","device_ios_ipad_retina","device_ios_iphone","device_ios_iphone5","device_ios_iphone6","device_ios_iphone6plus","device_ios_iphone_retina","device_ios_unknown","device_tablet","display_landscape","display_landscape_flipped","display_portrait","display_portrait_flipped","dll_cdecl","dll_stdcall","ds_type_grid","ds_type_list","ds_type_map","ds_type_priority","ds_type_queue","ds_type_stack","ef_cloud","ef_ellipse","ef_explosion","ef_firework","ef_flare","ef_rain","ef_ring","ef_smoke","ef_smokeup","ef_snow","ef_spark","ef_star","ev_alarm","ev_animation_end","ev_boundary","ev_cleanup","ev_close_button","ev_collision","ev_create","ev_destroy","ev_draw","ev_draw_begin","ev_draw_end","ev_draw_post","ev_draw_pre","ev_end_of_path","ev_game_end","ev_game_start","ev_gesture","ev_gesture_double_tap","ev_gesture_drag_end","ev_gesture_drag_start","ev_gesture_dragging","ev_gesture_flick","ev_gesture_pinch_end","ev_gesture_pinch_in","ev_gesture_pinch_out","ev_gesture_pinch_start","ev_gesture_rotate_end","ev_gesture_rotate_start","ev_gesture_rotating","ev_gesture_tap","ev_global_gesture_double_tap","ev_global_gesture_drag_end","ev_global_gesture_drag_start","ev_global_gesture_dragging","ev_global_gesture_flick","ev_global_gesture_pinch_end","ev_global_gesture_pinch_in","ev_global_gesture_pinch_out","ev_global_gesture_pinch_start","ev_global_gesture_rotate_end","ev_global_gesture_rotate_start","ev_global_gesture_rotating","ev_global_gesture_tap","ev_global_left_button","ev_global_left_press","ev_global_left_release","ev_global_middle_button","ev_global_middle_press","ev_global_middle_release","ev_global_right_button","ev_global_right_press","ev_global_right_release","ev_gui","ev_gui_begin","ev_gui_end","ev_joystick1_button1","ev_joystick1_button2","ev_joystick1_button3","ev_joystick1_button4","ev_joystick1_button5","ev_joystick1_button6","ev_joystick1_button7","ev_joystick1_button8","ev_joystick1_down","ev_joystick1_left","ev_joystick1_right","ev_joystick1_up","ev_joystick2_button1","ev_joystick2_button2","ev_joystick2_button3","ev_joystick2_button4","ev_joystick2_button5","ev_joystick2_button6","ev_joystick2_button7","ev_joystick2_button8","ev_joystick2_down","ev_joystick2_left","ev_joystick2_right","ev_joystick2_up","ev_keyboard","ev_keypress","ev_keyrelease","ev_left_button","ev_left_press","ev_left_release","ev_middle_button","ev_middle_press","ev_middle_release","ev_mouse","ev_mouse_enter","ev_mouse_leave","ev_mouse_wheel_down","ev_mouse_wheel_up","ev_no_button","ev_no_more_health","ev_no_more_lives","ev_other","ev_outside","ev_right_button","ev_right_press","ev_right_release","ev_room_end","ev_room_start","ev_step","ev_step_begin","ev_step_end","ev_step_normal","ev_trigger","ev_user0","ev_user1","ev_user2","ev_user3","ev_user4","ev_user5","ev_user6","ev_user7","ev_user8","ev_user9","ev_user10","ev_user11","ev_user12","ev_user13","ev_user14","ev_user15","fa_archive","fa_bottom","fa_center","fa_directory","fa_hidden","fa_left","fa_middle","fa_readonly","fa_right","fa_sysfile","fa_top","fa_volumeid","fb_login_default","fb_login_fallback_to_webview","fb_login_forcing_safari","fb_login_forcing_webview","fb_login_no_fallback_to_webview","fb_login_use_system_account","gamespeed_fps","gamespeed_microseconds","ge_lose","global","gp_axislh","gp_axislv","gp_axisrh","gp_axisrv","gp_face1","gp_face2","gp_face3","gp_face4","gp_padd","gp_padl","gp_padr","gp_padu","gp_select","gp_shoulderl","gp_shoulderlb","gp_shoulderr","gp_shoulderrb","gp_start","gp_stickl","gp_stickr","iap_available","iap_canceled","iap_ev_consume","iap_ev_product","iap_ev_purchase","iap_ev_restore","iap_ev_storeload","iap_failed","iap_purchased","iap_refunded","iap_status_available","iap_status_loading","iap_status_processing","iap_status_restoring","iap_status_unavailable","iap_status_uninitialised","iap_storeload_failed","iap_storeload_ok","iap_unavailable","input_type","kbv_autocapitalize_characters","kbv_autocapitalize_none","kbv_autocapitalize_sentences","kbv_autocapitalize_words","kbv_returnkey_continue","kbv_returnkey_default","kbv_returnkey_done","kbv_returnkey_emergency","kbv_returnkey_go","kbv_returnkey_google","kbv_returnkey_join","kbv_returnkey_next","kbv_returnkey_route","kbv_returnkey_search","kbv_returnkey_send","kbv_returnkey_yahoo","kbv_type_ascii","kbv_type_default","kbv_type_email","kbv_type_numbers","kbv_type_phone","kbv_type_phone_name","kbv_type_url","layerelementtype_background","layerelementtype_instance","layerelementtype_oldtilemap","layerelementtype_particlesystem","layerelementtype_sprite","layerelementtype_tile","layerelementtype_tilemap","layerelementtype_undefined","lb_disp_none","lb_disp_numeric","lb_disp_time_ms","lb_disp_time_sec","lb_sort_ascending","lb_sort_descending","lb_sort_none","leaderboard_type_number","leaderboard_type_time_mins_secs","lighttype_dir","lighttype_point","local","matrix_projection","matrix_view","matrix_world","mb_any","mb_left","mb_middle","mb_none","mb_right","mip_markedonly","mip_off","mip_on","network_config_connect_timeout","network_config_disable_reliable_udp","network_config_enable_reliable_udp","network_config_use_non_blocking_socket","network_socket_bluetooth","network_socket_tcp","network_socket_udp","network_type_connect","network_type_data","network_type_disconnect","network_type_non_blocking_connect","of_challen","of_challenge_tie","of_challenge_win","os_3ds","os_android","os_bb10","os_ios","os_linux","os_macosx","os_ps3","os_ps4","os_psvita","os_switch","os_symbian","os_tizen","os_tvos","os_unknown","os_uwp","os_wiiu","os_win32","os_win8native","os_windows","os_winphone","os_xbox360","os_xboxone","other","ov_achievements","ov_community","ov_friends","ov_gamegroup","ov_players","ov_settings","path_action_continue","path_action_restart","path_action_reverse","path_action_stop","phy_debug_render_aabb","phy_debug_render_collision_pairs","phy_debug_render_coms","phy_debug_render_core_shapes","phy_debug_render_joints","phy_debug_render_obb","phy_debug_render_shapes","phy_joint_anchor_1_x","phy_joint_anchor_1_y","phy_joint_anchor_2_x","phy_joint_anchor_2_y","phy_joint_angle","phy_joint_angle_limits","phy_joint_damping_ratio","phy_joint_frequency","phy_joint_length_1","phy_joint_length_2","phy_joint_lower_angle_limit","phy_joint_max_force","phy_joint_max_length","phy_joint_max_motor_force","phy_joint_max_motor_torque","phy_joint_max_torque","phy_joint_motor_force","phy_joint_motor_speed","phy_joint_motor_torque","phy_joint_reaction_force_x","phy_joint_reaction_force_y","phy_joint_reaction_torque","phy_joint_speed","phy_joint_translation","phy_joint_upper_angle_limit","phy_particle_data_flag_category","phy_particle_data_flag_color","phy_particle_data_flag_colour","phy_particle_data_flag_position","phy_particle_data_flag_typeflags","phy_particle_data_flag_velocity","phy_particle_flag_colormixing","phy_particle_flag_colourmixing","phy_particle_flag_elastic","phy_particle_flag_powder","phy_particle_flag_spring","phy_particle_flag_tensile","phy_particle_flag_viscous","phy_particle_flag_wall","phy_particle_flag_water","phy_particle_flag_zombie","phy_particle_group_flag_rigid","phy_particle_group_flag_solid","pi","pr_linelist","pr_linestrip","pr_pointlist","pr_trianglefan","pr_trianglelist","pr_trianglestrip","ps_distr_gaussian","ps_distr_invgaussian","ps_distr_linear","ps_shape_diamond","ps_shape_ellipse","ps_shape_line","ps_shape_rectangle","pt_shape_circle","pt_shape_cloud","pt_shape_disk","pt_shape_explosion","pt_shape_flare","pt_shape_line","pt_shape_pixel","pt_shape_ring","pt_shape_smoke","pt_shape_snow","pt_shape_spark","pt_shape_sphere","pt_shape_square","pt_shape_star","spritespeed_framespergameframe","spritespeed_framespersecond","text_type","tf_anisotropic","tf_linear","tf_point","tile_flip","tile_index_mask","tile_mirror","tile_rotate","timezone_local","timezone_utc","tm_countvsyncs","tm_sleep","ty_real","ty_string","ugc_filetype_community","ugc_filetype_microtrans","ugc_list_Favorited","ugc_list_Followed","ugc_list_Published","ugc_list_Subscribed","ugc_list_UsedOrPlayed","ugc_list_VotedDown","ugc_list_VotedOn","ugc_list_VotedUp","ugc_list_WillVoteLater","ugc_match_AllGuides","ugc_match_Artwork","ugc_match_Collections","ugc_match_ControllerBindings","ugc_match_IntegratedGuides","ugc_match_Items","ugc_match_Items_Mtx","ugc_match_Items_ReadyToUse","ugc_match_Screenshots","ugc_match_UsableInGame","ugc_match_Videos","ugc_match_WebGuides","ugc_query_AcceptedForGameRankedByAcceptanceDate","ugc_query_CreatedByFollowedUsersRankedByPublicationDate","ugc_query_CreatedByFriendsRankedByPublicationDate","ugc_query_FavoritedByFriendsRankedByPublicationDate","ugc_query_NotYetRated","ugc_query_RankedByNumTimesReported","ugc_query_RankedByPublicationDate","ugc_query_RankedByTextSearch","ugc_query_RankedByTotalVotesAsc","ugc_query_RankedByTrend","ugc_query_RankedByVote","ugc_query_RankedByVotesUp","ugc_result_success","ugc_sortorder_CreationOrderAsc","ugc_sortorder_CreationOrderDesc","ugc_sortorder_ForModeration","ugc_sortorder_LastUpdatedDesc","ugc_sortorder_SubscriptionDateDesc","ugc_sortorder_TitleAsc","ugc_sortorder_VoteScoreDesc","ugc_visibility_friends_only","ugc_visibility_private","ugc_visibility_public","vertex_type_color","vertex_type_colour","vertex_type_float1","vertex_type_float2","vertex_type_float3","vertex_type_float4","vertex_type_ubyte4","vertex_usage_binormal","vertex_usage_blendindices","vertex_usage_blendweight","vertex_usage_color","vertex_usage_colour","vertex_usage_depth","vertex_usage_fog","vertex_usage_normal","vertex_usage_position","vertex_usage_psize","vertex_usage_sample","vertex_usage_tangent","vertex_usage_texcoord","vertex_usage_textcoord","vk_add","vk_alt","vk_anykey","vk_backspace","vk_control","vk_decimal","vk_delete","vk_divide","vk_down","vk_end","vk_enter","vk_escape","vk_f1","vk_f2","vk_f3","vk_f4","vk_f5","vk_f6","vk_f7","vk_f8","vk_f9","vk_f10","vk_f11","vk_f12","vk_home","vk_insert","vk_lalt","vk_lcontrol","vk_left","vk_lshift","vk_multiply","vk_nokey","vk_numpad0","vk_numpad1","vk_numpad2","vk_numpad3","vk_numpad4","vk_numpad5","vk_numpad6","vk_numpad7","vk_numpad8","vk_numpad9","vk_pagedown","vk_pageup","vk_pause","vk_printscreen","vk_ralt","vk_rcontrol","vk_return","vk_right","vk_rshift","vk_shift","vk_space","vk_subtract","vk_tab","vk_up"],"variable.language":["alarm","application_surface","argument","argument0","argument1","argument2","argument3","argument4","argument5","argument6","argument7","argument8","argument9","argument10","argument11","argument12","argument13","argument14","argument15","argument_count","argument_relative","async_load","background_color","background_colour","background_showcolor","background_showcolour","bbox_bottom","bbox_left","bbox_right","bbox_top","browser_height","browser_width","caption_health","caption_lives","caption_score","current_day","current_hour","current_minute","current_month","current_second","current_time","current_weekday","current_year","cursor_sprite","debug_mode","delta_time","depth","direction","display_aa","error_last","error_occurred","event_action","event_data","event_number","event_object","event_type","fps","fps_real","friction","game_display_name","game_id","game_project_name","game_save_id","gamemaker_pro","gamemaker_registered","gamemaker_version","gravity","gravity_direction","health","hspeed","iap_data","id|0","image_alpha","image_angle","image_blend","image_index","image_number","image_speed","image_xscale","image_yscale","instance_count","instance_id","keyboard_key","keyboard_lastchar","keyboard_lastkey","keyboard_string","layer","lives","mask_index","mouse_button","mouse_lastbutton","mouse_x","mouse_y","object_index","os_browser","os_device","os_type","os_version","path_endaction","path_index","path_orientation","path_position","path_positionprevious","path_scale","path_speed","persistent","phy_active","phy_angular_damping","phy_angular_velocity","phy_bullet","phy_col_normal_x","phy_col_normal_y","phy_collision_points","phy_collision_x","phy_collision_y","phy_com_x","phy_com_y","phy_dynamic","phy_fixed_rotation","phy_inertia","phy_kinematic","phy_linear_damping","phy_linear_velocity_x","phy_linear_velocity_y","phy_mass","phy_position_x","phy_position_xprevious","phy_position_y","phy_position_yprevious","phy_rotation","phy_sleeping","phy_speed","phy_speed_x","phy_speed_y","program_directory","room","room_caption","room_first","room_height","room_last","room_persistent","room_speed","room_width","score","self","show_health","show_lives","show_score","solid","speed","sprite_height","sprite_index","sprite_width","sprite_xoffset","sprite_yoffset","temp_directory","timeline_index","timeline_loop","timeline_position","timeline_running","timeline_speed","view_angle","view_camera","view_current","view_enabled","view_hborder","view_hport","view_hspeed","view_hview","view_object","view_surface_id","view_vborder","view_visible","view_vspeed","view_wport","view_wview","view_xport","view_xview","view_yport","view_yview","visible","vspeed","webgl_enabled","working_directory","xprevious","xstart","x|0","yprevious","ystart","y|0"]},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE]}}},95482:function(e){e.exports=function(e){let t={keyword:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var"],type:["bool","byte","complex64","complex128","error","float32","float64","int8","int16","int32","int64","string","uint8","uint16","uint32","uint64","int","uint","uintptr","rune"],literal:["true","false","iota","nil"],built_in:["append","cap","close","complex","copy","imag","len","make","new","panic","print","println","real","recover","delete"]};return{name:"Go",aliases:["golang"],keywords:t,illegal:"",end:",\\s+",returnBegin:!0,endsWithParent:!0,contains:[{className:"attr",begin:":\\w+"},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{begin:"\\w+",relevance:0}]}]},{begin:"\\(\\s*",end:"\\s*\\)",excludeEnd:!0,contains:[{begin:"\\w+\\s*=",end:"\\s+",returnBegin:!0,endsWithParent:!0,contains:[{className:"attr",begin:"\\w+",relevance:0},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{begin:"\\w+",relevance:0}]}]}]},{begin:"^\\s*[=~]\\s*"},{begin:/#\{/,end:/\}/,subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0}]}}},11680:function(e){e.exports=function(e){let t=e.regex,r={$pattern:/[\w.\/]+/,built_in:["action","bindattr","collection","component","concat","debugger","each","each-in","get","hash","if","in","input","link-to","loc","log","lookup","mut","outlet","partial","query-params","render","template","textarea","unbound","unless","view","with","yield"]},n=/\[\]|\[[^\]]+\]/,a=/[^\s!"#%&'()*+,.\/;<=>@\[\\\]^`{|}~]+/,i=t.either(/""|"[^"]+"/,/''|'[^']+'/,n,a),o=t.concat(t.optional(/\.|\.\/|\//),i,t.anyNumberOfTimes(t.concat(/(\.|\/)/,i))),s=t.concat("(",n,"|",a,")(?==)"),l={begin:o},c=e.inherit(l,{keywords:{$pattern:/[\w.\/]+/,literal:["true","false","undefined","null"]}}),d={begin:/\(/,end:/\)/},u={className:"attr",begin:s,relevance:0,starts:{begin:/=/,end:/=/,starts:{contains:[e.NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,c,d]}}},p={contains:[e.NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{begin:/as\s+\|/,keywords:{keyword:"as"},end:/\|/,contains:[{begin:/\w+/}]},u,c,d],returnEnd:!0},_=e.inherit(l,{className:"name",keywords:r,starts:e.inherit(p,{end:/\)/})});d.contains=[_];let m=e.inherit(l,{keywords:r,className:"name",starts:e.inherit(p,{end:/\}\}/})}),g=e.inherit(l,{keywords:r,className:"name"}),f=e.inherit(l,{className:"name",keywords:r,starts:e.inherit(p,{end:/\}\}/})});return{name:"Handlebars",aliases:["hbs","html.hbs","html.handlebars","htmlbars"],case_insensitive:!0,subLanguage:"xml",contains:[{begin:/\\\{\{/,skip:!0},{begin:/\\\\(?=\{\{)/,skip:!0},e.COMMENT(/\{\{!--/,/--\}\}/),e.COMMENT(/\{\{!/,/\}\}/),{className:"template-tag",begin:/\{\{\{\{(?!\/)/,end:/\}\}\}\}/,contains:[m],starts:{end:/\{\{\{\{\//,returnEnd:!0,subLanguage:"xml"}},{className:"template-tag",begin:/\{\{\{\{\//,end:/\}\}\}\}/,contains:[g]},{className:"template-tag",begin:/\{\{#/,end:/\}\}/,contains:[m]},{className:"template-tag",begin:/\{\{(?=else\}\})/,end:/\}\}/,keywords:"else"},{className:"template-tag",begin:/\{\{(?=else if)/,end:/\}\}/,keywords:"else if"},{className:"template-tag",begin:/\{\{\//,end:/\}\}/,contains:[g]},{className:"template-variable",begin:/\{\{\{/,end:/\}\}\}/,contains:[f]},{className:"template-variable",begin:/\{\{/,end:/\}\}/,contains:[f]}]}}},5253:function(e){e.exports=function(e){let t={variants:[e.COMMENT("--","$"),e.COMMENT(/\{-/,/-\}/,{contains:["self"]})]},r={className:"meta",begin:/\{-#/,end:/#-\}/},n={className:"meta",begin:"^#",end:"$"},a={className:"type",begin:"\\b[A-Z][\\w']*",relevance:0},i={begin:"\\(",end:"\\)",illegal:'"',contains:[r,n,{className:"type",begin:"\\b[A-Z][\\w]*(\\((\\.\\.|,|\\w+)\\))?"},e.inherit(e.TITLE_MODE,{begin:"[_a-z][\\w']*"}),t]},o={begin:/\{/,end:/\}/,contains:i.contains},s="([0-9]_*)+",l="([0-9a-fA-F]_*)+",c={className:"number",relevance:0,variants:[{match:`\\b(${s})(\\.(${s}))?([eE][+-]?(${s}))?\\b`},{match:`\\b0[xX]_*(${l})(\\.(${l}))?([pP][+-]?(${s}))?\\b`},{match:"\\b0[oO](([0-7]_*)+)\\b"},{match:"\\b0[bB](([01]_*)+)\\b"}]};return{name:"Haskell",aliases:["hs"],keywords:"let in if then else case of where do module import hiding qualified type data newtype deriving class instance as default infix infixl infixr foreign export ccall stdcall cplusplus jvm dotnet safe unsafe family forall mdo proc rec",contains:[{beginKeywords:"module",end:"where",keywords:"module where",contains:[i,t],illegal:"\\W\\.|;"},{begin:"\\bimport\\b",end:"$",keywords:"import qualified as hiding",contains:[i,t],illegal:"\\W\\.|;"},{className:"class",begin:"^(\\s*)?(class|instance)\\b",end:"where",keywords:"class family instance where",contains:[a,i,t]},{className:"class",begin:"\\b(data|(new)?type)\\b",end:"$",keywords:"data family type newtype deriving",contains:[r,a,i,o,t]},{beginKeywords:"default",end:"$",contains:[a,i,t]},{beginKeywords:"infix infixl infixr",end:"$",contains:[e.C_NUMBER_MODE,t]},{begin:"\\bforeign\\b",end:"$",keywords:"foreign import export ccall stdcall cplusplus jvm dotnet safe unsafe",contains:[a,e.QUOTE_STRING_MODE,t]},{className:"meta",begin:"#!\\/usr\\/bin\\/env runhaskell",end:"$"},r,n,e.QUOTE_STRING_MODE,c,a,e.inherit(e.TITLE_MODE,{begin:"^[_a-z][\\w']*"}),t,{begin:"->|<-"}]}}},4382:function(e){e.exports=function(e){return{name:"Haxe",aliases:["hx"],keywords:{keyword:"break case cast catch continue default do dynamic else enum extern for function here if import in inline never new override package private get set public return static super switch this throw trace try typedef untyped using var while Int Float String Bool Dynamic Void Array ",built_in:"trace this",literal:"true false null _"},contains:[{className:"string",begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE,{className:"subst",begin:"\\$\\{",end:"\\}"},{className:"subst",begin:"\\$",end:/\W\}/}]},e.QUOTE_STRING_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.C_NUMBER_MODE,{className:"meta",begin:"@:",end:"$"},{className:"meta",begin:"#",end:"$",keywords:{keyword:"if else elseif end error"}},{className:"type",begin:":[ ]*",end:"[^A-Za-z0-9_ \\->]",excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:":[ ]*",end:"\\W",excludeBegin:!0,excludeEnd:!0},{className:"type",begin:"new *",end:"\\W",excludeBegin:!0,excludeEnd:!0},{className:"class",beginKeywords:"enum",end:"\\{",contains:[e.TITLE_MODE]},{className:"class",beginKeywords:"abstract",end:"[\\{$]",contains:[{className:"type",begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"type",begin:"from +",end:"\\W",excludeBegin:!0,excludeEnd:!0},{className:"type",begin:"to +",end:"\\W",excludeBegin:!0,excludeEnd:!0},e.TITLE_MODE],keywords:{keyword:"abstract from to"}},{className:"class",begin:"\\b(class|interface) +",end:"[\\{$]",excludeEnd:!0,keywords:"class interface",contains:[{className:"keyword",begin:"\\b(extends|implements) +",keywords:"extends implements",contains:[{className:"type",begin:e.IDENT_RE,relevance:0}]},e.TITLE_MODE]},{className:"function",beginKeywords:"function",end:"\\(",excludeEnd:!0,illegal:"\\S",contains:[e.TITLE_MODE]}],illegal:/<\//}}},79052:function(e){e.exports=function(e){return{name:"HSP",case_insensitive:!0,keywords:{$pattern:/[\w._]+/,keyword:"goto gosub return break repeat loop continue wait await dim sdim foreach dimtype dup dupptr end stop newmod delmod mref run exgoto on mcall assert logmes newlab resume yield onexit onerror onkey onclick oncmd exist delete mkdir chdir dirlist bload bsave bcopy memfile if else poke wpoke lpoke getstr chdpm memexpand memcpy memset notesel noteadd notedel noteload notesave randomize noteunsel noteget split strrep setease button chgdisp exec dialog mmload mmplay mmstop mci pset pget syscolor mes print title pos circle cls font sysfont objsize picload color palcolor palette redraw width gsel gcopy gzoom gmode bmpsave hsvcolor getkey listbox chkbox combox input mesbox buffer screen bgscr mouse objsel groll line clrobj boxf objprm objmode stick grect grotate gsquare gradf objimage objskip objenable celload celdiv celput newcom querycom delcom cnvstow comres axobj winobj sendmsg comevent comevarg sarrayconv callfunc cnvwtos comevdisp libptr system hspstat hspver stat cnt err strsize looplev sublev iparam wparam lparam refstr refdval int rnd strlen length length2 length3 length4 vartype gettime peek wpeek lpeek varptr varuse noteinfo instr abs limit getease str strmid strf getpath strtrim sin cos tan atan sqrt double absf expf logf limitf powf geteasef mousex mousey mousew hwnd hinstance hdc ginfo objinfo dirinfo sysinfo thismod __hspver__ __hsp30__ __date__ __time__ __line__ __file__ _debug __hspdef__ and or xor not screen_normal screen_palette screen_hide screen_fixedsize screen_tool screen_frame gmode_gdi gmode_mem gmode_rgb0 gmode_alpha gmode_rgb0alpha gmode_add gmode_sub gmode_pixela ginfo_mx ginfo_my ginfo_act ginfo_sel ginfo_wx1 ginfo_wy1 ginfo_wx2 ginfo_wy2 ginfo_vx ginfo_vy ginfo_sizex ginfo_sizey ginfo_winx ginfo_winy ginfo_mesx ginfo_mesy ginfo_r ginfo_g ginfo_b ginfo_paluse ginfo_dispx ginfo_dispy ginfo_cx ginfo_cy ginfo_intid ginfo_newid ginfo_sx ginfo_sy objinfo_mode objinfo_bmscr objinfo_hwnd notemax notesize dir_cur dir_exe dir_win dir_sys dir_cmdline dir_desktop dir_mydoc dir_tv font_normal font_bold font_italic font_underline font_strikeout font_antialias objmode_normal objmode_guifont objmode_usefont gsquare_grad msgothic msmincho do until while wend for next _break _continue switch case default swbreak swend ddim ldim alloc m_pi rad2deg deg2rad ease_linear ease_quad_in ease_quad_out ease_quad_inout ease_cubic_in ease_cubic_out ease_cubic_inout ease_quartic_in ease_quartic_out ease_quartic_inout ease_bounce_in ease_bounce_out ease_bounce_inout ease_shake_in ease_shake_out ease_shake_inout ease_loop"},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{className:"string",begin:/\{"/,end:/"\}/,contains:[e.BACKSLASH_ESCAPE]},e.COMMENT(";","$",{relevance:0}),{className:"meta",begin:"#",end:"$",keywords:{keyword:"addion cfunc cmd cmpopt comfunc const defcfunc deffunc define else endif enum epack func global if ifdef ifndef include modcfunc modfunc modinit modterm module pack packopt regcmd runtime undef usecom uselib"},contains:[e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),e.NUMBER_MODE,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"symbol",begin:"^\\*(\\w+|@)"},e.NUMBER_MODE,e.C_NUMBER_MODE]}}},31494:function(e){e.exports=function(e){let t=e.regex,r="HTTP/(2|1\\.[01])",n={className:"attribute",begin:t.concat("^",/[A-Za-z][A-Za-z0-9-]*/,"(?=\\:\\s)"),starts:{contains:[{className:"punctuation",begin:/: /,relevance:0,starts:{end:"$",relevance:0}}]}},a=[n,{begin:"\\n\\n",starts:{subLanguage:[],endsWithParent:!0}}];return{name:"HTTP",aliases:["https"],illegal:/\S/,contains:[{begin:"^(?="+r+" \\d{3})",end:/$/,contains:[{className:"meta",begin:r},{className:"number",begin:"\\b\\d{3}\\b"}],starts:{end:/\b\B/,illegal:/\S/,contains:a}},{begin:"(?=^[A-Z]+ (.*?) "+r+"$)",end:/$/,contains:[{className:"string",begin:" ",end:" ",excludeBegin:!0,excludeEnd:!0},{className:"meta",begin:r},{className:"keyword",begin:"[A-Z]+"}],starts:{end:/\b\B/,illegal:/\S/,contains:a}},e.inherit(n,{relevance:0})]}}},48188:function(e){e.exports=function(e){let t="a-zA-Z_\\-!.?+*=<>&#'",r="["+t+"]["+t+"0-9/;:]*",n={className:"number",begin:"[-+]?\\d+(\\.\\d+)?",relevance:0},a=e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),i=e.COMMENT(";","$",{relevance:0}),o={className:"literal",begin:/\b([Tt]rue|[Ff]alse|nil|None)\b/},s={begin:"[\\[\\{]",end:"[\\]\\}]",relevance:0},l={className:"comment",begin:"\\^"+r},c=e.COMMENT("\\^\\{","\\}"),d={className:"symbol",begin:"[:]{1,2}"+r},u={begin:"\\(",end:"\\)"},p={endsWithParent:!0,relevance:0},_=[u,a,l,c,i,d,s,n,o,{begin:r,relevance:0}];return u.contains=[e.COMMENT("comment",""),{className:"name",relevance:0,keywords:{$pattern:r,built_in:"!= % %= & &= * ** **= *= *map + += , --build-class-- --import-- -= . / // //= /= < << <<= <= = > >= >> >>= @ @= ^ ^= abs accumulate all and any ap-compose ap-dotimes ap-each ap-each-while ap-filter ap-first ap-if ap-last ap-map ap-map-when ap-pipe ap-reduce ap-reject apply as-> ascii assert assoc bin break butlast callable calling-module-name car case cdr chain chr coll? combinations compile compress cond cons cons? continue count curry cut cycle dec def default-method defclass defmacro defmacro-alias defmacro/g! defmain defmethod defmulti defn defn-alias defnc defnr defreader defseq del delattr delete-route dict-comp dir disassemble dispatch-reader-macro distinct divmod do doto drop drop-last drop-while empty? end-sequence eval eval-and-compile eval-when-compile even? every? except exec filter first flatten float? fn fnc fnr for for* format fraction genexpr gensym get getattr global globals group-by hasattr hash hex id identity if if* if-not if-python2 import in inc input instance? integer integer-char? integer? interleave interpose is is-coll is-cons is-empty is-even is-every is-float is-instance is-integer is-integer-char is-iterable is-iterator is-keyword is-neg is-none is-not is-numeric is-odd is-pos is-string is-symbol is-zero isinstance islice issubclass iter iterable? iterate iterator? keyword keyword? lambda last len let lif lif-not list* list-comp locals loop macro-error macroexpand macroexpand-1 macroexpand-all map max merge-with method-decorator min multi-decorator multicombinations name neg? next none? nonlocal not not-in not? nth numeric? oct odd? open or ord partition permutations pos? post-route postwalk pow prewalk print product profile/calls profile/cpu put-route quasiquote quote raise range read read-str recursive-replace reduce remove repeat repeatedly repr require rest round route route-with-methods rwm second seq set-comp setattr setv some sorted string string? sum switch symbol? take take-nth take-while tee try unless unquote unquote-splicing vars walk when while with with* with-decorator with-gensyms xi xor yield yield-from zero? zip zip-longest | |= ~"},begin:r,starts:p},p],p.contains=_,s.contains=_,{name:"Hy",aliases:["hylang"],illegal:/\S/,contains:[e.SHEBANG(),u,a,l,c,i,d,s,n,o]}}},40652:function(e){e.exports=function(e){return{name:"Inform 7",aliases:["i7"],case_insensitive:!0,keywords:{keyword:"thing room person man woman animal container supporter backdrop door scenery open closed locked inside gender is are say understand kind of rule"},contains:[{className:"string",begin:'"',end:'"',relevance:0,contains:[{className:"subst",begin:"\\[",end:"\\]"}]},{className:"section",begin:/^(Volume|Book|Part|Chapter|Section|Table)\b/,end:"$"},{begin:/^(Check|Carry out|Report|Instead of|To|Rule|When|Before|After)\b/,end:":",contains:[{begin:"\\(This",end:"\\)"}]},{className:"comment",begin:"\\[",end:"\\]",contains:["self"]}]}}},40765:function(e){e.exports=function(e){let t=e.regex,r={className:"number",relevance:0,variants:[{begin:/([+-]+)?[\d]+_[\d_]+/},{begin:e.NUMBER_RE}]},n=e.COMMENT();n.variants=[{begin:/;/,end:/$/},{begin:/#/,end:/$/}];let a={className:"variable",variants:[{begin:/\$[\w\d"][\w\d_]*/},{begin:/\$\{(.*?)\}/}]},i={className:"literal",begin:/\bon|off|true|false|yes|no\b/},o={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{begin:"'''",end:"'''",relevance:10},{begin:'"""',end:'"""',relevance:10},{begin:'"',end:'"'},{begin:"'",end:"'"}]},s=t.either(/[A-Za-z0-9_-]+/,/"(\\"|[^"])*"/,/'[^']*'/),l=t.concat(s,"(\\s*\\.\\s*",s,")*",t.lookahead(/\s*=\s*[^#\s]/));return{name:"TOML, also INI",aliases:["toml"],case_insensitive:!0,illegal:/\S/,contains:[n,{className:"section",begin:/\[+/,end:/\]+/},{begin:l,className:"attr",starts:{end:/$/,contains:[n,{begin:/\[/,end:/\]/,contains:[n,i,a,o,r,"self"],relevance:0},i,a,o,r]}}]}}},3180:function(e){e.exports=function(e){let t=e.regex,r=/(_[a-z_\d]+)?/,n=/([de][+-]?\d+)?/,a={className:"number",variants:[{begin:t.concat(/\b\d+/,/\.(\d*)/,n,r)},{begin:t.concat(/\b\d+/,n,r)},{begin:t.concat(/\.\d+/,n,r)}],relevance:0};return{name:"IRPF90",case_insensitive:!0,keywords:{literal:".False. .True.",keyword:"kind do while private call intrinsic where elsewhere type endtype endmodule endselect endinterface end enddo endif if forall endforall only contains default return stop then public subroutine|10 function program .and. .or. .not. .le. .eq. .ge. .gt. .lt. goto save else use module select case access blank direct exist file fmt form formatted iostat name named nextrec number opened rec recl sequential status unformatted unit continue format pause cycle exit c_null_char c_alert c_backspace c_form_feed flush wait decimal round iomsg synchronous nopass non_overridable pass protected volatile abstract extends import non_intrinsic value deferred generic final enumerator class associate bind enum c_int c_short c_long c_long_long c_signed_char c_size_t c_int8_t c_int16_t c_int32_t c_int64_t c_int_least8_t c_int_least16_t c_int_least32_t c_int_least64_t c_int_fast8_t c_int_fast16_t c_int_fast32_t c_int_fast64_t c_intmax_t C_intptr_t c_float c_double c_long_double c_float_complex c_double_complex c_long_double_complex c_bool c_char c_null_ptr c_null_funptr c_new_line c_carriage_return c_horizontal_tab c_vertical_tab iso_c_binding c_loc c_funloc c_associated c_f_pointer c_ptr c_funptr iso_fortran_env character_storage_size error_unit file_storage_size input_unit iostat_end iostat_eor numeric_storage_size output_unit c_f_procpointer ieee_arithmetic ieee_support_underflow_control ieee_get_underflow_mode ieee_set_underflow_mode newunit contiguous recursive pad position action delim readwrite eor advance nml interface procedure namelist include sequence elemental pure integer real character complex logical dimension allocatable|10 parameter external implicit|10 none double precision assign intent optional pointer target in out common equivalence data begin_provider &begin_provider end_provider begin_shell end_shell begin_template end_template subst assert touch soft_touch provide no_dep free irp_if irp_else irp_endif irp_write irp_read",built_in:"alog alog10 amax0 amax1 amin0 amin1 amod cabs ccos cexp clog csin csqrt dabs dacos dasin datan datan2 dcos dcosh ddim dexp dint dlog dlog10 dmax1 dmin1 dmod dnint dsign dsin dsinh dsqrt dtan dtanh float iabs idim idint idnint ifix isign max0 max1 min0 min1 sngl algama cdabs cdcos cdexp cdlog cdsin cdsqrt cqabs cqcos cqexp cqlog cqsin cqsqrt dcmplx dconjg derf derfc dfloat dgamma dimag dlgama iqint qabs qacos qasin qatan qatan2 qcmplx qconjg qcos qcosh qdim qerf qerfc qexp qgamma qimag qlgama qlog qlog10 qmax1 qmin1 qmod qnint qsign qsin qsinh qsqrt qtan qtanh abs acos aimag aint anint asin atan atan2 char cmplx conjg cos cosh exp ichar index int log log10 max min nint sign sin sinh sqrt tan tanh print write dim lge lgt lle llt mod nullify allocate deallocate adjustl adjustr all allocated any associated bit_size btest ceiling count cshift date_and_time digits dot_product eoshift epsilon exponent floor fraction huge iand ibclr ibits ibset ieor ior ishft ishftc lbound len_trim matmul maxexponent maxloc maxval merge minexponent minloc minval modulo mvbits nearest pack present product radix random_number random_seed range repeat reshape rrspacing scale scan selected_int_kind selected_real_kind set_exponent shape size spacing spread sum system_clock tiny transpose trim ubound unpack verify achar iachar transfer dble entry dprod cpu_time command_argument_count get_command get_command_argument get_environment_variable is_iostat_end ieee_arithmetic ieee_support_underflow_control ieee_get_underflow_mode ieee_set_underflow_mode is_iostat_eor move_alloc new_line selected_char_kind same_type_as extends_type_of acosh asinh atanh bessel_j0 bessel_j1 bessel_jn bessel_y0 bessel_y1 bessel_yn erf erfc erfc_scaled gamma log_gamma hypot norm2 atomic_define atomic_ref execute_command_line leadz trailz storage_size merge_bits bge bgt ble blt dshiftl dshiftr findloc iall iany iparity image_index lcobound ucobound maskl maskr num_images parity popcnt poppar shifta shiftl shiftr this_image IRP_ALIGN irp_here"},illegal:/\/\*/,contains:[e.inherit(e.APOS_STRING_MODE,{className:"string",relevance:0}),e.inherit(e.QUOTE_STRING_MODE,{className:"string",relevance:0}),{className:"function",beginKeywords:"subroutine function program",illegal:"[${=\\n]",contains:[e.UNDERSCORE_TITLE_MODE,{className:"params",begin:"\\(",end:"\\)"}]},e.COMMENT("!","$",{relevance:0}),e.COMMENT("begin_doc","end_doc",{relevance:10}),a]}}},14650:function(e){e.exports=function(e){let t="[A-Za-zА-Яа-яёЁ_!][A-Za-zА-Яа-яёЁ_0-9]*",r={className:"number",begin:e.NUMBER_RE,relevance:0},n={className:"string",variants:[{begin:'"',end:'"'},{begin:"'",end:"'"}]},a={className:"doctag",begin:"\\b(?:TODO|DONE|BEGIN|END|STUB|CHG|FIXME|NOTE|BUG|XXX)\\b",relevance:0},i={className:"comment",begin:"//",end:"$",relevance:0,contains:[e.PHRASAL_WORDS_MODE,a]},o={className:"comment",begin:"/\\*",end:"\\*/",relevance:0,contains:[e.PHRASAL_WORDS_MODE,a]},s={variants:[i,o]},l={$pattern:t,keyword:"and и else иначе endexcept endfinally endforeach конецвсе endif конецесли endwhile конецпока except exitfor finally foreach все if если in в not не or или try while пока ",built_in:"SYSRES_CONST_ACCES_RIGHT_TYPE_EDIT SYSRES_CONST_ACCES_RIGHT_TYPE_FULL SYSRES_CONST_ACCES_RIGHT_TYPE_VIEW SYSRES_CONST_ACCESS_MODE_REQUISITE_CODE SYSRES_CONST_ACCESS_NO_ACCESS_VIEW SYSRES_CONST_ACCESS_NO_ACCESS_VIEW_CODE SYSRES_CONST_ACCESS_RIGHTS_ADD_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_ADD_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_CHANGE_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_CHANGE_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_DELETE_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_DELETE_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_EXECUTE_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_EXECUTE_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_NO_ACCESS_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_NO_ACCESS_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_RATIFY_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_RATIFY_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_RIGHTS_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_VIEW SYSRES_CONST_ACCESS_RIGHTS_VIEW_CODE SYSRES_CONST_ACCESS_RIGHTS_VIEW_REQUISITE_CODE SYSRES_CONST_ACCESS_RIGHTS_VIEW_REQUISITE_YES_CODE SYSRES_CONST_ACCESS_TYPE_CHANGE SYSRES_CONST_ACCESS_TYPE_CHANGE_CODE SYSRES_CONST_ACCESS_TYPE_EXISTS SYSRES_CONST_ACCESS_TYPE_EXISTS_CODE SYSRES_CONST_ACCESS_TYPE_FULL SYSRES_CONST_ACCESS_TYPE_FULL_CODE SYSRES_CONST_ACCESS_TYPE_VIEW SYSRES_CONST_ACCESS_TYPE_VIEW_CODE SYSRES_CONST_ACTION_TYPE_ABORT SYSRES_CONST_ACTION_TYPE_ACCEPT SYSRES_CONST_ACTION_TYPE_ACCESS_RIGHTS SYSRES_CONST_ACTION_TYPE_ADD_ATTACHMENT SYSRES_CONST_ACTION_TYPE_CHANGE_CARD SYSRES_CONST_ACTION_TYPE_CHANGE_KIND SYSRES_CONST_ACTION_TYPE_CHANGE_STORAGE SYSRES_CONST_ACTION_TYPE_CONTINUE SYSRES_CONST_ACTION_TYPE_COPY SYSRES_CONST_ACTION_TYPE_CREATE SYSRES_CONST_ACTION_TYPE_CREATE_VERSION SYSRES_CONST_ACTION_TYPE_DELETE SYSRES_CONST_ACTION_TYPE_DELETE_ATTACHMENT SYSRES_CONST_ACTION_TYPE_DELETE_VERSION SYSRES_CONST_ACTION_TYPE_DISABLE_DELEGATE_ACCESS_RIGHTS SYSRES_CONST_ACTION_TYPE_ENABLE_DELEGATE_ACCESS_RIGHTS SYSRES_CONST_ACTION_TYPE_ENCRYPTION_BY_CERTIFICATE SYSRES_CONST_ACTION_TYPE_ENCRYPTION_BY_CERTIFICATE_AND_PASSWORD SYSRES_CONST_ACTION_TYPE_ENCRYPTION_BY_PASSWORD SYSRES_CONST_ACTION_TYPE_EXPORT_WITH_LOCK SYSRES_CONST_ACTION_TYPE_EXPORT_WITHOUT_LOCK SYSRES_CONST_ACTION_TYPE_IMPORT_WITH_UNLOCK SYSRES_CONST_ACTION_TYPE_IMPORT_WITHOUT_UNLOCK SYSRES_CONST_ACTION_TYPE_LIFE_CYCLE_STAGE SYSRES_CONST_ACTION_TYPE_LOCK SYSRES_CONST_ACTION_TYPE_LOCK_FOR_SERVER SYSRES_CONST_ACTION_TYPE_LOCK_MODIFY SYSRES_CONST_ACTION_TYPE_MARK_AS_READED SYSRES_CONST_ACTION_TYPE_MARK_AS_UNREADED SYSRES_CONST_ACTION_TYPE_MODIFY SYSRES_CONST_ACTION_TYPE_MODIFY_CARD SYSRES_CONST_ACTION_TYPE_MOVE_TO_ARCHIVE SYSRES_CONST_ACTION_TYPE_OFF_ENCRYPTION SYSRES_CONST_ACTION_TYPE_PASSWORD_CHANGE SYSRES_CONST_ACTION_TYPE_PERFORM SYSRES_CONST_ACTION_TYPE_RECOVER_FROM_LOCAL_COPY SYSRES_CONST_ACTION_TYPE_RESTART SYSRES_CONST_ACTION_TYPE_RESTORE_FROM_ARCHIVE SYSRES_CONST_ACTION_TYPE_REVISION SYSRES_CONST_ACTION_TYPE_SEND_BY_MAIL SYSRES_CONST_ACTION_TYPE_SIGN SYSRES_CONST_ACTION_TYPE_START SYSRES_CONST_ACTION_TYPE_UNLOCK SYSRES_CONST_ACTION_TYPE_UNLOCK_FROM_SERVER SYSRES_CONST_ACTION_TYPE_VERSION_STATE SYSRES_CONST_ACTION_TYPE_VERSION_VISIBILITY SYSRES_CONST_ACTION_TYPE_VIEW SYSRES_CONST_ACTION_TYPE_VIEW_SHADOW_COPY SYSRES_CONST_ACTION_TYPE_WORKFLOW_DESCRIPTION_MODIFY SYSRES_CONST_ACTION_TYPE_WRITE_HISTORY SYSRES_CONST_ACTIVE_VERSION_STATE_PICK_VALUE SYSRES_CONST_ADD_REFERENCE_MODE_NAME SYSRES_CONST_ADDITION_REQUISITE_CODE SYSRES_CONST_ADDITIONAL_PARAMS_REQUISITE_CODE SYSRES_CONST_ADITIONAL_JOB_END_DATE_REQUISITE_NAME SYSRES_CONST_ADITIONAL_JOB_READ_REQUISITE_NAME SYSRES_CONST_ADITIONAL_JOB_START_DATE_REQUISITE_NAME SYSRES_CONST_ADITIONAL_JOB_STATE_REQUISITE_NAME SYSRES_CONST_ADMINISTRATION_HISTORY_ADDING_USER_TO_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_ADDING_USER_TO_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_COMP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_COMP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_USER_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_CREATION_USER_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_DATABASE_USER_CREATION SYSRES_CONST_ADMINISTRATION_HISTORY_DATABASE_USER_CREATION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DATABASE_USER_DELETION SYSRES_CONST_ADMINISTRATION_HISTORY_DATABASE_USER_DELETION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_COMP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_COMP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_USER_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_USER_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_USER_FROM_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_DELETION_USER_FROM_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_FILTERER_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_FILTERER_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_FILTERER_RESTRICTION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_FILTERER_RESTRICTION_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_PRIVILEGE_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_PRIVILEGE_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_RIGHTS_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_GRANTING_RIGHTS_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_IS_MAIN_SERVER_CHANGED_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_IS_MAIN_SERVER_CHANGED_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_IS_PUBLIC_CHANGED_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_IS_PUBLIC_CHANGED_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_FILTERER_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_FILTERER_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_FILTERER_RESTRICTION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_FILTERER_RESTRICTION_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_PRIVILEGE_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_PRIVILEGE_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_RIGHTS_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_REMOVING_RIGHTS_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_SERVER_LOGIN_CREATION SYSRES_CONST_ADMINISTRATION_HISTORY_SERVER_LOGIN_CREATION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_SERVER_LOGIN_DELETION SYSRES_CONST_ADMINISTRATION_HISTORY_SERVER_LOGIN_DELETION_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_CATEGORY_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_CATEGORY_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_COMP_TITLE_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_COMP_TITLE_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_FULL_NAME_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_FULL_NAME_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_PARENT_GROUP_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_PARENT_GROUP_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_AUTH_TYPE_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_AUTH_TYPE_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_LOGIN_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_LOGIN_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_STATUS_ACTION SYSRES_CONST_ADMINISTRATION_HISTORY_UPDATING_USER_STATUS_ACTION_CODE SYSRES_CONST_ADMINISTRATION_HISTORY_USER_PASSWORD_CHANGE SYSRES_CONST_ADMINISTRATION_HISTORY_USER_PASSWORD_CHANGE_ACTION SYSRES_CONST_ALL_ACCEPT_CONDITION_RUS SYSRES_CONST_ALL_USERS_GROUP SYSRES_CONST_ALL_USERS_GROUP_NAME SYSRES_CONST_ALL_USERS_SERVER_GROUP_NAME SYSRES_CONST_ALLOWED_ACCESS_TYPE_CODE SYSRES_CONST_ALLOWED_ACCESS_TYPE_NAME SYSRES_CONST_APP_VIEWER_TYPE_REQUISITE_CODE SYSRES_CONST_APPROVING_SIGNATURE_NAME SYSRES_CONST_APPROVING_SIGNATURE_REQUISITE_CODE SYSRES_CONST_ASSISTANT_SUBSTITUE_TYPE SYSRES_CONST_ASSISTANT_SUBSTITUE_TYPE_CODE SYSRES_CONST_ATTACH_TYPE_COMPONENT_TOKEN SYSRES_CONST_ATTACH_TYPE_DOC SYSRES_CONST_ATTACH_TYPE_EDOC SYSRES_CONST_ATTACH_TYPE_FOLDER SYSRES_CONST_ATTACH_TYPE_JOB SYSRES_CONST_ATTACH_TYPE_REFERENCE SYSRES_CONST_ATTACH_TYPE_TASK SYSRES_CONST_AUTH_ENCODED_PASSWORD SYSRES_CONST_AUTH_ENCODED_PASSWORD_CODE SYSRES_CONST_AUTH_NOVELL SYSRES_CONST_AUTH_PASSWORD SYSRES_CONST_AUTH_PASSWORD_CODE SYSRES_CONST_AUTH_WINDOWS SYSRES_CONST_AUTHENTICATING_SIGNATURE_NAME SYSRES_CONST_AUTHENTICATING_SIGNATURE_REQUISITE_CODE SYSRES_CONST_AUTO_ENUM_METHOD_FLAG SYSRES_CONST_AUTO_NUMERATION_CODE SYSRES_CONST_AUTO_STRONG_ENUM_METHOD_FLAG SYSRES_CONST_AUTOTEXT_NAME_REQUISITE_CODE SYSRES_CONST_AUTOTEXT_TEXT_REQUISITE_CODE SYSRES_CONST_AUTOTEXT_USAGE_ALL SYSRES_CONST_AUTOTEXT_USAGE_ALL_CODE SYSRES_CONST_AUTOTEXT_USAGE_SIGN SYSRES_CONST_AUTOTEXT_USAGE_SIGN_CODE SYSRES_CONST_AUTOTEXT_USAGE_WORK SYSRES_CONST_AUTOTEXT_USAGE_WORK_CODE SYSRES_CONST_AUTOTEXT_USE_ANYWHERE_CODE SYSRES_CONST_AUTOTEXT_USE_ON_SIGNING_CODE SYSRES_CONST_AUTOTEXT_USE_ON_WORK_CODE SYSRES_CONST_BEGIN_DATE_REQUISITE_CODE SYSRES_CONST_BLACK_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_BLUE_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_BTN_PART SYSRES_CONST_CALCULATED_ROLE_TYPE_CODE SYSRES_CONST_CALL_TYPE_VARIABLE_BUTTON_VALUE SYSRES_CONST_CALL_TYPE_VARIABLE_PROGRAM_VALUE SYSRES_CONST_CANCEL_MESSAGE_FUNCTION_RESULT SYSRES_CONST_CARD_PART SYSRES_CONST_CARD_REFERENCE_MODE_NAME SYSRES_CONST_CERTIFICATE_TYPE_REQUISITE_ENCRYPT_VALUE SYSRES_CONST_CERTIFICATE_TYPE_REQUISITE_SIGN_AND_ENCRYPT_VALUE SYSRES_CONST_CERTIFICATE_TYPE_REQUISITE_SIGN_VALUE SYSRES_CONST_CHECK_PARAM_VALUE_DATE_PARAM_TYPE SYSRES_CONST_CHECK_PARAM_VALUE_FLOAT_PARAM_TYPE SYSRES_CONST_CHECK_PARAM_VALUE_INTEGER_PARAM_TYPE SYSRES_CONST_CHECK_PARAM_VALUE_PICK_PARAM_TYPE SYSRES_CONST_CHECK_PARAM_VALUE_REEFRENCE_PARAM_TYPE SYSRES_CONST_CLOSED_RECORD_FLAG_VALUE_FEMININE SYSRES_CONST_CLOSED_RECORD_FLAG_VALUE_MASCULINE SYSRES_CONST_CODE_COMPONENT_TYPE_ADMIN SYSRES_CONST_CODE_COMPONENT_TYPE_DEVELOPER SYSRES_CONST_CODE_COMPONENT_TYPE_DOCS SYSRES_CONST_CODE_COMPONENT_TYPE_EDOC_CARDS SYSRES_CONST_CODE_COMPONENT_TYPE_EXTERNAL_EXECUTABLE SYSRES_CONST_CODE_COMPONENT_TYPE_OTHER SYSRES_CONST_CODE_COMPONENT_TYPE_REFERENCE SYSRES_CONST_CODE_COMPONENT_TYPE_REPORT SYSRES_CONST_CODE_COMPONENT_TYPE_SCRIPT SYSRES_CONST_CODE_COMPONENT_TYPE_URL SYSRES_CONST_CODE_REQUISITE_ACCESS SYSRES_CONST_CODE_REQUISITE_CODE SYSRES_CONST_CODE_REQUISITE_COMPONENT SYSRES_CONST_CODE_REQUISITE_DESCRIPTION SYSRES_CONST_CODE_REQUISITE_EXCLUDE_COMPONENT SYSRES_CONST_CODE_REQUISITE_RECORD SYSRES_CONST_COMMENT_REQ_CODE SYSRES_CONST_COMMON_SETTINGS_REQUISITE_CODE SYSRES_CONST_COMP_CODE_GRD SYSRES_CONST_COMPONENT_GROUP_TYPE_REQUISITE_CODE SYSRES_CONST_COMPONENT_TYPE_ADMIN_COMPONENTS SYSRES_CONST_COMPONENT_TYPE_DEVELOPER_COMPONENTS SYSRES_CONST_COMPONENT_TYPE_DOCS SYSRES_CONST_COMPONENT_TYPE_EDOC_CARDS SYSRES_CONST_COMPONENT_TYPE_EDOCS SYSRES_CONST_COMPONENT_TYPE_EXTERNAL_EXECUTABLE SYSRES_CONST_COMPONENT_TYPE_OTHER SYSRES_CONST_COMPONENT_TYPE_REFERENCE_TYPES SYSRES_CONST_COMPONENT_TYPE_REFERENCES SYSRES_CONST_COMPONENT_TYPE_REPORTS SYSRES_CONST_COMPONENT_TYPE_SCRIPTS SYSRES_CONST_COMPONENT_TYPE_URL SYSRES_CONST_COMPONENTS_REMOTE_SERVERS_VIEW_CODE SYSRES_CONST_CONDITION_BLOCK_DESCRIPTION SYSRES_CONST_CONST_FIRM_STATUS_COMMON SYSRES_CONST_CONST_FIRM_STATUS_INDIVIDUAL SYSRES_CONST_CONST_NEGATIVE_VALUE SYSRES_CONST_CONST_POSITIVE_VALUE SYSRES_CONST_CONST_SERVER_STATUS_DONT_REPLICATE SYSRES_CONST_CONST_SERVER_STATUS_REPLICATE SYSRES_CONST_CONTENTS_REQUISITE_CODE SYSRES_CONST_DATA_TYPE_BOOLEAN SYSRES_CONST_DATA_TYPE_DATE SYSRES_CONST_DATA_TYPE_FLOAT SYSRES_CONST_DATA_TYPE_INTEGER SYSRES_CONST_DATA_TYPE_PICK SYSRES_CONST_DATA_TYPE_REFERENCE SYSRES_CONST_DATA_TYPE_STRING SYSRES_CONST_DATA_TYPE_TEXT SYSRES_CONST_DATA_TYPE_VARIANT SYSRES_CONST_DATE_CLOSE_REQ_CODE SYSRES_CONST_DATE_FORMAT_DATE_ONLY_CHAR SYSRES_CONST_DATE_OPEN_REQ_CODE SYSRES_CONST_DATE_REQUISITE SYSRES_CONST_DATE_REQUISITE_CODE SYSRES_CONST_DATE_REQUISITE_NAME SYSRES_CONST_DATE_REQUISITE_TYPE SYSRES_CONST_DATE_TYPE_CHAR SYSRES_CONST_DATETIME_FORMAT_VALUE SYSRES_CONST_DEA_ACCESS_RIGHTS_ACTION_CODE SYSRES_CONST_DESCRIPTION_LOCALIZE_ID_REQUISITE_CODE SYSRES_CONST_DESCRIPTION_REQUISITE_CODE SYSRES_CONST_DET1_PART SYSRES_CONST_DET2_PART SYSRES_CONST_DET3_PART SYSRES_CONST_DET4_PART SYSRES_CONST_DET5_PART SYSRES_CONST_DET6_PART SYSRES_CONST_DETAIL_DATASET_KEY_REQUISITE_CODE SYSRES_CONST_DETAIL_PICK_REQUISITE_CODE SYSRES_CONST_DETAIL_REQ_CODE SYSRES_CONST_DO_NOT_USE_ACCESS_TYPE_CODE SYSRES_CONST_DO_NOT_USE_ACCESS_TYPE_NAME SYSRES_CONST_DO_NOT_USE_ON_VIEW_ACCESS_TYPE_CODE SYSRES_CONST_DO_NOT_USE_ON_VIEW_ACCESS_TYPE_NAME SYSRES_CONST_DOCUMENT_STORAGES_CODE SYSRES_CONST_DOCUMENT_TEMPLATES_TYPE_NAME SYSRES_CONST_DOUBLE_REQUISITE_CODE SYSRES_CONST_EDITOR_CLOSE_FILE_OBSERV_TYPE_CODE SYSRES_CONST_EDITOR_CLOSE_PROCESS_OBSERV_TYPE_CODE SYSRES_CONST_EDITOR_TYPE_REQUISITE_CODE SYSRES_CONST_EDITORS_APPLICATION_NAME_REQUISITE_CODE SYSRES_CONST_EDITORS_CREATE_SEVERAL_PROCESSES_REQUISITE_CODE SYSRES_CONST_EDITORS_EXTENSION_REQUISITE_CODE SYSRES_CONST_EDITORS_OBSERVER_BY_PROCESS_TYPE SYSRES_CONST_EDITORS_REFERENCE_CODE SYSRES_CONST_EDITORS_REPLACE_SPEC_CHARS_REQUISITE_CODE SYSRES_CONST_EDITORS_USE_PLUGINS_REQUISITE_CODE SYSRES_CONST_EDITORS_VIEW_DOCUMENT_OPENED_TO_EDIT_CODE SYSRES_CONST_EDOC_CARD_TYPE_REQUISITE_CODE SYSRES_CONST_EDOC_CARD_TYPES_LINK_REQUISITE_CODE SYSRES_CONST_EDOC_CERTIFICATE_AND_PASSWORD_ENCODE_CODE SYSRES_CONST_EDOC_CERTIFICATE_ENCODE_CODE SYSRES_CONST_EDOC_DATE_REQUISITE_CODE SYSRES_CONST_EDOC_KIND_REFERENCE_CODE SYSRES_CONST_EDOC_KINDS_BY_TEMPLATE_ACTION_CODE SYSRES_CONST_EDOC_MANAGE_ACCESS_CODE SYSRES_CONST_EDOC_NONE_ENCODE_CODE SYSRES_CONST_EDOC_NUMBER_REQUISITE_CODE SYSRES_CONST_EDOC_PASSWORD_ENCODE_CODE SYSRES_CONST_EDOC_READONLY_ACCESS_CODE SYSRES_CONST_EDOC_SHELL_LIFE_TYPE_VIEW_VALUE SYSRES_CONST_EDOC_SIZE_RESTRICTION_PRIORITY_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_CHECK_ACCESS_RIGHTS_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_COMPUTER_NAME_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_DATABASE_NAME_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_EDIT_IN_STORAGE_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_LOCAL_PATH_REQUISITE_CODE SYSRES_CONST_EDOC_STORAGE_SHARED_SOURCE_NAME_REQUISITE_CODE SYSRES_CONST_EDOC_TEMPLATE_REQUISITE_CODE SYSRES_CONST_EDOC_TYPES_REFERENCE_CODE SYSRES_CONST_EDOC_VERSION_ACTIVE_STAGE_CODE SYSRES_CONST_EDOC_VERSION_DESIGN_STAGE_CODE SYSRES_CONST_EDOC_VERSION_OBSOLETE_STAGE_CODE SYSRES_CONST_EDOC_WRITE_ACCES_CODE SYSRES_CONST_EDOCUMENT_CARD_REQUISITES_REFERENCE_CODE_SELECTED_REQUISITE SYSRES_CONST_ENCODE_CERTIFICATE_TYPE_CODE SYSRES_CONST_END_DATE_REQUISITE_CODE SYSRES_CONST_ENUMERATION_TYPE_REQUISITE_CODE SYSRES_CONST_EXECUTE_ACCESS_RIGHTS_TYPE_CODE SYSRES_CONST_EXECUTIVE_FILE_STORAGE_TYPE SYSRES_CONST_EXIST_CONST SYSRES_CONST_EXIST_VALUE SYSRES_CONST_EXPORT_LOCK_TYPE_ASK SYSRES_CONST_EXPORT_LOCK_TYPE_WITH_LOCK SYSRES_CONST_EXPORT_LOCK_TYPE_WITHOUT_LOCK SYSRES_CONST_EXPORT_VERSION_TYPE_ASK SYSRES_CONST_EXPORT_VERSION_TYPE_LAST SYSRES_CONST_EXPORT_VERSION_TYPE_LAST_ACTIVE SYSRES_CONST_EXTENSION_REQUISITE_CODE SYSRES_CONST_FILTER_NAME_REQUISITE_CODE SYSRES_CONST_FILTER_REQUISITE_CODE SYSRES_CONST_FILTER_TYPE_COMMON_CODE SYSRES_CONST_FILTER_TYPE_COMMON_NAME SYSRES_CONST_FILTER_TYPE_USER_CODE SYSRES_CONST_FILTER_TYPE_USER_NAME SYSRES_CONST_FILTER_VALUE_REQUISITE_NAME SYSRES_CONST_FLOAT_NUMBER_FORMAT_CHAR SYSRES_CONST_FLOAT_REQUISITE_TYPE SYSRES_CONST_FOLDER_AUTHOR_VALUE SYSRES_CONST_FOLDER_KIND_ANY_OBJECTS SYSRES_CONST_FOLDER_KIND_COMPONENTS SYSRES_CONST_FOLDER_KIND_EDOCS SYSRES_CONST_FOLDER_KIND_JOBS SYSRES_CONST_FOLDER_KIND_TASKS SYSRES_CONST_FOLDER_TYPE_COMMON SYSRES_CONST_FOLDER_TYPE_COMPONENT SYSRES_CONST_FOLDER_TYPE_FAVORITES SYSRES_CONST_FOLDER_TYPE_INBOX SYSRES_CONST_FOLDER_TYPE_OUTBOX SYSRES_CONST_FOLDER_TYPE_QUICK_LAUNCH SYSRES_CONST_FOLDER_TYPE_SEARCH SYSRES_CONST_FOLDER_TYPE_SHORTCUTS SYSRES_CONST_FOLDER_TYPE_USER SYSRES_CONST_FROM_DICTIONARY_ENUM_METHOD_FLAG SYSRES_CONST_FULL_SUBSTITUTE_TYPE SYSRES_CONST_FULL_SUBSTITUTE_TYPE_CODE SYSRES_CONST_FUNCTION_CANCEL_RESULT SYSRES_CONST_FUNCTION_CATEGORY_SYSTEM SYSRES_CONST_FUNCTION_CATEGORY_USER SYSRES_CONST_FUNCTION_FAILURE_RESULT SYSRES_CONST_FUNCTION_SAVE_RESULT SYSRES_CONST_GENERATED_REQUISITE SYSRES_CONST_GREEN_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_GROUP_ACCOUNT_TYPE_VALUE_CODE SYSRES_CONST_GROUP_CATEGORY_NORMAL_CODE SYSRES_CONST_GROUP_CATEGORY_NORMAL_NAME SYSRES_CONST_GROUP_CATEGORY_SERVICE_CODE SYSRES_CONST_GROUP_CATEGORY_SERVICE_NAME SYSRES_CONST_GROUP_COMMON_CATEGORY_FIELD_VALUE SYSRES_CONST_GROUP_FULL_NAME_REQUISITE_CODE SYSRES_CONST_GROUP_NAME_REQUISITE_CODE SYSRES_CONST_GROUP_RIGHTS_T_REQUISITE_CODE SYSRES_CONST_GROUP_SERVER_CODES_REQUISITE_CODE SYSRES_CONST_GROUP_SERVER_NAME_REQUISITE_CODE SYSRES_CONST_GROUP_SERVICE_CATEGORY_FIELD_VALUE SYSRES_CONST_GROUP_USER_REQUISITE_CODE SYSRES_CONST_GROUPS_REFERENCE_CODE SYSRES_CONST_GROUPS_REQUISITE_CODE SYSRES_CONST_HIDDEN_MODE_NAME SYSRES_CONST_HIGH_LVL_REQUISITE_CODE SYSRES_CONST_HISTORY_ACTION_CREATE_CODE SYSRES_CONST_HISTORY_ACTION_DELETE_CODE SYSRES_CONST_HISTORY_ACTION_EDIT_CODE SYSRES_CONST_HOUR_CHAR SYSRES_CONST_ID_REQUISITE_CODE SYSRES_CONST_IDSPS_REQUISITE_CODE SYSRES_CONST_IMAGE_MODE_COLOR SYSRES_CONST_IMAGE_MODE_GREYSCALE SYSRES_CONST_IMAGE_MODE_MONOCHROME SYSRES_CONST_IMPORTANCE_HIGH SYSRES_CONST_IMPORTANCE_LOW SYSRES_CONST_IMPORTANCE_NORMAL SYSRES_CONST_IN_DESIGN_VERSION_STATE_PICK_VALUE SYSRES_CONST_INCOMING_WORK_RULE_TYPE_CODE SYSRES_CONST_INT_REQUISITE SYSRES_CONST_INT_REQUISITE_TYPE SYSRES_CONST_INTEGER_NUMBER_FORMAT_CHAR SYSRES_CONST_INTEGER_TYPE_CHAR SYSRES_CONST_IS_GENERATED_REQUISITE_NEGATIVE_VALUE SYSRES_CONST_IS_PUBLIC_ROLE_REQUISITE_CODE SYSRES_CONST_IS_REMOTE_USER_NEGATIVE_VALUE SYSRES_CONST_IS_REMOTE_USER_POSITIVE_VALUE SYSRES_CONST_IS_STORED_REQUISITE_NEGATIVE_VALUE SYSRES_CONST_IS_STORED_REQUISITE_STORED_VALUE SYSRES_CONST_ITALIC_LIFE_CYCLE_STAGE_DRAW_STYLE SYSRES_CONST_JOB_BLOCK_DESCRIPTION SYSRES_CONST_JOB_KIND_CONTROL_JOB SYSRES_CONST_JOB_KIND_JOB SYSRES_CONST_JOB_KIND_NOTICE SYSRES_CONST_JOB_STATE_ABORTED SYSRES_CONST_JOB_STATE_COMPLETE SYSRES_CONST_JOB_STATE_WORKING SYSRES_CONST_KIND_REQUISITE_CODE SYSRES_CONST_KIND_REQUISITE_NAME SYSRES_CONST_KINDS_CREATE_SHADOW_COPIES_REQUISITE_CODE SYSRES_CONST_KINDS_DEFAULT_EDOC_LIFE_STAGE_REQUISITE_CODE SYSRES_CONST_KINDS_EDOC_ALL_TEPLATES_ALLOWED_REQUISITE_CODE SYSRES_CONST_KINDS_EDOC_ALLOW_LIFE_CYCLE_STAGE_CHANGING_REQUISITE_CODE SYSRES_CONST_KINDS_EDOC_ALLOW_MULTIPLE_ACTIVE_VERSIONS_REQUISITE_CODE SYSRES_CONST_KINDS_EDOC_SHARE_ACCES_RIGHTS_BY_DEFAULT_CODE SYSRES_CONST_KINDS_EDOC_TEMPLATE_REQUISITE_CODE SYSRES_CONST_KINDS_EDOC_TYPE_REQUISITE_CODE SYSRES_CONST_KINDS_SIGNERS_REQUISITES_CODE SYSRES_CONST_KOD_INPUT_TYPE SYSRES_CONST_LAST_UPDATE_DATE_REQUISITE_CODE SYSRES_CONST_LIFE_CYCLE_START_STAGE_REQUISITE_CODE SYSRES_CONST_LILAC_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_LINK_OBJECT_KIND_COMPONENT SYSRES_CONST_LINK_OBJECT_KIND_DOCUMENT SYSRES_CONST_LINK_OBJECT_KIND_EDOC SYSRES_CONST_LINK_OBJECT_KIND_FOLDER SYSRES_CONST_LINK_OBJECT_KIND_JOB SYSRES_CONST_LINK_OBJECT_KIND_REFERENCE SYSRES_CONST_LINK_OBJECT_KIND_TASK SYSRES_CONST_LINK_REF_TYPE_REQUISITE_CODE SYSRES_CONST_LIST_REFERENCE_MODE_NAME SYSRES_CONST_LOCALIZATION_DICTIONARY_MAIN_VIEW_CODE SYSRES_CONST_MAIN_VIEW_CODE SYSRES_CONST_MANUAL_ENUM_METHOD_FLAG SYSRES_CONST_MASTER_COMP_TYPE_REQUISITE_CODE SYSRES_CONST_MASTER_TABLE_REC_ID_REQUISITE_CODE SYSRES_CONST_MAXIMIZED_MODE_NAME SYSRES_CONST_ME_VALUE SYSRES_CONST_MESSAGE_ATTENTION_CAPTION SYSRES_CONST_MESSAGE_CONFIRMATION_CAPTION SYSRES_CONST_MESSAGE_ERROR_CAPTION SYSRES_CONST_MESSAGE_INFORMATION_CAPTION SYSRES_CONST_MINIMIZED_MODE_NAME SYSRES_CONST_MINUTE_CHAR SYSRES_CONST_MODULE_REQUISITE_CODE SYSRES_CONST_MONITORING_BLOCK_DESCRIPTION SYSRES_CONST_MONTH_FORMAT_VALUE SYSRES_CONST_NAME_LOCALIZE_ID_REQUISITE_CODE SYSRES_CONST_NAME_REQUISITE_CODE SYSRES_CONST_NAME_SINGULAR_REQUISITE_CODE SYSRES_CONST_NAMEAN_INPUT_TYPE SYSRES_CONST_NEGATIVE_PICK_VALUE SYSRES_CONST_NEGATIVE_VALUE SYSRES_CONST_NO SYSRES_CONST_NO_PICK_VALUE SYSRES_CONST_NO_SIGNATURE_REQUISITE_CODE SYSRES_CONST_NO_VALUE SYSRES_CONST_NONE_ACCESS_RIGHTS_TYPE_CODE SYSRES_CONST_NONOPERATING_RECORD_FLAG_VALUE SYSRES_CONST_NONOPERATING_RECORD_FLAG_VALUE_MASCULINE SYSRES_CONST_NORMAL_ACCESS_RIGHTS_TYPE_CODE SYSRES_CONST_NORMAL_LIFE_CYCLE_STAGE_DRAW_STYLE SYSRES_CONST_NORMAL_MODE_NAME SYSRES_CONST_NOT_ALLOWED_ACCESS_TYPE_CODE SYSRES_CONST_NOT_ALLOWED_ACCESS_TYPE_NAME SYSRES_CONST_NOTE_REQUISITE_CODE SYSRES_CONST_NOTICE_BLOCK_DESCRIPTION SYSRES_CONST_NUM_REQUISITE SYSRES_CONST_NUM_STR_REQUISITE_CODE SYSRES_CONST_NUMERATION_AUTO_NOT_STRONG SYSRES_CONST_NUMERATION_AUTO_STRONG SYSRES_CONST_NUMERATION_FROM_DICTONARY SYSRES_CONST_NUMERATION_MANUAL SYSRES_CONST_NUMERIC_TYPE_CHAR SYSRES_CONST_NUMREQ_REQUISITE_CODE SYSRES_CONST_OBSOLETE_VERSION_STATE_PICK_VALUE SYSRES_CONST_OPERATING_RECORD_FLAG_VALUE SYSRES_CONST_OPERATING_RECORD_FLAG_VALUE_CODE SYSRES_CONST_OPERATING_RECORD_FLAG_VALUE_FEMININE SYSRES_CONST_OPERATING_RECORD_FLAG_VALUE_MASCULINE SYSRES_CONST_OPTIONAL_FORM_COMP_REQCODE_PREFIX SYSRES_CONST_ORANGE_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_ORIGINALREF_REQUISITE_CODE SYSRES_CONST_OURFIRM_REF_CODE SYSRES_CONST_OURFIRM_REQUISITE_CODE SYSRES_CONST_OURFIRM_VAR SYSRES_CONST_OUTGOING_WORK_RULE_TYPE_CODE SYSRES_CONST_PICK_NEGATIVE_RESULT SYSRES_CONST_PICK_POSITIVE_RESULT SYSRES_CONST_PICK_REQUISITE SYSRES_CONST_PICK_REQUISITE_TYPE SYSRES_CONST_PICK_TYPE_CHAR SYSRES_CONST_PLAN_STATUS_REQUISITE_CODE SYSRES_CONST_PLATFORM_VERSION_COMMENT SYSRES_CONST_PLUGINS_SETTINGS_DESCRIPTION_REQUISITE_CODE SYSRES_CONST_POSITIVE_PICK_VALUE SYSRES_CONST_POWER_TO_CREATE_ACTION_CODE SYSRES_CONST_POWER_TO_SIGN_ACTION_CODE SYSRES_CONST_PRIORITY_REQUISITE_CODE SYSRES_CONST_QUALIFIED_TASK_TYPE SYSRES_CONST_QUALIFIED_TASK_TYPE_CODE SYSRES_CONST_RECSTAT_REQUISITE_CODE SYSRES_CONST_RED_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_REF_ID_T_REF_TYPE_REQUISITE_CODE SYSRES_CONST_REF_REQUISITE SYSRES_CONST_REF_REQUISITE_TYPE SYSRES_CONST_REF_REQUISITES_REFERENCE_CODE_SELECTED_REQUISITE SYSRES_CONST_REFERENCE_RECORD_HISTORY_CREATE_ACTION_CODE SYSRES_CONST_REFERENCE_RECORD_HISTORY_DELETE_ACTION_CODE SYSRES_CONST_REFERENCE_RECORD_HISTORY_MODIFY_ACTION_CODE SYSRES_CONST_REFERENCE_TYPE_CHAR SYSRES_CONST_REFERENCE_TYPE_REQUISITE_NAME SYSRES_CONST_REFERENCES_ADD_PARAMS_REQUISITE_CODE SYSRES_CONST_REFERENCES_DISPLAY_REQUISITE_REQUISITE_CODE SYSRES_CONST_REMOTE_SERVER_STATUS_WORKING SYSRES_CONST_REMOTE_SERVER_TYPE_MAIN SYSRES_CONST_REMOTE_SERVER_TYPE_SECONDARY SYSRES_CONST_REMOTE_USER_FLAG_VALUE_CODE SYSRES_CONST_REPORT_APP_EDITOR_INTERNAL SYSRES_CONST_REPORT_BASE_REPORT_ID_REQUISITE_CODE SYSRES_CONST_REPORT_BASE_REPORT_REQUISITE_CODE SYSRES_CONST_REPORT_SCRIPT_REQUISITE_CODE SYSRES_CONST_REPORT_TEMPLATE_REQUISITE_CODE SYSRES_CONST_REPORT_VIEWER_CODE_REQUISITE_CODE SYSRES_CONST_REQ_ALLOW_COMPONENT_DEFAULT_VALUE SYSRES_CONST_REQ_ALLOW_RECORD_DEFAULT_VALUE SYSRES_CONST_REQ_ALLOW_SERVER_COMPONENT_DEFAULT_VALUE SYSRES_CONST_REQ_MODE_AVAILABLE_CODE SYSRES_CONST_REQ_MODE_EDIT_CODE SYSRES_CONST_REQ_MODE_HIDDEN_CODE SYSRES_CONST_REQ_MODE_NOT_AVAILABLE_CODE SYSRES_CONST_REQ_MODE_VIEW_CODE SYSRES_CONST_REQ_NUMBER_REQUISITE_CODE SYSRES_CONST_REQ_SECTION_VALUE SYSRES_CONST_REQ_TYPE_VALUE SYSRES_CONST_REQUISITE_FORMAT_BY_UNIT SYSRES_CONST_REQUISITE_FORMAT_DATE_FULL SYSRES_CONST_REQUISITE_FORMAT_DATE_TIME SYSRES_CONST_REQUISITE_FORMAT_LEFT SYSRES_CONST_REQUISITE_FORMAT_RIGHT SYSRES_CONST_REQUISITE_FORMAT_WITHOUT_UNIT SYSRES_CONST_REQUISITE_NUMBER_REQUISITE_CODE SYSRES_CONST_REQUISITE_SECTION_ACTIONS SYSRES_CONST_REQUISITE_SECTION_BUTTON SYSRES_CONST_REQUISITE_SECTION_BUTTONS SYSRES_CONST_REQUISITE_SECTION_CARD SYSRES_CONST_REQUISITE_SECTION_TABLE SYSRES_CONST_REQUISITE_SECTION_TABLE10 SYSRES_CONST_REQUISITE_SECTION_TABLE11 SYSRES_CONST_REQUISITE_SECTION_TABLE12 SYSRES_CONST_REQUISITE_SECTION_TABLE13 SYSRES_CONST_REQUISITE_SECTION_TABLE14 SYSRES_CONST_REQUISITE_SECTION_TABLE15 SYSRES_CONST_REQUISITE_SECTION_TABLE16 SYSRES_CONST_REQUISITE_SECTION_TABLE17 SYSRES_CONST_REQUISITE_SECTION_TABLE18 SYSRES_CONST_REQUISITE_SECTION_TABLE19 SYSRES_CONST_REQUISITE_SECTION_TABLE2 SYSRES_CONST_REQUISITE_SECTION_TABLE20 SYSRES_CONST_REQUISITE_SECTION_TABLE21 SYSRES_CONST_REQUISITE_SECTION_TABLE22 SYSRES_CONST_REQUISITE_SECTION_TABLE23 SYSRES_CONST_REQUISITE_SECTION_TABLE24 SYSRES_CONST_REQUISITE_SECTION_TABLE3 SYSRES_CONST_REQUISITE_SECTION_TABLE4 SYSRES_CONST_REQUISITE_SECTION_TABLE5 SYSRES_CONST_REQUISITE_SECTION_TABLE6 SYSRES_CONST_REQUISITE_SECTION_TABLE7 SYSRES_CONST_REQUISITE_SECTION_TABLE8 SYSRES_CONST_REQUISITE_SECTION_TABLE9 SYSRES_CONST_REQUISITES_PSEUDOREFERENCE_REQUISITE_NUMBER_REQUISITE_CODE SYSRES_CONST_RIGHT_ALIGNMENT_CODE SYSRES_CONST_ROLES_REFERENCE_CODE SYSRES_CONST_ROUTE_STEP_AFTER_RUS SYSRES_CONST_ROUTE_STEP_AND_CONDITION_RUS SYSRES_CONST_ROUTE_STEP_OR_CONDITION_RUS SYSRES_CONST_ROUTE_TYPE_COMPLEX SYSRES_CONST_ROUTE_TYPE_PARALLEL SYSRES_CONST_ROUTE_TYPE_SERIAL SYSRES_CONST_SBDATASETDESC_NEGATIVE_VALUE SYSRES_CONST_SBDATASETDESC_POSITIVE_VALUE SYSRES_CONST_SBVIEWSDESC_POSITIVE_VALUE SYSRES_CONST_SCRIPT_BLOCK_DESCRIPTION SYSRES_CONST_SEARCH_BY_TEXT_REQUISITE_CODE SYSRES_CONST_SEARCHES_COMPONENT_CONTENT SYSRES_CONST_SEARCHES_CRITERIA_ACTION_NAME SYSRES_CONST_SEARCHES_EDOC_CONTENT SYSRES_CONST_SEARCHES_FOLDER_CONTENT SYSRES_CONST_SEARCHES_JOB_CONTENT SYSRES_CONST_SEARCHES_REFERENCE_CODE SYSRES_CONST_SEARCHES_TASK_CONTENT SYSRES_CONST_SECOND_CHAR SYSRES_CONST_SECTION_REQUISITE_ACTIONS_VALUE SYSRES_CONST_SECTION_REQUISITE_CARD_VALUE SYSRES_CONST_SECTION_REQUISITE_CODE SYSRES_CONST_SECTION_REQUISITE_DETAIL_1_VALUE SYSRES_CONST_SECTION_REQUISITE_DETAIL_2_VALUE SYSRES_CONST_SECTION_REQUISITE_DETAIL_3_VALUE SYSRES_CONST_SECTION_REQUISITE_DETAIL_4_VALUE SYSRES_CONST_SECTION_REQUISITE_DETAIL_5_VALUE SYSRES_CONST_SECTION_REQUISITE_DETAIL_6_VALUE SYSRES_CONST_SELECT_REFERENCE_MODE_NAME SYSRES_CONST_SELECT_TYPE_SELECTABLE SYSRES_CONST_SELECT_TYPE_SELECTABLE_ONLY_CHILD SYSRES_CONST_SELECT_TYPE_SELECTABLE_WITH_CHILD SYSRES_CONST_SELECT_TYPE_UNSLECTABLE SYSRES_CONST_SERVER_TYPE_MAIN SYSRES_CONST_SERVICE_USER_CATEGORY_FIELD_VALUE SYSRES_CONST_SETTINGS_USER_REQUISITE_CODE SYSRES_CONST_SIGNATURE_AND_ENCODE_CERTIFICATE_TYPE_CODE SYSRES_CONST_SIGNATURE_CERTIFICATE_TYPE_CODE SYSRES_CONST_SINGULAR_TITLE_REQUISITE_CODE SYSRES_CONST_SQL_SERVER_AUTHENTIFICATION_FLAG_VALUE_CODE SYSRES_CONST_SQL_SERVER_ENCODE_AUTHENTIFICATION_FLAG_VALUE_CODE SYSRES_CONST_STANDART_ROUTE_REFERENCE_CODE SYSRES_CONST_STANDART_ROUTE_REFERENCE_COMMENT_REQUISITE_CODE SYSRES_CONST_STANDART_ROUTES_GROUPS_REFERENCE_CODE SYSRES_CONST_STATE_REQ_NAME SYSRES_CONST_STATE_REQUISITE_ACTIVE_VALUE SYSRES_CONST_STATE_REQUISITE_CLOSED_VALUE SYSRES_CONST_STATE_REQUISITE_CODE SYSRES_CONST_STATIC_ROLE_TYPE_CODE SYSRES_CONST_STATUS_PLAN_DEFAULT_VALUE SYSRES_CONST_STATUS_VALUE_AUTOCLEANING SYSRES_CONST_STATUS_VALUE_BLUE_SQUARE SYSRES_CONST_STATUS_VALUE_COMPLETE SYSRES_CONST_STATUS_VALUE_GREEN_SQUARE SYSRES_CONST_STATUS_VALUE_ORANGE_SQUARE SYSRES_CONST_STATUS_VALUE_PURPLE_SQUARE SYSRES_CONST_STATUS_VALUE_RED_SQUARE SYSRES_CONST_STATUS_VALUE_SUSPEND SYSRES_CONST_STATUS_VALUE_YELLOW_SQUARE SYSRES_CONST_STDROUTE_SHOW_TO_USERS_REQUISITE_CODE SYSRES_CONST_STORAGE_TYPE_FILE SYSRES_CONST_STORAGE_TYPE_SQL_SERVER SYSRES_CONST_STR_REQUISITE SYSRES_CONST_STRIKEOUT_LIFE_CYCLE_STAGE_DRAW_STYLE SYSRES_CONST_STRING_FORMAT_LEFT_ALIGN_CHAR SYSRES_CONST_STRING_FORMAT_RIGHT_ALIGN_CHAR SYSRES_CONST_STRING_REQUISITE_CODE SYSRES_CONST_STRING_REQUISITE_TYPE SYSRES_CONST_STRING_TYPE_CHAR SYSRES_CONST_SUBSTITUTES_PSEUDOREFERENCE_CODE SYSRES_CONST_SUBTASK_BLOCK_DESCRIPTION SYSRES_CONST_SYSTEM_SETTING_CURRENT_USER_PARAM_VALUE SYSRES_CONST_SYSTEM_SETTING_EMPTY_VALUE_PARAM_VALUE SYSRES_CONST_SYSTEM_VERSION_COMMENT SYSRES_CONST_TASK_ACCESS_TYPE_ALL SYSRES_CONST_TASK_ACCESS_TYPE_ALL_MEMBERS SYSRES_CONST_TASK_ACCESS_TYPE_MANUAL SYSRES_CONST_TASK_ENCODE_TYPE_CERTIFICATION SYSRES_CONST_TASK_ENCODE_TYPE_CERTIFICATION_AND_PASSWORD SYSRES_CONST_TASK_ENCODE_TYPE_NONE SYSRES_CONST_TASK_ENCODE_TYPE_PASSWORD SYSRES_CONST_TASK_ROUTE_ALL_CONDITION SYSRES_CONST_TASK_ROUTE_AND_CONDITION SYSRES_CONST_TASK_ROUTE_OR_CONDITION SYSRES_CONST_TASK_STATE_ABORTED SYSRES_CONST_TASK_STATE_COMPLETE SYSRES_CONST_TASK_STATE_CONTINUED SYSRES_CONST_TASK_STATE_CONTROL SYSRES_CONST_TASK_STATE_INIT SYSRES_CONST_TASK_STATE_WORKING SYSRES_CONST_TASK_TITLE SYSRES_CONST_TASK_TYPES_GROUPS_REFERENCE_CODE SYSRES_CONST_TASK_TYPES_REFERENCE_CODE SYSRES_CONST_TEMPLATES_REFERENCE_CODE SYSRES_CONST_TEST_DATE_REQUISITE_NAME SYSRES_CONST_TEST_DEV_DATABASE_NAME SYSRES_CONST_TEST_DEV_SYSTEM_CODE SYSRES_CONST_TEST_EDMS_DATABASE_NAME SYSRES_CONST_TEST_EDMS_MAIN_CODE SYSRES_CONST_TEST_EDMS_MAIN_DB_NAME SYSRES_CONST_TEST_EDMS_SECOND_CODE SYSRES_CONST_TEST_EDMS_SECOND_DB_NAME SYSRES_CONST_TEST_EDMS_SYSTEM_CODE SYSRES_CONST_TEST_NUMERIC_REQUISITE_NAME SYSRES_CONST_TEXT_REQUISITE SYSRES_CONST_TEXT_REQUISITE_CODE SYSRES_CONST_TEXT_REQUISITE_TYPE SYSRES_CONST_TEXT_TYPE_CHAR SYSRES_CONST_TYPE_CODE_REQUISITE_CODE SYSRES_CONST_TYPE_REQUISITE_CODE SYSRES_CONST_UNDEFINED_LIFE_CYCLE_STAGE_FONT_COLOR SYSRES_CONST_UNITS_SECTION_ID_REQUISITE_CODE SYSRES_CONST_UNITS_SECTION_REQUISITE_CODE SYSRES_CONST_UNOPERATING_RECORD_FLAG_VALUE_CODE SYSRES_CONST_UNSTORED_DATA_REQUISITE_CODE SYSRES_CONST_UNSTORED_DATA_REQUISITE_NAME SYSRES_CONST_USE_ACCESS_TYPE_CODE SYSRES_CONST_USE_ACCESS_TYPE_NAME SYSRES_CONST_USER_ACCOUNT_TYPE_VALUE_CODE SYSRES_CONST_USER_ADDITIONAL_INFORMATION_REQUISITE_CODE SYSRES_CONST_USER_AND_GROUP_ID_FROM_PSEUDOREFERENCE_REQUISITE_CODE SYSRES_CONST_USER_CATEGORY_NORMAL SYSRES_CONST_USER_CERTIFICATE_REQUISITE_CODE SYSRES_CONST_USER_CERTIFICATE_STATE_REQUISITE_CODE SYSRES_CONST_USER_CERTIFICATE_SUBJECT_NAME_REQUISITE_CODE SYSRES_CONST_USER_CERTIFICATE_THUMBPRINT_REQUISITE_CODE SYSRES_CONST_USER_COMMON_CATEGORY SYSRES_CONST_USER_COMMON_CATEGORY_CODE SYSRES_CONST_USER_FULL_NAME_REQUISITE_CODE SYSRES_CONST_USER_GROUP_TYPE_REQUISITE_CODE SYSRES_CONST_USER_LOGIN_REQUISITE_CODE SYSRES_CONST_USER_REMOTE_CONTROLLER_REQUISITE_CODE SYSRES_CONST_USER_REMOTE_SYSTEM_REQUISITE_CODE SYSRES_CONST_USER_RIGHTS_T_REQUISITE_CODE SYSRES_CONST_USER_SERVER_NAME_REQUISITE_CODE SYSRES_CONST_USER_SERVICE_CATEGORY SYSRES_CONST_USER_SERVICE_CATEGORY_CODE SYSRES_CONST_USER_STATUS_ADMINISTRATOR_CODE SYSRES_CONST_USER_STATUS_ADMINISTRATOR_NAME SYSRES_CONST_USER_STATUS_DEVELOPER_CODE SYSRES_CONST_USER_STATUS_DEVELOPER_NAME SYSRES_CONST_USER_STATUS_DISABLED_CODE SYSRES_CONST_USER_STATUS_DISABLED_NAME SYSRES_CONST_USER_STATUS_SYSTEM_DEVELOPER_CODE SYSRES_CONST_USER_STATUS_USER_CODE SYSRES_CONST_USER_STATUS_USER_NAME SYSRES_CONST_USER_STATUS_USER_NAME_DEPRECATED SYSRES_CONST_USER_TYPE_FIELD_VALUE_USER SYSRES_CONST_USER_TYPE_REQUISITE_CODE SYSRES_CONST_USERS_CONTROLLER_REQUISITE_CODE SYSRES_CONST_USERS_IS_MAIN_SERVER_REQUISITE_CODE SYSRES_CONST_USERS_REFERENCE_CODE SYSRES_CONST_USERS_REGISTRATION_CERTIFICATES_ACTION_NAME SYSRES_CONST_USERS_REQUISITE_CODE SYSRES_CONST_USERS_SYSTEM_REQUISITE_CODE SYSRES_CONST_USERS_USER_ACCESS_RIGHTS_TYPR_REQUISITE_CODE SYSRES_CONST_USERS_USER_AUTHENTICATION_REQUISITE_CODE SYSRES_CONST_USERS_USER_COMPONENT_REQUISITE_CODE SYSRES_CONST_USERS_USER_GROUP_REQUISITE_CODE SYSRES_CONST_USERS_VIEW_CERTIFICATES_ACTION_NAME SYSRES_CONST_VIEW_DEFAULT_CODE SYSRES_CONST_VIEW_DEFAULT_NAME SYSRES_CONST_VIEWER_REQUISITE_CODE SYSRES_CONST_WAITING_BLOCK_DESCRIPTION SYSRES_CONST_WIZARD_FORM_LABEL_TEST_STRING SYSRES_CONST_WIZARD_QUERY_PARAM_HEIGHT_ETALON_STRING SYSRES_CONST_WIZARD_REFERENCE_COMMENT_REQUISITE_CODE SYSRES_CONST_WORK_RULES_DESCRIPTION_REQUISITE_CODE SYSRES_CONST_WORK_TIME_CALENDAR_REFERENCE_CODE SYSRES_CONST_WORK_WORKFLOW_HARD_ROUTE_TYPE_VALUE SYSRES_CONST_WORK_WORKFLOW_HARD_ROUTE_TYPE_VALUE_CODE SYSRES_CONST_WORK_WORKFLOW_HARD_ROUTE_TYPE_VALUE_CODE_RUS SYSRES_CONST_WORK_WORKFLOW_SOFT_ROUTE_TYPE_VALUE_CODE_RUS SYSRES_CONST_WORKFLOW_ROUTE_TYPR_HARD SYSRES_CONST_WORKFLOW_ROUTE_TYPR_SOFT SYSRES_CONST_XML_ENCODING SYSRES_CONST_XREC_STAT_REQUISITE_CODE SYSRES_CONST_XRECID_FIELD_NAME SYSRES_CONST_YES SYSRES_CONST_YES_NO_2_REQUISITE_CODE SYSRES_CONST_YES_NO_REQUISITE_CODE SYSRES_CONST_YES_NO_T_REF_TYPE_REQUISITE_CODE SYSRES_CONST_YES_PICK_VALUE SYSRES_CONST_YES_VALUE CR FALSE nil NO_VALUE NULL TAB TRUE YES_VALUE ADMINISTRATORS_GROUP_NAME CUSTOMIZERS_GROUP_NAME DEVELOPERS_GROUP_NAME SERVICE_USERS_GROUP_NAME DECISION_BLOCK_FIRST_OPERAND_PROPERTY DECISION_BLOCK_NAME_PROPERTY DECISION_BLOCK_OPERATION_PROPERTY DECISION_BLOCK_RESULT_TYPE_PROPERTY DECISION_BLOCK_SECOND_OPERAND_PROPERTY ANY_FILE_EXTENTION COMPRESSED_DOCUMENT_EXTENSION EXTENDED_DOCUMENT_EXTENSION SHORT_COMPRESSED_DOCUMENT_EXTENSION SHORT_EXTENDED_DOCUMENT_EXTENSION JOB_BLOCK_ABORT_DEADLINE_PROPERTY JOB_BLOCK_AFTER_FINISH_EVENT JOB_BLOCK_AFTER_QUERY_PARAMETERS_EVENT JOB_BLOCK_ATTACHMENT_PROPERTY JOB_BLOCK_ATTACHMENTS_RIGHTS_GROUP_PROPERTY JOB_BLOCK_ATTACHMENTS_RIGHTS_TYPE_PROPERTY JOB_BLOCK_BEFORE_QUERY_PARAMETERS_EVENT JOB_BLOCK_BEFORE_START_EVENT JOB_BLOCK_CREATED_JOBS_PROPERTY JOB_BLOCK_DEADLINE_PROPERTY JOB_BLOCK_EXECUTION_RESULTS_PROPERTY JOB_BLOCK_IS_PARALLEL_PROPERTY JOB_BLOCK_IS_RELATIVE_ABORT_DEADLINE_PROPERTY JOB_BLOCK_IS_RELATIVE_DEADLINE_PROPERTY JOB_BLOCK_JOB_TEXT_PROPERTY JOB_BLOCK_NAME_PROPERTY JOB_BLOCK_NEED_SIGN_ON_PERFORM_PROPERTY JOB_BLOCK_PERFORMER_PROPERTY JOB_BLOCK_RELATIVE_ABORT_DEADLINE_TYPE_PROPERTY JOB_BLOCK_RELATIVE_DEADLINE_TYPE_PROPERTY JOB_BLOCK_SUBJECT_PROPERTY ENGLISH_LANGUAGE_CODE RUSSIAN_LANGUAGE_CODE smHidden smMaximized smMinimized smNormal wmNo wmYes COMPONENT_TOKEN_LINK_KIND DOCUMENT_LINK_KIND EDOCUMENT_LINK_KIND FOLDER_LINK_KIND JOB_LINK_KIND REFERENCE_LINK_KIND TASK_LINK_KIND COMPONENT_TOKEN_LOCK_TYPE EDOCUMENT_VERSION_LOCK_TYPE MONITOR_BLOCK_AFTER_FINISH_EVENT MONITOR_BLOCK_BEFORE_START_EVENT MONITOR_BLOCK_DEADLINE_PROPERTY MONITOR_BLOCK_INTERVAL_PROPERTY MONITOR_BLOCK_INTERVAL_TYPE_PROPERTY MONITOR_BLOCK_IS_RELATIVE_DEADLINE_PROPERTY MONITOR_BLOCK_NAME_PROPERTY MONITOR_BLOCK_RELATIVE_DEADLINE_TYPE_PROPERTY MONITOR_BLOCK_SEARCH_SCRIPT_PROPERTY NOTICE_BLOCK_AFTER_FINISH_EVENT NOTICE_BLOCK_ATTACHMENT_PROPERTY NOTICE_BLOCK_ATTACHMENTS_RIGHTS_GROUP_PROPERTY NOTICE_BLOCK_ATTACHMENTS_RIGHTS_TYPE_PROPERTY NOTICE_BLOCK_BEFORE_START_EVENT NOTICE_BLOCK_CREATED_NOTICES_PROPERTY NOTICE_BLOCK_DEADLINE_PROPERTY NOTICE_BLOCK_IS_RELATIVE_DEADLINE_PROPERTY NOTICE_BLOCK_NAME_PROPERTY NOTICE_BLOCK_NOTICE_TEXT_PROPERTY NOTICE_BLOCK_PERFORMER_PROPERTY NOTICE_BLOCK_RELATIVE_DEADLINE_TYPE_PROPERTY NOTICE_BLOCK_SUBJECT_PROPERTY dseAfterCancel dseAfterClose dseAfterDelete dseAfterDeleteOutOfTransaction dseAfterInsert dseAfterOpen dseAfterScroll dseAfterUpdate dseAfterUpdateOutOfTransaction dseBeforeCancel dseBeforeClose dseBeforeDelete dseBeforeDetailUpdate dseBeforeInsert dseBeforeOpen dseBeforeUpdate dseOnAnyRequisiteChange dseOnCloseRecord dseOnDeleteError dseOnOpenRecord dseOnPrepareUpdate dseOnUpdateError dseOnUpdateRatifiedRecord dseOnValidDelete dseOnValidUpdate reOnChange reOnChangeValues SELECTION_BEGIN_ROUTE_EVENT SELECTION_END_ROUTE_EVENT CURRENT_PERIOD_IS_REQUIRED PREVIOUS_CARD_TYPE_NAME SHOW_RECORD_PROPERTIES_FORM ACCESS_RIGHTS_SETTING_DIALOG_CODE ADMINISTRATOR_USER_CODE ANALYTIC_REPORT_TYPE asrtHideLocal asrtHideRemote CALCULATED_ROLE_TYPE_CODE COMPONENTS_REFERENCE_DEVELOPER_VIEW_CODE DCTS_TEST_PROTOCOLS_FOLDER_PATH E_EDOC_VERSION_ALREADY_APPROVINGLY_SIGNED E_EDOC_VERSION_ALREADY_APPROVINGLY_SIGNED_BY_USER E_EDOC_VERSION_ALREDY_SIGNED E_EDOC_VERSION_ALREDY_SIGNED_BY_USER EDOC_TYPES_CODE_REQUISITE_FIELD_NAME EDOCUMENTS_ALIAS_NAME FILES_FOLDER_PATH FILTER_OPERANDS_DELIMITER FILTER_OPERATIONS_DELIMITER FORMCARD_NAME FORMLIST_NAME GET_EXTENDED_DOCUMENT_EXTENSION_CREATION_MODE GET_EXTENDED_DOCUMENT_EXTENSION_IMPORT_MODE INTEGRATED_REPORT_TYPE IS_BUILDER_APPLICATION_ROLE IS_BUILDER_APPLICATION_ROLE2 IS_BUILDER_USERS ISBSYSDEV LOG_FOLDER_PATH mbCancel mbNo mbNoToAll mbOK mbYes mbYesToAll MEMORY_DATASET_DESRIPTIONS_FILENAME mrNo mrNoToAll mrYes mrYesToAll MULTIPLE_SELECT_DIALOG_CODE NONOPERATING_RECORD_FLAG_FEMININE NONOPERATING_RECORD_FLAG_MASCULINE OPERATING_RECORD_FLAG_FEMININE OPERATING_RECORD_FLAG_MASCULINE PROFILING_SETTINGS_COMMON_SETTINGS_CODE_VALUE PROGRAM_INITIATED_LOOKUP_ACTION ratDelete ratEdit ratInsert REPORT_TYPE REQUIRED_PICK_VALUES_VARIABLE rmCard rmList SBRTE_PROGID_DEV SBRTE_PROGID_RELEASE STATIC_ROLE_TYPE_CODE SUPPRESS_EMPTY_TEMPLATE_CREATION SYSTEM_USER_CODE UPDATE_DIALOG_DATASET USED_IN_OBJECT_HINT_PARAM USER_INITIATED_LOOKUP_ACTION USER_NAME_FORMAT USER_SELECTION_RESTRICTIONS WORKFLOW_TEST_PROTOCOLS_FOLDER_PATH ELS_SUBTYPE_CONTROL_NAME ELS_FOLDER_KIND_CONTROL_NAME REPEAT_PROCESS_CURRENT_OBJECT_EXCEPTION_NAME PRIVILEGE_COMPONENT_FULL_ACCESS PRIVILEGE_DEVELOPMENT_EXPORT PRIVILEGE_DEVELOPMENT_IMPORT PRIVILEGE_DOCUMENT_DELETE PRIVILEGE_ESD PRIVILEGE_FOLDER_DELETE PRIVILEGE_MANAGE_ACCESS_RIGHTS PRIVILEGE_MANAGE_REPLICATION PRIVILEGE_MANAGE_SESSION_SERVER PRIVILEGE_OBJECT_FULL_ACCESS PRIVILEGE_OBJECT_VIEW PRIVILEGE_RESERVE_LICENSE PRIVILEGE_SYSTEM_CUSTOMIZE PRIVILEGE_SYSTEM_DEVELOP PRIVILEGE_SYSTEM_INSTALL PRIVILEGE_TASK_DELETE PRIVILEGE_USER_PLUGIN_SETTINGS_CUSTOMIZE PRIVILEGES_PSEUDOREFERENCE_CODE ACCESS_TYPES_PSEUDOREFERENCE_CODE ALL_AVAILABLE_COMPONENTS_PSEUDOREFERENCE_CODE ALL_AVAILABLE_PRIVILEGES_PSEUDOREFERENCE_CODE ALL_REPLICATE_COMPONENTS_PSEUDOREFERENCE_CODE AVAILABLE_DEVELOPERS_COMPONENTS_PSEUDOREFERENCE_CODE COMPONENTS_PSEUDOREFERENCE_CODE FILTRATER_SETTINGS_CONFLICTS_PSEUDOREFERENCE_CODE GROUPS_PSEUDOREFERENCE_CODE RECEIVE_PROTOCOL_PSEUDOREFERENCE_CODE REFERENCE_REQUISITE_PSEUDOREFERENCE_CODE REFERENCE_REQUISITES_PSEUDOREFERENCE_CODE REFTYPES_PSEUDOREFERENCE_CODE REPLICATION_SEANCES_DIARY_PSEUDOREFERENCE_CODE SEND_PROTOCOL_PSEUDOREFERENCE_CODE SUBSTITUTES_PSEUDOREFERENCE_CODE SYSTEM_SETTINGS_PSEUDOREFERENCE_CODE UNITS_PSEUDOREFERENCE_CODE USERS_PSEUDOREFERENCE_CODE VIEWERS_PSEUDOREFERENCE_CODE CERTIFICATE_TYPE_ENCRYPT CERTIFICATE_TYPE_SIGN CERTIFICATE_TYPE_SIGN_AND_ENCRYPT STORAGE_TYPE_FILE STORAGE_TYPE_NAS_CIFS STORAGE_TYPE_SAPERION STORAGE_TYPE_SQL_SERVER COMPTYPE2_REQUISITE_DOCUMENTS_VALUE COMPTYPE2_REQUISITE_TASKS_VALUE COMPTYPE2_REQUISITE_FOLDERS_VALUE COMPTYPE2_REQUISITE_REFERENCES_VALUE SYSREQ_CODE SYSREQ_COMPTYPE2 SYSREQ_CONST_AVAILABLE_FOR_WEB SYSREQ_CONST_COMMON_CODE SYSREQ_CONST_COMMON_VALUE SYSREQ_CONST_FIRM_CODE SYSREQ_CONST_FIRM_STATUS SYSREQ_CONST_FIRM_VALUE SYSREQ_CONST_SERVER_STATUS SYSREQ_CONTENTS SYSREQ_DATE_OPEN SYSREQ_DATE_CLOSE SYSREQ_DESCRIPTION SYSREQ_DESCRIPTION_LOCALIZE_ID SYSREQ_DOUBLE SYSREQ_EDOC_ACCESS_TYPE SYSREQ_EDOC_AUTHOR SYSREQ_EDOC_CREATED SYSREQ_EDOC_DELEGATE_RIGHTS_REQUISITE_CODE SYSREQ_EDOC_EDITOR SYSREQ_EDOC_ENCODE_TYPE SYSREQ_EDOC_ENCRYPTION_PLUGIN_NAME SYSREQ_EDOC_ENCRYPTION_PLUGIN_VERSION SYSREQ_EDOC_EXPORT_DATE SYSREQ_EDOC_EXPORTER SYSREQ_EDOC_KIND SYSREQ_EDOC_LIFE_STAGE_NAME SYSREQ_EDOC_LOCKED_FOR_SERVER_CODE SYSREQ_EDOC_MODIFIED SYSREQ_EDOC_NAME SYSREQ_EDOC_NOTE SYSREQ_EDOC_QUALIFIED_ID SYSREQ_EDOC_SESSION_KEY SYSREQ_EDOC_SESSION_KEY_ENCRYPTION_PLUGIN_NAME SYSREQ_EDOC_SESSION_KEY_ENCRYPTION_PLUGIN_VERSION SYSREQ_EDOC_SIGNATURE_TYPE SYSREQ_EDOC_SIGNED SYSREQ_EDOC_STORAGE SYSREQ_EDOC_STORAGES_ARCHIVE_STORAGE SYSREQ_EDOC_STORAGES_CHECK_RIGHTS SYSREQ_EDOC_STORAGES_COMPUTER_NAME SYSREQ_EDOC_STORAGES_EDIT_IN_STORAGE SYSREQ_EDOC_STORAGES_EXECUTIVE_STORAGE SYSREQ_EDOC_STORAGES_FUNCTION SYSREQ_EDOC_STORAGES_INITIALIZED SYSREQ_EDOC_STORAGES_LOCAL_PATH SYSREQ_EDOC_STORAGES_SAPERION_DATABASE_NAME SYSREQ_EDOC_STORAGES_SEARCH_BY_TEXT SYSREQ_EDOC_STORAGES_SERVER_NAME SYSREQ_EDOC_STORAGES_SHARED_SOURCE_NAME SYSREQ_EDOC_STORAGES_TYPE SYSREQ_EDOC_TEXT_MODIFIED SYSREQ_EDOC_TYPE_ACT_CODE SYSREQ_EDOC_TYPE_ACT_DESCRIPTION SYSREQ_EDOC_TYPE_ACT_DESCRIPTION_LOCALIZE_ID SYSREQ_EDOC_TYPE_ACT_ON_EXECUTE SYSREQ_EDOC_TYPE_ACT_ON_EXECUTE_EXISTS SYSREQ_EDOC_TYPE_ACT_SECTION SYSREQ_EDOC_TYPE_ADD_PARAMS SYSREQ_EDOC_TYPE_COMMENT SYSREQ_EDOC_TYPE_EVENT_TEXT SYSREQ_EDOC_TYPE_NAME_IN_SINGULAR SYSREQ_EDOC_TYPE_NAME_IN_SINGULAR_LOCALIZE_ID SYSREQ_EDOC_TYPE_NAME_LOCALIZE_ID SYSREQ_EDOC_TYPE_NUMERATION_METHOD SYSREQ_EDOC_TYPE_PSEUDO_REQUISITE_CODE SYSREQ_EDOC_TYPE_REQ_CODE SYSREQ_EDOC_TYPE_REQ_DESCRIPTION SYSREQ_EDOC_TYPE_REQ_DESCRIPTION_LOCALIZE_ID SYSREQ_EDOC_TYPE_REQ_IS_LEADING SYSREQ_EDOC_TYPE_REQ_IS_REQUIRED SYSREQ_EDOC_TYPE_REQ_NUMBER SYSREQ_EDOC_TYPE_REQ_ON_CHANGE SYSREQ_EDOC_TYPE_REQ_ON_CHANGE_EXISTS SYSREQ_EDOC_TYPE_REQ_ON_SELECT SYSREQ_EDOC_TYPE_REQ_ON_SELECT_KIND SYSREQ_EDOC_TYPE_REQ_SECTION SYSREQ_EDOC_TYPE_VIEW_CARD SYSREQ_EDOC_TYPE_VIEW_CODE SYSREQ_EDOC_TYPE_VIEW_COMMENT SYSREQ_EDOC_TYPE_VIEW_IS_MAIN SYSREQ_EDOC_TYPE_VIEW_NAME SYSREQ_EDOC_TYPE_VIEW_NAME_LOCALIZE_ID SYSREQ_EDOC_VERSION_AUTHOR SYSREQ_EDOC_VERSION_CRC SYSREQ_EDOC_VERSION_DATA SYSREQ_EDOC_VERSION_EDITOR SYSREQ_EDOC_VERSION_EXPORT_DATE SYSREQ_EDOC_VERSION_EXPORTER SYSREQ_EDOC_VERSION_HIDDEN SYSREQ_EDOC_VERSION_LIFE_STAGE SYSREQ_EDOC_VERSION_MODIFIED SYSREQ_EDOC_VERSION_NOTE SYSREQ_EDOC_VERSION_SIGNATURE_TYPE SYSREQ_EDOC_VERSION_SIGNED SYSREQ_EDOC_VERSION_SIZE SYSREQ_EDOC_VERSION_SOURCE SYSREQ_EDOC_VERSION_TEXT_MODIFIED SYSREQ_EDOCKIND_DEFAULT_VERSION_STATE_CODE SYSREQ_FOLDER_KIND SYSREQ_FUNC_CATEGORY SYSREQ_FUNC_COMMENT SYSREQ_FUNC_GROUP SYSREQ_FUNC_GROUP_COMMENT SYSREQ_FUNC_GROUP_NUMBER SYSREQ_FUNC_HELP SYSREQ_FUNC_PARAM_DEF_VALUE SYSREQ_FUNC_PARAM_IDENT SYSREQ_FUNC_PARAM_NUMBER SYSREQ_FUNC_PARAM_TYPE SYSREQ_FUNC_TEXT SYSREQ_GROUP_CATEGORY SYSREQ_ID SYSREQ_LAST_UPDATE SYSREQ_LEADER_REFERENCE SYSREQ_LINE_NUMBER SYSREQ_MAIN_RECORD_ID SYSREQ_NAME SYSREQ_NAME_LOCALIZE_ID SYSREQ_NOTE SYSREQ_ORIGINAL_RECORD SYSREQ_OUR_FIRM SYSREQ_PROFILING_SETTINGS_BATCH_LOGING SYSREQ_PROFILING_SETTINGS_BATCH_SIZE SYSREQ_PROFILING_SETTINGS_PROFILING_ENABLED SYSREQ_PROFILING_SETTINGS_SQL_PROFILING_ENABLED SYSREQ_PROFILING_SETTINGS_START_LOGGED SYSREQ_RECORD_STATUS SYSREQ_REF_REQ_FIELD_NAME SYSREQ_REF_REQ_FORMAT SYSREQ_REF_REQ_GENERATED SYSREQ_REF_REQ_LENGTH SYSREQ_REF_REQ_PRECISION SYSREQ_REF_REQ_REFERENCE SYSREQ_REF_REQ_SECTION SYSREQ_REF_REQ_STORED SYSREQ_REF_REQ_TOKENS SYSREQ_REF_REQ_TYPE SYSREQ_REF_REQ_VIEW SYSREQ_REF_TYPE_ACT_CODE SYSREQ_REF_TYPE_ACT_DESCRIPTION SYSREQ_REF_TYPE_ACT_DESCRIPTION_LOCALIZE_ID SYSREQ_REF_TYPE_ACT_ON_EXECUTE SYSREQ_REF_TYPE_ACT_ON_EXECUTE_EXISTS SYSREQ_REF_TYPE_ACT_SECTION SYSREQ_REF_TYPE_ADD_PARAMS SYSREQ_REF_TYPE_COMMENT SYSREQ_REF_TYPE_COMMON_SETTINGS SYSREQ_REF_TYPE_DISPLAY_REQUISITE_NAME SYSREQ_REF_TYPE_EVENT_TEXT SYSREQ_REF_TYPE_MAIN_LEADING_REF SYSREQ_REF_TYPE_NAME_IN_SINGULAR SYSREQ_REF_TYPE_NAME_IN_SINGULAR_LOCALIZE_ID SYSREQ_REF_TYPE_NAME_LOCALIZE_ID SYSREQ_REF_TYPE_NUMERATION_METHOD SYSREQ_REF_TYPE_REQ_CODE SYSREQ_REF_TYPE_REQ_DESCRIPTION SYSREQ_REF_TYPE_REQ_DESCRIPTION_LOCALIZE_ID SYSREQ_REF_TYPE_REQ_IS_CONTROL SYSREQ_REF_TYPE_REQ_IS_FILTER SYSREQ_REF_TYPE_REQ_IS_LEADING SYSREQ_REF_TYPE_REQ_IS_REQUIRED SYSREQ_REF_TYPE_REQ_NUMBER SYSREQ_REF_TYPE_REQ_ON_CHANGE SYSREQ_REF_TYPE_REQ_ON_CHANGE_EXISTS SYSREQ_REF_TYPE_REQ_ON_SELECT SYSREQ_REF_TYPE_REQ_ON_SELECT_KIND SYSREQ_REF_TYPE_REQ_SECTION SYSREQ_REF_TYPE_VIEW_CARD SYSREQ_REF_TYPE_VIEW_CODE SYSREQ_REF_TYPE_VIEW_COMMENT SYSREQ_REF_TYPE_VIEW_IS_MAIN SYSREQ_REF_TYPE_VIEW_NAME SYSREQ_REF_TYPE_VIEW_NAME_LOCALIZE_ID SYSREQ_REFERENCE_TYPE_ID SYSREQ_STATE SYSREQ_STATЕ SYSREQ_SYSTEM_SETTINGS_VALUE SYSREQ_TYPE SYSREQ_UNIT SYSREQ_UNIT_ID SYSREQ_USER_GROUPS_GROUP_FULL_NAME SYSREQ_USER_GROUPS_GROUP_NAME SYSREQ_USER_GROUPS_GROUP_SERVER_NAME SYSREQ_USERS_ACCESS_RIGHTS SYSREQ_USERS_AUTHENTICATION SYSREQ_USERS_CATEGORY SYSREQ_USERS_COMPONENT SYSREQ_USERS_COMPONENT_USER_IS_PUBLIC SYSREQ_USERS_DOMAIN SYSREQ_USERS_FULL_USER_NAME SYSREQ_USERS_GROUP SYSREQ_USERS_IS_MAIN_SERVER SYSREQ_USERS_LOGIN SYSREQ_USERS_REFERENCE_USER_IS_PUBLIC SYSREQ_USERS_STATUS SYSREQ_USERS_USER_CERTIFICATE SYSREQ_USERS_USER_CERTIFICATE_INFO SYSREQ_USERS_USER_CERTIFICATE_PLUGIN_NAME SYSREQ_USERS_USER_CERTIFICATE_PLUGIN_VERSION SYSREQ_USERS_USER_CERTIFICATE_STATE SYSREQ_USERS_USER_CERTIFICATE_SUBJECT_NAME SYSREQ_USERS_USER_CERTIFICATE_THUMBPRINT SYSREQ_USERS_USER_DEFAULT_CERTIFICATE SYSREQ_USERS_USER_DESCRIPTION SYSREQ_USERS_USER_GLOBAL_NAME SYSREQ_USERS_USER_LOGIN SYSREQ_USERS_USER_MAIN_SERVER SYSREQ_USERS_USER_TYPE SYSREQ_WORK_RULES_FOLDER_ID RESULT_VAR_NAME RESULT_VAR_NAME_ENG AUTO_NUMERATION_RULE_ID CANT_CHANGE_ID_REQUISITE_RULE_ID CANT_CHANGE_OURFIRM_REQUISITE_RULE_ID CHECK_CHANGING_REFERENCE_RECORD_USE_RULE_ID CHECK_CODE_REQUISITE_RULE_ID CHECK_DELETING_REFERENCE_RECORD_USE_RULE_ID CHECK_FILTRATER_CHANGES_RULE_ID CHECK_RECORD_INTERVAL_RULE_ID CHECK_REFERENCE_INTERVAL_RULE_ID CHECK_REQUIRED_DATA_FULLNESS_RULE_ID CHECK_REQUIRED_REQUISITES_FULLNESS_RULE_ID MAKE_RECORD_UNRATIFIED_RULE_ID RESTORE_AUTO_NUMERATION_RULE_ID SET_FIRM_CONTEXT_FROM_RECORD_RULE_ID SET_FIRST_RECORD_IN_LIST_FORM_RULE_ID SET_IDSPS_VALUE_RULE_ID SET_NEXT_CODE_VALUE_RULE_ID SET_OURFIRM_BOUNDS_RULE_ID SET_OURFIRM_REQUISITE_RULE_ID SCRIPT_BLOCK_AFTER_FINISH_EVENT SCRIPT_BLOCK_BEFORE_START_EVENT SCRIPT_BLOCK_EXECUTION_RESULTS_PROPERTY SCRIPT_BLOCK_NAME_PROPERTY SCRIPT_BLOCK_SCRIPT_PROPERTY SUBTASK_BLOCK_ABORT_DEADLINE_PROPERTY SUBTASK_BLOCK_AFTER_FINISH_EVENT SUBTASK_BLOCK_ASSIGN_PARAMS_EVENT SUBTASK_BLOCK_ATTACHMENTS_PROPERTY SUBTASK_BLOCK_ATTACHMENTS_RIGHTS_GROUP_PROPERTY SUBTASK_BLOCK_ATTACHMENTS_RIGHTS_TYPE_PROPERTY SUBTASK_BLOCK_BEFORE_START_EVENT SUBTASK_BLOCK_CREATED_TASK_PROPERTY SUBTASK_BLOCK_CREATION_EVENT SUBTASK_BLOCK_DEADLINE_PROPERTY SUBTASK_BLOCK_IMPORTANCE_PROPERTY SUBTASK_BLOCK_INITIATOR_PROPERTY SUBTASK_BLOCK_IS_RELATIVE_ABORT_DEADLINE_PROPERTY SUBTASK_BLOCK_IS_RELATIVE_DEADLINE_PROPERTY SUBTASK_BLOCK_JOBS_TYPE_PROPERTY SUBTASK_BLOCK_NAME_PROPERTY SUBTASK_BLOCK_PARALLEL_ROUTE_PROPERTY SUBTASK_BLOCK_PERFORMERS_PROPERTY SUBTASK_BLOCK_RELATIVE_ABORT_DEADLINE_TYPE_PROPERTY SUBTASK_BLOCK_RELATIVE_DEADLINE_TYPE_PROPERTY SUBTASK_BLOCK_REQUIRE_SIGN_PROPERTY SUBTASK_BLOCK_STANDARD_ROUTE_PROPERTY SUBTASK_BLOCK_START_EVENT SUBTASK_BLOCK_STEP_CONTROL_PROPERTY SUBTASK_BLOCK_SUBJECT_PROPERTY SUBTASK_BLOCK_TASK_CONTROL_PROPERTY SUBTASK_BLOCK_TEXT_PROPERTY SUBTASK_BLOCK_UNLOCK_ATTACHMENTS_ON_STOP_PROPERTY SUBTASK_BLOCK_USE_STANDARD_ROUTE_PROPERTY SUBTASK_BLOCK_WAIT_FOR_TASK_COMPLETE_PROPERTY SYSCOMP_CONTROL_JOBS SYSCOMP_FOLDERS SYSCOMP_JOBS SYSCOMP_NOTICES SYSCOMP_TASKS SYSDLG_CREATE_EDOCUMENT SYSDLG_CREATE_EDOCUMENT_VERSION SYSDLG_CURRENT_PERIOD SYSDLG_EDIT_FUNCTION_HELP SYSDLG_EDOCUMENT_KINDS_FOR_TEMPLATE SYSDLG_EXPORT_MULTIPLE_EDOCUMENTS SYSDLG_EXPORT_SINGLE_EDOCUMENT SYSDLG_IMPORT_EDOCUMENT SYSDLG_MULTIPLE_SELECT SYSDLG_SETUP_ACCESS_RIGHTS SYSDLG_SETUP_DEFAULT_RIGHTS SYSDLG_SETUP_FILTER_CONDITION SYSDLG_SETUP_SIGN_RIGHTS SYSDLG_SETUP_TASK_OBSERVERS SYSDLG_SETUP_TASK_ROUTE SYSDLG_SETUP_USERS_LIST SYSDLG_SIGN_EDOCUMENT SYSDLG_SIGN_MULTIPLE_EDOCUMENTS SYSREF_ACCESS_RIGHTS_TYPES SYSREF_ADMINISTRATION_HISTORY SYSREF_ALL_AVAILABLE_COMPONENTS SYSREF_ALL_AVAILABLE_PRIVILEGES SYSREF_ALL_REPLICATING_COMPONENTS SYSREF_AVAILABLE_DEVELOPERS_COMPONENTS SYSREF_CALENDAR_EVENTS SYSREF_COMPONENT_TOKEN_HISTORY SYSREF_COMPONENT_TOKENS SYSREF_COMPONENTS SYSREF_CONSTANTS SYSREF_DATA_RECEIVE_PROTOCOL SYSREF_DATA_SEND_PROTOCOL SYSREF_DIALOGS SYSREF_DIALOGS_REQUISITES SYSREF_EDITORS SYSREF_EDOC_CARDS SYSREF_EDOC_TYPES SYSREF_EDOCUMENT_CARD_REQUISITES SYSREF_EDOCUMENT_CARD_TYPES SYSREF_EDOCUMENT_CARD_TYPES_REFERENCE SYSREF_EDOCUMENT_CARDS SYSREF_EDOCUMENT_HISTORY SYSREF_EDOCUMENT_KINDS SYSREF_EDOCUMENT_REQUISITES SYSREF_EDOCUMENT_SIGNATURES SYSREF_EDOCUMENT_TEMPLATES SYSREF_EDOCUMENT_TEXT_STORAGES SYSREF_EDOCUMENT_VIEWS SYSREF_FILTERER_SETUP_CONFLICTS SYSREF_FILTRATER_SETTING_CONFLICTS SYSREF_FOLDER_HISTORY SYSREF_FOLDERS SYSREF_FUNCTION_GROUPS SYSREF_FUNCTION_PARAMS SYSREF_FUNCTIONS SYSREF_JOB_HISTORY SYSREF_LINKS SYSREF_LOCALIZATION_DICTIONARY SYSREF_LOCALIZATION_LANGUAGES SYSREF_MODULES SYSREF_PRIVILEGES SYSREF_RECORD_HISTORY SYSREF_REFERENCE_REQUISITES SYSREF_REFERENCE_TYPE_VIEWS SYSREF_REFERENCE_TYPES SYSREF_REFERENCES SYSREF_REFERENCES_REQUISITES SYSREF_REMOTE_SERVERS SYSREF_REPLICATION_SESSIONS_LOG SYSREF_REPLICATION_SESSIONS_PROTOCOL SYSREF_REPORTS SYSREF_ROLES SYSREF_ROUTE_BLOCK_GROUPS SYSREF_ROUTE_BLOCKS SYSREF_SCRIPTS SYSREF_SEARCHES SYSREF_SERVER_EVENTS SYSREF_SERVER_EVENTS_HISTORY SYSREF_STANDARD_ROUTE_GROUPS SYSREF_STANDARD_ROUTES SYSREF_STATUSES SYSREF_SYSTEM_SETTINGS SYSREF_TASK_HISTORY SYSREF_TASK_KIND_GROUPS SYSREF_TASK_KINDS SYSREF_TASK_RIGHTS SYSREF_TASK_SIGNATURES SYSREF_TASKS SYSREF_UNITS SYSREF_USER_GROUPS SYSREF_USER_GROUPS_REFERENCE SYSREF_USER_SUBSTITUTION SYSREF_USERS SYSREF_USERS_REFERENCE SYSREF_VIEWERS SYSREF_WORKING_TIME_CALENDARS ACCESS_RIGHTS_TABLE_NAME EDMS_ACCESS_TABLE_NAME EDOC_TYPES_TABLE_NAME TEST_DEV_DB_NAME TEST_DEV_SYSTEM_CODE TEST_EDMS_DB_NAME TEST_EDMS_MAIN_CODE TEST_EDMS_MAIN_DB_NAME TEST_EDMS_SECOND_CODE TEST_EDMS_SECOND_DB_NAME TEST_EDMS_SYSTEM_CODE TEST_ISB5_MAIN_CODE TEST_ISB5_SECOND_CODE TEST_SQL_SERVER_2005_NAME TEST_SQL_SERVER_NAME ATTENTION_CAPTION cbsCommandLinks cbsDefault CONFIRMATION_CAPTION ERROR_CAPTION INFORMATION_CAPTION mrCancel mrOk EDOC_VERSION_ACTIVE_STAGE_CODE EDOC_VERSION_DESIGN_STAGE_CODE EDOC_VERSION_OBSOLETE_STAGE_CODE cpDataEnciphermentEnabled cpDigitalSignatureEnabled cpID cpIssuer cpPluginVersion cpSerial cpSubjectName cpSubjSimpleName cpValidFromDate cpValidToDate ISBL_SYNTAX NO_SYNTAX XML_SYNTAX WAIT_BLOCK_AFTER_FINISH_EVENT WAIT_BLOCK_BEFORE_START_EVENT WAIT_BLOCK_DEADLINE_PROPERTY WAIT_BLOCK_IS_RELATIVE_DEADLINE_PROPERTY WAIT_BLOCK_NAME_PROPERTY WAIT_BLOCK_RELATIVE_DEADLINE_TYPE_PROPERTY SYSRES_COMMON SYSRES_CONST SYSRES_MBFUNC SYSRES_SBDATA SYSRES_SBGUI SYSRES_SBINTF SYSRES_SBREFDSC SYSRES_SQLERRORS SYSRES_SYSCOMP atUser atGroup atRole aemEnabledAlways aemDisabledAlways aemEnabledOnBrowse aemEnabledOnEdit aemDisabledOnBrowseEmpty apBegin apEnd alLeft alRight asmNever asmNoButCustomize asmAsLastTime asmYesButCustomize asmAlways cirCommon cirRevoked ctSignature ctEncode ctSignatureEncode clbUnchecked clbChecked clbGrayed ceISB ceAlways ceNever ctDocument ctReference ctScript ctUnknown ctReport ctDialog ctFunction ctFolder ctEDocument ctTask ctJob ctNotice ctControlJob cfInternal cfDisplay ciUnspecified ciWrite ciRead ckFolder ckEDocument ckTask ckJob ckComponentToken ckAny ckReference ckScript ckReport ckDialog ctISBLEditor ctBevel ctButton ctCheckListBox ctComboBox ctComboEdit ctGrid ctDBCheckBox ctDBComboBox ctDBEdit ctDBEllipsis ctDBMemo ctDBNavigator ctDBRadioGroup ctDBStatusLabel ctEdit ctGroupBox ctInplaceHint ctMemo ctPanel ctListBox ctRadioButton ctRichEdit ctTabSheet ctWebBrowser ctImage ctHyperLink ctLabel ctDBMultiEllipsis ctRibbon ctRichView ctInnerPanel ctPanelGroup ctBitButton cctDate cctInteger cctNumeric cctPick cctReference cctString cctText cltInternal cltPrimary cltGUI dseBeforeOpen dseAfterOpen dseBeforeClose dseAfterClose dseOnValidDelete dseBeforeDelete dseAfterDelete dseAfterDeleteOutOfTransaction dseOnDeleteError dseBeforeInsert dseAfterInsert dseOnValidUpdate dseBeforeUpdate dseOnUpdateRatifiedRecord dseAfterUpdate dseAfterUpdateOutOfTransaction dseOnUpdateError dseAfterScroll dseOnOpenRecord dseOnCloseRecord dseBeforeCancel dseAfterCancel dseOnUpdateDeadlockError dseBeforeDetailUpdate dseOnPrepareUpdate dseOnAnyRequisiteChange dssEdit dssInsert dssBrowse dssInActive dftDate dftShortDate dftDateTime dftTimeStamp dotDays dotHours dotMinutes dotSeconds dtkndLocal dtkndUTC arNone arView arEdit arFull ddaView ddaEdit emLock emEdit emSign emExportWithLock emImportWithUnlock emChangeVersionNote emOpenForModify emChangeLifeStage emDelete emCreateVersion emImport emUnlockExportedWithLock emStart emAbort emReInit emMarkAsReaded emMarkAsUnreaded emPerform emAccept emResume emChangeRights emEditRoute emEditObserver emRecoveryFromLocalCopy emChangeWorkAccessType emChangeEncodeTypeToCertificate emChangeEncodeTypeToPassword emChangeEncodeTypeToNone emChangeEncodeTypeToCertificatePassword emChangeStandardRoute emGetText emOpenForView emMoveToStorage emCreateObject emChangeVersionHidden emDeleteVersion emChangeLifeCycleStage emApprovingSign emExport emContinue emLockFromEdit emUnLockForEdit emLockForServer emUnlockFromServer emDelegateAccessRights emReEncode ecotFile ecotProcess eaGet eaCopy eaCreate eaCreateStandardRoute edltAll edltNothing edltQuery essmText essmCard esvtLast esvtLastActive esvtSpecified edsfExecutive edsfArchive edstSQLServer edstFile edvstNone edvstEDocumentVersionCopy edvstFile edvstTemplate edvstScannedFile vsDefault vsDesign vsActive vsObsolete etNone etCertificate etPassword etCertificatePassword ecException ecWarning ecInformation estAll estApprovingOnly evtLast evtLastActive evtQuery fdtString fdtNumeric fdtInteger fdtDate fdtText fdtUnknown fdtWideString fdtLargeInteger ftInbox ftOutbox ftFavorites ftCommonFolder ftUserFolder ftComponents ftQuickLaunch ftShortcuts ftSearch grhAuto grhX1 grhX2 grhX3 hltText hltRTF hltHTML iffBMP iffJPEG iffMultiPageTIFF iffSinglePageTIFF iffTIFF iffPNG im8bGrayscale im24bRGB im1bMonochrome itBMP itJPEG itWMF itPNG ikhInformation ikhWarning ikhError ikhNoIcon icUnknown icScript icFunction icIntegratedReport icAnalyticReport icDataSetEventHandler icActionHandler icFormEventHandler icLookUpEventHandler icRequisiteChangeEventHandler icBeforeSearchEventHandler icRoleCalculation icSelectRouteEventHandler icBlockPropertyCalculation icBlockQueryParamsEventHandler icChangeSearchResultEventHandler icBlockEventHandler icSubTaskInitEventHandler icEDocDataSetEventHandler icEDocLookUpEventHandler icEDocActionHandler icEDocFormEventHandler icEDocRequisiteChangeEventHandler icStructuredConversionRule icStructuredConversionEventBefore icStructuredConversionEventAfter icWizardEventHandler icWizardFinishEventHandler icWizardStepEventHandler icWizardStepFinishEventHandler icWizardActionEnableEventHandler icWizardActionExecuteEventHandler icCreateJobsHandler icCreateNoticesHandler icBeforeLookUpEventHandler icAfterLookUpEventHandler icTaskAbortEventHandler icWorkflowBlockActionHandler icDialogDataSetEventHandler icDialogActionHandler icDialogLookUpEventHandler icDialogRequisiteChangeEventHandler icDialogFormEventHandler icDialogValidCloseEventHandler icBlockFormEventHandler icTaskFormEventHandler icReferenceMethod icEDocMethod icDialogMethod icProcessMessageHandler isShow isHide isByUserSettings jkJob jkNotice jkControlJob jtInner jtLeft jtRight jtFull jtCross lbpAbove lbpBelow lbpLeft lbpRight eltPerConnection eltPerUser sfcUndefined sfcBlack sfcGreen sfcRed sfcBlue sfcOrange sfcLilac sfsItalic sfsStrikeout sfsNormal ldctStandardRoute ldctWizard ldctScript ldctFunction ldctRouteBlock ldctIntegratedReport ldctAnalyticReport ldctReferenceType ldctEDocumentType ldctDialog ldctServerEvents mrcrtNone mrcrtUser mrcrtMaximal mrcrtCustom vtEqual vtGreaterOrEqual vtLessOrEqual vtRange rdYesterday rdToday rdTomorrow rdThisWeek rdThisMonth rdThisYear rdNextMonth rdNextWeek rdLastWeek rdLastMonth rdWindow rdFile rdPrinter rdtString rdtNumeric rdtInteger rdtDate rdtReference rdtAccount rdtText rdtPick rdtUnknown rdtLargeInteger rdtDocument reOnChange reOnChangeValues ttGlobal ttLocal ttUser ttSystem ssmBrowse ssmSelect ssmMultiSelect ssmBrowseModal smSelect smLike smCard stNone stAuthenticating stApproving sctString sctStream sstAnsiSort sstNaturalSort svtEqual svtContain soatString soatNumeric soatInteger soatDatetime soatReferenceRecord soatText soatPick soatBoolean soatEDocument soatAccount soatIntegerCollection soatNumericCollection soatStringCollection soatPickCollection soatDatetimeCollection soatBooleanCollection soatReferenceRecordCollection soatEDocumentCollection soatAccountCollection soatContents soatUnknown tarAbortByUser tarAbortByWorkflowException tvtAllWords tvtExactPhrase tvtAnyWord usNone usCompleted usRedSquare usBlueSquare usYellowSquare usGreenSquare usOrangeSquare usPurpleSquare usFollowUp utUnknown utUser utDeveloper utAdministrator utSystemDeveloper utDisconnected btAnd btDetailAnd btOr btNotOr btOnly vmView vmSelect vmNavigation vsmSingle vsmMultiple vsmMultipleCheck vsmNoSelection wfatPrevious wfatNext wfatCancel wfatFinish wfepUndefined wfepText3 wfepText6 wfepText9 wfepSpinEdit wfepDropDown wfepRadioGroup wfepFlag wfepText12 wfepText15 wfepText18 wfepText21 wfepText24 wfepText27 wfepText30 wfepRadioGroupColumn1 wfepRadioGroupColumn2 wfepRadioGroupColumn3 wfetQueryParameter wfetText wfetDelimiter wfetLabel wptString wptInteger wptNumeric wptBoolean wptDateTime wptPick wptText wptUser wptUserList wptEDocumentInfo wptEDocumentInfoList wptReferenceRecordInfo wptReferenceRecordInfoList wptFolderInfo wptTaskInfo wptContents wptFileName wptDate wsrComplete wsrGoNext wsrGoPrevious wsrCustom wsrCancel wsrGoFinal wstForm wstEDocument wstTaskCard wstReferenceRecordCard wstFinal waAll waPerformers waManual wsbStart wsbFinish wsbNotice wsbStep wsbDecision wsbWait wsbMonitor wsbScript wsbConnector wsbSubTask wsbLifeCycleStage wsbPause wdtInteger wdtFloat wdtString wdtPick wdtDateTime wdtBoolean wdtTask wdtJob wdtFolder wdtEDocument wdtReferenceRecord wdtUser wdtGroup wdtRole wdtIntegerCollection wdtFloatCollection wdtStringCollection wdtPickCollection wdtDateTimeCollection wdtBooleanCollection wdtTaskCollection wdtJobCollection wdtFolderCollection wdtEDocumentCollection wdtReferenceRecordCollection wdtUserCollection wdtGroupCollection wdtRoleCollection wdtContents wdtUserList wdtSearchDescription wdtDeadLine wdtPickSet wdtAccountCollection wiLow wiNormal wiHigh wrtSoft wrtHard wsInit wsRunning wsDone wsControlled wsAborted wsContinued wtmFull wtmFromCurrent wtmOnlyCurrent ",class:"AltState Application CallType ComponentTokens CreatedJobs CreatedNotices ControlState DialogResult Dialogs EDocuments EDocumentVersionSource Folders GlobalIDs Job Jobs InputValue LookUpReference LookUpRequisiteNames LookUpSearch Object ParentComponent Processes References Requisite ReportName Reports Result Scripts Searches SelectedAttachments SelectedItems SelectMode Sender ServerEvents ServiceFactory ShiftState SubTask SystemDialogs Tasks Wizard Wizards Work ВызовСпособ ИмяОтчета РеквЗнач ",literal:"null true false nil "},c={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,keywords:l,relevance:0},d={className:"type",begin:":[ \\t]*("+"IApplication IAccessRights IAccountRepository IAccountSelectionRestrictions IAction IActionList IAdministrationHistoryDescription IAnchors IApplication IArchiveInfo IAttachment IAttachmentList ICheckListBox ICheckPointedList IColumn IComponent IComponentDescription IComponentToken IComponentTokenFactory IComponentTokenInfo ICompRecordInfo IConnection IContents IControl IControlJob IControlJobInfo IControlList ICrypto ICrypto2 ICustomJob ICustomJobInfo ICustomListBox ICustomObjectWizardStep ICustomWork ICustomWorkInfo IDataSet IDataSetAccessInfo IDataSigner IDateCriterion IDateRequisite IDateRequisiteDescription IDateValue IDeaAccessRights IDeaObjectInfo IDevelopmentComponentLock IDialog IDialogFactory IDialogPickRequisiteItems IDialogsFactory IDICSFactory IDocRequisite IDocumentInfo IDualListDialog IECertificate IECertificateInfo IECertificates IEditControl IEditorForm IEdmsExplorer IEdmsObject IEdmsObjectDescription IEdmsObjectFactory IEdmsObjectInfo IEDocument IEDocumentAccessRights IEDocumentDescription IEDocumentEditor IEDocumentFactory IEDocumentInfo IEDocumentStorage IEDocumentVersion IEDocumentVersionListDialog IEDocumentVersionSource IEDocumentWizardStep IEDocVerSignature IEDocVersionState IEnabledMode IEncodeProvider IEncrypter IEvent IEventList IException IExternalEvents IExternalHandler IFactory IField IFileDialog IFolder IFolderDescription IFolderDialog IFolderFactory IFolderInfo IForEach IForm IFormTitle IFormWizardStep IGlobalIDFactory IGlobalIDInfo IGrid IHasher IHistoryDescription IHyperLinkControl IImageButton IImageControl IInnerPanel IInplaceHint IIntegerCriterion IIntegerList IIntegerRequisite IIntegerValue IISBLEditorForm IJob IJobDescription IJobFactory IJobForm IJobInfo ILabelControl ILargeIntegerCriterion ILargeIntegerRequisite ILargeIntegerValue ILicenseInfo ILifeCycleStage IList IListBox ILocalIDInfo ILocalization ILock IMemoryDataSet IMessagingFactory IMetadataRepository INotice INoticeInfo INumericCriterion INumericRequisite INumericValue IObject IObjectDescription IObjectImporter IObjectInfo IObserver IPanelGroup IPickCriterion IPickProperty IPickRequisite IPickRequisiteDescription IPickRequisiteItem IPickRequisiteItems IPickValue IPrivilege IPrivilegeList IProcess IProcessFactory IProcessMessage IProgress IProperty IPropertyChangeEvent IQuery IReference IReferenceCriterion IReferenceEnabledMode IReferenceFactory IReferenceHistoryDescription IReferenceInfo IReferenceRecordCardWizardStep IReferenceRequisiteDescription IReferencesFactory IReferenceValue IRefRequisite IReport IReportFactory IRequisite IRequisiteDescription IRequisiteDescriptionList IRequisiteFactory IRichEdit IRouteStep IRule IRuleList ISchemeBlock IScript IScriptFactory ISearchCriteria ISearchCriterion ISearchDescription ISearchFactory ISearchFolderInfo ISearchForObjectDescription ISearchResultRestrictions ISecuredContext ISelectDialog IServerEvent IServerEventFactory IServiceDialog IServiceFactory ISignature ISignProvider ISignProvider2 ISignProvider3 ISimpleCriterion IStringCriterion IStringList IStringRequisite IStringRequisiteDescription IStringValue ISystemDialogsFactory ISystemInfo ITabSheet ITask ITaskAbortReasonInfo ITaskCardWizardStep ITaskDescription ITaskFactory ITaskInfo ITaskRoute ITextCriterion ITextRequisite ITextValue ITreeListSelectDialog IUser IUserList IValue IView IWebBrowserControl IWizard IWizardAction IWizardFactory IWizardFormElement IWizardParam IWizardPickParam IWizardReferenceParam IWizardStep IWorkAccessRights IWorkDescription IWorkflowAskableParam IWorkflowAskableParams IWorkflowBlock IWorkflowBlockResult IWorkflowEnabledMode IWorkflowParam IWorkflowPickParam IWorkflowReferenceParam IWorkState IWorkTreeCustomNode IWorkTreeJobNode IWorkTreeTaskNode IXMLEditorForm SBCrypto ".trim().replace(/\s/g,"|")+")",end:"[ \\t]*=",excludeEnd:!0},u={className:"variable",keywords:l,begin:t,relevance:0,contains:[d,c]},p="[A-Za-zА-Яа-яёЁ_][A-Za-zА-Яа-яёЁ_0-9]*\\(";return{name:"ISBL",case_insensitive:!0,keywords:l,illegal:"\\$|\\?|%|,|;$|~|#|@|e(t,r,n-1))}("(?:<"+r+"~~~(?:\\s*,\\s*"+r+"~~~)*>)?",/~~~/g,2),i={keyword:["synchronized","abstract","private","var","static","if","const ","for","while","strictfp","finally","protected","import","native","final","void","enum","else","break","transient","catch","instanceof","volatile","case","assert","package","default","public","try","switch","continue","throws","protected","public","private","module","requires","exports","do","sealed","yield","permits"],literal:["false","true","null"],type:["char","boolean","long","float","int","byte","short","double"],built_in:["super","this"]},o={className:"meta",begin:"@"+r,contains:[{begin:/\(/,end:/\)/,contains:["self"]}]},s={className:"params",begin:/\(/,end:/\)/,keywords:i,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE],endsParent:!0};return{name:"Java",aliases:["jsp"],keywords:i,illegal:/<\/|#/,contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{begin:/\w+@/,relevance:0},{className:"doctag",begin:"@[A-Za-z]+"}]}),{begin:/import java\.[a-z]+\./,keywords:"import",relevance:2},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{begin:/"""/,end:/"""/,className:"string",contains:[e.BACKSLASH_ESCAPE]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{match:[/\b(?:class|interface|enum|extends|implements|new)/,/\s+/,r],className:{1:"keyword",3:"title.class"}},{match:/non-sealed/,scope:"keyword"},{begin:[t.concat(/(?!else)/,r),/\s+/,r,/\s+/,/=(?!=)/],className:{1:"type",3:"variable",5:"operator"}},{begin:[/record/,/\s+/,r],className:{1:"keyword",3:"title.class"},contains:[s,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"new throw return else",relevance:0},{begin:["(?:"+n+"\\s+)",e.UNDERSCORE_IDENT_RE,/\s*(?=\()/],className:{2:"title.function"},keywords:i,contains:[{className:"params",begin:/\(/,end:/\)/,keywords:i,relevance:0,contains:[o,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.C_BLOCK_COMMENT_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},a,o]}}},45523:function(e){let t="[A-Za-z$_][0-9A-Za-z$_]*",r=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],n=["true","false","null","undefined","NaN","Infinity"],a=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],i=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],o=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],s=["arguments","this","super","console","window","document","localStorage","module","global"],l=[].concat(o,a,i);e.exports=function(e){var c;let d=e.regex,u=(e,{after:t})=>{let r="",end:""},_={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,t)=>{let r;let n=e[0].length+e.index,a=e.input[n];if("<"===a||","===a){t.ignoreMatch();return}">"!==a||u(e,{after:n})||t.ignoreMatch();let i=e.input.substring(n);if((r=i.match(/^\s*=/))||(r=i.match(/^\s+extends\s+/))&&0===r.index){t.ignoreMatch();return}}},m={$pattern:t,keyword:r,literal:n,built_in:l,"variable.language":s},g="[0-9](_?[0-9])*",f=`\\.(${g})`,E="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",b={className:"number",variants:[{begin:`(\\b(${E})((${f})|\\.)?|(${f}))[eE][+-]?(${g})\\b`},{begin:`\\b(${E})\\b((${f})\\b|\\.)?|(${f})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},S={className:"subst",begin:"\\$\\{",end:"\\}",keywords:m,contains:[]},h={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,S],subLanguage:"xml"}},v={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,S],subLanguage:"css"}},y={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,S]},T=e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),O={className:"comment",variants:[T,e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},C=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,h,v,y,{match:/\$\d+/},b];S.contains=C.concat({begin:/\{/,end:/\}/,keywords:m,contains:["self"].concat(C)});let N=[].concat(O,S.contains),R=N.concat([{begin:/\(/,end:/\)/,keywords:m,contains:["self"].concat(N)}]),I={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:m,contains:R},A={variants:[{match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,d.concat(t,"(",d.concat(/\./,t),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},x={relevance:0,match:d.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...a,...i]}},w={match:d.concat(/\b/,(c=[...o,"super","import"],d.concat("(?!",c.join("|"),")")),t,d.lookahead(/\(/)),className:"title.function",relevance:0},D={begin:d.concat(/\./,d.lookahead(d.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},M="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",P={match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,d.lookahead(M)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[I]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:m,exports:{PARAMS_CONTAINS:R,CLASS_REFERENCE:x},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,h,v,y,O,{match:/\$\d+/},b,x,{className:"attr",begin:t+d.lookahead(":"),relevance:0},P,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[O,e.REGEXP_MODE,{className:"function",begin:M,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:m,contains:R}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:p.begin,end:p.end},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:_.begin,"on:begin":_.isTrulyOpeningTag,end:_.end}],subLanguage:"xml",contains:[{begin:_.begin,end:_.end,skip:!0,contains:["self"]}]}]},{variants:[{match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[I],illegal:/%/},{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[I,e.inherit(e.TITLE_MODE,{begin:t,className:"title.function"})]},{match:/\.\.\./,relevance:0},D,{match:"\\$"+t,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[I]},w,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},A,{match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},I]},{match:/\$[(.]/}]}}},1054:function(e){e.exports=function(e){return{name:"JBoss CLI",aliases:["wildfly-cli"],keywords:{$pattern:"[a-z-]+",keyword:"alias batch cd clear command connect connection-factory connection-info data-source deploy deployment-info deployment-overlay echo echo-dmr help history if jdbc-driver-info jms-queue|20 jms-topic|20 ls patch pwd quit read-attribute read-operation reload rollout-plan run-batch set shutdown try unalias undeploy unset version xa-data-source",literal:"true false"},contains:[e.HASH_COMMENT_MODE,e.QUOTE_STRING_MODE,{className:"params",begin:/--[\w\-=\/]+/},{className:"function",begin:/:[\w\-.]+/,relevance:0},{className:"string",begin:/\B([\/.])[\w\-.\/=]+/},{className:"params",begin:/\(/,end:/\)/,contains:[{begin:/[\w-]+ *=/,returnBegin:!0,relevance:0,contains:[{className:"attr",begin:/[\w-]+/}]}],relevance:0}]}}},39584:function(e){e.exports=function(e){let t=["true","false","null"],r={scope:"literal",beginKeywords:t.join(" ")};return{name:"JSON",keywords:{literal:t},contains:[{className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,relevance:1.01},{match:/[{}[\],:]/,className:"punctuation",relevance:0},e.QUOTE_STRING_MODE,r,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],illegal:"\\S"}}},4712:function(e){e.exports=function(e){return{name:"Julia REPL",contains:[{className:"meta.prompt",begin:/^julia>/,relevance:10,starts:{end:/^(?![ ]{6})/,subLanguage:"julia"}}],aliases:["jldoctest"]}}},2814:function(e){e.exports=function(e){let t="[A-Za-z_\\u00A1-\\uFFFF][A-Za-z_0-9\\u00A1-\\uFFFF]*",r={$pattern:t,keyword:["baremodule","begin","break","catch","ccall","const","continue","do","else","elseif","end","export","false","finally","for","function","global","if","import","in","isa","let","local","macro","module","quote","return","true","try","using","where","while"],literal:["ARGS","C_NULL","DEPOT_PATH","ENDIAN_BOM","ENV","Inf","Inf16","Inf32","Inf64","InsertionSort","LOAD_PATH","MergeSort","NaN","NaN16","NaN32","NaN64","PROGRAM_FILE","QuickSort","RoundDown","RoundFromZero","RoundNearest","RoundNearestTiesAway","RoundNearestTiesUp","RoundToZero","RoundUp","VERSION|0","devnull","false","im","missing","nothing","pi","stderr","stdin","stdout","true","undef","π","ℯ"],built_in:["AbstractArray","AbstractChannel","AbstractChar","AbstractDict","AbstractDisplay","AbstractFloat","AbstractIrrational","AbstractMatrix","AbstractRange","AbstractSet","AbstractString","AbstractUnitRange","AbstractVecOrMat","AbstractVector","Any","ArgumentError","Array","AssertionError","BigFloat","BigInt","BitArray","BitMatrix","BitSet","BitVector","Bool","BoundsError","CapturedException","CartesianIndex","CartesianIndices","Cchar","Cdouble","Cfloat","Channel","Char","Cint","Cintmax_t","Clong","Clonglong","Cmd","Colon","Complex","ComplexF16","ComplexF32","ComplexF64","CompositeException","Condition","Cptrdiff_t","Cshort","Csize_t","Cssize_t","Cstring","Cuchar","Cuint","Cuintmax_t","Culong","Culonglong","Cushort","Cvoid","Cwchar_t","Cwstring","DataType","DenseArray","DenseMatrix","DenseVecOrMat","DenseVector","Dict","DimensionMismatch","Dims","DivideError","DomainError","EOFError","Enum","ErrorException","Exception","ExponentialBackOff","Expr","Float16","Float32","Float64","Function","GlobalRef","HTML","IO","IOBuffer","IOContext","IOStream","IdDict","IndexCartesian","IndexLinear","IndexStyle","InexactError","InitError","Int","Int128","Int16","Int32","Int64","Int8","Integer","InterruptException","InvalidStateException","Irrational","KeyError","LinRange","LineNumberNode","LinearIndices","LoadError","MIME","Matrix","Method","MethodError","Missing","MissingException","Module","NTuple","NamedTuple","Nothing","Number","OrdinalRange","OutOfMemoryError","OverflowError","Pair","PartialQuickSort","PermutedDimsArray","Pipe","ProcessFailedException","Ptr","QuoteNode","Rational","RawFD","ReadOnlyMemoryError","Real","ReentrantLock","Ref","Regex","RegexMatch","RoundingMode","SegmentationFault","Set","Signed","Some","StackOverflowError","StepRange","StepRangeLen","StridedArray","StridedMatrix","StridedVecOrMat","StridedVector","String","StringIndexError","SubArray","SubString","SubstitutionString","Symbol","SystemError","Task","TaskFailedException","Text","TextDisplay","Timer","Tuple","Type","TypeError","TypeVar","UInt","UInt128","UInt16","UInt32","UInt64","UInt8","UndefInitializer","UndefKeywordError","UndefRefError","UndefVarError","Union","UnionAll","UnitRange","Unsigned","Val","Vararg","VecElement","VecOrMat","Vector","VersionNumber","WeakKeyDict","WeakRef"]},n={keywords:r,illegal:/<\//},a={className:"subst",begin:/\$\(/,end:/\)/,keywords:r},i={className:"variable",begin:"\\$"+t},o={className:"string",contains:[e.BACKSLASH_ESCAPE,a,i],variants:[{begin:/\w*"""/,end:/"""\w*/,relevance:10},{begin:/\w*"/,end:/"\w*/}]},s={className:"string",contains:[e.BACKSLASH_ESCAPE,a,i],begin:"`",end:"`"};return n.name="Julia",n.contains=[{className:"number",begin:/(\b0x[\d_]*(\.[\d_]*)?|0x\.\d[\d_]*)p[-+]?\d+|\b0[box][a-fA-F0-9][a-fA-F0-9_]*|(\b\d[\d_]*(\.[\d_]*)?|\.\d[\d_]*)([eEfF][-+]?\d+)?/,relevance:0},{className:"string",begin:/'(.|\\[xXuU][a-zA-Z0-9]+)'/},o,s,{className:"meta",begin:"@"+t},{className:"comment",variants:[{begin:"#=",end:"=#",relevance:10},{begin:"#",end:"$"}]},e.HASH_COMMENT_MODE,{className:"keyword",begin:"\\b(((abstract|primitive)\\s+)type|(mutable\\s+)?struct)\\b"},{begin:/<:/}],a.contains=n.contains,n}},95309:function(e){var t="[0-9](_*[0-9])*",r=`\\.(${t})`,n="[0-9a-fA-F](_*[0-9a-fA-F])*",a={className:"number",variants:[{begin:`(\\b(${t})((${r})|\\.)?|(${r}))[eE][+-]?(${t})[fFdD]?\\b`},{begin:`\\b(${t})((${r})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{begin:`(${r})[fFdD]?\\b`},{begin:`\\b(${t})[fFdD]\\b`},{begin:`\\b0[xX]((${n})\\.?|(${n})?\\.(${n}))[pP][+-]?(${t})[fFdD]?\\b`},{begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${n})[lL]?\\b`},{begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],relevance:0};e.exports=function(e){let t={keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual",built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",literal:"true false null"},r={className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"@"},n={className:"subst",begin:/\$\{/,end:/\}/,contains:[e.C_NUMBER_MODE]},i={className:"variable",begin:"\\$"+e.UNDERSCORE_IDENT_RE},o={className:"string",variants:[{begin:'"""',end:'"""(?=[^"])',contains:[i,n]},{begin:"'",end:"'",illegal:/\n/,contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"',illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,i,n]}]};n.contains.push(o);let s={className:"meta",begin:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UNDERSCORE_IDENT_RE+")?"},l={className:"meta",begin:"@"+e.UNDERSCORE_IDENT_RE,contains:[{begin:/\(/,end:/\)/,contains:[e.inherit(o,{className:"string"}),"self"]}]},c=e.COMMENT("/\\*","\\*/",{contains:[e.C_BLOCK_COMMENT_MODE]}),d={variants:[{className:"type",begin:e.UNDERSCORE_IDENT_RE},{begin:/\(/,end:/\)/,contains:[]}]},u=d;return u.variants[1].contains=[d],d.variants[1].contains=[u],{name:"Kotlin",aliases:["kt","kts"],keywords:t,contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"}]}),e.C_LINE_COMMENT_MODE,c,{className:"keyword",begin:/\b(break|continue|return|this)\b/,starts:{contains:[{className:"symbol",begin:/@\w+/}]}},r,s,l,{className:"function",beginKeywords:"fun",end:"[(]|$",returnBegin:!0,excludeEnd:!0,keywords:t,relevance:5,contains:[{begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,relevance:0,contains:[e.UNDERSCORE_TITLE_MODE]},{className:"type",begin://,keywords:"reified",relevance:0},{className:"params",begin:/\(/,end:/\)/,endsParent:!0,keywords:t,relevance:0,contains:[{begin:/:/,end:/[=,\/]/,endsWithParent:!0,contains:[d,e.C_LINE_COMMENT_MODE,c],relevance:0},e.C_LINE_COMMENT_MODE,c,s,l,o,e.C_NUMBER_MODE]},c]},{begin:[/class|interface|trait/,/\s+/,e.UNDERSCORE_IDENT_RE],beginScope:{3:"title.class"},keywords:"class interface trait",end:/[:\{(]|$/,excludeEnd:!0,illegal:"extends implements",contains:[{beginKeywords:"public protected internal private constructor"},e.UNDERSCORE_TITLE_MODE,{className:"type",begin://,excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:/[,:]\s*/,end:/[<\(,){\s]|$/,excludeBegin:!0,returnEnd:!0},s,l]},o,{className:"meta",begin:"^#!/usr/bin/env",end:"$",illegal:"\n"},a]}}},87696:function(e){e.exports=function(e){let t="[a-zA-Z_][\\w.]*",r="<\\?(lasso(script)?|=)",n="\\]|\\?>",a={$pattern:t+"|&[lg]t;",literal:"true false none minimal full all void and or not bw nbw ew new cn ncn lt lte gt gte eq neq rx nrx ft",built_in:"array date decimal duration integer map pair string tag xml null boolean bytes keyword list locale queue set stack staticarray local var variable global data self inherited currentcapture givenblock",keyword:"cache database_names database_schemanames database_tablenames define_tag define_type email_batch encode_set html_comment handle handle_error header if inline iterate ljax_target link link_currentaction link_currentgroup link_currentrecord link_detail link_firstgroup link_firstrecord link_lastgroup link_lastrecord link_nextgroup link_nextrecord link_prevgroup link_prevrecord log loop namespace_using output_none portal private protect records referer referrer repeating resultset rows search_args search_arguments select sort_args sort_arguments thread_atomic value_list while abort case else fail_if fail_ifnot fail if_empty if_false if_null if_true loop_abort loop_continue loop_count params params_up return return_value run_children soap_definetag soap_lastrequest soap_lastresponse tag_name ascending average by define descending do equals frozen group handle_failure import in into join let match max min on order parent protected provide public require returnhome skip split_thread sum take thread to trait type where with yield yieldhome"},i=e.COMMENT("",{relevance:0}),o={className:"meta",begin:"\\[noprocess\\]",starts:{end:"\\[/noprocess\\]",returnEnd:!0,contains:[i]}},s={className:"meta",begin:"\\[/noprocess|"+r},l=[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.inherit(e.C_NUMBER_MODE,{begin:e.C_NUMBER_RE+"|(-?infinity|NaN)\\b"}),e.inherit(e.APOS_STRING_MODE,{illegal:null}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),{className:"string",begin:"`",end:"`"},{variants:[{begin:"[#$]"+t},{begin:"#",end:"\\d+",illegal:"\\W"}]},{className:"type",begin:"::\\s*",end:t,illegal:"\\W"},{className:"params",variants:[{begin:"-(?!infinity)"+t,relevance:0},{begin:"(\\.\\.\\.)"}]},{begin:/(->|\.)\s*/,relevance:0,contains:[{className:"symbol",begin:"'"+t+"'"}]},{className:"class",beginKeywords:"define",returnEnd:!0,end:"\\(|=>",contains:[e.inherit(e.TITLE_MODE,{begin:t+"(=(?!>))?|[-+*/%](?!>)"})]}];return{name:"Lasso",aliases:["ls","lassoscript"],case_insensitive:!0,keywords:a,contains:[{className:"meta",begin:n,relevance:0,starts:{end:"\\[|"+r,returnEnd:!0,relevance:0,contains:[i]}},o,s,{className:"meta",begin:"\\[no_square_brackets",starts:{end:"\\[/no_square_brackets\\]",keywords:a,contains:[{className:"meta",begin:n,relevance:0,starts:{end:"\\[noprocess\\]|"+r,returnEnd:!0,contains:[i]}},o,s].concat(l)}},{className:"meta",begin:"\\[",relevance:0},{className:"meta",begin:"^#!",end:"lasso9$",relevance:10}].concat(l)}}},72198:function(e){e.exports=function(e){let t=e.regex,r=t.either(...["(?:NeedsTeXFormat|RequirePackage|GetIdInfo)","Provides(?:Expl)?(?:Package|Class|File)","(?:DeclareOption|ProcessOptions)","(?:documentclass|usepackage|input|include)","makeat(?:letter|other)","ExplSyntax(?:On|Off)","(?:new|renew|provide)?command","(?:re)newenvironment","(?:New|Renew|Provide|Declare)(?:Expandable)?DocumentCommand","(?:New|Renew|Provide|Declare)DocumentEnvironment","(?:(?:e|g|x)?def|let)","(?:begin|end)","(?:part|chapter|(?:sub){0,2}section|(?:sub)?paragraph)","caption","(?:label|(?:eq|page|name)?ref|(?:paren|foot|super)?cite)","(?:alpha|beta|[Gg]amma|[Dd]elta|(?:var)?epsilon|zeta|eta|[Tt]heta|vartheta)","(?:iota|(?:var)?kappa|[Ll]ambda|mu|nu|[Xx]i|[Pp]i|varpi|(?:var)rho)","(?:[Ss]igma|varsigma|tau|[Uu]psilon|[Pp]hi|varphi|chi|[Pp]si|[Oo]mega)","(?:frac|sum|prod|lim|infty|times|sqrt|leq|geq|left|right|middle|[bB]igg?)","(?:[lr]angle|q?quad|[lcvdi]?dots|d?dot|hat|tilde|bar)"].map(e=>e+"(?![a-zA-Z@:_])")),n=RegExp(["(?:__)?[a-zA-Z]{2,}_[a-zA-Z](?:_?[a-zA-Z])+:[a-zA-Z]*","[lgc]__?[a-zA-Z](?:_?[a-zA-Z])*_[a-zA-Z]{2,}","[qs]__?[a-zA-Z](?:_?[a-zA-Z])+","use(?:_i)?:[a-zA-Z]*","(?:else|fi|or):","(?:if|cs|exp):w","(?:hbox|vbox):n","::[a-zA-Z]_unbraced","::[a-zA-Z:]"].map(e=>e+"(?![a-zA-Z:_])").join("|")),a=[{begin:/\^{6}[0-9a-f]{6}/},{begin:/\^{5}[0-9a-f]{5}/},{begin:/\^{4}[0-9a-f]{4}/},{begin:/\^{3}[0-9a-f]{3}/},{begin:/\^{2}[0-9a-f]{2}/},{begin:/\^{2}[\u0000-\u007f]/}],i=e.COMMENT("%","$",{relevance:0}),o=[{className:"keyword",begin:/\\/,relevance:0,contains:[{endsParent:!0,begin:r},{endsParent:!0,begin:n},{endsParent:!0,variants:a},{endsParent:!0,relevance:0,variants:[{begin:/[a-zA-Z@]+/},{begin:/[^a-zA-Z@]?/}]}]},{className:"params",relevance:0,begin:/#+\d?/},{variants:a},{className:"built_in",relevance:0,begin:/[$&^_]/},{className:"meta",begin:/% ?!(T[eE]X|tex|BIB|bib)/,end:"$",relevance:10},i],s={begin:/\{/,end:/\}/,relevance:0,contains:["self",...o]},l=e.inherit(s,{relevance:0,endsParent:!0,contains:[s,...o]}),c={begin:/\[/,end:/\]/,endsParent:!0,relevance:0,contains:[s,...o]},d={begin:/\s+/,relevance:0},u=[l],p=[c],_=function(e,t){return{contains:[d],starts:{relevance:0,contains:e,starts:t}}},m=function(e,t){return{begin:"\\\\"+e+"(?![a-zA-Z@:_])",keywords:{$pattern:/\\[a-zA-Z]+/,keyword:"\\"+e},relevance:0,contains:[d],starts:t}},g=function(t,r){return e.inherit({begin:"\\\\begin(?=[ ]*(\\r?\\n[ ]*)?\\{"+t+"\\})",keywords:{$pattern:/\\[a-zA-Z]+/,keyword:"\\begin"},relevance:0},_(u,r))},f=(t="string")=>e.END_SAME_AS_BEGIN({className:t,begin:/(.|\r?\n)/,end:/(.|\r?\n)/,excludeBegin:!0,excludeEnd:!0,endsParent:!0}),E=function(e){return{className:"string",end:"(?=\\\\end\\{"+e+"\\})"}},b=(e="string")=>({relevance:0,begin:/\{/,starts:{endsParent:!0,contains:[{className:e,end:/(?=\})/,endsParent:!0,contains:[{begin:/\{/,end:/\}/,relevance:0,contains:["self"]}]}]}}),S=[...["verb","lstinline"].map(e=>m(e,{contains:[f()]})),m("mint",_(u,{contains:[f()]})),m("mintinline",_(u,{contains:[b(),f()]})),m("url",{contains:[b("link"),b("link")]}),m("hyperref",{contains:[b("link")]}),m("href",_(p,{contains:[b("link")]})),...[].concat(...["","\\*"].map(e=>[g("verbatim"+e,E("verbatim"+e)),g("filecontents"+e,_(u,E("filecontents"+e))),...["","B","L"].map(t=>g(t+"Verbatim"+e,_(p,E(t+"Verbatim"+e))))])),g("minted",_(p,_(u,E("minted"))))];return{name:"LaTeX",aliases:["tex"],contains:[...S,...o]}}},10199:function(e){e.exports=function(e){return{name:"LDIF",contains:[{className:"attribute",match:"^dn(?=:)",relevance:10},{className:"attribute",match:"^\\w+(?=:)"},{className:"literal",match:"^-"},e.HASH_COMMENT_MODE]}}},64014:function(e){e.exports=function(e){return{name:"Leaf",contains:[{className:"function",begin:"#+[A-Za-z_0-9]*\\(",end:/ \{/,returnBegin:!0,excludeEnd:!0,contains:[{className:"keyword",begin:"#+"},{className:"title",begin:"[A-Za-z_][A-Za-z_0-9]*"},{className:"params",begin:"\\(",end:"\\)",endsParent:!0,contains:[{className:"string",begin:'"',end:'"'},{className:"variable",begin:"[A-Za-z_][A-Za-z_0-9]*"}]}]}]}}},46841:function(e){let t=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),r=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],n=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],a=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],i=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],o=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),s=a.concat(i);e.exports=function(e){let l=t(e),c="[\\w-]+",d="("+c+"|@\\{"+c+"\\})",u=[],p=[],_=function(e){return{className:"string",begin:"~?"+e+".*?"+e}},m=function(e,t,r){return{className:e,begin:t,relevance:r}},g={$pattern:/[a-z-]+/,keyword:"and or not only",attribute:n.join(" ")};p.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,_("'"),_('"'),l.CSS_NUMBER_MODE,{begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",excludeEnd:!0}},l.HEXCOLOR,{begin:"\\(",end:"\\)",contains:p,keywords:g,relevance:0},m("variable","@@?"+c,10),m("variable","@\\{"+c+"\\}"),m("built_in","~?`[^`]*?`"),{className:"attribute",begin:c+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0},l.IMPORTANT,{beginKeywords:"and not"},l.FUNCTION_DISPATCH);let f=p.concat({begin:/\{/,end:/\}/,contains:u}),E={beginKeywords:"when",endsWithParent:!0,contains:[{beginKeywords:"and not"}].concat(p)},b={begin:d+"\\s*:",returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/},l.CSS_VARIABLE,{className:"attribute",begin:"\\b("+o.join("|")+")\\b",end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:p}}]},S={variants:[{begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:d,end:/\{/}],returnBegin:!0,returnEnd:!0,illegal:"[<='$\"]",relevance:0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,E,m("keyword","all\\b"),m("variable","@\\{"+c+"\\}"),{begin:"\\b("+r.join("|")+")\\b",className:"selector-tag"},l.CSS_NUMBER_MODE,m("selector-tag",d,0),m("selector-id","#"+d),m("selector-class","\\."+d,0),m("selector-tag","&",0),l.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",begin:":("+a.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+i.join("|")+")"},{begin:/\(/,end:/\)/,relevance:0,contains:f},{begin:"!important"},l.FUNCTION_DISPATCH]},h={begin:c+":(:)?"+`(${s.join("|")})`,returnBegin:!0,contains:[S]};return u.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"keyword",begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{end:"[;{}]",keywords:g,returnEnd:!0,contains:p,relevance:0}},{className:"variable",variants:[{begin:"@"+c+"\\s*:",relevance:15},{begin:"@"+c}],starts:{end:"[;}]",returnEnd:!0,contains:f}},h,b,S,E,l.FUNCTION_DISPATCH),{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:u}}},10404:function(e){e.exports=function(e){let t="[a-zA-Z_\\-+\\*\\/<=>&#][a-zA-Z0-9_\\-+*\\/<=>&#!]*",r="\\|[^]*?\\|",n="(-|\\+)?\\d+(\\.\\d+|\\/\\d+)?((d|e|f|l|s|D|E|F|L|S)(\\+|-)?\\d+)?",a={className:"literal",begin:"\\b(t{1}|nil)\\b"},i={className:"number",variants:[{begin:n,relevance:0},{begin:"#(b|B)[0-1]+(/[0-1]+)?"},{begin:"#(o|O)[0-7]+(/[0-7]+)?"},{begin:"#(x|X)[0-9a-fA-F]+(/[0-9a-fA-F]+)?"},{begin:"#(c|C)\\("+n+" +"+n,end:"\\)"}]},o=e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),s=e.COMMENT(";","$",{relevance:0}),l={begin:"\\*",end:"\\*"},c={className:"symbol",begin:"[:&]"+t},d={begin:t,relevance:0},u={contains:[i,o,l,c,{begin:"\\(",end:"\\)",contains:["self",a,o,i,d]},d],variants:[{begin:"['`]\\(",end:"\\)"},{begin:"\\(quote ",end:"\\)",keywords:{name:"quote"}},{begin:"'"+r}]},p={variants:[{begin:"'"+t},{begin:"#'"+t+"(::"+t+")*"}]},_={begin:"\\(\\s*",end:"\\)"},m={endsWithParent:!0,relevance:0};return _.contains=[{className:"name",variants:[{begin:t,relevance:0},{begin:r}]},m],m.contains=[u,p,_,a,i,o,s,l,c,{begin:r},d],{name:"Lisp",illegal:/\S/,contains:[i,e.SHEBANG(),a,o,s,u,p,_,d]}}},9828:function(e){e.exports=function(e){let t={className:"variable",variants:[{begin:"\\b([gtps][A-Z]{1}[a-zA-Z0-9]*)(\\[.+\\])?(?:\\s*?)"},{begin:"\\$_[A-Z]+"}],relevance:0},r=[e.C_BLOCK_COMMENT_MODE,e.HASH_COMMENT_MODE,e.COMMENT("--","$"),e.COMMENT("[^:]//","$")],n=e.inherit(e.TITLE_MODE,{variants:[{begin:"\\b_*rig[A-Z][A-Za-z0-9_\\-]*"},{begin:"\\b_[a-z0-9\\-]+"}]}),a=e.inherit(e.TITLE_MODE,{begin:"\\b([A-Za-z0-9_\\-]+)\\b"});return{name:"LiveCode",case_insensitive:!1,keywords:{keyword:"$_COOKIE $_FILES $_GET $_GET_BINARY $_GET_RAW $_POST $_POST_BINARY $_POST_RAW $_SESSION $_SERVER codepoint codepoints segment segments codeunit codeunits sentence sentences trueWord trueWords paragraph after byte bytes english the until http forever descending using line real8 with seventh for stdout finally element word words fourth before black ninth sixth characters chars stderr uInt1 uInt1s uInt2 uInt2s stdin string lines relative rel any fifth items from middle mid at else of catch then third it file milliseconds seconds second secs sec int1 int1s int4 int4s internet int2 int2s normal text item last long detailed effective uInt4 uInt4s repeat end repeat URL in try into switch to words https token binfile each tenth as ticks tick system real4 by dateItems without char character ascending eighth whole dateTime numeric short first ftp integer abbreviated abbr abbrev private case while if div mod wrap and or bitAnd bitNot bitOr bitXor among not in a an within contains ends with begins the keys of keys",literal:"SIX TEN FORMFEED NINE ZERO NONE SPACE FOUR FALSE COLON CRLF PI COMMA ENDOFFILE EOF EIGHT FIVE QUOTE EMPTY ONE TRUE RETURN CR LINEFEED RIGHT BACKSLASH NULL SEVEN TAB THREE TWO six ten formfeed nine zero none space four false colon crlf pi comma endoffile eof eight five quote empty one true return cr linefeed right backslash null seven tab three two RIVERSION RISTATE FILE_READ_MODE FILE_WRITE_MODE FILE_WRITE_MODE DIR_WRITE_MODE FILE_READ_UMASK FILE_WRITE_UMASK DIR_READ_UMASK DIR_WRITE_UMASK",built_in:"put abs acos aliasReference annuity arrayDecode arrayEncode asin atan atan2 average avg avgDev base64Decode base64Encode baseConvert binaryDecode binaryEncode byteOffset byteToNum cachedURL cachedURLs charToNum cipherNames codepointOffset codepointProperty codepointToNum codeunitOffset commandNames compound compress constantNames cos date dateFormat decompress difference directories diskSpace DNSServers exp exp1 exp2 exp10 extents files flushEvents folders format functionNames geometricMean global globals hasMemory harmonicMean hostAddress hostAddressToName hostName hostNameToAddress isNumber ISOToMac itemOffset keys len length libURLErrorData libUrlFormData libURLftpCommand libURLLastHTTPHeaders libURLLastRHHeaders libUrlMultipartFormAddPart libUrlMultipartFormData libURLVersion lineOffset ln ln1 localNames log log2 log10 longFilePath lower macToISO matchChunk matchText matrixMultiply max md5Digest median merge messageAuthenticationCode messageDigest millisec millisecs millisecond milliseconds min monthNames nativeCharToNum normalizeText num number numToByte numToChar numToCodepoint numToNativeChar offset open openfiles openProcesses openProcessIDs openSockets paragraphOffset paramCount param params peerAddress pendingMessages platform popStdDev populationStandardDeviation populationVariance popVariance processID random randomBytes replaceText result revCreateXMLTree revCreateXMLTreeFromFile revCurrentRecord revCurrentRecordIsFirst revCurrentRecordIsLast revDatabaseColumnCount revDatabaseColumnIsNull revDatabaseColumnLengths revDatabaseColumnNames revDatabaseColumnNamed revDatabaseColumnNumbered revDatabaseColumnTypes revDatabaseConnectResult revDatabaseCursors revDatabaseID revDatabaseTableNames revDatabaseType revDataFromQuery revdb_closeCursor revdb_columnbynumber revdb_columncount revdb_columnisnull revdb_columnlengths revdb_columnnames revdb_columntypes revdb_commit revdb_connect revdb_connections revdb_connectionerr revdb_currentrecord revdb_cursorconnection revdb_cursorerr revdb_cursors revdb_dbtype revdb_disconnect revdb_execute revdb_iseof revdb_isbof revdb_movefirst revdb_movelast revdb_movenext revdb_moveprev revdb_query revdb_querylist revdb_recordcount revdb_rollback revdb_tablenames revGetDatabaseDriverPath revNumberOfRecords revOpenDatabase revOpenDatabases revQueryDatabase revQueryDatabaseBlob revQueryResult revQueryIsAtStart revQueryIsAtEnd revUnixFromMacPath revXMLAttribute revXMLAttributes revXMLAttributeValues revXMLChildContents revXMLChildNames revXMLCreateTreeFromFileWithNamespaces revXMLCreateTreeWithNamespaces revXMLDataFromXPathQuery revXMLEvaluateXPath revXMLFirstChild revXMLMatchingNode revXMLNextSibling revXMLNodeContents revXMLNumberOfChildren revXMLParent revXMLPreviousSibling revXMLRootNode revXMLRPC_CreateRequest revXMLRPC_Documents revXMLRPC_Error revXMLRPC_GetHost revXMLRPC_GetMethod revXMLRPC_GetParam revXMLText revXMLRPC_Execute revXMLRPC_GetParamCount revXMLRPC_GetParamNode revXMLRPC_GetParamType revXMLRPC_GetPath revXMLRPC_GetPort revXMLRPC_GetProtocol revXMLRPC_GetRequest revXMLRPC_GetResponse revXMLRPC_GetSocket revXMLTree revXMLTrees revXMLValidateDTD revZipDescribeItem revZipEnumerateItems revZipOpenArchives round sampVariance sec secs seconds sentenceOffset sha1Digest shell shortFilePath sin specialFolderPath sqrt standardDeviation statRound stdDev sum sysError systemVersion tan tempName textDecode textEncode tick ticks time to tokenOffset toLower toUpper transpose truewordOffset trunc uniDecode uniEncode upper URLDecode URLEncode URLStatus uuid value variableNames variance version waitDepth weekdayNames wordOffset xsltApplyStylesheet xsltApplyStylesheetFromFile xsltLoadStylesheet xsltLoadStylesheetFromFile add breakpoint cancel clear local variable file word line folder directory URL close socket process combine constant convert create new alias folder directory decrypt delete variable word line folder directory URL dispatch divide do encrypt filter get include intersect kill libURLDownloadToFile libURLFollowHttpRedirects libURLftpUpload libURLftpUploadFile libURLresetAll libUrlSetAuthCallback libURLSetDriver libURLSetCustomHTTPHeaders libUrlSetExpect100 libURLSetFTPListCommand libURLSetFTPMode libURLSetFTPStopTime libURLSetStatusCallback load extension loadedExtensions multiply socket prepare process post seek rel relative read from process rename replace require resetAll resolve revAddXMLNode revAppendXML revCloseCursor revCloseDatabase revCommitDatabase revCopyFile revCopyFolder revCopyXMLNode revDeleteFolder revDeleteXMLNode revDeleteAllXMLTrees revDeleteXMLTree revExecuteSQL revGoURL revInsertXMLNode revMoveFolder revMoveToFirstRecord revMoveToLastRecord revMoveToNextRecord revMoveToPreviousRecord revMoveToRecord revMoveXMLNode revPutIntoXMLNode revRollBackDatabase revSetDatabaseDriverPath revSetXMLAttribute revXMLRPC_AddParam revXMLRPC_DeleteAllDocuments revXMLAddDTD revXMLRPC_Free revXMLRPC_FreeAll revXMLRPC_DeleteDocument revXMLRPC_DeleteParam revXMLRPC_SetHost revXMLRPC_SetMethod revXMLRPC_SetPort revXMLRPC_SetProtocol revXMLRPC_SetSocket revZipAddItemWithData revZipAddItemWithFile revZipAddUncompressedItemWithData revZipAddUncompressedItemWithFile revZipCancel revZipCloseArchive revZipDeleteItem revZipExtractItemToFile revZipExtractItemToVariable revZipSetProgressCallback revZipRenameItem revZipReplaceItemWithData revZipReplaceItemWithFile revZipOpenArchive send set sort split start stop subtract symmetric union unload vectorDotProduct wait write"},contains:[t,{className:"keyword",begin:"\\bend\\sif\\b"},{className:"function",beginKeywords:"function",end:"$",contains:[t,a,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE,n]},{className:"function",begin:"\\bend\\s+",end:"$",keywords:"end",contains:[a,n],relevance:0},{beginKeywords:"command on",end:"$",contains:[t,a,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE,n]},{className:"meta",variants:[{begin:"<\\?(rev|lc|livecode)",relevance:10},{begin:"<\\?"},{begin:"\\?>"}]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE,n].concat(r),illegal:";$|^\\[|^=|&|\\{"}}},22281:function(e){let t=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],r=["true","false","null","undefined","NaN","Infinity"],n=[].concat(["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"]);e.exports=function(e){let a={keyword:t.concat(["then","unless","until","loop","of","by","when","and","or","is","isnt","not","it","that","otherwise","from","to","til","fallthrough","case","enum","native","list","map","__hasProp","__extends","__slice","__bind","__indexOf"]),literal:r.concat(["yes","no","on","off","it","that","void"]),built_in:n.concat(["npm","print"])},i="[A-Za-z$_](?:-[0-9A-Za-z$_]|[0-9A-Za-z$_])*",o=e.inherit(e.TITLE_MODE,{begin:i}),s={className:"subst",begin:/#\{/,end:/\}/,keywords:a},l={className:"subst",begin:/#[A-Za-z$_]/,end:/(?:-[0-9A-Za-z$_]|[0-9A-Za-z$_])*/,keywords:a},c=[e.BINARY_NUMBER_MODE,{className:"number",begin:"(\\b0[xX][a-fA-F0-9_]+)|(\\b\\d(\\d|_\\d)*(\\.(\\d(\\d|_\\d)*)?)?(_*[eE]([-+]\\d(_\\d|\\d)*)?)?[_a-z]*)",relevance:0,starts:{end:"(\\s*/)?",relevance:0}},{className:"string",variants:[{begin:/'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE]},{begin:/'/,end:/'/,contains:[e.BACKSLASH_ESCAPE]},{begin:/"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,s,l]},{begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,s,l]},{begin:/\\/,end:/(\s|$)/,excludeEnd:!0}]},{className:"regexp",variants:[{begin:"//",end:"//[gim]*",contains:[s,e.HASH_COMMENT_MODE]},{begin:/\/(?![ *])(\\.|[^\\\n])*?\/[gim]*(?=\W)/}]},{begin:"@"+i},{begin:"``",end:"``",excludeBegin:!0,excludeEnd:!0,subLanguage:"javascript"}];s.contains=c;let d={className:"params",begin:"\\(",returnBegin:!0,contains:[{begin:/\(/,end:/\)/,keywords:a,contains:["self"].concat(c)}]};return{name:"LiveScript",aliases:["ls"],keywords:a,illegal:/\/\*/,contains:c.concat([e.COMMENT("\\/\\*","\\*\\/"),e.HASH_COMMENT_MODE,{begin:"(#=>|=>|\\|>>|-?->|!->)"},{className:"function",contains:[o,d],returnBegin:!0,variants:[{begin:"("+i+"\\s*(?:=|:=)\\s*)?(\\(.*\\)\\s*)?\\B->\\*?",end:"->\\*?"},{begin:"("+i+"\\s*(?:=|:=)\\s*)?!?(\\(.*\\)\\s*)?\\B[-~]{1,2}>\\*?",end:"[-~]{1,2}>\\*?"},{begin:"("+i+"\\s*(?:=|:=)\\s*)?(\\(.*\\)\\s*)?\\B!?[-~]{1,2}>\\*?",end:"!?[-~]{1,2}>\\*?"}]},{variants:[{match:[/class\s+/,i,/\s+extends\s+/,i]},{match:[/class\s+/,i]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:a},{begin:i+":",end:":",returnBegin:!0,returnEnd:!0,relevance:0}])}}},74743:function(e){e.exports=function(e){let t=e.regex,r=/([-a-zA-Z$._][\w$.-]*)/,n={className:"variable",variants:[{begin:t.concat(/%/,r)},{begin:/%\d+/},{begin:/#\d+/}]},a={className:"title",variants:[{begin:t.concat(/@/,r)},{begin:/@\d+/},{begin:t.concat(/!/,r)},{begin:t.concat(/!\d+/,r)},{begin:/!\d+/}]};return{name:"LLVM IR",keywords:"begin end true false declare define global constant private linker_private internal available_externally linkonce linkonce_odr weak weak_odr appending dllimport dllexport common default hidden protected extern_weak external thread_local zeroinitializer undef null to tail target triple datalayout volatile nuw nsw nnan ninf nsz arcp fast exact inbounds align addrspace section alias module asm sideeffect gc dbg linker_private_weak attributes blockaddress initialexec localdynamic localexec prefix unnamed_addr ccc fastcc coldcc x86_stdcallcc x86_fastcallcc arm_apcscc arm_aapcscc arm_aapcs_vfpcc ptx_device ptx_kernel intel_ocl_bicc msp430_intrcc spir_func spir_kernel x86_64_sysvcc x86_64_win64cc x86_thiscallcc cc c signext zeroext inreg sret nounwind noreturn noalias nocapture byval nest readnone readonly inlinehint noinline alwaysinline optsize ssp sspreq noredzone noimplicitfloat naked builtin cold nobuiltin noduplicate nonlazybind optnone returns_twice sanitize_address sanitize_memory sanitize_thread sspstrong uwtable returned type opaque eq ne slt sgt sle sge ult ugt ule uge oeq one olt ogt ole oge ord uno ueq une x acq_rel acquire alignstack atomic catch cleanup filter inteldialect max min monotonic nand personality release seq_cst singlethread umax umin unordered xchg add fadd sub fsub mul fmul udiv sdiv fdiv urem srem frem shl lshr ashr and or xor icmp fcmp phi call trunc zext sext fptrunc fpext uitofp sitofp fptoui fptosi inttoptr ptrtoint bitcast addrspacecast select va_arg ret br switch invoke unwind unreachable indirectbr landingpad resume malloc alloca free load store getelementptr extractelement insertelement shufflevector getresult extractvalue insertvalue atomicrmw cmpxchg fence argmemonly double",contains:[{className:"type",begin:/\bi\d+(?=\s|\b)/},e.COMMENT(/;\s*$/,null,{relevance:0}),e.COMMENT(/;/,/$/),{className:"string",begin:/"/,end:/"/,contains:[{className:"char.escape",match:/\\\d\d/}]},a,{className:"punctuation",relevance:0,begin:/,/},{className:"operator",relevance:0,begin:/=/},n,{className:"symbol",variants:[{begin:/^\s*[a-z]+:/}],relevance:0},{className:"number",variants:[{begin:/[su]?0[xX][KMLHR]?[a-fA-F0-9]+/},{begin:/[-+]?\d+(?:[.]\d+)?(?:[eE][-+]?\d+(?:[.]\d+)?)?/}],relevance:0}]}}},40260:function(e){e.exports=function(e){let t={className:"number",relevance:0,begin:e.C_NUMBER_RE};return{name:"LSL (Linden Scripting Language)",illegal:":",contains:[{className:"string",begin:'"',end:'"',contains:[{className:"subst",begin:/\\[tn"\\]/}]},{className:"comment",variants:[e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/")],relevance:0},t,{className:"section",variants:[{begin:"\\b(state|default)\\b"},{begin:"\\b(state_(entry|exit)|touch(_(start|end))?|(land_)?collision(_(start|end))?|timer|listen|(no_)?sensor|control|(not_)?at_(rot_)?target|money|email|experience_permissions(_denied)?|run_time_permissions|changed|attach|dataserver|moving_(start|end)|link_message|(on|object)_rez|remote_data|http_re(sponse|quest)|path_update|transaction_result)\\b"}]},{className:"built_in",begin:"\\b(ll(AgentInExperience|(Create|DataSize|Delete|KeyCount|Keys|Read|Update)KeyValue|GetExperience(Details|ErrorMessage)|ReturnObjectsBy(ID|Owner)|Json(2List|[GS]etValue|ValueType)|Sin|Cos|Tan|Atan2|Sqrt|Pow|Abs|Fabs|Frand|Floor|Ceil|Round|Vec(Mag|Norm|Dist)|Rot(Between|2(Euler|Fwd|Left|Up))|(Euler|Axes)2Rot|Whisper|(Region|Owner)?Say|Shout|Listen(Control|Remove)?|Sensor(Repeat|Remove)?|Detected(Name|Key|Owner|Type|Pos|Vel|Grab|Rot|Group|LinkNumber)|Die|Ground|Wind|([GS]et)(AnimationOverride|MemoryLimit|PrimMediaParams|ParcelMusicURL|Object(Desc|Name)|PhysicsMaterial|Status|Scale|Color|Alpha|Texture|Pos|Rot|Force|Torque)|ResetAnimationOverride|(Scale|Offset|Rotate)Texture|(Rot)?Target(Remove)?|(Stop)?MoveToTarget|Apply(Rotational)?Impulse|Set(KeyframedMotion|ContentType|RegionPos|(Angular)?Velocity|Buoyancy|HoverHeight|ForceAndTorque|TimerEvent|ScriptState|Damage|TextureAnim|Sound(Queueing|Radius)|Vehicle(Type|(Float|Vector|Rotation)Param)|(Touch|Sit)?Text|Camera(Eye|At)Offset|PrimitiveParams|ClickAction|Link(Alpha|Color|PrimitiveParams(Fast)?|Texture(Anim)?|Camera|Media)|RemoteScriptAccessPin|PayPrice|LocalRot)|ScaleByFactor|Get((Max|Min)ScaleFactor|ClosestNavPoint|StaticPath|SimStats|Env|PrimitiveParams|Link(PrimitiveParams|Number(OfSides)?|Key|Name|Media)|HTTPHeader|FreeURLs|Object(Details|PermMask|PrimCount)|Parcel(MaxPrims|Details|Prim(Count|Owners))|Attached(List)?|(SPMax|Free|Used)Memory|Region(Name|TimeDilation|FPS|Corner|AgentCount)|Root(Position|Rotation)|UnixTime|(Parcel|Region)Flags|(Wall|GMT)clock|SimulatorHostname|BoundingBox|GeometricCenter|Creator|NumberOf(Prims|NotecardLines|Sides)|Animation(List)?|(Camera|Local)(Pos|Rot)|Vel|Accel|Omega|Time(stamp|OfDay)|(Object|CenterOf)?Mass|MassMKS|Energy|Owner|(Owner)?Key|SunDirection|Texture(Offset|Scale|Rot)|Inventory(Number|Name|Key|Type|Creator|PermMask)|Permissions(Key)?|StartParameter|List(Length|EntryType)|Date|Agent(Size|Info|Language|List)|LandOwnerAt|NotecardLine|Script(Name|State))|(Get|Reset|GetAndReset)Time|PlaySound(Slave)?|LoopSound(Master|Slave)?|(Trigger|Stop|Preload)Sound|((Get|Delete)Sub|Insert)String|To(Upper|Lower)|Give(InventoryList|Money)|RezObject|(Stop)?LookAt|Sleep|CollisionFilter|(Take|Release)Controls|DetachFromAvatar|AttachToAvatar(Temp)?|InstantMessage|(GetNext)?Email|StopHover|MinEventDelay|RotLookAt|String(Length|Trim)|(Start|Stop)Animation|TargetOmega|Request(Experience)?Permissions|(Create|Break)Link|BreakAllLinks|(Give|Remove)Inventory|Water|PassTouches|Request(Agent|Inventory)Data|TeleportAgent(Home|GlobalCoords)?|ModifyLand|CollisionSound|ResetScript|MessageLinked|PushObject|PassCollisions|AxisAngle2Rot|Rot2(Axis|Angle)|A(cos|sin)|AngleBetween|AllowInventoryDrop|SubStringIndex|List2(CSV|Integer|Json|Float|String|Key|Vector|Rot|List(Strided)?)|DeleteSubList|List(Statistics|Sort|Randomize|(Insert|Find|Replace)List)|EdgeOfWorld|AdjustSoundVolume|Key2Name|TriggerSoundLimited|EjectFromLand|(CSV|ParseString)2List|OverMyLand|SameGroup|UnSit|Ground(Slope|Normal|Contour)|GroundRepel|(Set|Remove)VehicleFlags|SitOnLink|(AvatarOn)?(Link)?SitTarget|Script(Danger|Profiler)|Dialog|VolumeDetect|ResetOtherScript|RemoteLoadScriptPin|(Open|Close)RemoteDataChannel|SendRemoteData|RemoteDataReply|(Integer|String)ToBase64|XorBase64|Log(10)?|Base64To(String|Integer)|ParseStringKeepNulls|RezAtRoot|RequestSimulatorData|ForceMouselook|(Load|Release|(E|Une)scape)URL|ParcelMedia(CommandList|Query)|ModPow|MapDestination|(RemoveFrom|AddTo|Reset)Land(Pass|Ban)List|(Set|Clear)CameraParams|HTTP(Request|Response)|TextBox|DetectedTouch(UV|Face|Pos|(N|Bin)ormal|ST)|(MD5|SHA1|DumpList2)String|Request(Secure)?URL|Clear(Prim|Link)Media|(Link)?ParticleSystem|(Get|Request)(Username|DisplayName)|RegionSayTo|CastRay|GenerateKey|TransferLindenDollars|ManageEstateAccess|(Create|Delete)Character|ExecCharacterCmd|Evade|FleeFrom|NavigateTo|PatrolPoints|Pursue|UpdateCharacter|WanderWithin))\\b"},{className:"literal",variants:[{begin:"\\b(PI|TWO_PI|PI_BY_TWO|DEG_TO_RAD|RAD_TO_DEG|SQRT2)\\b"},{begin:"\\b(XP_ERROR_(EXPERIENCES_DISABLED|EXPERIENCE_(DISABLED|SUSPENDED)|INVALID_(EXPERIENCE|PARAMETERS)|KEY_NOT_FOUND|MATURITY_EXCEEDED|NONE|NOT_(FOUND|PERMITTED(_LAND)?)|NO_EXPERIENCE|QUOTA_EXCEEDED|RETRY_UPDATE|STORAGE_EXCEPTION|STORE_DISABLED|THROTTLED|UNKNOWN_ERROR)|JSON_APPEND|STATUS_(PHYSICS|ROTATE_[XYZ]|PHANTOM|SANDBOX|BLOCK_GRAB(_OBJECT)?|(DIE|RETURN)_AT_EDGE|CAST_SHADOWS|OK|MALFORMED_PARAMS|TYPE_MISMATCH|BOUNDS_ERROR|NOT_(FOUND|SUPPORTED)|INTERNAL_ERROR|WHITELIST_FAILED)|AGENT(_(BY_(LEGACY_|USER)NAME|FLYING|ATTACHMENTS|SCRIPTED|MOUSELOOK|SITTING|ON_OBJECT|AWAY|WALKING|IN_AIR|TYPING|CROUCHING|BUSY|ALWAYS_RUN|AUTOPILOT|LIST_(PARCEL(_OWNER)?|REGION)))?|CAMERA_(PITCH|DISTANCE|BEHINDNESS_(ANGLE|LAG)|(FOCUS|POSITION)(_(THRESHOLD|LOCKED|LAG))?|FOCUS_OFFSET|ACTIVE)|ANIM_ON|LOOP|REVERSE|PING_PONG|SMOOTH|ROTATE|SCALE|ALL_SIDES|LINK_(ROOT|SET|ALL_(OTHERS|CHILDREN)|THIS)|ACTIVE|PASS(IVE|_(ALWAYS|IF_NOT_HANDLED|NEVER))|SCRIPTED|CONTROL_(FWD|BACK|(ROT_)?(LEFT|RIGHT)|UP|DOWN|(ML_)?LBUTTON)|PERMISSION_(RETURN_OBJECTS|DEBIT|OVERRIDE_ANIMATIONS|SILENT_ESTATE_MANAGEMENT|TAKE_CONTROLS|TRIGGER_ANIMATION|ATTACH|CHANGE_LINKS|(CONTROL|TRACK)_CAMERA|TELEPORT)|INVENTORY_(TEXTURE|SOUND|OBJECT|SCRIPT|LANDMARK|CLOTHING|NOTECARD|BODYPART|ANIMATION|GESTURE|ALL|NONE)|CHANGED_(INVENTORY|COLOR|SHAPE|SCALE|TEXTURE|LINK|ALLOWED_DROP|OWNER|REGION(_START)?|TELEPORT|MEDIA)|OBJECT_(CLICK_ACTION|HOVER_HEIGHT|LAST_OWNER_ID|(PHYSICS|SERVER|STREAMING)_COST|UNKNOWN_DETAIL|CHARACTER_TIME|PHANTOM|PHYSICS|TEMP_(ATTACHED|ON_REZ)|NAME|DESC|POS|PRIM_(COUNT|EQUIVALENCE)|RETURN_(PARCEL(_OWNER)?|REGION)|REZZER_KEY|ROO?T|VELOCITY|OMEGA|OWNER|GROUP(_TAG)?|CREATOR|ATTACHED_(POINT|SLOTS_AVAILABLE)|RENDER_WEIGHT|(BODY_SHAPE|PATHFINDING)_TYPE|(RUNNING|TOTAL)_SCRIPT_COUNT|TOTAL_INVENTORY_COUNT|SCRIPT_(MEMORY|TIME))|TYPE_(INTEGER|FLOAT|STRING|KEY|VECTOR|ROTATION|INVALID)|(DEBUG|PUBLIC)_CHANNEL|ATTACH_(AVATAR_CENTER|CHEST|HEAD|BACK|PELVIS|MOUTH|CHIN|NECK|NOSE|BELLY|[LR](SHOULDER|HAND|FOOT|EAR|EYE|[UL](ARM|LEG)|HIP)|(LEFT|RIGHT)_PEC|HUD_(CENTER_[12]|TOP_(RIGHT|CENTER|LEFT)|BOTTOM(_(RIGHT|LEFT))?)|[LR]HAND_RING1|TAIL_(BASE|TIP)|[LR]WING|FACE_(JAW|[LR]EAR|[LR]EYE|TOUNGE)|GROIN|HIND_[LR]FOOT)|LAND_(LEVEL|RAISE|LOWER|SMOOTH|NOISE|REVERT)|DATA_(ONLINE|NAME|BORN|SIM_(POS|STATUS|RATING)|PAYINFO)|PAYMENT_INFO_(ON_FILE|USED)|REMOTE_DATA_(CHANNEL|REQUEST|REPLY)|PSYS_(PART_(BF_(ZERO|ONE(_MINUS_(DEST_COLOR|SOURCE_(ALPHA|COLOR)))?|DEST_COLOR|SOURCE_(ALPHA|COLOR))|BLEND_FUNC_(DEST|SOURCE)|FLAGS|(START|END)_(COLOR|ALPHA|SCALE|GLOW)|MAX_AGE|(RIBBON|WIND|INTERP_(COLOR|SCALE)|BOUNCE|FOLLOW_(SRC|VELOCITY)|TARGET_(POS|LINEAR)|EMISSIVE)_MASK)|SRC_(MAX_AGE|PATTERN|ANGLE_(BEGIN|END)|BURST_(RATE|PART_COUNT|RADIUS|SPEED_(MIN|MAX))|ACCEL|TEXTURE|TARGET_KEY|OMEGA|PATTERN_(DROP|EXPLODE|ANGLE(_CONE(_EMPTY)?)?)))|VEHICLE_(REFERENCE_FRAME|TYPE_(NONE|SLED|CAR|BOAT|AIRPLANE|BALLOON)|(LINEAR|ANGULAR)_(FRICTION_TIMESCALE|MOTOR_DIRECTION)|LINEAR_MOTOR_OFFSET|HOVER_(HEIGHT|EFFICIENCY|TIMESCALE)|BUOYANCY|(LINEAR|ANGULAR)_(DEFLECTION_(EFFICIENCY|TIMESCALE)|MOTOR_(DECAY_)?TIMESCALE)|VERTICAL_ATTRACTION_(EFFICIENCY|TIMESCALE)|BANKING_(EFFICIENCY|MIX|TIMESCALE)|FLAG_(NO_DEFLECTION_UP|LIMIT_(ROLL_ONLY|MOTOR_UP)|HOVER_((WATER|TERRAIN|UP)_ONLY|GLOBAL_HEIGHT)|MOUSELOOK_(STEER|BANK)|CAMERA_DECOUPLED))|PRIM_(ALLOW_UNSIT|ALPHA_MODE(_(BLEND|EMISSIVE|MASK|NONE))?|NORMAL|SPECULAR|TYPE(_(BOX|CYLINDER|PRISM|SPHERE|TORUS|TUBE|RING|SCULPT))?|HOLE_(DEFAULT|CIRCLE|SQUARE|TRIANGLE)|MATERIAL(_(STONE|METAL|GLASS|WOOD|FLESH|PLASTIC|RUBBER))?|SHINY_(NONE|LOW|MEDIUM|HIGH)|BUMP_(NONE|BRIGHT|DARK|WOOD|BARK|BRICKS|CHECKER|CONCRETE|TILE|STONE|DISKS|GRAVEL|BLOBS|SIDING|LARGETILE|STUCCO|SUCTION|WEAVE)|TEXGEN_(DEFAULT|PLANAR)|SCRIPTED_SIT_ONLY|SCULPT_(TYPE_(SPHERE|TORUS|PLANE|CYLINDER|MASK)|FLAG_(MIRROR|INVERT))|PHYSICS(_(SHAPE_(CONVEX|NONE|PRIM|TYPE)))?|(POS|ROT)_LOCAL|SLICE|TEXT|FLEXIBLE|POINT_LIGHT|TEMP_ON_REZ|PHANTOM|POSITION|SIT_TARGET|SIZE|ROTATION|TEXTURE|NAME|OMEGA|DESC|LINK_TARGET|COLOR|BUMP_SHINY|FULLBRIGHT|TEXGEN|GLOW|MEDIA_(ALT_IMAGE_ENABLE|CONTROLS|(CURRENT|HOME)_URL|AUTO_(LOOP|PLAY|SCALE|ZOOM)|FIRST_CLICK_INTERACT|(WIDTH|HEIGHT)_PIXELS|WHITELIST(_ENABLE)?|PERMS_(INTERACT|CONTROL)|PARAM_MAX|CONTROLS_(STANDARD|MINI)|PERM_(NONE|OWNER|GROUP|ANYONE)|MAX_(URL_LENGTH|WHITELIST_(SIZE|COUNT)|(WIDTH|HEIGHT)_PIXELS)))|MASK_(BASE|OWNER|GROUP|EVERYONE|NEXT)|PERM_(TRANSFER|MODIFY|COPY|MOVE|ALL)|PARCEL_(MEDIA_COMMAND_(STOP|PAUSE|PLAY|LOOP|TEXTURE|URL|TIME|AGENT|UNLOAD|AUTO_ALIGN|TYPE|SIZE|DESC|LOOP_SET)|FLAG_(ALLOW_(FLY|(GROUP_)?SCRIPTS|LANDMARK|TERRAFORM|DAMAGE|CREATE_(GROUP_)?OBJECTS)|USE_(ACCESS_(GROUP|LIST)|BAN_LIST|LAND_PASS_LIST)|LOCAL_SOUND_ONLY|RESTRICT_PUSHOBJECT|ALLOW_(GROUP|ALL)_OBJECT_ENTRY)|COUNT_(TOTAL|OWNER|GROUP|OTHER|SELECTED|TEMP)|DETAILS_(NAME|DESC|OWNER|GROUP|AREA|ID|SEE_AVATARS))|LIST_STAT_(MAX|MIN|MEAN|MEDIAN|STD_DEV|SUM(_SQUARES)?|NUM_COUNT|GEOMETRIC_MEAN|RANGE)|PAY_(HIDE|DEFAULT)|REGION_FLAG_(ALLOW_DAMAGE|FIXED_SUN|BLOCK_TERRAFORM|SANDBOX|DISABLE_(COLLISIONS|PHYSICS)|BLOCK_FLY|ALLOW_DIRECT_TELEPORT|RESTRICT_PUSHOBJECT)|HTTP_(METHOD|MIMETYPE|BODY_(MAXLENGTH|TRUNCATED)|CUSTOM_HEADER|PRAGMA_NO_CACHE|VERBOSE_THROTTLE|VERIFY_CERT)|SIT_(INVALID_(AGENT|LINK_OBJECT)|NO(T_EXPERIENCE|_(ACCESS|EXPERIENCE_PERMISSION|SIT_TARGET)))|STRING_(TRIM(_(HEAD|TAIL))?)|CLICK_ACTION_(NONE|TOUCH|SIT|BUY|PAY|OPEN(_MEDIA)?|PLAY|ZOOM)|TOUCH_INVALID_FACE|PROFILE_(NONE|SCRIPT_MEMORY)|RC_(DATA_FLAGS|DETECT_PHANTOM|GET_(LINK_NUM|NORMAL|ROOT_KEY)|MAX_HITS|REJECT_(TYPES|AGENTS|(NON)?PHYSICAL|LAND))|RCERR_(CAST_TIME_EXCEEDED|SIM_PERF_LOW|UNKNOWN)|ESTATE_ACCESS_(ALLOWED_(AGENT|GROUP)_(ADD|REMOVE)|BANNED_AGENT_(ADD|REMOVE))|DENSITY|FRICTION|RESTITUTION|GRAVITY_MULTIPLIER|KFM_(COMMAND|CMD_(PLAY|STOP|PAUSE)|MODE|FORWARD|LOOP|PING_PONG|REVERSE|DATA|ROTATION|TRANSLATION)|ERR_(GENERIC|PARCEL_PERMISSIONS|MALFORMED_PARAMS|RUNTIME_PERMISSIONS|THROTTLED)|CHARACTER_(CMD_((SMOOTH_)?STOP|JUMP)|DESIRED_(TURN_)?SPEED|RADIUS|STAY_WITHIN_PARCEL|LENGTH|ORIENTATION|ACCOUNT_FOR_SKIPPED_FRAMES|AVOIDANCE_MODE|TYPE(_([ABCD]|NONE))?|MAX_(DECEL|TURN_RADIUS|(ACCEL|SPEED)))|PURSUIT_(OFFSET|FUZZ_FACTOR|GOAL_TOLERANCE|INTERCEPT)|REQUIRE_LINE_OF_SIGHT|FORCE_DIRECT_PATH|VERTICAL|HORIZONTAL|AVOID_(CHARACTERS|DYNAMIC_OBSTACLES|NONE)|PU_(EVADE_(HIDDEN|SPOTTED)|FAILURE_(DYNAMIC_PATHFINDING_DISABLED|INVALID_(GOAL|START)|NO_(NAVMESH|VALID_DESTINATION)|OTHER|TARGET_GONE|(PARCEL_)?UNREACHABLE)|(GOAL|SLOWDOWN_DISTANCE)_REACHED)|TRAVERSAL_TYPE(_(FAST|NONE|SLOW))?|CONTENT_TYPE_(ATOM|FORM|HTML|JSON|LLSD|RSS|TEXT|XHTML|XML)|GCNP_(RADIUS|STATIC)|(PATROL|WANDER)_PAUSE_AT_WAYPOINTS|OPT_(AVATAR|CHARACTER|EXCLUSION_VOLUME|LEGACY_LINKSET|MATERIAL_VOLUME|OTHER|STATIC_OBSTACLE|WALKABLE)|SIM_STAT_PCT_CHARS_STEPPED)\\b"},{begin:"\\b(FALSE|TRUE)\\b"},{begin:"\\b(ZERO_ROTATION)\\b"},{begin:"\\b(EOF|JSON_(ARRAY|DELETE|FALSE|INVALID|NULL|NUMBER|OBJECT|STRING|TRUE)|NULL_KEY|TEXTURE_(BLANK|DEFAULT|MEDIA|PLYWOOD|TRANSPARENT)|URL_REQUEST_(GRANTED|DENIED))\\b"},{begin:"\\b(ZERO_VECTOR|TOUCH_INVALID_(TEXCOORD|VECTOR))\\b"}]},{className:"type",begin:"\\b(integer|float|string|key|vector|quaternion|rotation|list)\\b"}]}}},55200:function(e){e.exports=function(e){let t="\\[=*\\[",r="\\]=*\\]",n={begin:t,end:r,contains:["self"]},a=[e.COMMENT("--(?!"+t+")","$"),e.COMMENT("--"+t,r,{contains:[n],relevance:10})];return{name:"Lua",keywords:{$pattern:e.UNDERSCORE_IDENT_RE,literal:"true false nil",keyword:"and break do else elseif end for goto if in local not or repeat return then until while",built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall arg self coroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"},contains:a.concat([{className:"function",beginKeywords:"function",end:"\\)",contains:[e.inherit(e.TITLE_MODE,{begin:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{className:"params",begin:"\\(",endsWithParent:!0,contains:a}].concat(a)},e.C_NUMBER_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",begin:t,end:r,contains:[n],relevance:5}])}}},69357:function(e){e.exports=function(e){let t={className:"variable",variants:[{begin:"\\$\\("+e.UNDERSCORE_IDENT_RE+"\\)",contains:[e.BACKSLASH_ESCAPE]},{begin:/\$[@%",subLanguage:"xml",relevance:0},n={variants:[{begin:/\[.+?\]\[.*?\]/,relevance:0},{begin:/\[.+?\]\(((data|javascript|mailto):|(?:http|ftp)s?:\/\/).*?\)/,relevance:2},{begin:t.concat(/\[.+?\]\(/,/[A-Za-z][A-Za-z0-9+.-]*/,/:\/\/.*?\)/),relevance:2},{begin:/\[.+?\]\([./?&#].*?\)/,relevance:1},{begin:/\[.*?\]\(.*?\)/,relevance:0}],returnBegin:!0,contains:[{match:/\[(?=\])/},{className:"string",relevance:0,begin:"\\[",end:"\\]",excludeBegin:!0,returnEnd:!0},{className:"link",relevance:0,begin:"\\]\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"symbol",relevance:0,begin:"\\]\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0}]},a={className:"strong",contains:[],variants:[{begin:/_{2}(?!\s)/,end:/_{2}/},{begin:/\*{2}(?!\s)/,end:/\*{2}/}]},i={className:"emphasis",contains:[],variants:[{begin:/\*(?![*\s])/,end:/\*/},{begin:/_(?![_\s])/,end:/_/,relevance:0}]},o=e.inherit(a,{contains:[]}),s=e.inherit(i,{contains:[]});a.contains.push(s),i.contains.push(o);let l=[r,n];[a,i,o,s].forEach(e=>{e.contains=e.contains.concat(l)}),l=l.concat(a,i);let c={className:"section",variants:[{begin:"^#{1,6}",end:"$",contains:l},{begin:"(?=^.+?\\n[=-]{2,}$)",contains:[{begin:"^[=-]*$"},{begin:"^",end:"\\n",contains:l}]}]},d={className:"quote",begin:"^>\\s+",contains:l,end:"$"};return{name:"Markdown",aliases:["md","mkdown","mkd"],contains:[c,r,{className:"bullet",begin:"^[ ]*([*+-]|(\\d+\\.))(?=\\s+)",end:"\\s+",excludeEnd:!0},a,i,d,{className:"code",variants:[{begin:"(`{3,})[^`](.|\\n)*?\\1`*[ ]*"},{begin:"(~{3,})[^~](.|\\n)*?\\1~*[ ]*"},{begin:"```",end:"```+[ ]*$"},{begin:"~~~",end:"~~~+[ ]*$"},{begin:"`.+?`"},{begin:"(?=^( {4}|\\t))",contains:[{begin:"^( {4}|\\t)",end:"(\\n)$"}],relevance:0}]},{begin:"^[-\\*]{3,}",end:"$"},n,{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}}},97930:function(e){let t=["AASTriangle","AbelianGroup","Abort","AbortKernels","AbortProtect","AbortScheduledTask","Above","Abs","AbsArg","AbsArgPlot","Absolute","AbsoluteCorrelation","AbsoluteCorrelationFunction","AbsoluteCurrentValue","AbsoluteDashing","AbsoluteFileName","AbsoluteOptions","AbsolutePointSize","AbsoluteThickness","AbsoluteTime","AbsoluteTiming","AcceptanceThreshold","AccountingForm","Accumulate","Accuracy","AccuracyGoal","ActionDelay","ActionMenu","ActionMenuBox","ActionMenuBoxOptions","Activate","Active","ActiveClassification","ActiveClassificationObject","ActiveItem","ActivePrediction","ActivePredictionObject","ActiveStyle","AcyclicGraphQ","AddOnHelpPath","AddSides","AddTo","AddToSearchIndex","AddUsers","AdjacencyGraph","AdjacencyList","AdjacencyMatrix","AdjacentMeshCells","AdjustmentBox","AdjustmentBoxOptions","AdjustTimeSeriesForecast","AdministrativeDivisionData","AffineHalfSpace","AffineSpace","AffineStateSpaceModel","AffineTransform","After","AggregatedEntityClass","AggregationLayer","AircraftData","AirportData","AirPressureData","AirTemperatureData","AiryAi","AiryAiPrime","AiryAiZero","AiryBi","AiryBiPrime","AiryBiZero","AlgebraicIntegerQ","AlgebraicNumber","AlgebraicNumberDenominator","AlgebraicNumberNorm","AlgebraicNumberPolynomial","AlgebraicNumberTrace","AlgebraicRules","AlgebraicRulesData","Algebraics","AlgebraicUnitQ","Alignment","AlignmentMarker","AlignmentPoint","All","AllowAdultContent","AllowedCloudExtraParameters","AllowedCloudParameterExtensions","AllowedDimensions","AllowedFrequencyRange","AllowedHeads","AllowGroupClose","AllowIncomplete","AllowInlineCells","AllowKernelInitialization","AllowLooseGrammar","AllowReverseGroupClose","AllowScriptLevelChange","AllowVersionUpdate","AllTrue","Alphabet","AlphabeticOrder","AlphabeticSort","AlphaChannel","AlternateImage","AlternatingFactorial","AlternatingGroup","AlternativeHypothesis","Alternatives","AltitudeMethod","AmbientLight","AmbiguityFunction","AmbiguityList","Analytic","AnatomyData","AnatomyForm","AnatomyPlot3D","AnatomySkinStyle","AnatomyStyling","AnchoredSearch","And","AndersonDarlingTest","AngerJ","AngleBisector","AngleBracket","AnglePath","AnglePath3D","AngleVector","AngularGauge","Animate","AnimationCycleOffset","AnimationCycleRepetitions","AnimationDirection","AnimationDisplayTime","AnimationRate","AnimationRepetitions","AnimationRunning","AnimationRunTime","AnimationTimeIndex","Animator","AnimatorBox","AnimatorBoxOptions","AnimatorElements","Annotate","Annotation","AnnotationDelete","AnnotationKeys","AnnotationRules","AnnotationValue","Annuity","AnnuityDue","Annulus","AnomalyDetection","AnomalyDetector","AnomalyDetectorFunction","Anonymous","Antialiasing","AntihermitianMatrixQ","Antisymmetric","AntisymmetricMatrixQ","Antonyms","AnyOrder","AnySubset","AnyTrue","Apart","ApartSquareFree","APIFunction","Appearance","AppearanceElements","AppearanceRules","AppellF1","Append","AppendCheck","AppendLayer","AppendTo","Apply","ApplySides","ArcCos","ArcCosh","ArcCot","ArcCoth","ArcCsc","ArcCsch","ArcCurvature","ARCHProcess","ArcLength","ArcSec","ArcSech","ArcSin","ArcSinDistribution","ArcSinh","ArcTan","ArcTanh","Area","Arg","ArgMax","ArgMin","ArgumentCountQ","ARIMAProcess","ArithmeticGeometricMean","ARMAProcess","Around","AroundReplace","ARProcess","Array","ArrayComponents","ArrayDepth","ArrayFilter","ArrayFlatten","ArrayMesh","ArrayPad","ArrayPlot","ArrayQ","ArrayResample","ArrayReshape","ArrayRules","Arrays","Arrow","Arrow3DBox","ArrowBox","Arrowheads","ASATriangle","Ask","AskAppend","AskConfirm","AskDisplay","AskedQ","AskedValue","AskFunction","AskState","AskTemplateDisplay","AspectRatio","AspectRatioFixed","Assert","AssociateTo","Association","AssociationFormat","AssociationMap","AssociationQ","AssociationThread","AssumeDeterministic","Assuming","Assumptions","AstronomicalData","Asymptotic","AsymptoticDSolveValue","AsymptoticEqual","AsymptoticEquivalent","AsymptoticGreater","AsymptoticGreaterEqual","AsymptoticIntegrate","AsymptoticLess","AsymptoticLessEqual","AsymptoticOutputTracker","AsymptoticProduct","AsymptoticRSolveValue","AsymptoticSolve","AsymptoticSum","Asynchronous","AsynchronousTaskObject","AsynchronousTasks","Atom","AtomCoordinates","AtomCount","AtomDiagramCoordinates","AtomList","AtomQ","AttentionLayer","Attributes","Audio","AudioAmplify","AudioAnnotate","AudioAnnotationLookup","AudioBlockMap","AudioCapture","AudioChannelAssignment","AudioChannelCombine","AudioChannelMix","AudioChannels","AudioChannelSeparate","AudioData","AudioDelay","AudioDelete","AudioDevice","AudioDistance","AudioEncoding","AudioFade","AudioFrequencyShift","AudioGenerator","AudioIdentify","AudioInputDevice","AudioInsert","AudioInstanceQ","AudioIntervals","AudioJoin","AudioLabel","AudioLength","AudioLocalMeasurements","AudioLooping","AudioLoudness","AudioMeasurements","AudioNormalize","AudioOutputDevice","AudioOverlay","AudioPad","AudioPan","AudioPartition","AudioPause","AudioPitchShift","AudioPlay","AudioPlot","AudioQ","AudioRecord","AudioReplace","AudioResample","AudioReverb","AudioReverse","AudioSampleRate","AudioSpectralMap","AudioSpectralTransformation","AudioSplit","AudioStop","AudioStream","AudioStreams","AudioTimeStretch","AudioTracks","AudioTrim","AudioType","AugmentedPolyhedron","AugmentedSymmetricPolynomial","Authenticate","Authentication","AuthenticationDialog","AutoAction","Autocomplete","AutocompletionFunction","AutoCopy","AutocorrelationTest","AutoDelete","AutoEvaluateEvents","AutoGeneratedPackage","AutoIndent","AutoIndentSpacings","AutoItalicWords","AutoloadPath","AutoMatch","Automatic","AutomaticImageSize","AutoMultiplicationSymbol","AutoNumberFormatting","AutoOpenNotebooks","AutoOpenPalettes","AutoQuoteCharacters","AutoRefreshed","AutoRemove","AutorunSequencing","AutoScaling","AutoScroll","AutoSpacing","AutoStyleOptions","AutoStyleWords","AutoSubmitting","Axes","AxesEdge","AxesLabel","AxesOrigin","AxesStyle","AxiomaticTheory","Axis","BabyMonsterGroupB","Back","Background","BackgroundAppearance","BackgroundTasksSettings","Backslash","Backsubstitution","Backward","Ball","Band","BandpassFilter","BandstopFilter","BarabasiAlbertGraphDistribution","BarChart","BarChart3D","BarcodeImage","BarcodeRecognize","BaringhausHenzeTest","BarLegend","BarlowProschanImportance","BarnesG","BarOrigin","BarSpacing","BartlettHannWindow","BartlettWindow","BaseDecode","BaseEncode","BaseForm","Baseline","BaselinePosition","BaseStyle","BasicRecurrentLayer","BatchNormalizationLayer","BatchSize","BatesDistribution","BattleLemarieWavelet","BayesianMaximization","BayesianMaximizationObject","BayesianMinimization","BayesianMinimizationObject","Because","BeckmannDistribution","Beep","Before","Begin","BeginDialogPacket","BeginFrontEndInteractionPacket","BeginPackage","BellB","BellY","Below","BenfordDistribution","BeniniDistribution","BenktanderGibratDistribution","BenktanderWeibullDistribution","BernoulliB","BernoulliDistribution","BernoulliGraphDistribution","BernoulliProcess","BernsteinBasis","BesselFilterModel","BesselI","BesselJ","BesselJZero","BesselK","BesselY","BesselYZero","Beta","BetaBinomialDistribution","BetaDistribution","BetaNegativeBinomialDistribution","BetaPrimeDistribution","BetaRegularized","Between","BetweennessCentrality","BeveledPolyhedron","BezierCurve","BezierCurve3DBox","BezierCurve3DBoxOptions","BezierCurveBox","BezierCurveBoxOptions","BezierFunction","BilateralFilter","Binarize","BinaryDeserialize","BinaryDistance","BinaryFormat","BinaryImageQ","BinaryRead","BinaryReadList","BinarySerialize","BinaryWrite","BinCounts","BinLists","Binomial","BinomialDistribution","BinomialProcess","BinormalDistribution","BiorthogonalSplineWavelet","BipartiteGraphQ","BiquadraticFilterModel","BirnbaumImportance","BirnbaumSaundersDistribution","BitAnd","BitClear","BitGet","BitLength","BitNot","BitOr","BitSet","BitShiftLeft","BitShiftRight","BitXor","BiweightLocation","BiweightMidvariance","Black","BlackmanHarrisWindow","BlackmanNuttallWindow","BlackmanWindow","Blank","BlankForm","BlankNullSequence","BlankSequence","Blend","Block","BlockchainAddressData","BlockchainBase","BlockchainBlockData","BlockchainContractValue","BlockchainData","BlockchainGet","BlockchainKeyEncode","BlockchainPut","BlockchainTokenData","BlockchainTransaction","BlockchainTransactionData","BlockchainTransactionSign","BlockchainTransactionSubmit","BlockMap","BlockRandom","BlomqvistBeta","BlomqvistBetaTest","Blue","Blur","BodePlot","BohmanWindow","Bold","Bond","BondCount","BondList","BondQ","Bookmarks","Boole","BooleanConsecutiveFunction","BooleanConvert","BooleanCountingFunction","BooleanFunction","BooleanGraph","BooleanMaxterms","BooleanMinimize","BooleanMinterms","BooleanQ","BooleanRegion","Booleans","BooleanStrings","BooleanTable","BooleanVariables","BorderDimensions","BorelTannerDistribution","Bottom","BottomHatTransform","BoundaryDiscretizeGraphics","BoundaryDiscretizeRegion","BoundaryMesh","BoundaryMeshRegion","BoundaryMeshRegionQ","BoundaryStyle","BoundedRegionQ","BoundingRegion","Bounds","Box","BoxBaselineShift","BoxData","BoxDimensions","Boxed","Boxes","BoxForm","BoxFormFormatTypes","BoxFrame","BoxID","BoxMargins","BoxMatrix","BoxObject","BoxRatios","BoxRotation","BoxRotationPoint","BoxStyle","BoxWhiskerChart","Bra","BracketingBar","BraKet","BrayCurtisDistance","BreadthFirstScan","Break","BridgeData","BrightnessEqualize","BroadcastStationData","Brown","BrownForsytheTest","BrownianBridgeProcess","BrowserCategory","BSplineBasis","BSplineCurve","BSplineCurve3DBox","BSplineCurve3DBoxOptions","BSplineCurveBox","BSplineCurveBoxOptions","BSplineFunction","BSplineSurface","BSplineSurface3DBox","BSplineSurface3DBoxOptions","BubbleChart","BubbleChart3D","BubbleScale","BubbleSizes","BuildingData","BulletGauge","BusinessDayQ","ButterflyGraph","ButterworthFilterModel","Button","ButtonBar","ButtonBox","ButtonBoxOptions","ButtonCell","ButtonContents","ButtonData","ButtonEvaluator","ButtonExpandable","ButtonFrame","ButtonFunction","ButtonMargins","ButtonMinHeight","ButtonNote","ButtonNotebook","ButtonSource","ButtonStyle","ButtonStyleMenuListing","Byte","ByteArray","ByteArrayFormat","ByteArrayQ","ByteArrayToString","ByteCount","ByteOrdering","C","CachedValue","CacheGraphics","CachePersistence","CalendarConvert","CalendarData","CalendarType","Callout","CalloutMarker","CalloutStyle","CallPacket","CanberraDistance","Cancel","CancelButton","CandlestickChart","CanonicalGraph","CanonicalizePolygon","CanonicalizePolyhedron","CanonicalName","CanonicalWarpingCorrespondence","CanonicalWarpingDistance","CantorMesh","CantorStaircase","Cap","CapForm","CapitalDifferentialD","Capitalize","CapsuleShape","CaptureRunning","CardinalBSplineBasis","CarlemanLinearize","CarmichaelLambda","CaseOrdering","Cases","CaseSensitive","Cashflow","Casoratian","Catalan","CatalanNumber","Catch","CategoricalDistribution","Catenate","CatenateLayer","CauchyDistribution","CauchyWindow","CayleyGraph","CDF","CDFDeploy","CDFInformation","CDFWavelet","Ceiling","CelestialSystem","Cell","CellAutoOverwrite","CellBaseline","CellBoundingBox","CellBracketOptions","CellChangeTimes","CellContents","CellContext","CellDingbat","CellDynamicExpression","CellEditDuplicate","CellElementsBoundingBox","CellElementSpacings","CellEpilog","CellEvaluationDuplicate","CellEvaluationFunction","CellEvaluationLanguage","CellEventActions","CellFrame","CellFrameColor","CellFrameLabelMargins","CellFrameLabels","CellFrameMargins","CellGroup","CellGroupData","CellGrouping","CellGroupingRules","CellHorizontalScrolling","CellID","CellLabel","CellLabelAutoDelete","CellLabelMargins","CellLabelPositioning","CellLabelStyle","CellLabelTemplate","CellMargins","CellObject","CellOpen","CellPrint","CellProlog","Cells","CellSize","CellStyle","CellTags","CellularAutomaton","CensoredDistribution","Censoring","Center","CenterArray","CenterDot","CentralFeature","CentralMoment","CentralMomentGeneratingFunction","Cepstrogram","CepstrogramArray","CepstrumArray","CForm","ChampernowneNumber","ChangeOptions","ChannelBase","ChannelBrokerAction","ChannelDatabin","ChannelHistoryLength","ChannelListen","ChannelListener","ChannelListeners","ChannelListenerWait","ChannelObject","ChannelPreSendFunction","ChannelReceiverFunction","ChannelSend","ChannelSubscribers","ChanVeseBinarize","Character","CharacterCounts","CharacterEncoding","CharacterEncodingsPath","CharacteristicFunction","CharacteristicPolynomial","CharacterName","CharacterNormalize","CharacterRange","Characters","ChartBaseStyle","ChartElementData","ChartElementDataFunction","ChartElementFunction","ChartElements","ChartLabels","ChartLayout","ChartLegends","ChartStyle","Chebyshev1FilterModel","Chebyshev2FilterModel","ChebyshevDistance","ChebyshevT","ChebyshevU","Check","CheckAbort","CheckAll","Checkbox","CheckboxBar","CheckboxBox","CheckboxBoxOptions","ChemicalData","ChessboardDistance","ChiDistribution","ChineseRemainder","ChiSquareDistribution","ChoiceButtons","ChoiceDialog","CholeskyDecomposition","Chop","ChromaticityPlot","ChromaticityPlot3D","ChromaticPolynomial","Circle","CircleBox","CircleDot","CircleMinus","CirclePlus","CirclePoints","CircleThrough","CircleTimes","CirculantGraph","CircularOrthogonalMatrixDistribution","CircularQuaternionMatrixDistribution","CircularRealMatrixDistribution","CircularSymplecticMatrixDistribution","CircularUnitaryMatrixDistribution","Circumsphere","CityData","ClassifierFunction","ClassifierInformation","ClassifierMeasurements","ClassifierMeasurementsObject","Classify","ClassPriors","Clear","ClearAll","ClearAttributes","ClearCookies","ClearPermissions","ClearSystemCache","ClebschGordan","ClickPane","Clip","ClipboardNotebook","ClipFill","ClippingStyle","ClipPlanes","ClipPlanesStyle","ClipRange","Clock","ClockGauge","ClockwiseContourIntegral","Close","Closed","CloseKernels","ClosenessCentrality","Closing","ClosingAutoSave","ClosingEvent","ClosingSaveDialog","CloudAccountData","CloudBase","CloudConnect","CloudConnections","CloudDeploy","CloudDirectory","CloudDisconnect","CloudEvaluate","CloudExport","CloudExpression","CloudExpressions","CloudFunction","CloudGet","CloudImport","CloudLoggingData","CloudObject","CloudObjectInformation","CloudObjectInformationData","CloudObjectNameFormat","CloudObjects","CloudObjectURLType","CloudPublish","CloudPut","CloudRenderingMethod","CloudSave","CloudShare","CloudSubmit","CloudSymbol","CloudUnshare","CloudUserID","ClusterClassify","ClusterDissimilarityFunction","ClusteringComponents","ClusteringTree","CMYKColor","Coarse","CodeAssistOptions","Coefficient","CoefficientArrays","CoefficientDomain","CoefficientList","CoefficientRules","CoifletWavelet","Collect","Colon","ColonForm","ColorBalance","ColorCombine","ColorConvert","ColorCoverage","ColorData","ColorDataFunction","ColorDetect","ColorDistance","ColorFunction","ColorFunctionScaling","Colorize","ColorNegate","ColorOutput","ColorProfileData","ColorQ","ColorQuantize","ColorReplace","ColorRules","ColorSelectorSettings","ColorSeparate","ColorSetter","ColorSetterBox","ColorSetterBoxOptions","ColorSlider","ColorsNear","ColorSpace","ColorToneMapping","Column","ColumnAlignments","ColumnBackgrounds","ColumnForm","ColumnLines","ColumnsEqual","ColumnSpacings","ColumnWidths","CombinedEntityClass","CombinerFunction","CometData","CommonDefaultFormatTypes","Commonest","CommonestFilter","CommonName","CommonUnits","CommunityBoundaryStyle","CommunityGraphPlot","CommunityLabels","CommunityRegionStyle","CompanyData","CompatibleUnitQ","CompilationOptions","CompilationTarget","Compile","Compiled","CompiledCodeFunction","CompiledFunction","CompilerOptions","Complement","ComplementedEntityClass","CompleteGraph","CompleteGraphQ","CompleteKaryTree","CompletionsListPacket","Complex","ComplexContourPlot","Complexes","ComplexExpand","ComplexInfinity","ComplexityFunction","ComplexListPlot","ComplexPlot","ComplexPlot3D","ComplexRegionPlot","ComplexStreamPlot","ComplexVectorPlot","ComponentMeasurements","ComponentwiseContextMenu","Compose","ComposeList","ComposeSeries","CompositeQ","Composition","CompoundElement","CompoundExpression","CompoundPoissonDistribution","CompoundPoissonProcess","CompoundRenewalProcess","Compress","CompressedData","CompressionLevel","ComputeUncertainty","Condition","ConditionalExpression","Conditioned","Cone","ConeBox","ConfidenceLevel","ConfidenceRange","ConfidenceTransform","ConfigurationPath","ConformAudio","ConformImages","Congruent","ConicHullRegion","ConicHullRegion3DBox","ConicHullRegionBox","ConicOptimization","Conjugate","ConjugateTranspose","Conjunction","Connect","ConnectedComponents","ConnectedGraphComponents","ConnectedGraphQ","ConnectedMeshComponents","ConnectedMoleculeComponents","ConnectedMoleculeQ","ConnectionSettings","ConnectLibraryCallbackFunction","ConnectSystemModelComponents","ConnesWindow","ConoverTest","ConsoleMessage","ConsoleMessagePacket","Constant","ConstantArray","ConstantArrayLayer","ConstantImage","ConstantPlusLayer","ConstantRegionQ","Constants","ConstantTimesLayer","ConstellationData","ConstrainedMax","ConstrainedMin","Construct","Containing","ContainsAll","ContainsAny","ContainsExactly","ContainsNone","ContainsOnly","ContentFieldOptions","ContentLocationFunction","ContentObject","ContentPadding","ContentsBoundingBox","ContentSelectable","ContentSize","Context","ContextMenu","Contexts","ContextToFileName","Continuation","Continue","ContinuedFraction","ContinuedFractionK","ContinuousAction","ContinuousMarkovProcess","ContinuousTask","ContinuousTimeModelQ","ContinuousWaveletData","ContinuousWaveletTransform","ContourDetect","ContourGraphics","ContourIntegral","ContourLabels","ContourLines","ContourPlot","ContourPlot3D","Contours","ContourShading","ContourSmoothing","ContourStyle","ContraharmonicMean","ContrastiveLossLayer","Control","ControlActive","ControlAlignment","ControlGroupContentsBox","ControllabilityGramian","ControllabilityMatrix","ControllableDecomposition","ControllableModelQ","ControllerDuration","ControllerInformation","ControllerInformationData","ControllerLinking","ControllerManipulate","ControllerMethod","ControllerPath","ControllerState","ControlPlacement","ControlsRendering","ControlType","Convergents","ConversionOptions","ConversionRules","ConvertToBitmapPacket","ConvertToPostScript","ConvertToPostScriptPacket","ConvexHullMesh","ConvexPolygonQ","ConvexPolyhedronQ","ConvolutionLayer","Convolve","ConwayGroupCo1","ConwayGroupCo2","ConwayGroupCo3","CookieFunction","Cookies","CoordinateBoundingBox","CoordinateBoundingBoxArray","CoordinateBounds","CoordinateBoundsArray","CoordinateChartData","CoordinatesToolOptions","CoordinateTransform","CoordinateTransformData","CoprimeQ","Coproduct","CopulaDistribution","Copyable","CopyDatabin","CopyDirectory","CopyFile","CopyTag","CopyToClipboard","CornerFilter","CornerNeighbors","Correlation","CorrelationDistance","CorrelationFunction","CorrelationTest","Cos","Cosh","CoshIntegral","CosineDistance","CosineWindow","CosIntegral","Cot","Coth","Count","CountDistinct","CountDistinctBy","CounterAssignments","CounterBox","CounterBoxOptions","CounterClockwiseContourIntegral","CounterEvaluator","CounterFunction","CounterIncrements","CounterStyle","CounterStyleMenuListing","CountRoots","CountryData","Counts","CountsBy","Covariance","CovarianceEstimatorFunction","CovarianceFunction","CoxianDistribution","CoxIngersollRossProcess","CoxModel","CoxModelFit","CramerVonMisesTest","CreateArchive","CreateCellID","CreateChannel","CreateCloudExpression","CreateDatabin","CreateDataStructure","CreateDataSystemModel","CreateDialog","CreateDirectory","CreateDocument","CreateFile","CreateIntermediateDirectories","CreateManagedLibraryExpression","CreateNotebook","CreatePacletArchive","CreatePalette","CreatePalettePacket","CreatePermissionsGroup","CreateScheduledTask","CreateSearchIndex","CreateSystemModel","CreateTemporary","CreateUUID","CreateWindow","CriterionFunction","CriticalityFailureImportance","CriticalitySuccessImportance","CriticalSection","Cross","CrossEntropyLossLayer","CrossingCount","CrossingDetect","CrossingPolygon","CrossMatrix","Csc","Csch","CTCLossLayer","Cube","CubeRoot","Cubics","Cuboid","CuboidBox","Cumulant","CumulantGeneratingFunction","Cup","CupCap","Curl","CurlyDoubleQuote","CurlyQuote","CurrencyConvert","CurrentDate","CurrentImage","CurrentlySpeakingPacket","CurrentNotebookImage","CurrentScreenImage","CurrentValue","Curry","CurryApplied","CurvatureFlowFilter","CurveClosed","Cyan","CycleGraph","CycleIndexPolynomial","Cycles","CyclicGroup","Cyclotomic","Cylinder","CylinderBox","CylindricalDecomposition","D","DagumDistribution","DamData","DamerauLevenshteinDistance","DampingFactor","Darker","Dashed","Dashing","DatabaseConnect","DatabaseDisconnect","DatabaseReference","Databin","DatabinAdd","DatabinRemove","Databins","DatabinUpload","DataCompression","DataDistribution","DataRange","DataReversed","Dataset","DatasetDisplayPanel","DataStructure","DataStructureQ","Date","DateBounds","Dated","DateDelimiters","DateDifference","DatedUnit","DateFormat","DateFunction","DateHistogram","DateInterval","DateList","DateListLogPlot","DateListPlot","DateListStepPlot","DateObject","DateObjectQ","DateOverlapsQ","DatePattern","DatePlus","DateRange","DateReduction","DateString","DateTicksFormat","DateValue","DateWithinQ","DaubechiesWavelet","DavisDistribution","DawsonF","DayCount","DayCountConvention","DayHemisphere","DaylightQ","DayMatchQ","DayName","DayNightTerminator","DayPlus","DayRange","DayRound","DeBruijnGraph","DeBruijnSequence","Debug","DebugTag","Decapitalize","Decimal","DecimalForm","DeclareKnownSymbols","DeclarePackage","Decompose","DeconvolutionLayer","Decrement","Decrypt","DecryptFile","DedekindEta","DeepSpaceProbeData","Default","DefaultAxesStyle","DefaultBaseStyle","DefaultBoxStyle","DefaultButton","DefaultColor","DefaultControlPlacement","DefaultDuplicateCellStyle","DefaultDuration","DefaultElement","DefaultFaceGridsStyle","DefaultFieldHintStyle","DefaultFont","DefaultFontProperties","DefaultFormatType","DefaultFormatTypeForStyle","DefaultFrameStyle","DefaultFrameTicksStyle","DefaultGridLinesStyle","DefaultInlineFormatType","DefaultInputFormatType","DefaultLabelStyle","DefaultMenuStyle","DefaultNaturalLanguage","DefaultNewCellStyle","DefaultNewInlineCellStyle","DefaultNotebook","DefaultOptions","DefaultOutputFormatType","DefaultPrintPrecision","DefaultStyle","DefaultStyleDefinitions","DefaultTextFormatType","DefaultTextInlineFormatType","DefaultTicksStyle","DefaultTooltipStyle","DefaultValue","DefaultValues","Defer","DefineExternal","DefineInputStreamMethod","DefineOutputStreamMethod","DefineResourceFunction","Definition","Degree","DegreeCentrality","DegreeGraphDistribution","DegreeLexicographic","DegreeReverseLexicographic","DEigensystem","DEigenvalues","Deinitialization","Del","DelaunayMesh","Delayed","Deletable","Delete","DeleteAnomalies","DeleteBorderComponents","DeleteCases","DeleteChannel","DeleteCloudExpression","DeleteContents","DeleteDirectory","DeleteDuplicates","DeleteDuplicatesBy","DeleteFile","DeleteMissing","DeleteObject","DeletePermissionsKey","DeleteSearchIndex","DeleteSmallComponents","DeleteStopwords","DeleteWithContents","DeletionWarning","DelimitedArray","DelimitedSequence","Delimiter","DelimiterFlashTime","DelimiterMatching","Delimiters","DeliveryFunction","Dendrogram","Denominator","DensityGraphics","DensityHistogram","DensityPlot","DensityPlot3D","DependentVariables","Deploy","Deployed","Depth","DepthFirstScan","Derivative","DerivativeFilter","DerivedKey","DescriptorStateSpace","DesignMatrix","DestroyAfterEvaluation","Det","DeviceClose","DeviceConfigure","DeviceExecute","DeviceExecuteAsynchronous","DeviceObject","DeviceOpen","DeviceOpenQ","DeviceRead","DeviceReadBuffer","DeviceReadLatest","DeviceReadList","DeviceReadTimeSeries","Devices","DeviceStreams","DeviceWrite","DeviceWriteBuffer","DGaussianWavelet","DiacriticalPositioning","Diagonal","DiagonalizableMatrixQ","DiagonalMatrix","DiagonalMatrixQ","Dialog","DialogIndent","DialogInput","DialogLevel","DialogNotebook","DialogProlog","DialogReturn","DialogSymbols","Diamond","DiamondMatrix","DiceDissimilarity","DictionaryLookup","DictionaryWordQ","DifferenceDelta","DifferenceOrder","DifferenceQuotient","DifferenceRoot","DifferenceRootReduce","Differences","DifferentialD","DifferentialRoot","DifferentialRootReduce","DifferentiatorFilter","DigitalSignature","DigitBlock","DigitBlockMinimum","DigitCharacter","DigitCount","DigitQ","DihedralAngle","DihedralGroup","Dilation","DimensionalCombinations","DimensionalMeshComponents","DimensionReduce","DimensionReducerFunction","DimensionReduction","Dimensions","DiracComb","DiracDelta","DirectedEdge","DirectedEdges","DirectedGraph","DirectedGraphQ","DirectedInfinity","Direction","Directive","Directory","DirectoryName","DirectoryQ","DirectoryStack","DirichletBeta","DirichletCharacter","DirichletCondition","DirichletConvolve","DirichletDistribution","DirichletEta","DirichletL","DirichletLambda","DirichletTransform","DirichletWindow","DisableConsolePrintPacket","DisableFormatting","DiscreteAsymptotic","DiscreteChirpZTransform","DiscreteConvolve","DiscreteDelta","DiscreteHadamardTransform","DiscreteIndicator","DiscreteLimit","DiscreteLQEstimatorGains","DiscreteLQRegulatorGains","DiscreteLyapunovSolve","DiscreteMarkovProcess","DiscreteMaxLimit","DiscreteMinLimit","DiscretePlot","DiscretePlot3D","DiscreteRatio","DiscreteRiccatiSolve","DiscreteShift","DiscreteTimeModelQ","DiscreteUniformDistribution","DiscreteVariables","DiscreteWaveletData","DiscreteWaveletPacketTransform","DiscreteWaveletTransform","DiscretizeGraphics","DiscretizeRegion","Discriminant","DisjointQ","Disjunction","Disk","DiskBox","DiskMatrix","DiskSegment","Dispatch","DispatchQ","DispersionEstimatorFunction","Display","DisplayAllSteps","DisplayEndPacket","DisplayFlushImagePacket","DisplayForm","DisplayFunction","DisplayPacket","DisplayRules","DisplaySetSizePacket","DisplayString","DisplayTemporary","DisplayWith","DisplayWithRef","DisplayWithVariable","DistanceFunction","DistanceMatrix","DistanceTransform","Distribute","Distributed","DistributedContexts","DistributeDefinitions","DistributionChart","DistributionDomain","DistributionFitTest","DistributionParameterAssumptions","DistributionParameterQ","Dithering","Div","Divergence","Divide","DivideBy","Dividers","DivideSides","Divisible","Divisors","DivisorSigma","DivisorSum","DMSList","DMSString","Do","DockedCells","DocumentGenerator","DocumentGeneratorInformation","DocumentGeneratorInformationData","DocumentGenerators","DocumentNotebook","DocumentWeightingRules","Dodecahedron","DomainRegistrationInformation","DominantColors","DOSTextFormat","Dot","DotDashed","DotEqual","DotLayer","DotPlusLayer","Dotted","DoubleBracketingBar","DoubleContourIntegral","DoubleDownArrow","DoubleLeftArrow","DoubleLeftRightArrow","DoubleLeftTee","DoubleLongLeftArrow","DoubleLongLeftRightArrow","DoubleLongRightArrow","DoubleRightArrow","DoubleRightTee","DoubleUpArrow","DoubleUpDownArrow","DoubleVerticalBar","DoublyInfinite","Down","DownArrow","DownArrowBar","DownArrowUpArrow","DownLeftRightVector","DownLeftTeeVector","DownLeftVector","DownLeftVectorBar","DownRightTeeVector","DownRightVector","DownRightVectorBar","Downsample","DownTee","DownTeeArrow","DownValues","DragAndDrop","DrawEdges","DrawFrontFaces","DrawHighlighted","Drop","DropoutLayer","DSolve","DSolveValue","Dt","DualLinearProgramming","DualPolyhedron","DualSystemsModel","DumpGet","DumpSave","DuplicateFreeQ","Duration","Dynamic","DynamicBox","DynamicBoxOptions","DynamicEvaluationTimeout","DynamicGeoGraphics","DynamicImage","DynamicLocation","DynamicModule","DynamicModuleBox","DynamicModuleBoxOptions","DynamicModuleParent","DynamicModuleValues","DynamicName","DynamicNamespace","DynamicReference","DynamicSetting","DynamicUpdating","DynamicWrapper","DynamicWrapperBox","DynamicWrapperBoxOptions","E","EarthImpactData","EarthquakeData","EccentricityCentrality","Echo","EchoFunction","EclipseType","EdgeAdd","EdgeBetweennessCentrality","EdgeCapacity","EdgeCapForm","EdgeColor","EdgeConnectivity","EdgeContract","EdgeCost","EdgeCount","EdgeCoverQ","EdgeCycleMatrix","EdgeDashing","EdgeDelete","EdgeDetect","EdgeForm","EdgeIndex","EdgeJoinForm","EdgeLabeling","EdgeLabels","EdgeLabelStyle","EdgeList","EdgeOpacity","EdgeQ","EdgeRenderingFunction","EdgeRules","EdgeShapeFunction","EdgeStyle","EdgeTaggedGraph","EdgeTaggedGraphQ","EdgeTags","EdgeThickness","EdgeWeight","EdgeWeightedGraphQ","Editable","EditButtonSettings","EditCellTagsSettings","EditDistance","EffectiveInterest","Eigensystem","Eigenvalues","EigenvectorCentrality","Eigenvectors","Element","ElementData","ElementwiseLayer","ElidedForms","Eliminate","EliminationOrder","Ellipsoid","EllipticE","EllipticExp","EllipticExpPrime","EllipticF","EllipticFilterModel","EllipticK","EllipticLog","EllipticNomeQ","EllipticPi","EllipticReducedHalfPeriods","EllipticTheta","EllipticThetaPrime","EmbedCode","EmbeddedHTML","EmbeddedService","EmbeddingLayer","EmbeddingObject","EmitSound","EmphasizeSyntaxErrors","EmpiricalDistribution","Empty","EmptyGraphQ","EmptyRegion","EnableConsolePrintPacket","Enabled","Encode","Encrypt","EncryptedObject","EncryptFile","End","EndAdd","EndDialogPacket","EndFrontEndInteractionPacket","EndOfBuffer","EndOfFile","EndOfLine","EndOfString","EndPackage","EngineEnvironment","EngineeringForm","Enter","EnterExpressionPacket","EnterTextPacket","Entity","EntityClass","EntityClassList","EntityCopies","EntityFunction","EntityGroup","EntityInstance","EntityList","EntityPrefetch","EntityProperties","EntityProperty","EntityPropertyClass","EntityRegister","EntityStore","EntityStores","EntityTypeName","EntityUnregister","EntityValue","Entropy","EntropyFilter","Environment","Epilog","EpilogFunction","Equal","EqualColumns","EqualRows","EqualTilde","EqualTo","EquatedTo","Equilibrium","EquirippleFilterKernel","Equivalent","Erf","Erfc","Erfi","ErlangB","ErlangC","ErlangDistribution","Erosion","ErrorBox","ErrorBoxOptions","ErrorNorm","ErrorPacket","ErrorsDialogSettings","EscapeRadius","EstimatedBackground","EstimatedDistribution","EstimatedProcess","EstimatorGains","EstimatorRegulator","EuclideanDistance","EulerAngles","EulerCharacteristic","EulerE","EulerGamma","EulerianGraphQ","EulerMatrix","EulerPhi","Evaluatable","Evaluate","Evaluated","EvaluatePacket","EvaluateScheduledTask","EvaluationBox","EvaluationCell","EvaluationCompletionAction","EvaluationData","EvaluationElements","EvaluationEnvironment","EvaluationMode","EvaluationMonitor","EvaluationNotebook","EvaluationObject","EvaluationOrder","Evaluator","EvaluatorNames","EvenQ","EventData","EventEvaluator","EventHandler","EventHandlerTag","EventLabels","EventSeries","ExactBlackmanWindow","ExactNumberQ","ExactRootIsolation","ExampleData","Except","ExcludedForms","ExcludedLines","ExcludedPhysicalQuantities","ExcludePods","Exclusions","ExclusionsStyle","Exists","Exit","ExitDialog","ExoplanetData","Exp","Expand","ExpandAll","ExpandDenominator","ExpandFileName","ExpandNumerator","Expectation","ExpectationE","ExpectedValue","ExpGammaDistribution","ExpIntegralE","ExpIntegralEi","ExpirationDate","Exponent","ExponentFunction","ExponentialDistribution","ExponentialFamily","ExponentialGeneratingFunction","ExponentialMovingAverage","ExponentialPowerDistribution","ExponentPosition","ExponentStep","Export","ExportAutoReplacements","ExportByteArray","ExportForm","ExportPacket","ExportString","Expression","ExpressionCell","ExpressionGraph","ExpressionPacket","ExpressionUUID","ExpToTrig","ExtendedEntityClass","ExtendedGCD","Extension","ExtentElementFunction","ExtentMarkers","ExtentSize","ExternalBundle","ExternalCall","ExternalDataCharacterEncoding","ExternalEvaluate","ExternalFunction","ExternalFunctionName","ExternalIdentifier","ExternalObject","ExternalOptions","ExternalSessionObject","ExternalSessions","ExternalStorageBase","ExternalStorageDownload","ExternalStorageGet","ExternalStorageObject","ExternalStoragePut","ExternalStorageUpload","ExternalTypeSignature","ExternalValue","Extract","ExtractArchive","ExtractLayer","ExtractPacletArchive","ExtremeValueDistribution","FaceAlign","FaceForm","FaceGrids","FaceGridsStyle","FacialFeatures","Factor","FactorComplete","Factorial","Factorial2","FactorialMoment","FactorialMomentGeneratingFunction","FactorialPower","FactorInteger","FactorList","FactorSquareFree","FactorSquareFreeList","FactorTerms","FactorTermsList","Fail","Failure","FailureAction","FailureDistribution","FailureQ","False","FareySequence","FARIMAProcess","FeatureDistance","FeatureExtract","FeatureExtraction","FeatureExtractor","FeatureExtractorFunction","FeatureNames","FeatureNearest","FeatureSpacePlot","FeatureSpacePlot3D","FeatureTypes","FEDisableConsolePrintPacket","FeedbackLinearize","FeedbackSector","FeedbackSectorStyle","FeedbackType","FEEnableConsolePrintPacket","FetalGrowthData","Fibonacci","Fibonorial","FieldCompletionFunction","FieldHint","FieldHintStyle","FieldMasked","FieldSize","File","FileBaseName","FileByteCount","FileConvert","FileDate","FileExistsQ","FileExtension","FileFormat","FileHandler","FileHash","FileInformation","FileName","FileNameDepth","FileNameDialogSettings","FileNameDrop","FileNameForms","FileNameJoin","FileNames","FileNameSetter","FileNameSplit","FileNameTake","FilePrint","FileSize","FileSystemMap","FileSystemScan","FileTemplate","FileTemplateApply","FileType","FilledCurve","FilledCurveBox","FilledCurveBoxOptions","Filling","FillingStyle","FillingTransform","FilteredEntityClass","FilterRules","FinancialBond","FinancialData","FinancialDerivative","FinancialIndicator","Find","FindAnomalies","FindArgMax","FindArgMin","FindChannels","FindClique","FindClusters","FindCookies","FindCurvePath","FindCycle","FindDevices","FindDistribution","FindDistributionParameters","FindDivisions","FindEdgeCover","FindEdgeCut","FindEdgeIndependentPaths","FindEquationalProof","FindEulerianCycle","FindExternalEvaluators","FindFaces","FindFile","FindFit","FindFormula","FindFundamentalCycles","FindGeneratingFunction","FindGeoLocation","FindGeometricConjectures","FindGeometricTransform","FindGraphCommunities","FindGraphIsomorphism","FindGraphPartition","FindHamiltonianCycle","FindHamiltonianPath","FindHiddenMarkovStates","FindImageText","FindIndependentEdgeSet","FindIndependentVertexSet","FindInstance","FindIntegerNullVector","FindKClan","FindKClique","FindKClub","FindKPlex","FindLibrary","FindLinearRecurrence","FindList","FindMatchingColor","FindMaximum","FindMaximumCut","FindMaximumFlow","FindMaxValue","FindMeshDefects","FindMinimum","FindMinimumCostFlow","FindMinimumCut","FindMinValue","FindMoleculeSubstructure","FindPath","FindPeaks","FindPermutation","FindPostmanTour","FindProcessParameters","FindRepeat","FindRoot","FindSequenceFunction","FindSettings","FindShortestPath","FindShortestTour","FindSpanningTree","FindSystemModelEquilibrium","FindTextualAnswer","FindThreshold","FindTransientRepeat","FindVertexCover","FindVertexCut","FindVertexIndependentPaths","Fine","FinishDynamic","FiniteAbelianGroupCount","FiniteGroupCount","FiniteGroupData","First","FirstCase","FirstPassageTimeDistribution","FirstPosition","FischerGroupFi22","FischerGroupFi23","FischerGroupFi24Prime","FisherHypergeometricDistribution","FisherRatioTest","FisherZDistribution","Fit","FitAll","FitRegularization","FittedModel","FixedOrder","FixedPoint","FixedPointList","FlashSelection","Flat","Flatten","FlattenAt","FlattenLayer","FlatTopWindow","FlipView","Floor","FlowPolynomial","FlushPrintOutputPacket","Fold","FoldList","FoldPair","FoldPairList","FollowRedirects","Font","FontColor","FontFamily","FontForm","FontName","FontOpacity","FontPostScriptName","FontProperties","FontReencoding","FontSize","FontSlant","FontSubstitutions","FontTracking","FontVariations","FontWeight","For","ForAll","ForceVersionInstall","Format","FormatRules","FormatType","FormatTypeAutoConvert","FormatValues","FormBox","FormBoxOptions","FormControl","FormFunction","FormLayoutFunction","FormObject","FormPage","FormTheme","FormulaData","FormulaLookup","FortranForm","Forward","ForwardBackward","Fourier","FourierCoefficient","FourierCosCoefficient","FourierCosSeries","FourierCosTransform","FourierDCT","FourierDCTFilter","FourierDCTMatrix","FourierDST","FourierDSTMatrix","FourierMatrix","FourierParameters","FourierSequenceTransform","FourierSeries","FourierSinCoefficient","FourierSinSeries","FourierSinTransform","FourierTransform","FourierTrigSeries","FractionalBrownianMotionProcess","FractionalGaussianNoiseProcess","FractionalPart","FractionBox","FractionBoxOptions","FractionLine","Frame","FrameBox","FrameBoxOptions","Framed","FrameInset","FrameLabel","Frameless","FrameMargins","FrameRate","FrameStyle","FrameTicks","FrameTicksStyle","FRatioDistribution","FrechetDistribution","FreeQ","FrenetSerretSystem","FrequencySamplingFilterKernel","FresnelC","FresnelF","FresnelG","FresnelS","Friday","FrobeniusNumber","FrobeniusSolve","FromAbsoluteTime","FromCharacterCode","FromCoefficientRules","FromContinuedFraction","FromDate","FromDigits","FromDMS","FromEntity","FromJulianDate","FromLetterNumber","FromPolarCoordinates","FromRomanNumeral","FromSphericalCoordinates","FromUnixTime","Front","FrontEndDynamicExpression","FrontEndEventActions","FrontEndExecute","FrontEndObject","FrontEndResource","FrontEndResourceString","FrontEndStackSize","FrontEndToken","FrontEndTokenExecute","FrontEndValueCache","FrontEndVersion","FrontFaceColor","FrontFaceOpacity","Full","FullAxes","FullDefinition","FullForm","FullGraphics","FullInformationOutputRegulator","FullOptions","FullRegion","FullSimplify","Function","FunctionCompile","FunctionCompileExport","FunctionCompileExportByteArray","FunctionCompileExportLibrary","FunctionCompileExportString","FunctionDomain","FunctionExpand","FunctionInterpolation","FunctionPeriod","FunctionRange","FunctionSpace","FussellVeselyImportance","GaborFilter","GaborMatrix","GaborWavelet","GainMargins","GainPhaseMargins","GalaxyData","GalleryView","Gamma","GammaDistribution","GammaRegularized","GapPenalty","GARCHProcess","GatedRecurrentLayer","Gather","GatherBy","GaugeFaceElementFunction","GaugeFaceStyle","GaugeFrameElementFunction","GaugeFrameSize","GaugeFrameStyle","GaugeLabels","GaugeMarkers","GaugeStyle","GaussianFilter","GaussianIntegers","GaussianMatrix","GaussianOrthogonalMatrixDistribution","GaussianSymplecticMatrixDistribution","GaussianUnitaryMatrixDistribution","GaussianWindow","GCD","GegenbauerC","General","GeneralizedLinearModelFit","GenerateAsymmetricKeyPair","GenerateConditions","GeneratedCell","GeneratedDocumentBinding","GenerateDerivedKey","GenerateDigitalSignature","GenerateDocument","GeneratedParameters","GeneratedQuantityMagnitudes","GenerateFileSignature","GenerateHTTPResponse","GenerateSecuredAuthenticationKey","GenerateSymmetricKey","GeneratingFunction","GeneratorDescription","GeneratorHistoryLength","GeneratorOutputType","Generic","GenericCylindricalDecomposition","GenomeData","GenomeLookup","GeoAntipode","GeoArea","GeoArraySize","GeoBackground","GeoBoundingBox","GeoBounds","GeoBoundsRegion","GeoBubbleChart","GeoCenter","GeoCircle","GeoContourPlot","GeoDensityPlot","GeodesicClosing","GeodesicDilation","GeodesicErosion","GeodesicOpening","GeoDestination","GeodesyData","GeoDirection","GeoDisk","GeoDisplacement","GeoDistance","GeoDistanceList","GeoElevationData","GeoEntities","GeoGraphics","GeogravityModelData","GeoGridDirectionDifference","GeoGridLines","GeoGridLinesStyle","GeoGridPosition","GeoGridRange","GeoGridRangePadding","GeoGridUnitArea","GeoGridUnitDistance","GeoGridVector","GeoGroup","GeoHemisphere","GeoHemisphereBoundary","GeoHistogram","GeoIdentify","GeoImage","GeoLabels","GeoLength","GeoListPlot","GeoLocation","GeologicalPeriodData","GeomagneticModelData","GeoMarker","GeometricAssertion","GeometricBrownianMotionProcess","GeometricDistribution","GeometricMean","GeometricMeanFilter","GeometricOptimization","GeometricScene","GeometricTransformation","GeometricTransformation3DBox","GeometricTransformation3DBoxOptions","GeometricTransformationBox","GeometricTransformationBoxOptions","GeoModel","GeoNearest","GeoPath","GeoPosition","GeoPositionENU","GeoPositionXYZ","GeoProjection","GeoProjectionData","GeoRange","GeoRangePadding","GeoRegionValuePlot","GeoResolution","GeoScaleBar","GeoServer","GeoSmoothHistogram","GeoStreamPlot","GeoStyling","GeoStylingImageFunction","GeoVariant","GeoVector","GeoVectorENU","GeoVectorPlot","GeoVectorXYZ","GeoVisibleRegion","GeoVisibleRegionBoundary","GeoWithinQ","GeoZoomLevel","GestureHandler","GestureHandlerTag","Get","GetBoundingBoxSizePacket","GetContext","GetEnvironment","GetFileName","GetFrontEndOptionsDataPacket","GetLinebreakInformationPacket","GetMenusPacket","GetPageBreakInformationPacket","Glaisher","GlobalClusteringCoefficient","GlobalPreferences","GlobalSession","Glow","GoldenAngle","GoldenRatio","GompertzMakehamDistribution","GoochShading","GoodmanKruskalGamma","GoodmanKruskalGammaTest","Goto","Grad","Gradient","GradientFilter","GradientOrientationFilter","GrammarApply","GrammarRules","GrammarToken","Graph","Graph3D","GraphAssortativity","GraphAutomorphismGroup","GraphCenter","GraphComplement","GraphData","GraphDensity","GraphDiameter","GraphDifference","GraphDisjointUnion","GraphDistance","GraphDistanceMatrix","GraphElementData","GraphEmbedding","GraphHighlight","GraphHighlightStyle","GraphHub","Graphics","Graphics3D","Graphics3DBox","Graphics3DBoxOptions","GraphicsArray","GraphicsBaseline","GraphicsBox","GraphicsBoxOptions","GraphicsColor","GraphicsColumn","GraphicsComplex","GraphicsComplex3DBox","GraphicsComplex3DBoxOptions","GraphicsComplexBox","GraphicsComplexBoxOptions","GraphicsContents","GraphicsData","GraphicsGrid","GraphicsGridBox","GraphicsGroup","GraphicsGroup3DBox","GraphicsGroup3DBoxOptions","GraphicsGroupBox","GraphicsGroupBoxOptions","GraphicsGrouping","GraphicsHighlightColor","GraphicsRow","GraphicsSpacing","GraphicsStyle","GraphIntersection","GraphLayout","GraphLinkEfficiency","GraphPeriphery","GraphPlot","GraphPlot3D","GraphPower","GraphPropertyDistribution","GraphQ","GraphRadius","GraphReciprocity","GraphRoot","GraphStyle","GraphUnion","Gray","GrayLevel","Greater","GreaterEqual","GreaterEqualLess","GreaterEqualThan","GreaterFullEqual","GreaterGreater","GreaterLess","GreaterSlantEqual","GreaterThan","GreaterTilde","Green","GreenFunction","Grid","GridBaseline","GridBox","GridBoxAlignment","GridBoxBackground","GridBoxDividers","GridBoxFrame","GridBoxItemSize","GridBoxItemStyle","GridBoxOptions","GridBoxSpacings","GridCreationSettings","GridDefaultElement","GridElementStyleOptions","GridFrame","GridFrameMargins","GridGraph","GridLines","GridLinesStyle","GroebnerBasis","GroupActionBase","GroupBy","GroupCentralizer","GroupElementFromWord","GroupElementPosition","GroupElementQ","GroupElements","GroupElementToWord","GroupGenerators","Groupings","GroupMultiplicationTable","GroupOrbits","GroupOrder","GroupPageBreakWithin","GroupSetwiseStabilizer","GroupStabilizer","GroupStabilizerChain","GroupTogetherGrouping","GroupTogetherNestedGrouping","GrowCutComponents","Gudermannian","GuidedFilter","GumbelDistribution","HaarWavelet","HadamardMatrix","HalfLine","HalfNormalDistribution","HalfPlane","HalfSpace","HalftoneShading","HamiltonianGraphQ","HammingDistance","HammingWindow","HandlerFunctions","HandlerFunctionsKeys","HankelH1","HankelH2","HankelMatrix","HankelTransform","HannPoissonWindow","HannWindow","HaradaNortonGroupHN","HararyGraph","HarmonicMean","HarmonicMeanFilter","HarmonicNumber","Hash","HatchFilling","HatchShading","Haversine","HazardFunction","Head","HeadCompose","HeaderAlignment","HeaderBackground","HeaderDisplayFunction","HeaderLines","HeaderSize","HeaderStyle","Heads","HeavisideLambda","HeavisidePi","HeavisideTheta","HeldGroupHe","HeldPart","HelpBrowserLookup","HelpBrowserNotebook","HelpBrowserSettings","Here","HermiteDecomposition","HermiteH","HermitianMatrixQ","HessenbergDecomposition","Hessian","HeunB","HeunBPrime","HeunC","HeunCPrime","HeunD","HeunDPrime","HeunG","HeunGPrime","HeunT","HeunTPrime","HexadecimalCharacter","Hexahedron","HexahedronBox","HexahedronBoxOptions","HiddenItems","HiddenMarkovProcess","HiddenSurface","Highlighted","HighlightGraph","HighlightImage","HighlightMesh","HighpassFilter","HigmanSimsGroupHS","HilbertCurve","HilbertFilter","HilbertMatrix","Histogram","Histogram3D","HistogramDistribution","HistogramList","HistogramTransform","HistogramTransformInterpolation","HistoricalPeriodData","HitMissTransform","HITSCentrality","HjorthDistribution","HodgeDual","HoeffdingD","HoeffdingDTest","Hold","HoldAll","HoldAllComplete","HoldComplete","HoldFirst","HoldForm","HoldPattern","HoldRest","HolidayCalendar","HomeDirectory","HomePage","Horizontal","HorizontalForm","HorizontalGauge","HorizontalScrollPosition","HornerForm","HostLookup","HotellingTSquareDistribution","HoytDistribution","HTMLSave","HTTPErrorResponse","HTTPRedirect","HTTPRequest","HTTPRequestData","HTTPResponse","Hue","HumanGrowthData","HumpDownHump","HumpEqual","HurwitzLerchPhi","HurwitzZeta","HyperbolicDistribution","HypercubeGraph","HyperexponentialDistribution","Hyperfactorial","Hypergeometric0F1","Hypergeometric0F1Regularized","Hypergeometric1F1","Hypergeometric1F1Regularized","Hypergeometric2F1","Hypergeometric2F1Regularized","HypergeometricDistribution","HypergeometricPFQ","HypergeometricPFQRegularized","HypergeometricU","Hyperlink","HyperlinkAction","HyperlinkCreationSettings","Hyperplane","Hyphenation","HyphenationOptions","HypoexponentialDistribution","HypothesisTestData","I","IconData","Iconize","IconizedObject","IconRules","Icosahedron","Identity","IdentityMatrix","If","IgnoreCase","IgnoreDiacritics","IgnorePunctuation","IgnoreSpellCheck","IgnoringInactive","Im","Image","Image3D","Image3DProjection","Image3DSlices","ImageAccumulate","ImageAdd","ImageAdjust","ImageAlign","ImageApply","ImageApplyIndexed","ImageAspectRatio","ImageAssemble","ImageAugmentationLayer","ImageBoundingBoxes","ImageCache","ImageCacheValid","ImageCapture","ImageCaptureFunction","ImageCases","ImageChannels","ImageClip","ImageCollage","ImageColorSpace","ImageCompose","ImageContainsQ","ImageContents","ImageConvolve","ImageCooccurrence","ImageCorners","ImageCorrelate","ImageCorrespondingPoints","ImageCrop","ImageData","ImageDeconvolve","ImageDemosaic","ImageDifference","ImageDimensions","ImageDisplacements","ImageDistance","ImageEffect","ImageExposureCombine","ImageFeatureTrack","ImageFileApply","ImageFileFilter","ImageFileScan","ImageFilter","ImageFocusCombine","ImageForestingComponents","ImageFormattingWidth","ImageForwardTransformation","ImageGraphics","ImageHistogram","ImageIdentify","ImageInstanceQ","ImageKeypoints","ImageLabels","ImageLegends","ImageLevels","ImageLines","ImageMargins","ImageMarker","ImageMarkers","ImageMeasurements","ImageMesh","ImageMultiply","ImageOffset","ImagePad","ImagePadding","ImagePartition","ImagePeriodogram","ImagePerspectiveTransformation","ImagePosition","ImagePreviewFunction","ImagePyramid","ImagePyramidApply","ImageQ","ImageRangeCache","ImageRecolor","ImageReflect","ImageRegion","ImageResize","ImageResolution","ImageRestyle","ImageRotate","ImageRotated","ImageSaliencyFilter","ImageScaled","ImageScan","ImageSize","ImageSizeAction","ImageSizeCache","ImageSizeMultipliers","ImageSizeRaw","ImageSubtract","ImageTake","ImageTransformation","ImageTrim","ImageType","ImageValue","ImageValuePositions","ImagingDevice","ImplicitRegion","Implies","Import","ImportAutoReplacements","ImportByteArray","ImportOptions","ImportString","ImprovementImportance","In","Inactivate","Inactive","IncidenceGraph","IncidenceList","IncidenceMatrix","IncludeAromaticBonds","IncludeConstantBasis","IncludeDefinitions","IncludeDirectories","IncludeFileExtension","IncludeGeneratorTasks","IncludeHydrogens","IncludeInflections","IncludeMetaInformation","IncludePods","IncludeQuantities","IncludeRelatedTables","IncludeSingularTerm","IncludeWindowTimes","Increment","IndefiniteMatrixQ","Indent","IndentingNewlineSpacings","IndentMaxFraction","IndependenceTest","IndependentEdgeSetQ","IndependentPhysicalQuantity","IndependentUnit","IndependentUnitDimension","IndependentVertexSetQ","Indeterminate","IndeterminateThreshold","IndexCreationOptions","Indexed","IndexEdgeTaggedGraph","IndexGraph","IndexTag","Inequality","InexactNumberQ","InexactNumbers","InfiniteFuture","InfiniteLine","InfinitePast","InfinitePlane","Infinity","Infix","InflationAdjust","InflationMethod","Information","InformationData","InformationDataGrid","Inherited","InheritScope","InhomogeneousPoissonProcess","InitialEvaluationHistory","Initialization","InitializationCell","InitializationCellEvaluation","InitializationCellWarning","InitializationObjects","InitializationValue","Initialize","InitialSeeding","InlineCounterAssignments","InlineCounterIncrements","InlineRules","Inner","InnerPolygon","InnerPolyhedron","Inpaint","Input","InputAliases","InputAssumptions","InputAutoReplacements","InputField","InputFieldBox","InputFieldBoxOptions","InputForm","InputGrouping","InputNamePacket","InputNotebook","InputPacket","InputSettings","InputStream","InputString","InputStringPacket","InputToBoxFormPacket","Insert","InsertionFunction","InsertionPointObject","InsertLinebreaks","InsertResults","Inset","Inset3DBox","Inset3DBoxOptions","InsetBox","InsetBoxOptions","Insphere","Install","InstallService","InstanceNormalizationLayer","InString","Integer","IntegerDigits","IntegerExponent","IntegerLength","IntegerName","IntegerPart","IntegerPartitions","IntegerQ","IntegerReverse","Integers","IntegerString","Integral","Integrate","Interactive","InteractiveTradingChart","Interlaced","Interleaving","InternallyBalancedDecomposition","InterpolatingFunction","InterpolatingPolynomial","Interpolation","InterpolationOrder","InterpolationPoints","InterpolationPrecision","Interpretation","InterpretationBox","InterpretationBoxOptions","InterpretationFunction","Interpreter","InterpretTemplate","InterquartileRange","Interrupt","InterruptSettings","IntersectedEntityClass","IntersectingQ","Intersection","Interval","IntervalIntersection","IntervalMarkers","IntervalMarkersStyle","IntervalMemberQ","IntervalSlider","IntervalUnion","Into","Inverse","InverseBetaRegularized","InverseCDF","InverseChiSquareDistribution","InverseContinuousWaveletTransform","InverseDistanceTransform","InverseEllipticNomeQ","InverseErf","InverseErfc","InverseFourier","InverseFourierCosTransform","InverseFourierSequenceTransform","InverseFourierSinTransform","InverseFourierTransform","InverseFunction","InverseFunctions","InverseGammaDistribution","InverseGammaRegularized","InverseGaussianDistribution","InverseGudermannian","InverseHankelTransform","InverseHaversine","InverseImagePyramid","InverseJacobiCD","InverseJacobiCN","InverseJacobiCS","InverseJacobiDC","InverseJacobiDN","InverseJacobiDS","InverseJacobiNC","InverseJacobiND","InverseJacobiNS","InverseJacobiSC","InverseJacobiSD","InverseJacobiSN","InverseLaplaceTransform","InverseMellinTransform","InversePermutation","InverseRadon","InverseRadonTransform","InverseSeries","InverseShortTimeFourier","InverseSpectrogram","InverseSurvivalFunction","InverseTransformedRegion","InverseWaveletTransform","InverseWeierstrassP","InverseWishartMatrixDistribution","InverseZTransform","Invisible","InvisibleApplication","InvisibleTimes","IPAddress","IrreduciblePolynomialQ","IslandData","IsolatingInterval","IsomorphicGraphQ","IsotopeData","Italic","Item","ItemAspectRatio","ItemBox","ItemBoxOptions","ItemDisplayFunction","ItemSize","ItemStyle","ItoProcess","JaccardDissimilarity","JacobiAmplitude","Jacobian","JacobiCD","JacobiCN","JacobiCS","JacobiDC","JacobiDN","JacobiDS","JacobiNC","JacobiND","JacobiNS","JacobiP","JacobiSC","JacobiSD","JacobiSN","JacobiSymbol","JacobiZeta","JankoGroupJ1","JankoGroupJ2","JankoGroupJ3","JankoGroupJ4","JarqueBeraALMTest","JohnsonDistribution","Join","JoinAcross","Joined","JoinedCurve","JoinedCurveBox","JoinedCurveBoxOptions","JoinForm","JordanDecomposition","JordanModelDecomposition","JulianDate","JuliaSetBoettcher","JuliaSetIterationCount","JuliaSetPlot","JuliaSetPoints","K","KagiChart","KaiserBesselWindow","KaiserWindow","KalmanEstimator","KalmanFilter","KarhunenLoeveDecomposition","KaryTree","KatzCentrality","KCoreComponents","KDistribution","KEdgeConnectedComponents","KEdgeConnectedGraphQ","KeepExistingVersion","KelvinBei","KelvinBer","KelvinKei","KelvinKer","KendallTau","KendallTauTest","KernelExecute","KernelFunction","KernelMixtureDistribution","KernelObject","Kernels","Ket","Key","KeyCollisionFunction","KeyComplement","KeyDrop","KeyDropFrom","KeyExistsQ","KeyFreeQ","KeyIntersection","KeyMap","KeyMemberQ","KeypointStrength","Keys","KeySelect","KeySort","KeySortBy","KeyTake","KeyUnion","KeyValueMap","KeyValuePattern","Khinchin","KillProcess","KirchhoffGraph","KirchhoffMatrix","KleinInvariantJ","KnapsackSolve","KnightTourGraph","KnotData","KnownUnitQ","KochCurve","KolmogorovSmirnovTest","KroneckerDelta","KroneckerModelDecomposition","KroneckerProduct","KroneckerSymbol","KuiperTest","KumaraswamyDistribution","Kurtosis","KuwaharaFilter","KVertexConnectedComponents","KVertexConnectedGraphQ","LABColor","Label","Labeled","LabeledSlider","LabelingFunction","LabelingSize","LabelStyle","LabelVisibility","LaguerreL","LakeData","LambdaComponents","LambertW","LaminaData","LanczosWindow","LandauDistribution","Language","LanguageCategory","LanguageData","LanguageIdentify","LanguageOptions","LaplaceDistribution","LaplaceTransform","Laplacian","LaplacianFilter","LaplacianGaussianFilter","Large","Larger","Last","Latitude","LatitudeLongitude","LatticeData","LatticeReduce","Launch","LaunchKernels","LayeredGraphPlot","LayerSizeFunction","LayoutInformation","LCHColor","LCM","LeaderSize","LeafCount","LeapYearQ","LearnDistribution","LearnedDistribution","LearningRate","LearningRateMultipliers","LeastSquares","LeastSquaresFilterKernel","Left","LeftArrow","LeftArrowBar","LeftArrowRightArrow","LeftDownTeeVector","LeftDownVector","LeftDownVectorBar","LeftRightArrow","LeftRightVector","LeftTee","LeftTeeArrow","LeftTeeVector","LeftTriangle","LeftTriangleBar","LeftTriangleEqual","LeftUpDownVector","LeftUpTeeVector","LeftUpVector","LeftUpVectorBar","LeftVector","LeftVectorBar","LegendAppearance","Legended","LegendFunction","LegendLabel","LegendLayout","LegendMargins","LegendMarkers","LegendMarkerSize","LegendreP","LegendreQ","LegendreType","Length","LengthWhile","LerchPhi","Less","LessEqual","LessEqualGreater","LessEqualThan","LessFullEqual","LessGreater","LessLess","LessSlantEqual","LessThan","LessTilde","LetterCharacter","LetterCounts","LetterNumber","LetterQ","Level","LeveneTest","LeviCivitaTensor","LevyDistribution","Lexicographic","LibraryDataType","LibraryFunction","LibraryFunctionError","LibraryFunctionInformation","LibraryFunctionLoad","LibraryFunctionUnload","LibraryLoad","LibraryUnload","LicenseID","LiftingFilterData","LiftingWaveletTransform","LightBlue","LightBrown","LightCyan","Lighter","LightGray","LightGreen","Lighting","LightingAngle","LightMagenta","LightOrange","LightPink","LightPurple","LightRed","LightSources","LightYellow","Likelihood","Limit","LimitsPositioning","LimitsPositioningTokens","LindleyDistribution","Line","Line3DBox","Line3DBoxOptions","LinearFilter","LinearFractionalOptimization","LinearFractionalTransform","LinearGradientImage","LinearizingTransformationData","LinearLayer","LinearModelFit","LinearOffsetFunction","LinearOptimization","LinearProgramming","LinearRecurrence","LinearSolve","LinearSolveFunction","LineBox","LineBoxOptions","LineBreak","LinebreakAdjustments","LineBreakChart","LinebreakSemicolonWeighting","LineBreakWithin","LineColor","LineGraph","LineIndent","LineIndentMaxFraction","LineIntegralConvolutionPlot","LineIntegralConvolutionScale","LineLegend","LineOpacity","LineSpacing","LineWrapParts","LinkActivate","LinkClose","LinkConnect","LinkConnectedQ","LinkCreate","LinkError","LinkFlush","LinkFunction","LinkHost","LinkInterrupt","LinkLaunch","LinkMode","LinkObject","LinkOpen","LinkOptions","LinkPatterns","LinkProtocol","LinkRankCentrality","LinkRead","LinkReadHeld","LinkReadyQ","Links","LinkService","LinkWrite","LinkWriteHeld","LiouvilleLambda","List","Listable","ListAnimate","ListContourPlot","ListContourPlot3D","ListConvolve","ListCorrelate","ListCurvePathPlot","ListDeconvolve","ListDensityPlot","ListDensityPlot3D","Listen","ListFormat","ListFourierSequenceTransform","ListInterpolation","ListLineIntegralConvolutionPlot","ListLinePlot","ListLogLinearPlot","ListLogLogPlot","ListLogPlot","ListPicker","ListPickerBox","ListPickerBoxBackground","ListPickerBoxOptions","ListPlay","ListPlot","ListPlot3D","ListPointPlot3D","ListPolarPlot","ListQ","ListSliceContourPlot3D","ListSliceDensityPlot3D","ListSliceVectorPlot3D","ListStepPlot","ListStreamDensityPlot","ListStreamPlot","ListSurfacePlot3D","ListVectorDensityPlot","ListVectorPlot","ListVectorPlot3D","ListZTransform","Literal","LiteralSearch","LocalAdaptiveBinarize","LocalCache","LocalClusteringCoefficient","LocalizeDefinitions","LocalizeVariables","LocalObject","LocalObjects","LocalResponseNormalizationLayer","LocalSubmit","LocalSymbol","LocalTime","LocalTimeZone","LocationEquivalenceTest","LocationTest","Locator","LocatorAutoCreate","LocatorBox","LocatorBoxOptions","LocatorCentering","LocatorPane","LocatorPaneBox","LocatorPaneBoxOptions","LocatorRegion","Locked","Log","Log10","Log2","LogBarnesG","LogGamma","LogGammaDistribution","LogicalExpand","LogIntegral","LogisticDistribution","LogisticSigmoid","LogitModelFit","LogLikelihood","LogLinearPlot","LogLogisticDistribution","LogLogPlot","LogMultinormalDistribution","LogNormalDistribution","LogPlot","LogRankTest","LogSeriesDistribution","LongEqual","Longest","LongestCommonSequence","LongestCommonSequencePositions","LongestCommonSubsequence","LongestCommonSubsequencePositions","LongestMatch","LongestOrderedSequence","LongForm","Longitude","LongLeftArrow","LongLeftRightArrow","LongRightArrow","LongShortTermMemoryLayer","Lookup","Loopback","LoopFreeGraphQ","Looping","LossFunction","LowerCaseQ","LowerLeftArrow","LowerRightArrow","LowerTriangularize","LowerTriangularMatrixQ","LowpassFilter","LQEstimatorGains","LQGRegulator","LQOutputRegulatorGains","LQRegulatorGains","LUBackSubstitution","LucasL","LuccioSamiComponents","LUDecomposition","LunarEclipse","LUVColor","LyapunovSolve","LyonsGroupLy","MachineID","MachineName","MachineNumberQ","MachinePrecision","MacintoshSystemPageSetup","Magenta","Magnification","Magnify","MailAddressValidation","MailExecute","MailFolder","MailItem","MailReceiverFunction","MailResponseFunction","MailSearch","MailServerConnect","MailServerConnection","MailSettings","MainSolve","MaintainDynamicCaches","Majority","MakeBoxes","MakeExpression","MakeRules","ManagedLibraryExpressionID","ManagedLibraryExpressionQ","MandelbrotSetBoettcher","MandelbrotSetDistance","MandelbrotSetIterationCount","MandelbrotSetMemberQ","MandelbrotSetPlot","MangoldtLambda","ManhattanDistance","Manipulate","Manipulator","MannedSpaceMissionData","MannWhitneyTest","MantissaExponent","Manual","Map","MapAll","MapAt","MapIndexed","MAProcess","MapThread","MarchenkoPasturDistribution","MarcumQ","MardiaCombinedTest","MardiaKurtosisTest","MardiaSkewnessTest","MarginalDistribution","MarkovProcessProperties","Masking","MatchingDissimilarity","MatchLocalNameQ","MatchLocalNames","MatchQ","Material","MathematicalFunctionData","MathematicaNotation","MathieuC","MathieuCharacteristicA","MathieuCharacteristicB","MathieuCharacteristicExponent","MathieuCPrime","MathieuGroupM11","MathieuGroupM12","MathieuGroupM22","MathieuGroupM23","MathieuGroupM24","MathieuS","MathieuSPrime","MathMLForm","MathMLText","Matrices","MatrixExp","MatrixForm","MatrixFunction","MatrixLog","MatrixNormalDistribution","MatrixPlot","MatrixPower","MatrixPropertyDistribution","MatrixQ","MatrixRank","MatrixTDistribution","Max","MaxBend","MaxCellMeasure","MaxColorDistance","MaxDate","MaxDetect","MaxDuration","MaxExtraBandwidths","MaxExtraConditions","MaxFeatureDisplacement","MaxFeatures","MaxFilter","MaximalBy","Maximize","MaxItems","MaxIterations","MaxLimit","MaxMemoryUsed","MaxMixtureKernels","MaxOverlapFraction","MaxPlotPoints","MaxPoints","MaxRecursion","MaxStableDistribution","MaxStepFraction","MaxSteps","MaxStepSize","MaxTrainingRounds","MaxValue","MaxwellDistribution","MaxWordGap","McLaughlinGroupMcL","Mean","MeanAbsoluteLossLayer","MeanAround","MeanClusteringCoefficient","MeanDegreeConnectivity","MeanDeviation","MeanFilter","MeanGraphDistance","MeanNeighborDegree","MeanShift","MeanShiftFilter","MeanSquaredLossLayer","Median","MedianDeviation","MedianFilter","MedicalTestData","Medium","MeijerG","MeijerGReduce","MeixnerDistribution","MellinConvolve","MellinTransform","MemberQ","MemoryAvailable","MemoryConstrained","MemoryConstraint","MemoryInUse","MengerMesh","Menu","MenuAppearance","MenuCommandKey","MenuEvaluator","MenuItem","MenuList","MenuPacket","MenuSortingValue","MenuStyle","MenuView","Merge","MergeDifferences","MergingFunction","MersennePrimeExponent","MersennePrimeExponentQ","Mesh","MeshCellCentroid","MeshCellCount","MeshCellHighlight","MeshCellIndex","MeshCellLabel","MeshCellMarker","MeshCellMeasure","MeshCellQuality","MeshCells","MeshCellShapeFunction","MeshCellStyle","MeshConnectivityGraph","MeshCoordinates","MeshFunctions","MeshPrimitives","MeshQualityGoal","MeshRange","MeshRefinementFunction","MeshRegion","MeshRegionQ","MeshShading","MeshStyle","Message","MessageDialog","MessageList","MessageName","MessageObject","MessageOptions","MessagePacket","Messages","MessagesNotebook","MetaCharacters","MetaInformation","MeteorShowerData","Method","MethodOptions","MexicanHatWavelet","MeyerWavelet","Midpoint","Min","MinColorDistance","MinDate","MinDetect","MineralData","MinFilter","MinimalBy","MinimalPolynomial","MinimalStateSpaceModel","Minimize","MinimumTimeIncrement","MinIntervalSize","MinkowskiQuestionMark","MinLimit","MinMax","MinorPlanetData","Minors","MinRecursion","MinSize","MinStableDistribution","Minus","MinusPlus","MinValue","Missing","MissingBehavior","MissingDataMethod","MissingDataRules","MissingQ","MissingString","MissingStyle","MissingValuePattern","MittagLefflerE","MixedFractionParts","MixedGraphQ","MixedMagnitude","MixedRadix","MixedRadixQuantity","MixedUnit","MixtureDistribution","Mod","Modal","Mode","Modular","ModularInverse","ModularLambda","Module","Modulus","MoebiusMu","Molecule","MoleculeContainsQ","MoleculeEquivalentQ","MoleculeGraph","MoleculeModify","MoleculePattern","MoleculePlot","MoleculePlot3D","MoleculeProperty","MoleculeQ","MoleculeRecognize","MoleculeValue","Moment","Momentary","MomentConvert","MomentEvaluate","MomentGeneratingFunction","MomentOfInertia","Monday","Monitor","MonomialList","MonomialOrder","MonsterGroupM","MoonPhase","MoonPosition","MorletWavelet","MorphologicalBinarize","MorphologicalBranchPoints","MorphologicalComponents","MorphologicalEulerNumber","MorphologicalGraph","MorphologicalPerimeter","MorphologicalTransform","MortalityData","Most","MountainData","MouseAnnotation","MouseAppearance","MouseAppearanceTag","MouseButtons","Mouseover","MousePointerNote","MousePosition","MovieData","MovingAverage","MovingMap","MovingMedian","MoyalDistribution","Multicolumn","MultiedgeStyle","MultigraphQ","MultilaunchWarning","MultiLetterItalics","MultiLetterStyle","MultilineFunction","Multinomial","MultinomialDistribution","MultinormalDistribution","MultiplicativeOrder","Multiplicity","MultiplySides","Multiselection","MultivariateHypergeometricDistribution","MultivariatePoissonDistribution","MultivariateTDistribution","N","NakagamiDistribution","NameQ","Names","NamespaceBox","NamespaceBoxOptions","Nand","NArgMax","NArgMin","NBernoulliB","NBodySimulation","NBodySimulationData","NCache","NDEigensystem","NDEigenvalues","NDSolve","NDSolveValue","Nearest","NearestFunction","NearestMeshCells","NearestNeighborGraph","NearestTo","NebulaData","NeedCurrentFrontEndPackagePacket","NeedCurrentFrontEndSymbolsPacket","NeedlemanWunschSimilarity","Needs","Negative","NegativeBinomialDistribution","NegativeDefiniteMatrixQ","NegativeIntegers","NegativeMultinomialDistribution","NegativeRationals","NegativeReals","NegativeSemidefiniteMatrixQ","NeighborhoodData","NeighborhoodGraph","Nest","NestedGreaterGreater","NestedLessLess","NestedScriptRules","NestGraph","NestList","NestWhile","NestWhileList","NetAppend","NetBidirectionalOperator","NetChain","NetDecoder","NetDelete","NetDrop","NetEncoder","NetEvaluationMode","NetExtract","NetFlatten","NetFoldOperator","NetGANOperator","NetGraph","NetInformation","NetInitialize","NetInsert","NetInsertSharedArrays","NetJoin","NetMapOperator","NetMapThreadOperator","NetMeasurements","NetModel","NetNestOperator","NetPairEmbeddingOperator","NetPort","NetPortGradient","NetPrepend","NetRename","NetReplace","NetReplacePart","NetSharedArray","NetStateObject","NetTake","NetTrain","NetTrainResultsObject","NetworkPacketCapture","NetworkPacketRecording","NetworkPacketRecordingDuring","NetworkPacketTrace","NeumannValue","NevilleThetaC","NevilleThetaD","NevilleThetaN","NevilleThetaS","NewPrimitiveStyle","NExpectation","Next","NextCell","NextDate","NextPrime","NextScheduledTaskTime","NHoldAll","NHoldFirst","NHoldRest","NicholsGridLines","NicholsPlot","NightHemisphere","NIntegrate","NMaximize","NMaxValue","NMinimize","NMinValue","NominalVariables","NonAssociative","NoncentralBetaDistribution","NoncentralChiSquareDistribution","NoncentralFRatioDistribution","NoncentralStudentTDistribution","NonCommutativeMultiply","NonConstants","NondimensionalizationTransform","None","NoneTrue","NonlinearModelFit","NonlinearStateSpaceModel","NonlocalMeansFilter","NonNegative","NonNegativeIntegers","NonNegativeRationals","NonNegativeReals","NonPositive","NonPositiveIntegers","NonPositiveRationals","NonPositiveReals","Nor","NorlundB","Norm","Normal","NormalDistribution","NormalGrouping","NormalizationLayer","Normalize","Normalized","NormalizedSquaredEuclideanDistance","NormalMatrixQ","NormalsFunction","NormFunction","Not","NotCongruent","NotCupCap","NotDoubleVerticalBar","Notebook","NotebookApply","NotebookAutoSave","NotebookClose","NotebookConvertSettings","NotebookCreate","NotebookCreateReturnObject","NotebookDefault","NotebookDelete","NotebookDirectory","NotebookDynamicExpression","NotebookEvaluate","NotebookEventActions","NotebookFileName","NotebookFind","NotebookFindReturnObject","NotebookGet","NotebookGetLayoutInformationPacket","NotebookGetMisspellingsPacket","NotebookImport","NotebookInformation","NotebookInterfaceObject","NotebookLocate","NotebookObject","NotebookOpen","NotebookOpenReturnObject","NotebookPath","NotebookPrint","NotebookPut","NotebookPutReturnObject","NotebookRead","NotebookResetGeneratedCells","Notebooks","NotebookSave","NotebookSaveAs","NotebookSelection","NotebookSetupLayoutInformationPacket","NotebooksMenu","NotebookTemplate","NotebookWrite","NotElement","NotEqualTilde","NotExists","NotGreater","NotGreaterEqual","NotGreaterFullEqual","NotGreaterGreater","NotGreaterLess","NotGreaterSlantEqual","NotGreaterTilde","Nothing","NotHumpDownHump","NotHumpEqual","NotificationFunction","NotLeftTriangle","NotLeftTriangleBar","NotLeftTriangleEqual","NotLess","NotLessEqual","NotLessFullEqual","NotLessGreater","NotLessLess","NotLessSlantEqual","NotLessTilde","NotNestedGreaterGreater","NotNestedLessLess","NotPrecedes","NotPrecedesEqual","NotPrecedesSlantEqual","NotPrecedesTilde","NotReverseElement","NotRightTriangle","NotRightTriangleBar","NotRightTriangleEqual","NotSquareSubset","NotSquareSubsetEqual","NotSquareSuperset","NotSquareSupersetEqual","NotSubset","NotSubsetEqual","NotSucceeds","NotSucceedsEqual","NotSucceedsSlantEqual","NotSucceedsTilde","NotSuperset","NotSupersetEqual","NotTilde","NotTildeEqual","NotTildeFullEqual","NotTildeTilde","NotVerticalBar","Now","NoWhitespace","NProbability","NProduct","NProductFactors","NRoots","NSolve","NSum","NSumTerms","NuclearExplosionData","NuclearReactorData","Null","NullRecords","NullSpace","NullWords","Number","NumberCompose","NumberDecompose","NumberExpand","NumberFieldClassNumber","NumberFieldDiscriminant","NumberFieldFundamentalUnits","NumberFieldIntegralBasis","NumberFieldNormRepresentatives","NumberFieldRegulator","NumberFieldRootsOfUnity","NumberFieldSignature","NumberForm","NumberFormat","NumberLinePlot","NumberMarks","NumberMultiplier","NumberPadding","NumberPoint","NumberQ","NumberSeparator","NumberSigns","NumberString","Numerator","NumeratorDenominator","NumericalOrder","NumericalSort","NumericArray","NumericArrayQ","NumericArrayType","NumericFunction","NumericQ","NuttallWindow","NValues","NyquistGridLines","NyquistPlot","O","ObservabilityGramian","ObservabilityMatrix","ObservableDecomposition","ObservableModelQ","OceanData","Octahedron","OddQ","Off","Offset","OLEData","On","ONanGroupON","Once","OneIdentity","Opacity","OpacityFunction","OpacityFunctionScaling","Open","OpenAppend","Opener","OpenerBox","OpenerBoxOptions","OpenerView","OpenFunctionInspectorPacket","Opening","OpenRead","OpenSpecialOptions","OpenTemporary","OpenWrite","Operate","OperatingSystem","OperatorApplied","OptimumFlowData","Optional","OptionalElement","OptionInspectorSettings","OptionQ","Options","OptionsPacket","OptionsPattern","OptionValue","OptionValueBox","OptionValueBoxOptions","Or","Orange","Order","OrderDistribution","OrderedQ","Ordering","OrderingBy","OrderingLayer","Orderless","OrderlessPatternSequence","OrnsteinUhlenbeckProcess","Orthogonalize","OrthogonalMatrixQ","Out","Outer","OuterPolygon","OuterPolyhedron","OutputAutoOverwrite","OutputControllabilityMatrix","OutputControllableModelQ","OutputForm","OutputFormData","OutputGrouping","OutputMathEditExpression","OutputNamePacket","OutputResponse","OutputSizeLimit","OutputStream","Over","OverBar","OverDot","Overflow","OverHat","Overlaps","Overlay","OverlayBox","OverlayBoxOptions","Overscript","OverscriptBox","OverscriptBoxOptions","OverTilde","OverVector","OverwriteTarget","OwenT","OwnValues","Package","PackingMethod","PackPaclet","PacletDataRebuild","PacletDirectoryAdd","PacletDirectoryLoad","PacletDirectoryRemove","PacletDirectoryUnload","PacletDisable","PacletEnable","PacletFind","PacletFindRemote","PacletInformation","PacletInstall","PacletInstallSubmit","PacletNewerQ","PacletObject","PacletObjectQ","PacletSite","PacletSiteObject","PacletSiteRegister","PacletSites","PacletSiteUnregister","PacletSiteUpdate","PacletUninstall","PacletUpdate","PaddedForm","Padding","PaddingLayer","PaddingSize","PadeApproximant","PadLeft","PadRight","PageBreakAbove","PageBreakBelow","PageBreakWithin","PageFooterLines","PageFooters","PageHeaderLines","PageHeaders","PageHeight","PageRankCentrality","PageTheme","PageWidth","Pagination","PairedBarChart","PairedHistogram","PairedSmoothHistogram","PairedTTest","PairedZTest","PaletteNotebook","PalettePath","PalindromeQ","Pane","PaneBox","PaneBoxOptions","Panel","PanelBox","PanelBoxOptions","Paneled","PaneSelector","PaneSelectorBox","PaneSelectorBoxOptions","PaperWidth","ParabolicCylinderD","ParagraphIndent","ParagraphSpacing","ParallelArray","ParallelCombine","ParallelDo","Parallelepiped","ParallelEvaluate","Parallelization","Parallelize","ParallelMap","ParallelNeeds","Parallelogram","ParallelProduct","ParallelSubmit","ParallelSum","ParallelTable","ParallelTry","Parameter","ParameterEstimator","ParameterMixtureDistribution","ParameterVariables","ParametricFunction","ParametricNDSolve","ParametricNDSolveValue","ParametricPlot","ParametricPlot3D","ParametricRampLayer","ParametricRegion","ParentBox","ParentCell","ParentConnect","ParentDirectory","ParentForm","Parenthesize","ParentList","ParentNotebook","ParetoDistribution","ParetoPickandsDistribution","ParkData","Part","PartBehavior","PartialCorrelationFunction","PartialD","ParticleAcceleratorData","ParticleData","Partition","PartitionGranularity","PartitionsP","PartitionsQ","PartLayer","PartOfSpeech","PartProtection","ParzenWindow","PascalDistribution","PassEventsDown","PassEventsUp","Paste","PasteAutoQuoteCharacters","PasteBoxFormInlineCells","PasteButton","Path","PathGraph","PathGraphQ","Pattern","PatternFilling","PatternSequence","PatternTest","PauliMatrix","PaulWavelet","Pause","PausedTime","PDF","PeakDetect","PeanoCurve","PearsonChiSquareTest","PearsonCorrelationTest","PearsonDistribution","PercentForm","PerfectNumber","PerfectNumberQ","PerformanceGoal","Perimeter","PeriodicBoundaryCondition","PeriodicInterpolation","Periodogram","PeriodogramArray","Permanent","Permissions","PermissionsGroup","PermissionsGroupMemberQ","PermissionsGroups","PermissionsKey","PermissionsKeys","PermutationCycles","PermutationCyclesQ","PermutationGroup","PermutationLength","PermutationList","PermutationListQ","PermutationMax","PermutationMin","PermutationOrder","PermutationPower","PermutationProduct","PermutationReplace","Permutations","PermutationSupport","Permute","PeronaMalikFilter","Perpendicular","PerpendicularBisector","PersistenceLocation","PersistenceTime","PersistentObject","PersistentObjects","PersistentValue","PersonData","PERTDistribution","PetersenGraph","PhaseMargins","PhaseRange","PhysicalSystemData","Pi","Pick","PIDData","PIDDerivativeFilter","PIDFeedforward","PIDTune","Piecewise","PiecewiseExpand","PieChart","PieChart3D","PillaiTrace","PillaiTraceTest","PingTime","Pink","PitchRecognize","Pivoting","PixelConstrained","PixelValue","PixelValuePositions","Placed","Placeholder","PlaceholderReplace","Plain","PlanarAngle","PlanarGraph","PlanarGraphQ","PlanckRadiationLaw","PlaneCurveData","PlanetaryMoonData","PlanetData","PlantData","Play","PlayRange","Plot","Plot3D","Plot3Matrix","PlotDivision","PlotJoined","PlotLabel","PlotLabels","PlotLayout","PlotLegends","PlotMarkers","PlotPoints","PlotRange","PlotRangeClipping","PlotRangeClipPlanesStyle","PlotRangePadding","PlotRegion","PlotStyle","PlotTheme","Pluralize","Plus","PlusMinus","Pochhammer","PodStates","PodWidth","Point","Point3DBox","Point3DBoxOptions","PointBox","PointBoxOptions","PointFigureChart","PointLegend","PointSize","PoissonConsulDistribution","PoissonDistribution","PoissonProcess","PoissonWindow","PolarAxes","PolarAxesOrigin","PolarGridLines","PolarPlot","PolarTicks","PoleZeroMarkers","PolyaAeppliDistribution","PolyGamma","Polygon","Polygon3DBox","Polygon3DBoxOptions","PolygonalNumber","PolygonAngle","PolygonBox","PolygonBoxOptions","PolygonCoordinates","PolygonDecomposition","PolygonHoleScale","PolygonIntersections","PolygonScale","Polyhedron","PolyhedronAngle","PolyhedronCoordinates","PolyhedronData","PolyhedronDecomposition","PolyhedronGenus","PolyLog","PolynomialExtendedGCD","PolynomialForm","PolynomialGCD","PolynomialLCM","PolynomialMod","PolynomialQ","PolynomialQuotient","PolynomialQuotientRemainder","PolynomialReduce","PolynomialRemainder","Polynomials","PoolingLayer","PopupMenu","PopupMenuBox","PopupMenuBoxOptions","PopupView","PopupWindow","Position","PositionIndex","Positive","PositiveDefiniteMatrixQ","PositiveIntegers","PositiveRationals","PositiveReals","PositiveSemidefiniteMatrixQ","PossibleZeroQ","Postfix","PostScript","Power","PowerDistribution","PowerExpand","PowerMod","PowerModList","PowerRange","PowerSpectralDensity","PowersRepresentations","PowerSymmetricPolynomial","Precedence","PrecedenceForm","Precedes","PrecedesEqual","PrecedesSlantEqual","PrecedesTilde","Precision","PrecisionGoal","PreDecrement","Predict","PredictionRoot","PredictorFunction","PredictorInformation","PredictorMeasurements","PredictorMeasurementsObject","PreemptProtect","PreferencesPath","Prefix","PreIncrement","Prepend","PrependLayer","PrependTo","PreprocessingRules","PreserveColor","PreserveImageOptions","Previous","PreviousCell","PreviousDate","PriceGraphDistribution","PrimaryPlaceholder","Prime","PrimeNu","PrimeOmega","PrimePi","PrimePowerQ","PrimeQ","Primes","PrimeZetaP","PrimitivePolynomialQ","PrimitiveRoot","PrimitiveRootList","PrincipalComponents","PrincipalValue","Print","PrintableASCIIQ","PrintAction","PrintForm","PrintingCopies","PrintingOptions","PrintingPageRange","PrintingStartingPageNumber","PrintingStyleEnvironment","Printout3D","Printout3DPreviewer","PrintPrecision","PrintTemporary","Prism","PrismBox","PrismBoxOptions","PrivateCellOptions","PrivateEvaluationOptions","PrivateFontOptions","PrivateFrontEndOptions","PrivateKey","PrivateNotebookOptions","PrivatePaths","Probability","ProbabilityDistribution","ProbabilityPlot","ProbabilityPr","ProbabilityScalePlot","ProbitModelFit","ProcessConnection","ProcessDirectory","ProcessEnvironment","Processes","ProcessEstimator","ProcessInformation","ProcessObject","ProcessParameterAssumptions","ProcessParameterQ","ProcessStateDomain","ProcessStatus","ProcessTimeDomain","Product","ProductDistribution","ProductLog","ProgressIndicator","ProgressIndicatorBox","ProgressIndicatorBoxOptions","Projection","Prolog","PromptForm","ProofObject","Properties","Property","PropertyList","PropertyValue","Proportion","Proportional","Protect","Protected","ProteinData","Pruning","PseudoInverse","PsychrometricPropertyData","PublicKey","PublisherID","PulsarData","PunctuationCharacter","Purple","Put","PutAppend","Pyramid","PyramidBox","PyramidBoxOptions","QBinomial","QFactorial","QGamma","QHypergeometricPFQ","QnDispersion","QPochhammer","QPolyGamma","QRDecomposition","QuadraticIrrationalQ","QuadraticOptimization","Quantile","QuantilePlot","Quantity","QuantityArray","QuantityDistribution","QuantityForm","QuantityMagnitude","QuantityQ","QuantityUnit","QuantityVariable","QuantityVariableCanonicalUnit","QuantityVariableDimensions","QuantityVariableIdentifier","QuantityVariablePhysicalQuantity","Quartics","QuartileDeviation","Quartiles","QuartileSkewness","Query","QueueingNetworkProcess","QueueingProcess","QueueProperties","Quiet","Quit","Quotient","QuotientRemainder","RadialGradientImage","RadialityCentrality","RadicalBox","RadicalBoxOptions","RadioButton","RadioButtonBar","RadioButtonBox","RadioButtonBoxOptions","Radon","RadonTransform","RamanujanTau","RamanujanTauL","RamanujanTauTheta","RamanujanTauZ","Ramp","Random","RandomChoice","RandomColor","RandomComplex","RandomEntity","RandomFunction","RandomGeoPosition","RandomGraph","RandomImage","RandomInstance","RandomInteger","RandomPermutation","RandomPoint","RandomPolygon","RandomPolyhedron","RandomPrime","RandomReal","RandomSample","RandomSeed","RandomSeeding","RandomVariate","RandomWalkProcess","RandomWord","Range","RangeFilter","RangeSpecification","RankedMax","RankedMin","RarerProbability","Raster","Raster3D","Raster3DBox","Raster3DBoxOptions","RasterArray","RasterBox","RasterBoxOptions","Rasterize","RasterSize","Rational","RationalFunctions","Rationalize","Rationals","Ratios","RawArray","RawBoxes","RawData","RawMedium","RayleighDistribution","Re","Read","ReadByteArray","ReadLine","ReadList","ReadProtected","ReadString","Real","RealAbs","RealBlockDiagonalForm","RealDigits","RealExponent","Reals","RealSign","Reap","RebuildPacletData","RecognitionPrior","RecognitionThreshold","Record","RecordLists","RecordSeparators","Rectangle","RectangleBox","RectangleBoxOptions","RectangleChart","RectangleChart3D","RectangularRepeatingElement","RecurrenceFilter","RecurrenceTable","RecurringDigitsForm","Red","Reduce","RefBox","ReferenceLineStyle","ReferenceMarkers","ReferenceMarkerStyle","Refine","ReflectionMatrix","ReflectionTransform","Refresh","RefreshRate","Region","RegionBinarize","RegionBoundary","RegionBoundaryStyle","RegionBounds","RegionCentroid","RegionDifference","RegionDimension","RegionDisjoint","RegionDistance","RegionDistanceFunction","RegionEmbeddingDimension","RegionEqual","RegionFillingStyle","RegionFunction","RegionImage","RegionIntersection","RegionMeasure","RegionMember","RegionMemberFunction","RegionMoment","RegionNearest","RegionNearestFunction","RegionPlot","RegionPlot3D","RegionProduct","RegionQ","RegionResize","RegionSize","RegionSymmetricDifference","RegionUnion","RegionWithin","RegisterExternalEvaluator","RegularExpression","Regularization","RegularlySampledQ","RegularPolygon","ReIm","ReImLabels","ReImPlot","ReImStyle","Reinstall","RelationalDatabase","RelationGraph","Release","ReleaseHold","ReliabilityDistribution","ReliefImage","ReliefPlot","RemoteAuthorizationCaching","RemoteConnect","RemoteConnectionObject","RemoteFile","RemoteRun","RemoteRunProcess","Remove","RemoveAlphaChannel","RemoveAsynchronousTask","RemoveAudioStream","RemoveBackground","RemoveChannelListener","RemoveChannelSubscribers","Removed","RemoveDiacritics","RemoveInputStreamMethod","RemoveOutputStreamMethod","RemoveProperty","RemoveScheduledTask","RemoveUsers","RemoveVideoStream","RenameDirectory","RenameFile","RenderAll","RenderingOptions","RenewalProcess","RenkoChart","RepairMesh","Repeated","RepeatedNull","RepeatedString","RepeatedTiming","RepeatingElement","Replace","ReplaceAll","ReplaceHeldPart","ReplaceImageValue","ReplaceList","ReplacePart","ReplacePixelValue","ReplaceRepeated","ReplicateLayer","RequiredPhysicalQuantities","Resampling","ResamplingAlgorithmData","ResamplingMethod","Rescale","RescalingTransform","ResetDirectory","ResetMenusPacket","ResetScheduledTask","ReshapeLayer","Residue","ResizeLayer","Resolve","ResourceAcquire","ResourceData","ResourceFunction","ResourceObject","ResourceRegister","ResourceRemove","ResourceSearch","ResourceSubmissionObject","ResourceSubmit","ResourceSystemBase","ResourceSystemPath","ResourceUpdate","ResourceVersion","ResponseForm","Rest","RestartInterval","Restricted","Resultant","ResumePacket","Return","ReturnEntersInput","ReturnExpressionPacket","ReturnInputFormPacket","ReturnPacket","ReturnReceiptFunction","ReturnTextPacket","Reverse","ReverseApplied","ReverseBiorthogonalSplineWavelet","ReverseElement","ReverseEquilibrium","ReverseGraph","ReverseSort","ReverseSortBy","ReverseUpEquilibrium","RevolutionAxis","RevolutionPlot3D","RGBColor","RiccatiSolve","RiceDistribution","RidgeFilter","RiemannR","RiemannSiegelTheta","RiemannSiegelZ","RiemannXi","Riffle","Right","RightArrow","RightArrowBar","RightArrowLeftArrow","RightComposition","RightCosetRepresentative","RightDownTeeVector","RightDownVector","RightDownVectorBar","RightTee","RightTeeArrow","RightTeeVector","RightTriangle","RightTriangleBar","RightTriangleEqual","RightUpDownVector","RightUpTeeVector","RightUpVector","RightUpVectorBar","RightVector","RightVectorBar","RiskAchievementImportance","RiskReductionImportance","RogersTanimotoDissimilarity","RollPitchYawAngles","RollPitchYawMatrix","RomanNumeral","Root","RootApproximant","RootIntervals","RootLocusPlot","RootMeanSquare","RootOfUnityQ","RootReduce","Roots","RootSum","Rotate","RotateLabel","RotateLeft","RotateRight","RotationAction","RotationBox","RotationBoxOptions","RotationMatrix","RotationTransform","Round","RoundImplies","RoundingRadius","Row","RowAlignments","RowBackgrounds","RowBox","RowHeights","RowLines","RowMinHeight","RowReduce","RowsEqual","RowSpacings","RSolve","RSolveValue","RudinShapiro","RudvalisGroupRu","Rule","RuleCondition","RuleDelayed","RuleForm","RulePlot","RulerUnits","Run","RunProcess","RunScheduledTask","RunThrough","RuntimeAttributes","RuntimeOptions","RussellRaoDissimilarity","SameQ","SameTest","SameTestProperties","SampledEntityClass","SampleDepth","SampledSoundFunction","SampledSoundList","SampleRate","SamplingPeriod","SARIMAProcess","SARMAProcess","SASTriangle","SatelliteData","SatisfiabilityCount","SatisfiabilityInstances","SatisfiableQ","Saturday","Save","Saveable","SaveAutoDelete","SaveConnection","SaveDefinitions","SavitzkyGolayMatrix","SawtoothWave","Scale","Scaled","ScaleDivisions","ScaledMousePosition","ScaleOrigin","ScalePadding","ScaleRanges","ScaleRangeStyle","ScalingFunctions","ScalingMatrix","ScalingTransform","Scan","ScheduledTask","ScheduledTaskActiveQ","ScheduledTaskInformation","ScheduledTaskInformationData","ScheduledTaskObject","ScheduledTasks","SchurDecomposition","ScientificForm","ScientificNotationThreshold","ScorerGi","ScorerGiPrime","ScorerHi","ScorerHiPrime","ScreenRectangle","ScreenStyleEnvironment","ScriptBaselineShifts","ScriptForm","ScriptLevel","ScriptMinSize","ScriptRules","ScriptSizeMultipliers","Scrollbars","ScrollingOptions","ScrollPosition","SearchAdjustment","SearchIndexObject","SearchIndices","SearchQueryString","SearchResultObject","Sec","Sech","SechDistribution","SecondOrderConeOptimization","SectionGrouping","SectorChart","SectorChart3D","SectorOrigin","SectorSpacing","SecuredAuthenticationKey","SecuredAuthenticationKeys","SeedRandom","Select","Selectable","SelectComponents","SelectedCells","SelectedNotebook","SelectFirst","Selection","SelectionAnimate","SelectionCell","SelectionCellCreateCell","SelectionCellDefaultStyle","SelectionCellParentStyle","SelectionCreateCell","SelectionDebuggerTag","SelectionDuplicateCell","SelectionEvaluate","SelectionEvaluateCreateCell","SelectionMove","SelectionPlaceholder","SelectionSetStyle","SelectWithContents","SelfLoops","SelfLoopStyle","SemanticImport","SemanticImportString","SemanticInterpretation","SemialgebraicComponentInstances","SemidefiniteOptimization","SendMail","SendMessage","Sequence","SequenceAlignment","SequenceAttentionLayer","SequenceCases","SequenceCount","SequenceFold","SequenceFoldList","SequenceForm","SequenceHold","SequenceLastLayer","SequenceMostLayer","SequencePosition","SequencePredict","SequencePredictorFunction","SequenceReplace","SequenceRestLayer","SequenceReverseLayer","SequenceSplit","Series","SeriesCoefficient","SeriesData","SeriesTermGoal","ServiceConnect","ServiceDisconnect","ServiceExecute","ServiceObject","ServiceRequest","ServiceResponse","ServiceSubmit","SessionSubmit","SessionTime","Set","SetAccuracy","SetAlphaChannel","SetAttributes","Setbacks","SetBoxFormNamesPacket","SetCloudDirectory","SetCookies","SetDelayed","SetDirectory","SetEnvironment","SetEvaluationNotebook","SetFileDate","SetFileLoadingContext","SetNotebookStatusLine","SetOptions","SetOptionsPacket","SetPermissions","SetPrecision","SetProperty","SetSecuredAuthenticationKey","SetSelectedNotebook","SetSharedFunction","SetSharedVariable","SetSpeechParametersPacket","SetStreamPosition","SetSystemModel","SetSystemOptions","Setter","SetterBar","SetterBox","SetterBoxOptions","Setting","SetUsers","SetValue","Shading","Shallow","ShannonWavelet","ShapiroWilkTest","Share","SharingList","Sharpen","ShearingMatrix","ShearingTransform","ShellRegion","ShenCastanMatrix","ShiftedGompertzDistribution","ShiftRegisterSequence","Short","ShortDownArrow","Shortest","ShortestMatch","ShortestPathFunction","ShortLeftArrow","ShortRightArrow","ShortTimeFourier","ShortTimeFourierData","ShortUpArrow","Show","ShowAutoConvert","ShowAutoSpellCheck","ShowAutoStyles","ShowCellBracket","ShowCellLabel","ShowCellTags","ShowClosedCellArea","ShowCodeAssist","ShowContents","ShowControls","ShowCursorTracker","ShowGroupOpenCloseIcon","ShowGroupOpener","ShowInvisibleCharacters","ShowPageBreaks","ShowPredictiveInterface","ShowSelection","ShowShortBoxForm","ShowSpecialCharacters","ShowStringCharacters","ShowSyntaxStyles","ShrinkingDelay","ShrinkWrapBoundingBox","SiderealTime","SiegelTheta","SiegelTukeyTest","SierpinskiCurve","SierpinskiMesh","Sign","Signature","SignedRankTest","SignedRegionDistance","SignificanceLevel","SignPadding","SignTest","SimilarityRules","SimpleGraph","SimpleGraphQ","SimplePolygonQ","SimplePolyhedronQ","Simplex","Simplify","Sin","Sinc","SinghMaddalaDistribution","SingleEvaluation","SingleLetterItalics","SingleLetterStyle","SingularValueDecomposition","SingularValueList","SingularValuePlot","SingularValues","Sinh","SinhIntegral","SinIntegral","SixJSymbol","Skeleton","SkeletonTransform","SkellamDistribution","Skewness","SkewNormalDistribution","SkinStyle","Skip","SliceContourPlot3D","SliceDensityPlot3D","SliceDistribution","SliceVectorPlot3D","Slider","Slider2D","Slider2DBox","Slider2DBoxOptions","SliderBox","SliderBoxOptions","SlideView","Slot","SlotSequence","Small","SmallCircle","Smaller","SmithDecomposition","SmithDelayCompensator","SmithWatermanSimilarity","SmoothDensityHistogram","SmoothHistogram","SmoothHistogram3D","SmoothKernelDistribution","SnDispersion","Snippet","SnubPolyhedron","SocialMediaData","Socket","SocketConnect","SocketListen","SocketListener","SocketObject","SocketOpen","SocketReadMessage","SocketReadyQ","Sockets","SocketWaitAll","SocketWaitNext","SoftmaxLayer","SokalSneathDissimilarity","SolarEclipse","SolarSystemFeatureData","SolidAngle","SolidData","SolidRegionQ","Solve","SolveAlways","SolveDelayed","Sort","SortBy","SortedBy","SortedEntityClass","Sound","SoundAndGraphics","SoundNote","SoundVolume","SourceLink","Sow","Space","SpaceCurveData","SpaceForm","Spacer","Spacings","Span","SpanAdjustments","SpanCharacterRounding","SpanFromAbove","SpanFromBoth","SpanFromLeft","SpanLineThickness","SpanMaxSize","SpanMinSize","SpanningCharacters","SpanSymmetric","SparseArray","SpatialGraphDistribution","SpatialMedian","SpatialTransformationLayer","Speak","SpeakerMatchQ","SpeakTextPacket","SpearmanRankTest","SpearmanRho","SpeciesData","SpecificityGoal","SpectralLineData","Spectrogram","SpectrogramArray","Specularity","SpeechCases","SpeechInterpreter","SpeechRecognize","SpeechSynthesize","SpellingCorrection","SpellingCorrectionList","SpellingDictionaries","SpellingDictionariesPath","SpellingOptions","SpellingSuggestionsPacket","Sphere","SphereBox","SpherePoints","SphericalBesselJ","SphericalBesselY","SphericalHankelH1","SphericalHankelH2","SphericalHarmonicY","SphericalPlot3D","SphericalRegion","SphericalShell","SpheroidalEigenvalue","SpheroidalJoiningFactor","SpheroidalPS","SpheroidalPSPrime","SpheroidalQS","SpheroidalQSPrime","SpheroidalRadialFactor","SpheroidalS1","SpheroidalS1Prime","SpheroidalS2","SpheroidalS2Prime","Splice","SplicedDistribution","SplineClosed","SplineDegree","SplineKnots","SplineWeights","Split","SplitBy","SpokenString","Sqrt","SqrtBox","SqrtBoxOptions","Square","SquaredEuclideanDistance","SquareFreeQ","SquareIntersection","SquareMatrixQ","SquareRepeatingElement","SquaresR","SquareSubset","SquareSubsetEqual","SquareSuperset","SquareSupersetEqual","SquareUnion","SquareWave","SSSTriangle","StabilityMargins","StabilityMarginsStyle","StableDistribution","Stack","StackBegin","StackComplete","StackedDateListPlot","StackedListPlot","StackInhibit","StadiumShape","StandardAtmosphereData","StandardDeviation","StandardDeviationFilter","StandardForm","Standardize","Standardized","StandardOceanData","StandbyDistribution","Star","StarClusterData","StarData","StarGraph","StartAsynchronousTask","StartExternalSession","StartingStepSize","StartOfLine","StartOfString","StartProcess","StartScheduledTask","StartupSound","StartWebSession","StateDimensions","StateFeedbackGains","StateOutputEstimator","StateResponse","StateSpaceModel","StateSpaceRealization","StateSpaceTransform","StateTransformationLinearize","StationaryDistribution","StationaryWaveletPacketTransform","StationaryWaveletTransform","StatusArea","StatusCentrality","StepMonitor","StereochemistryElements","StieltjesGamma","StippleShading","StirlingS1","StirlingS2","StopAsynchronousTask","StoppingPowerData","StopScheduledTask","StrataVariables","StratonovichProcess","StreamColorFunction","StreamColorFunctionScaling","StreamDensityPlot","StreamMarkers","StreamPlot","StreamPoints","StreamPosition","Streams","StreamScale","StreamStyle","String","StringBreak","StringByteCount","StringCases","StringContainsQ","StringCount","StringDelete","StringDrop","StringEndsQ","StringExpression","StringExtract","StringForm","StringFormat","StringFreeQ","StringInsert","StringJoin","StringLength","StringMatchQ","StringPadLeft","StringPadRight","StringPart","StringPartition","StringPosition","StringQ","StringRepeat","StringReplace","StringReplaceList","StringReplacePart","StringReverse","StringRiffle","StringRotateLeft","StringRotateRight","StringSkeleton","StringSplit","StringStartsQ","StringTake","StringTemplate","StringToByteArray","StringToStream","StringTrim","StripBoxes","StripOnInput","StripWrapperBoxes","StrokeForm","StructuralImportance","StructuredArray","StructuredArrayHeadQ","StructuredSelection","StruveH","StruveL","Stub","StudentTDistribution","Style","StyleBox","StyleBoxAutoDelete","StyleData","StyleDefinitions","StyleForm","StyleHints","StyleKeyMapping","StyleMenuListing","StyleNameDialogSettings","StyleNames","StylePrint","StyleSheetPath","Subdivide","Subfactorial","Subgraph","SubMinus","SubPlus","SubresultantPolynomialRemainders","SubresultantPolynomials","Subresultants","Subscript","SubscriptBox","SubscriptBoxOptions","Subscripted","Subsequences","Subset","SubsetCases","SubsetCount","SubsetEqual","SubsetMap","SubsetPosition","SubsetQ","SubsetReplace","Subsets","SubStar","SubstitutionSystem","Subsuperscript","SubsuperscriptBox","SubsuperscriptBoxOptions","SubtitleEncoding","SubtitleTracks","Subtract","SubtractFrom","SubtractSides","SubValues","Succeeds","SucceedsEqual","SucceedsSlantEqual","SucceedsTilde","Success","SuchThat","Sum","SumConvergence","SummationLayer","Sunday","SunPosition","Sunrise","Sunset","SuperDagger","SuperMinus","SupernovaData","SuperPlus","Superscript","SuperscriptBox","SuperscriptBoxOptions","Superset","SupersetEqual","SuperStar","Surd","SurdForm","SurfaceAppearance","SurfaceArea","SurfaceColor","SurfaceData","SurfaceGraphics","SurvivalDistribution","SurvivalFunction","SurvivalModel","SurvivalModelFit","SuspendPacket","SuzukiDistribution","SuzukiGroupSuz","SwatchLegend","Switch","Symbol","SymbolName","SymletWavelet","Symmetric","SymmetricGroup","SymmetricKey","SymmetricMatrixQ","SymmetricPolynomial","SymmetricReduction","Symmetrize","SymmetrizedArray","SymmetrizedArrayRules","SymmetrizedDependentComponents","SymmetrizedIndependentComponents","SymmetrizedReplacePart","SynchronousInitialization","SynchronousUpdating","Synonyms","Syntax","SyntaxForm","SyntaxInformation","SyntaxLength","SyntaxPacket","SyntaxQ","SynthesizeMissingValues","SystemCredential","SystemCredentialData","SystemCredentialKey","SystemCredentialKeys","SystemCredentialStoreObject","SystemDialogInput","SystemException","SystemGet","SystemHelpPath","SystemInformation","SystemInformationData","SystemInstall","SystemModel","SystemModeler","SystemModelExamples","SystemModelLinearize","SystemModelParametricSimulate","SystemModelPlot","SystemModelProgressReporting","SystemModelReliability","SystemModels","SystemModelSimulate","SystemModelSimulateSensitivity","SystemModelSimulationData","SystemOpen","SystemOptions","SystemProcessData","SystemProcesses","SystemsConnectionsModel","SystemsModelDelay","SystemsModelDelayApproximate","SystemsModelDelete","SystemsModelDimensions","SystemsModelExtract","SystemsModelFeedbackConnect","SystemsModelLabels","SystemsModelLinearity","SystemsModelMerge","SystemsModelOrder","SystemsModelParallelConnect","SystemsModelSeriesConnect","SystemsModelStateFeedbackConnect","SystemsModelVectorRelativeOrders","SystemStub","SystemTest","Tab","TabFilling","Table","TableAlignments","TableDepth","TableDirections","TableForm","TableHeadings","TableSpacing","TableView","TableViewBox","TableViewBoxBackground","TableViewBoxItemSize","TableViewBoxOptions","TabSpacings","TabView","TabViewBox","TabViewBoxOptions","TagBox","TagBoxNote","TagBoxOptions","TaggingRules","TagSet","TagSetDelayed","TagStyle","TagUnset","Take","TakeDrop","TakeLargest","TakeLargestBy","TakeList","TakeSmallest","TakeSmallestBy","TakeWhile","Tally","Tan","Tanh","TargetDevice","TargetFunctions","TargetSystem","TargetUnits","TaskAbort","TaskExecute","TaskObject","TaskRemove","TaskResume","Tasks","TaskSuspend","TaskWait","TautologyQ","TelegraphProcess","TemplateApply","TemplateArgBox","TemplateBox","TemplateBoxOptions","TemplateEvaluate","TemplateExpression","TemplateIf","TemplateObject","TemplateSequence","TemplateSlot","TemplateSlotSequence","TemplateUnevaluated","TemplateVerbatim","TemplateWith","TemporalData","TemporalRegularity","Temporary","TemporaryVariable","TensorContract","TensorDimensions","TensorExpand","TensorProduct","TensorQ","TensorRank","TensorReduce","TensorSymmetry","TensorTranspose","TensorWedge","TestID","TestReport","TestReportObject","TestResultObject","Tetrahedron","TetrahedronBox","TetrahedronBoxOptions","TeXForm","TeXSave","Text","Text3DBox","Text3DBoxOptions","TextAlignment","TextBand","TextBoundingBox","TextBox","TextCases","TextCell","TextClipboardType","TextContents","TextData","TextElement","TextForm","TextGrid","TextJustification","TextLine","TextPacket","TextParagraph","TextPosition","TextRecognize","TextSearch","TextSearchReport","TextSentences","TextString","TextStructure","TextStyle","TextTranslation","Texture","TextureCoordinateFunction","TextureCoordinateScaling","TextWords","Therefore","ThermodynamicData","ThermometerGauge","Thick","Thickness","Thin","Thinning","ThisLink","ThompsonGroupTh","Thread","ThreadingLayer","ThreeJSymbol","Threshold","Through","Throw","ThueMorse","Thumbnail","Thursday","Ticks","TicksStyle","TideData","Tilde","TildeEqual","TildeFullEqual","TildeTilde","TimeConstrained","TimeConstraint","TimeDirection","TimeFormat","TimeGoal","TimelinePlot","TimeObject","TimeObjectQ","TimeRemaining","Times","TimesBy","TimeSeries","TimeSeriesAggregate","TimeSeriesForecast","TimeSeriesInsert","TimeSeriesInvertibility","TimeSeriesMap","TimeSeriesMapThread","TimeSeriesModel","TimeSeriesModelFit","TimeSeriesResample","TimeSeriesRescale","TimeSeriesShift","TimeSeriesThread","TimeSeriesWindow","TimeUsed","TimeValue","TimeWarpingCorrespondence","TimeWarpingDistance","TimeZone","TimeZoneConvert","TimeZoneOffset","Timing","Tiny","TitleGrouping","TitsGroupT","ToBoxes","ToCharacterCode","ToColor","ToContinuousTimeModel","ToDate","Today","ToDiscreteTimeModel","ToEntity","ToeplitzMatrix","ToExpression","ToFileName","Together","Toggle","ToggleFalse","Toggler","TogglerBar","TogglerBox","TogglerBoxOptions","ToHeldExpression","ToInvertibleTimeSeries","TokenWords","Tolerance","ToLowerCase","Tomorrow","ToNumberField","TooBig","Tooltip","TooltipBox","TooltipBoxOptions","TooltipDelay","TooltipStyle","ToonShading","Top","TopHatTransform","ToPolarCoordinates","TopologicalSort","ToRadicals","ToRules","ToSphericalCoordinates","ToString","Total","TotalHeight","TotalLayer","TotalVariationFilter","TotalWidth","TouchPosition","TouchscreenAutoZoom","TouchscreenControlPlacement","ToUpperCase","Tr","Trace","TraceAbove","TraceAction","TraceBackward","TraceDepth","TraceDialog","TraceForward","TraceInternal","TraceLevel","TraceOff","TraceOn","TraceOriginal","TracePrint","TraceScan","TrackedSymbols","TrackingFunction","TracyWidomDistribution","TradingChart","TraditionalForm","TraditionalFunctionNotation","TraditionalNotation","TraditionalOrder","TrainingProgressCheckpointing","TrainingProgressFunction","TrainingProgressMeasurements","TrainingProgressReporting","TrainingStoppingCriterion","TrainingUpdateSchedule","TransferFunctionCancel","TransferFunctionExpand","TransferFunctionFactor","TransferFunctionModel","TransferFunctionPoles","TransferFunctionTransform","TransferFunctionZeros","TransformationClass","TransformationFunction","TransformationFunctions","TransformationMatrix","TransformedDistribution","TransformedField","TransformedProcess","TransformedRegion","TransitionDirection","TransitionDuration","TransitionEffect","TransitiveClosureGraph","TransitiveReductionGraph","Translate","TranslationOptions","TranslationTransform","Transliterate","Transparent","TransparentColor","Transpose","TransposeLayer","TrapSelection","TravelDirections","TravelDirectionsData","TravelDistance","TravelDistanceList","TravelMethod","TravelTime","TreeForm","TreeGraph","TreeGraphQ","TreePlot","TrendStyle","Triangle","TriangleCenter","TriangleConstruct","TriangleMeasurement","TriangleWave","TriangularDistribution","TriangulateMesh","Trig","TrigExpand","TrigFactor","TrigFactorList","Trigger","TrigReduce","TrigToExp","TrimmedMean","TrimmedVariance","TropicalStormData","True","TrueQ","TruncatedDistribution","TruncatedPolyhedron","TsallisQExponentialDistribution","TsallisQGaussianDistribution","TTest","Tube","TubeBezierCurveBox","TubeBezierCurveBoxOptions","TubeBox","TubeBoxOptions","TubeBSplineCurveBox","TubeBSplineCurveBoxOptions","Tuesday","TukeyLambdaDistribution","TukeyWindow","TunnelData","Tuples","TuranGraph","TuringMachine","TuttePolynomial","TwoWayRule","Typed","TypeSpecifier","UnateQ","Uncompress","UnconstrainedParameters","Undefined","UnderBar","Underflow","Underlined","Underoverscript","UnderoverscriptBox","UnderoverscriptBoxOptions","Underscript","UnderscriptBox","UnderscriptBoxOptions","UnderseaFeatureData","UndirectedEdge","UndirectedGraph","UndirectedGraphQ","UndoOptions","UndoTrackedVariables","Unequal","UnequalTo","Unevaluated","UniformDistribution","UniformGraphDistribution","UniformPolyhedron","UniformSumDistribution","Uninstall","Union","UnionedEntityClass","UnionPlus","Unique","UnitaryMatrixQ","UnitBox","UnitConvert","UnitDimensions","Unitize","UnitRootTest","UnitSimplify","UnitStep","UnitSystem","UnitTriangle","UnitVector","UnitVectorLayer","UnityDimensions","UniverseModelData","UniversityData","UnixTime","Unprotect","UnregisterExternalEvaluator","UnsameQ","UnsavedVariables","Unset","UnsetShared","UntrackedVariables","Up","UpArrow","UpArrowBar","UpArrowDownArrow","Update","UpdateDynamicObjects","UpdateDynamicObjectsSynchronous","UpdateInterval","UpdatePacletSites","UpdateSearchIndex","UpDownArrow","UpEquilibrium","UpperCaseQ","UpperLeftArrow","UpperRightArrow","UpperTriangularize","UpperTriangularMatrixQ","Upsample","UpSet","UpSetDelayed","UpTee","UpTeeArrow","UpTo","UpValues","URL","URLBuild","URLDecode","URLDispatcher","URLDownload","URLDownloadSubmit","URLEncode","URLExecute","URLExpand","URLFetch","URLFetchAsynchronous","URLParse","URLQueryDecode","URLQueryEncode","URLRead","URLResponseTime","URLSave","URLSaveAsynchronous","URLShorten","URLSubmit","UseGraphicsRange","UserDefinedWavelet","Using","UsingFrontEnd","UtilityFunction","V2Get","ValenceErrorHandling","ValidationLength","ValidationSet","Value","ValueBox","ValueBoxOptions","ValueDimensions","ValueForm","ValuePreprocessingFunction","ValueQ","Values","ValuesData","Variables","Variance","VarianceEquivalenceTest","VarianceEstimatorFunction","VarianceGammaDistribution","VarianceTest","VectorAngle","VectorAround","VectorAspectRatio","VectorColorFunction","VectorColorFunctionScaling","VectorDensityPlot","VectorGlyphData","VectorGreater","VectorGreaterEqual","VectorLess","VectorLessEqual","VectorMarkers","VectorPlot","VectorPlot3D","VectorPoints","VectorQ","VectorRange","Vectors","VectorScale","VectorScaling","VectorSizes","VectorStyle","Vee","Verbatim","Verbose","VerboseConvertToPostScriptPacket","VerificationTest","VerifyConvergence","VerifyDerivedKey","VerifyDigitalSignature","VerifyFileSignature","VerifyInterpretation","VerifySecurityCertificates","VerifySolutions","VerifyTestAssumptions","Version","VersionedPreferences","VersionNumber","VertexAdd","VertexCapacity","VertexColors","VertexComponent","VertexConnectivity","VertexContract","VertexCoordinateRules","VertexCoordinates","VertexCorrelationSimilarity","VertexCosineSimilarity","VertexCount","VertexCoverQ","VertexDataCoordinates","VertexDegree","VertexDelete","VertexDiceSimilarity","VertexEccentricity","VertexInComponent","VertexInDegree","VertexIndex","VertexJaccardSimilarity","VertexLabeling","VertexLabels","VertexLabelStyle","VertexList","VertexNormals","VertexOutComponent","VertexOutDegree","VertexQ","VertexRenderingFunction","VertexReplace","VertexShape","VertexShapeFunction","VertexSize","VertexStyle","VertexTextureCoordinates","VertexWeight","VertexWeightedGraphQ","Vertical","VerticalBar","VerticalForm","VerticalGauge","VerticalSeparator","VerticalSlider","VerticalTilde","Video","VideoEncoding","VideoExtractFrames","VideoFrameList","VideoFrameMap","VideoPause","VideoPlay","VideoQ","VideoStop","VideoStream","VideoStreams","VideoTimeSeries","VideoTracks","VideoTrim","ViewAngle","ViewCenter","ViewMatrix","ViewPoint","ViewPointSelectorSettings","ViewPort","ViewProjection","ViewRange","ViewVector","ViewVertical","VirtualGroupData","Visible","VisibleCell","VoiceStyleData","VoigtDistribution","VolcanoData","Volume","VonMisesDistribution","VoronoiMesh","WaitAll","WaitAsynchronousTask","WaitNext","WaitUntil","WakebyDistribution","WalleniusHypergeometricDistribution","WaringYuleDistribution","WarpingCorrespondence","WarpingDistance","WatershedComponents","WatsonUSquareTest","WattsStrogatzGraphDistribution","WaveletBestBasis","WaveletFilterCoefficients","WaveletImagePlot","WaveletListPlot","WaveletMapIndexed","WaveletMatrixPlot","WaveletPhi","WaveletPsi","WaveletScale","WaveletScalogram","WaveletThreshold","WeaklyConnectedComponents","WeaklyConnectedGraphComponents","WeaklyConnectedGraphQ","WeakStationarity","WeatherData","WeatherForecastData","WebAudioSearch","WebElementObject","WeberE","WebExecute","WebImage","WebImageSearch","WebSearch","WebSessionObject","WebSessions","WebWindowObject","Wedge","Wednesday","WeibullDistribution","WeierstrassE1","WeierstrassE2","WeierstrassE3","WeierstrassEta1","WeierstrassEta2","WeierstrassEta3","WeierstrassHalfPeriods","WeierstrassHalfPeriodW1","WeierstrassHalfPeriodW2","WeierstrassHalfPeriodW3","WeierstrassInvariantG2","WeierstrassInvariantG3","WeierstrassInvariants","WeierstrassP","WeierstrassPPrime","WeierstrassSigma","WeierstrassZeta","WeightedAdjacencyGraph","WeightedAdjacencyMatrix","WeightedData","WeightedGraphQ","Weights","WelchWindow","WheelGraph","WhenEvent","Which","While","White","WhiteNoiseProcess","WhitePoint","Whitespace","WhitespaceCharacter","WhittakerM","WhittakerW","WienerFilter","WienerProcess","WignerD","WignerSemicircleDistribution","WikidataData","WikidataSearch","WikipediaData","WikipediaSearch","WilksW","WilksWTest","WindDirectionData","WindingCount","WindingPolygon","WindowClickSelect","WindowElements","WindowFloating","WindowFrame","WindowFrameElements","WindowMargins","WindowMovable","WindowOpacity","WindowPersistentStyles","WindowSelected","WindowSize","WindowStatusArea","WindowTitle","WindowToolbars","WindowWidth","WindSpeedData","WindVectorData","WinsorizedMean","WinsorizedVariance","WishartMatrixDistribution","With","WolframAlpha","WolframAlphaDate","WolframAlphaQuantity","WolframAlphaResult","WolframLanguageData","Word","WordBoundary","WordCharacter","WordCloud","WordCount","WordCounts","WordData","WordDefinition","WordFrequency","WordFrequencyData","WordList","WordOrientation","WordSearch","WordSelectionFunction","WordSeparators","WordSpacings","WordStem","WordTranslation","WorkingPrecision","WrapAround","Write","WriteLine","WriteString","Wronskian","XMLElement","XMLObject","XMLTemplate","Xnor","Xor","XYZColor","Yellow","Yesterday","YuleDissimilarity","ZernikeR","ZeroSymmetric","ZeroTest","ZeroWidthTimes","Zeta","ZetaZero","ZIPCodeData","ZipfDistribution","ZoomCenter","ZoomFactor","ZTest","ZTransform","$Aborted","$ActivationGroupID","$ActivationKey","$ActivationUserRegistered","$AddOnsDirectory","$AllowDataUpdates","$AllowExternalChannelFunctions","$AllowInternet","$AssertFunction","$Assumptions","$AsynchronousTask","$AudioDecoders","$AudioEncoders","$AudioInputDevices","$AudioOutputDevices","$BaseDirectory","$BasePacletsDirectory","$BatchInput","$BatchOutput","$BlockchainBase","$BoxForms","$ByteOrdering","$CacheBaseDirectory","$Canceled","$ChannelBase","$CharacterEncoding","$CharacterEncodings","$CloudAccountName","$CloudBase","$CloudConnected","$CloudConnection","$CloudCreditsAvailable","$CloudEvaluation","$CloudExpressionBase","$CloudObjectNameFormat","$CloudObjectURLType","$CloudRootDirectory","$CloudSymbolBase","$CloudUserID","$CloudUserUUID","$CloudVersion","$CloudVersionNumber","$CloudWolframEngineVersionNumber","$CommandLine","$CompilationTarget","$ConditionHold","$ConfiguredKernels","$Context","$ContextPath","$ControlActiveSetting","$Cookies","$CookieStore","$CreationDate","$CurrentLink","$CurrentTask","$CurrentWebSession","$DataStructures","$DateStringFormat","$DefaultAudioInputDevice","$DefaultAudioOutputDevice","$DefaultFont","$DefaultFrontEnd","$DefaultImagingDevice","$DefaultLocalBase","$DefaultMailbox","$DefaultNetworkInterface","$DefaultPath","$DefaultProxyRules","$DefaultSystemCredentialStore","$Display","$DisplayFunction","$DistributedContexts","$DynamicEvaluation","$Echo","$EmbedCodeEnvironments","$EmbeddableServices","$EntityStores","$Epilog","$EvaluationCloudBase","$EvaluationCloudObject","$EvaluationEnvironment","$ExportFormats","$ExternalIdentifierTypes","$ExternalStorageBase","$Failed","$FinancialDataSource","$FontFamilies","$FormatType","$FrontEnd","$FrontEndSession","$GeoEntityTypes","$GeoLocation","$GeoLocationCity","$GeoLocationCountry","$GeoLocationPrecision","$GeoLocationSource","$HistoryLength","$HomeDirectory","$HTMLExportRules","$HTTPCookies","$HTTPRequest","$IgnoreEOF","$ImageFormattingWidth","$ImageResolution","$ImagingDevice","$ImagingDevices","$ImportFormats","$IncomingMailSettings","$InitialDirectory","$Initialization","$InitializationContexts","$Input","$InputFileName","$InputStreamMethods","$Inspector","$InstallationDate","$InstallationDirectory","$InterfaceEnvironment","$InterpreterTypes","$IterationLimit","$KernelCount","$KernelID","$Language","$LaunchDirectory","$LibraryPath","$LicenseExpirationDate","$LicenseID","$LicenseProcesses","$LicenseServer","$LicenseSubprocesses","$LicenseType","$Line","$Linked","$LinkSupported","$LoadedFiles","$LocalBase","$LocalSymbolBase","$MachineAddresses","$MachineDomain","$MachineDomains","$MachineEpsilon","$MachineID","$MachineName","$MachinePrecision","$MachineType","$MaxExtraPrecision","$MaxLicenseProcesses","$MaxLicenseSubprocesses","$MaxMachineNumber","$MaxNumber","$MaxPiecewiseCases","$MaxPrecision","$MaxRootDegree","$MessageGroups","$MessageList","$MessagePrePrint","$Messages","$MinMachineNumber","$MinNumber","$MinorReleaseNumber","$MinPrecision","$MobilePhone","$ModuleNumber","$NetworkConnected","$NetworkInterfaces","$NetworkLicense","$NewMessage","$NewSymbol","$NotebookInlineStorageLimit","$Notebooks","$NoValue","$NumberMarks","$Off","$OperatingSystem","$Output","$OutputForms","$OutputSizeLimit","$OutputStreamMethods","$Packages","$ParentLink","$ParentProcessID","$PasswordFile","$PatchLevelID","$Path","$PathnameSeparator","$PerformanceGoal","$Permissions","$PermissionsGroupBase","$PersistenceBase","$PersistencePath","$PipeSupported","$PlotTheme","$Post","$Pre","$PreferencesDirectory","$PreInitialization","$PrePrint","$PreRead","$PrintForms","$PrintLiteral","$Printout3DPreviewer","$ProcessID","$ProcessorCount","$ProcessorType","$ProductInformation","$ProgramName","$PublisherID","$RandomState","$RecursionLimit","$RegisteredDeviceClasses","$RegisteredUserName","$ReleaseNumber","$RequesterAddress","$RequesterWolframID","$RequesterWolframUUID","$RootDirectory","$ScheduledTask","$ScriptCommandLine","$ScriptInputString","$SecuredAuthenticationKeyTokens","$ServiceCreditsAvailable","$Services","$SessionID","$SetParentLink","$SharedFunctions","$SharedVariables","$SoundDisplay","$SoundDisplayFunction","$SourceLink","$SSHAuthentication","$SubtitleDecoders","$SubtitleEncoders","$SummaryBoxDataSizeLimit","$SuppressInputFormHeads","$SynchronousEvaluation","$SyntaxHandler","$System","$SystemCharacterEncoding","$SystemCredentialStore","$SystemID","$SystemMemory","$SystemShell","$SystemTimeZone","$SystemWordLength","$TemplatePath","$TemporaryDirectory","$TemporaryPrefix","$TestFileName","$TextStyle","$TimedOut","$TimeUnit","$TimeZone","$TimeZoneEntity","$TopDirectory","$TraceOff","$TraceOn","$TracePattern","$TracePostAction","$TracePreAction","$UnitSystem","$Urgent","$UserAddOnsDirectory","$UserAgentLanguages","$UserAgentMachine","$UserAgentName","$UserAgentOperatingSystem","$UserAgentString","$UserAgentVersion","$UserBaseDirectory","$UserBasePacletsDirectory","$UserDocumentsDirectory","$Username","$UserName","$UserURLBase","$Version","$VersionNumber","$VideoDecoders","$VideoEncoders","$VoiceStyles","$WolframDocumentsDirectory","$WolframID","$WolframUUID"];e.exports=function(e){let r=e.regex,n=r.either(r.concat(/([2-9]|[1-2]\d|[3][0-5])\^\^/,/(\w*\.\w+|\w+\.\w*|\w+)/),/(\d*\.\d+|\d+\.\d*|\d+)/),a=r.either(/``[+-]?(\d*\.\d+|\d+\.\d*|\d+)/,/`([+-]?(\d*\.\d+|\d+\.\d*|\d+))?/),i=r.concat(n,r.optional(a),r.optional(/\*\^[+-]?\d+/)),o=/[a-zA-Z$][a-zA-Z0-9$]*/,s=new Set(t),l={className:"message-name",relevance:0,begin:r.concat("::",o)};return{name:"Mathematica",aliases:["mma","wl"],classNameAliases:{brace:"punctuation",pattern:"type",slot:"type",symbol:"variable","named-character":"variable","builtin-symbol":"built_in","message-name":"string"},contains:[e.COMMENT(/\(\*/,/\*\)/,{contains:["self"]}),{className:"pattern",relevance:0,begin:/([a-zA-Z$][a-zA-Z0-9$]*)?_+([a-zA-Z$][a-zA-Z0-9$]*)?/},{className:"slot",relevance:0,begin:/#[a-zA-Z$][a-zA-Z0-9$]*|#+[0-9]?/},l,{variants:[{className:"builtin-symbol",begin:o,"on:begin":(e,t)=>{s.has(e[0])||t.ignoreMatch()}},{className:"symbol",relevance:0,begin:o}]},{className:"named-character",begin:/\\\[[$a-zA-Z][$a-zA-Z0-9]+\]/},e.QUOTE_STRING_MODE,{className:"number",relevance:0,begin:i},{className:"operator",relevance:0,begin:/[+\-*/,;.:@~=><&|_`'^?!%]+/},{className:"brace",relevance:0,begin:/[[\](){}]/}]}}},26928:function(e){e.exports=function(e){let t="('|\\.')+",r={relevance:0,contains:[{begin:t}]};return{name:"Matlab",keywords:{keyword:"arguments break case catch classdef continue else elseif end enumeration events for function global if methods otherwise parfor persistent properties return spmd switch try while",built_in:"sin sind sinh asin asind asinh cos cosd cosh acos acosd acosh tan tand tanh atan atand atan2 atanh sec secd sech asec asecd asech csc cscd csch acsc acscd acsch cot cotd coth acot acotd acoth hypot exp expm1 log log1p log10 log2 pow2 realpow reallog realsqrt sqrt nthroot nextpow2 abs angle complex conj imag real unwrap isreal cplxpair fix floor ceil round mod rem sign airy besselj bessely besselh besseli besselk beta betainc betaln ellipj ellipke erf erfc erfcx erfinv expint gamma gammainc gammaln psi legendre cross dot factor isprime primes gcd lcm rat rats perms nchoosek factorial cart2sph cart2pol pol2cart sph2cart hsv2rgb rgb2hsv zeros ones eye repmat rand randn linspace logspace freqspace meshgrid accumarray size length ndims numel disp isempty isequal isequalwithequalnans cat reshape diag blkdiag tril triu fliplr flipud flipdim rot90 find sub2ind ind2sub bsxfun ndgrid permute ipermute shiftdim circshift squeeze isscalar isvector ans eps realmax realmin pi i|0 inf nan isnan isinf isfinite j|0 why compan gallery hadamard hankel hilb invhilb magic pascal rosser toeplitz vander wilkinson max min nanmax nanmin mean nanmean type table readtable writetable sortrows sort figure plot plot3 scatter scatter3 cellfun legend intersect ismember procrustes hold num2cell "},illegal:'(//|"|#|/\\*|\\s+/\\w+)',contains:[{className:"function",beginKeywords:"function",end:"$",contains:[e.UNDERSCORE_TITLE_MODE,{className:"params",variants:[{begin:"\\(",end:"\\)"},{begin:"\\[",end:"\\]"}]}]},{className:"built_in",begin:/true|false/,relevance:0,starts:r},{begin:"[a-zA-Z][a-zA-Z_0-9]*"+t,relevance:0},{className:"number",begin:e.C_NUMBER_RE,relevance:0,starts:r},{className:"string",begin:"'",end:"'",contains:[{begin:"''"}]},{begin:/\]|\}|\)/,relevance:0,starts:r},{className:"string",begin:'"',end:'"',contains:[{begin:'""'}],starts:r},e.COMMENT("^\\s*%\\{\\s*$","^\\s*%\\}\\s*$"),e.COMMENT("%","$")]}}},18464:function(e){e.exports=function(e){return{name:"Maxima",keywords:{$pattern:"[A-Za-z_%][0-9A-Za-z_%]*",keyword:"if then else elseif for thru do while unless step in and or not",literal:"true false unknown inf minf ind und %e %i %pi %phi %gamma",built_in:" abasep abs absint absolute_real_time acos acosh acot acoth acsc acsch activate addcol add_edge add_edges addmatrices addrow add_vertex add_vertices adjacency_matrix adjoin adjoint af agd airy airy_ai airy_bi airy_dai airy_dbi algsys alg_type alias allroots alphacharp alphanumericp amortization %and annuity_fv annuity_pv antid antidiff AntiDifference append appendfile apply apply1 apply2 applyb1 apropos args arit_amortization arithmetic arithsum array arrayapply arrayinfo arraymake arraysetapply ascii asec asech asin asinh askinteger asksign assoc assoc_legendre_p assoc_legendre_q assume assume_external_byte_order asympa at atan atan2 atanh atensimp atom atvalue augcoefmatrix augmented_lagrangian_method av average_degree backtrace bars barsplot barsplot_description base64 base64_decode bashindices batch batchload bc2 bdvac belln benefit_cost bern bernpoly bernstein_approx bernstein_expand bernstein_poly bessel bessel_i bessel_j bessel_k bessel_simplify bessel_y beta beta_incomplete beta_incomplete_generalized beta_incomplete_regularized bezout bfallroots bffac bf_find_root bf_fmin_cobyla bfhzeta bfloat bfloatp bfpsi bfpsi0 bfzeta biconnected_components bimetric binomial bipartition block blockmatrixp bode_gain bode_phase bothcoef box boxplot boxplot_description break bug_report build_info|10 buildq build_sample burn cabs canform canten cardinality carg cartan cartesian_product catch cauchy_matrix cbffac cdf_bernoulli cdf_beta cdf_binomial cdf_cauchy cdf_chi2 cdf_continuous_uniform cdf_discrete_uniform cdf_exp cdf_f cdf_gamma cdf_general_finite_discrete cdf_geometric cdf_gumbel cdf_hypergeometric cdf_laplace cdf_logistic cdf_lognormal cdf_negative_binomial cdf_noncentral_chi2 cdf_noncentral_student_t cdf_normal cdf_pareto cdf_poisson cdf_rank_sum cdf_rayleigh cdf_signed_rank cdf_student_t cdf_weibull cdisplay ceiling central_moment cequal cequalignore cf cfdisrep cfexpand cgeodesic cgreaterp cgreaterpignore changename changevar chaosgame charat charfun charfun2 charlist charp charpoly chdir chebyshev_t chebyshev_u checkdiv check_overlaps chinese cholesky christof chromatic_index chromatic_number cint circulant_graph clear_edge_weight clear_rules clear_vertex_label clebsch_gordan clebsch_graph clessp clesspignore close closefile cmetric coeff coefmatrix cograd col collapse collectterms columnop columnspace columnswap columnvector combination combine comp2pui compare compfile compile compile_file complement_graph complete_bipartite_graph complete_graph complex_number_p components compose_functions concan concat conjugate conmetderiv connected_components connect_vertices cons constant constantp constituent constvalue cont2part content continuous_freq contortion contour_plot contract contract_edge contragrad contrib_ode convert coord copy copy_file copy_graph copylist copymatrix cor cos cosh cot coth cov cov1 covdiff covect covers crc24sum create_graph create_list csc csch csetup cspline ctaylor ct_coordsys ctransform ctranspose cube_graph cuboctahedron_graph cunlisp cv cycle_digraph cycle_graph cylindrical days360 dblint deactivate declare declare_constvalue declare_dimensions declare_fundamental_dimensions declare_fundamental_units declare_qty declare_translated declare_unit_conversion declare_units declare_weights decsym defcon define define_alt_display define_variable defint defmatch defrule defstruct deftaylor degree_sequence del delete deleten delta demo demoivre denom depends derivdegree derivlist describe desolve determinant dfloat dgauss_a dgauss_b dgeev dgemm dgeqrf dgesv dgesvd diag diagmatrix diag_matrix diagmatrixp diameter diff digitcharp dimacs_export dimacs_import dimension dimensionless dimensions dimensions_as_list direct directory discrete_freq disjoin disjointp disolate disp dispcon dispform dispfun dispJordan display disprule dispterms distrib divide divisors divsum dkummer_m dkummer_u dlange dodecahedron_graph dotproduct dotsimp dpart draw draw2d draw3d drawdf draw_file draw_graph dscalar echelon edge_coloring edge_connectivity edges eigens_by_jacobi eigenvalues eigenvectors eighth einstein eivals eivects elapsed_real_time elapsed_run_time ele2comp ele2polynome ele2pui elem elementp elevation_grid elim elim_allbut eliminate eliminate_using ellipse elliptic_e elliptic_ec elliptic_eu elliptic_f elliptic_kc elliptic_pi ematrix empty_graph emptyp endcons entermatrix entertensor entier equal equalp equiv_classes erf erfc erf_generalized erfi errcatch error errormsg errors euler ev eval_string evenp every evolution evolution2d evundiff example exp expand expandwrt expandwrt_factored expint expintegral_chi expintegral_ci expintegral_e expintegral_e1 expintegral_ei expintegral_e_simplify expintegral_li expintegral_shi expintegral_si explicit explose exponentialize express expt exsec extdiff extract_linear_equations extremal_subset ezgcd %f f90 facsum factcomb factor factorfacsum factorial factorout factorsum facts fast_central_elements fast_linsolve fasttimes featurep fernfale fft fib fibtophi fifth filename_merge file_search file_type fillarray findde find_root find_root_abs find_root_error find_root_rel first fix flatten flength float floatnump floor flower_snark flush flush1deriv flushd flushnd flush_output fmin_cobyla forget fortran fourcos fourexpand fourier fourier_elim fourint fourintcos fourintsin foursimp foursin fourth fposition frame_bracket freeof freshline fresnel_c fresnel_s from_adjacency_matrix frucht_graph full_listify fullmap fullmapl fullratsimp fullratsubst fullsetify funcsolve fundamental_dimensions fundamental_units fundef funmake funp fv g0 g1 gamma gamma_greek gamma_incomplete gamma_incomplete_generalized gamma_incomplete_regularized gauss gauss_a gauss_b gaussprob gcd gcdex gcdivide gcfac gcfactor gd generalized_lambert_w genfact gen_laguerre genmatrix gensym geo_amortization geo_annuity_fv geo_annuity_pv geomap geometric geometric_mean geosum get getcurrentdirectory get_edge_weight getenv get_lu_factors get_output_stream_string get_pixel get_plot_option get_tex_environment get_tex_environment_default get_vertex_label gfactor gfactorsum ggf girth global_variances gn gnuplot_close gnuplot_replot gnuplot_reset gnuplot_restart gnuplot_start go Gosper GosperSum gr2d gr3d gradef gramschmidt graph6_decode graph6_encode graph6_export graph6_import graph_center graph_charpoly graph_eigenvalues graph_flow graph_order graph_periphery graph_product graph_size graph_union great_rhombicosidodecahedron_graph great_rhombicuboctahedron_graph grid_graph grind grobner_basis grotzch_graph hamilton_cycle hamilton_path hankel hankel_1 hankel_2 harmonic harmonic_mean hav heawood_graph hermite hessian hgfred hilbertmap hilbert_matrix hipow histogram histogram_description hodge horner hypergeometric i0 i1 %ibes ic1 ic2 ic_convert ichr1 ichr2 icosahedron_graph icosidodecahedron_graph icurvature ident identfor identity idiff idim idummy ieqn %if ifactors iframes ifs igcdex igeodesic_coords ilt image imagpart imetric implicit implicit_derivative implicit_plot indexed_tensor indices induced_subgraph inferencep inference_result infix info_display init_atensor init_ctensor in_neighbors innerproduct inpart inprod inrt integerp integer_partitions integrate intersect intersection intervalp intopois intosum invariant1 invariant2 inverse_fft inverse_jacobi_cd inverse_jacobi_cn inverse_jacobi_cs inverse_jacobi_dc inverse_jacobi_dn inverse_jacobi_ds inverse_jacobi_nc inverse_jacobi_nd inverse_jacobi_ns inverse_jacobi_sc inverse_jacobi_sd inverse_jacobi_sn invert invert_by_adjoint invert_by_lu inv_mod irr is is_biconnected is_bipartite is_connected is_digraph is_edge_in_graph is_graph is_graph_or_digraph ishow is_isomorphic isolate isomorphism is_planar isqrt isreal_p is_sconnected is_tree is_vertex_in_graph items_inference %j j0 j1 jacobi jacobian jacobi_cd jacobi_cn jacobi_cs jacobi_dc jacobi_dn jacobi_ds jacobi_nc jacobi_nd jacobi_ns jacobi_p jacobi_sc jacobi_sd jacobi_sn JF jn join jordan julia julia_set julia_sin %k kdels kdelta kill killcontext kostka kron_delta kronecker_product kummer_m kummer_u kurtosis kurtosis_bernoulli kurtosis_beta kurtosis_binomial kurtosis_chi2 kurtosis_continuous_uniform kurtosis_discrete_uniform kurtosis_exp kurtosis_f kurtosis_gamma kurtosis_general_finite_discrete kurtosis_geometric kurtosis_gumbel kurtosis_hypergeometric kurtosis_laplace kurtosis_logistic kurtosis_lognormal kurtosis_negative_binomial kurtosis_noncentral_chi2 kurtosis_noncentral_student_t kurtosis_normal kurtosis_pareto kurtosis_poisson kurtosis_rayleigh kurtosis_student_t kurtosis_weibull label labels lagrange laguerre lambda lambert_w laplace laplacian_matrix last lbfgs lc2kdt lcharp lc_l lcm lc_u ldefint ldisp ldisplay legendre_p legendre_q leinstein length let letrules letsimp levi_civita lfreeof lgtreillis lhs li liediff limit Lindstedt linear linearinterpol linear_program linear_regression line_graph linsolve listarray list_correlations listify list_matrix_entries list_nc_monomials listoftens listofvars listp lmax lmin load loadfile local locate_matrix_entry log logcontract log_gamma lopow lorentz_gauge lowercasep lpart lratsubst lreduce lriemann lsquares_estimates lsquares_estimates_approximate lsquares_estimates_exact lsquares_mse lsquares_residual_mse lsquares_residuals lsum ltreillis lu_backsub lucas lu_factor %m macroexpand macroexpand1 make_array makebox makefact makegamma make_graph make_level_picture makelist makeOrders make_poly_continent make_poly_country make_polygon make_random_state make_rgb_picture makeset make_string_input_stream make_string_output_stream make_transform mandelbrot mandelbrot_set map mapatom maplist matchdeclare matchfix mat_cond mat_fullunblocker mat_function mathml_display mat_norm matrix matrixmap matrixp matrix_size mattrace mat_trace mat_unblocker max max_clique max_degree max_flow maximize_lp max_independent_set max_matching maybe md5sum mean mean_bernoulli mean_beta mean_binomial mean_chi2 mean_continuous_uniform mean_deviation mean_discrete_uniform mean_exp mean_f mean_gamma mean_general_finite_discrete mean_geometric mean_gumbel mean_hypergeometric mean_laplace mean_logistic mean_lognormal mean_negative_binomial mean_noncentral_chi2 mean_noncentral_student_t mean_normal mean_pareto mean_poisson mean_rayleigh mean_student_t mean_weibull median median_deviation member mesh metricexpandall mgf1_sha1 min min_degree min_edge_cut minfactorial minimalPoly minimize_lp minimum_spanning_tree minor minpack_lsquares minpack_solve min_vertex_cover min_vertex_cut mkdir mnewton mod mode_declare mode_identity ModeMatrix moebius mon2schur mono monomial_dimensions multibernstein_poly multi_display_for_texinfo multi_elem multinomial multinomial_coeff multi_orbit multiplot_mode multi_pui multsym multthru mycielski_graph nary natural_unit nc_degree ncexpt ncharpoly negative_picture neighbors new newcontext newdet new_graph newline newton new_variable next_prime nicedummies niceindices ninth nofix nonarray noncentral_moment nonmetricity nonnegintegerp nonscalarp nonzeroandfreeof notequal nounify nptetrad npv nroots nterms ntermst nthroot nullity nullspace num numbered_boundaries numberp number_to_octets num_distinct_partitions numerval numfactor num_partitions nusum nzeta nzetai nzetar octets_to_number octets_to_oid odd_girth oddp ode2 ode_check odelin oid_to_octets op opena opena_binary openr openr_binary openw openw_binary operatorp opsubst optimize %or orbit orbits ordergreat ordergreatp orderless orderlessp orthogonal_complement orthopoly_recur orthopoly_weight outermap out_neighbors outofpois pade parabolic_cylinder_d parametric parametric_surface parg parGosper parse_string parse_timedate part part2cont partfrac partition partition_set partpol path_digraph path_graph pathname_directory pathname_name pathname_type pdf_bernoulli pdf_beta pdf_binomial pdf_cauchy pdf_chi2 pdf_continuous_uniform pdf_discrete_uniform pdf_exp pdf_f pdf_gamma pdf_general_finite_discrete pdf_geometric pdf_gumbel pdf_hypergeometric pdf_laplace pdf_logistic pdf_lognormal pdf_negative_binomial pdf_noncentral_chi2 pdf_noncentral_student_t pdf_normal pdf_pareto pdf_poisson pdf_rank_sum pdf_rayleigh pdf_signed_rank pdf_student_t pdf_weibull pearson_skewness permanent permut permutation permutations petersen_graph petrov pickapart picture_equalp picturep piechart piechart_description planar_embedding playback plog plot2d plot3d plotdf ploteq plsquares pochhammer points poisdiff poisexpt poisint poismap poisplus poissimp poissubst poistimes poistrim polar polarform polartorect polar_to_xy poly_add poly_buchberger poly_buchberger_criterion poly_colon_ideal poly_content polydecomp poly_depends_p poly_elimination_ideal poly_exact_divide poly_expand poly_expt poly_gcd polygon poly_grobner poly_grobner_equal poly_grobner_member poly_grobner_subsetp poly_ideal_intersection poly_ideal_polysaturation poly_ideal_polysaturation1 poly_ideal_saturation poly_ideal_saturation1 poly_lcm poly_minimization polymod poly_multiply polynome2ele polynomialp poly_normal_form poly_normalize poly_normalize_list poly_polysaturation_extension poly_primitive_part poly_pseudo_divide poly_reduced_grobner poly_reduction poly_saturation_extension poly_s_polynomial poly_subtract polytocompanion pop postfix potential power_mod powerseries powerset prefix prev_prime primep primes principal_components print printf printfile print_graph printpois printprops prodrac product properties propvars psi psubst ptriangularize pui pui2comp pui2ele pui2polynome pui_direct puireduc push put pv qput qrange qty quad_control quad_qag quad_qagi quad_qagp quad_qags quad_qawc quad_qawf quad_qawo quad_qaws quadrilateral quantile quantile_bernoulli quantile_beta quantile_binomial quantile_cauchy quantile_chi2 quantile_continuous_uniform quantile_discrete_uniform quantile_exp quantile_f quantile_gamma quantile_general_finite_discrete quantile_geometric quantile_gumbel quantile_hypergeometric quantile_laplace quantile_logistic quantile_lognormal quantile_negative_binomial quantile_noncentral_chi2 quantile_noncentral_student_t quantile_normal quantile_pareto quantile_poisson quantile_rayleigh quantile_student_t quantile_weibull quartile_skewness quit qunit quotient racah_v racah_w radcan radius random random_bernoulli random_beta random_binomial random_bipartite_graph random_cauchy random_chi2 random_continuous_uniform random_digraph random_discrete_uniform random_exp random_f random_gamma random_general_finite_discrete random_geometric random_graph random_graph1 random_gumbel random_hypergeometric random_laplace random_logistic random_lognormal random_negative_binomial random_network random_noncentral_chi2 random_noncentral_student_t random_normal random_pareto random_permutation random_poisson random_rayleigh random_regular_graph random_student_t random_tournament random_tree random_weibull range rank rat ratcoef ratdenom ratdiff ratdisrep ratexpand ratinterpol rational rationalize ratnumer ratnump ratp ratsimp ratsubst ratvars ratweight read read_array read_binary_array read_binary_list read_binary_matrix readbyte readchar read_hashed_array readline read_list read_matrix read_nested_list readonly read_xpm real_imagpart_to_conjugate realpart realroots rearray rectangle rectform rectform_log_if_constant recttopolar rediff reduce_consts reduce_order region region_boundaries region_boundaries_plus rem remainder remarray rembox remcomps remcon remcoord remfun remfunction remlet remove remove_constvalue remove_dimensions remove_edge remove_fundamental_dimensions remove_fundamental_units remove_plot_option remove_vertex rempart remrule remsym remvalue rename rename_file reset reset_displays residue resolvante resolvante_alternee1 resolvante_bipartite resolvante_diedrale resolvante_klein resolvante_klein3 resolvante_produit_sym resolvante_unitaire resolvante_vierer rest resultant return reveal reverse revert revert2 rgb2level rhs ricci riemann rinvariant risch rk rmdir rncombine romberg room rootscontract round row rowop rowswap rreduce run_testsuite %s save saving scalarp scaled_bessel_i scaled_bessel_i0 scaled_bessel_i1 scalefactors scanmap scatterplot scatterplot_description scene schur2comp sconcat scopy scsimp scurvature sdowncase sec sech second sequal sequalignore set_alt_display setdifference set_draw_defaults set_edge_weight setelmx setequalp setify setp set_partitions set_plot_option set_prompt set_random_state set_tex_environment set_tex_environment_default setunits setup_autoload set_up_dot_simplifications set_vertex_label seventh sexplode sf sha1sum sha256sum shortest_path shortest_weighted_path show showcomps showratvars sierpinskiale sierpinskimap sign signum similaritytransform simp_inequality simplify_sum simplode simpmetderiv simtran sin sinh sinsert sinvertcase sixth skewness skewness_bernoulli skewness_beta skewness_binomial skewness_chi2 skewness_continuous_uniform skewness_discrete_uniform skewness_exp skewness_f skewness_gamma skewness_general_finite_discrete skewness_geometric skewness_gumbel skewness_hypergeometric skewness_laplace skewness_logistic skewness_lognormal skewness_negative_binomial skewness_noncentral_chi2 skewness_noncentral_student_t skewness_normal skewness_pareto skewness_poisson skewness_rayleigh skewness_student_t skewness_weibull slength smake small_rhombicosidodecahedron_graph small_rhombicuboctahedron_graph smax smin smismatch snowmap snub_cube_graph snub_dodecahedron_graph solve solve_rec solve_rec_rat some somrac sort sparse6_decode sparse6_encode sparse6_export sparse6_import specint spherical spherical_bessel_j spherical_bessel_y spherical_hankel1 spherical_hankel2 spherical_harmonic spherical_to_xyz splice split sposition sprint sqfr sqrt sqrtdenest sremove sremovefirst sreverse ssearch ssort sstatus ssubst ssubstfirst staircase standardize standardize_inverse_trig starplot starplot_description status std std1 std_bernoulli std_beta std_binomial std_chi2 std_continuous_uniform std_discrete_uniform std_exp std_f std_gamma std_general_finite_discrete std_geometric std_gumbel std_hypergeometric std_laplace std_logistic std_lognormal std_negative_binomial std_noncentral_chi2 std_noncentral_student_t std_normal std_pareto std_poisson std_rayleigh std_student_t std_weibull stemplot stirling stirling1 stirling2 strim striml strimr string stringout stringp strong_components struve_h struve_l sublis sublist sublist_indices submatrix subsample subset subsetp subst substinpart subst_parallel substpart substring subvar subvarp sum sumcontract summand_to_rec supcase supcontext symbolp symmdifference symmetricp system take_channel take_inference tan tanh taylor taylorinfo taylorp taylor_simplifier taytorat tcl_output tcontract tellrat tellsimp tellsimpafter tentex tenth test_mean test_means_difference test_normality test_proportion test_proportions_difference test_rank_sum test_sign test_signed_rank test_variance test_variance_ratio tex tex1 tex_display texput %th third throw time timedate timer timer_info tldefint tlimit todd_coxeter toeplitz tokens to_lisp topological_sort to_poly to_poly_solve totaldisrep totalfourier totient tpartpol trace tracematrix trace_options transform_sample translate translate_file transpose treefale tree_reduce treillis treinat triangle triangularize trigexpand trigrat trigreduce trigsimp trunc truncate truncated_cube_graph truncated_dodecahedron_graph truncated_icosahedron_graph truncated_tetrahedron_graph tr_warnings_get tube tutte_graph ueivects uforget ultraspherical underlying_graph undiff union unique uniteigenvectors unitp units unit_step unitvector unorder unsum untellrat untimer untrace uppercasep uricci uriemann uvect vandermonde_matrix var var1 var_bernoulli var_beta var_binomial var_chi2 var_continuous_uniform var_discrete_uniform var_exp var_f var_gamma var_general_finite_discrete var_geometric var_gumbel var_hypergeometric var_laplace var_logistic var_lognormal var_negative_binomial var_noncentral_chi2 var_noncentral_student_t var_normal var_pareto var_poisson var_rayleigh var_student_t var_weibull vector vectorpotential vectorsimp verbify vers vertex_coloring vertex_connectivity vertex_degree vertex_distance vertex_eccentricity vertex_in_degree vertex_out_degree vertices vertices_to_cycle vertices_to_path %w weyl wheel_graph wiener_index wigner_3j wigner_6j wigner_9j with_stdout write_binary_data writebyte write_data writefile wronskian xreduce xthru %y Zeilberger zeroequiv zerofor zeromatrix zeromatrixp zeta zgeev zheev zlange zn_add_table zn_carmichael_lambda zn_characteristic_factors zn_determinant zn_factor_generators zn_invert_by_lu zn_log zn_mult_table absboxchar activecontexts adapt_depth additive adim aform algebraic algepsilon algexact aliases allbut all_dotsimp_denoms allocation allsym alphabetic animation antisymmetric arrays askexp assume_pos assume_pos_pred assumescalar asymbol atomgrad atrig1 axes axis_3d axis_bottom axis_left axis_right axis_top azimuth background background_color backsubst berlefact bernstein_explicit besselexpand beta_args_sum_to_integer beta_expand bftorat bftrunc bindtest border boundaries_array box boxchar breakup %c capping cauchysum cbrange cbtics center cflength cframe_flag cnonmet_flag color color_bar color_bar_tics colorbox columns commutative complex cone context contexts contour contour_levels cosnpiflag ctaypov ctaypt ctayswitch ctayvar ct_coords ctorsion_flag ctrgsimp cube current_let_rule_package cylinder data_file_name debugmode decreasing default_let_rule_package delay dependencies derivabbrev derivsubst detout diagmetric diff dim dimensions dispflag display2d|10 display_format_internal distribute_over doallmxops domain domxexpt domxmxops domxnctimes dontfactor doscmxops doscmxplus dot0nscsimp dot0simp dot1simp dotassoc dotconstrules dotdistrib dotexptsimp dotident dotscrules draw_graph_program draw_realpart edge_color edge_coloring edge_partition edge_type edge_width %edispflag elevation %emode endphi endtheta engineering_format_floats enhanced3d %enumer epsilon_lp erfflag erf_representation errormsg error_size error_syms error_type %e_to_numlog eval even evenfun evflag evfun ev_point expandwrt_denom expintexpand expintrep expon expop exptdispflag exptisolate exptsubst facexpand facsum_combine factlim factorflag factorial_expand factors_only fb feature features file_name file_output_append file_search_demo file_search_lisp file_search_maxima|10 file_search_tests file_search_usage file_type_lisp file_type_maxima|10 fill_color fill_density filled_func fixed_vertices flipflag float2bf font font_size fortindent fortspaces fpprec fpprintprec functions gamma_expand gammalim gdet genindex gensumnum GGFCFMAX GGFINFINITY globalsolve gnuplot_command gnuplot_curve_styles gnuplot_curve_titles gnuplot_default_term_command gnuplot_dumb_term_command gnuplot_file_args gnuplot_file_name gnuplot_out_file gnuplot_pdf_term_command gnuplot_pm3d gnuplot_png_term_command gnuplot_postamble gnuplot_preamble gnuplot_ps_term_command gnuplot_svg_term_command gnuplot_term gnuplot_view_args Gosper_in_Zeilberger gradefs grid grid2d grind halfangles head_angle head_both head_length head_type height hypergeometric_representation %iargs ibase icc1 icc2 icounter idummyx ieqnprint ifb ifc1 ifc2 ifg ifgi ifr iframe_bracket_form ifri igeowedge_flag ikt1 ikt2 imaginary inchar increasing infeval infinity inflag infolists inm inmc1 inmc2 intanalysis integer integervalued integrate_use_rootsof integration_constant integration_constant_counter interpolate_color intfaclim ip_grid ip_grid_in irrational isolate_wrt_times iterations itr julia_parameter %k1 %k2 keepfloat key key_pos kinvariant kt label label_alignment label_orientation labels lassociative lbfgs_ncorrections lbfgs_nfeval_max leftjust legend letrat let_rule_packages lfg lg lhospitallim limsubst linear linear_solver linechar linel|10 linenum line_type linewidth line_width linsolve_params linsolvewarn lispdisp listarith listconstvars listdummyvars lmxchar load_pathname loadprint logabs logarc logcb logconcoeffp logexpand lognegint logsimp logx logx_secondary logy logy_secondary logz lriem m1pbranch macroexpansion macros mainvar manual_demo maperror mapprint matrix_element_add matrix_element_mult matrix_element_transpose maxapplydepth maxapplyheight maxima_tempdir|10 maxima_userdir|10 maxnegex MAX_ORD maxposex maxpsifracdenom maxpsifracnum maxpsinegint maxpsiposint maxtayorder mesh_lines_color method mod_big_prime mode_check_errorp mode_checkp mode_check_warnp mod_test mod_threshold modular_linear_solver modulus multiplicative multiplicities myoptions nary negdistrib negsumdispflag newline newtonepsilon newtonmaxiter nextlayerfactor niceindicespref nm nmc noeval nolabels nonegative_lp noninteger nonscalar noun noundisp nouns np npi nticks ntrig numer numer_pbranch obase odd oddfun opacity opproperties opsubst optimprefix optionset orientation origin orthopoly_returns_intervals outative outchar packagefile palette partswitch pdf_file pfeformat phiresolution %piargs piece pivot_count_sx pivot_max_sx plot_format plot_options plot_realpart png_file pochhammer_max_index points pointsize point_size points_joined point_type poislim poisson poly_coefficient_ring poly_elimination_order polyfactor poly_grobner_algorithm poly_grobner_debug poly_monomial_order poly_primary_elimination_order poly_return_term_list poly_secondary_elimination_order poly_top_reduction_only posfun position powerdisp pred prederror primep_number_of_tests product_use_gamma program programmode promote_float_to_bigfloat prompt proportional_axes props psexpand ps_file radexpand radius radsubstflag rassociative ratalgdenom ratchristof ratdenomdivide rateinstein ratepsilon ratfac rational ratmx ratprint ratriemann ratsimpexpons ratvarswitch ratweights ratweyl ratwtlvl real realonly redraw refcheck resolution restart resultant ric riem rmxchar %rnum_list rombergabs rombergit rombergmin rombergtol rootsconmode rootsepsilon run_viewer same_xy same_xyz savedef savefactors scalar scalarmatrixp scale scale_lp setcheck setcheckbreak setval show_edge_color show_edges show_edge_type show_edge_width show_id show_label showtime show_vertex_color show_vertex_size show_vertex_type show_vertices show_weight simp simplified_output simplify_products simpproduct simpsum sinnpiflag solvedecomposes solveexplicit solvefactors solvenullwarn solveradcan solvetrigwarn space sparse sphere spring_embedding_depth sqrtdispflag stardisp startphi starttheta stats_numer stringdisp structures style sublis_apply_lambda subnumsimp sumexpand sumsplitfact surface surface_hide svg_file symmetric tab taylordepth taylor_logexpand taylor_order_coefficients taylor_truncate_polynomials tensorkill terminal testsuite_files thetaresolution timer_devalue title tlimswitch tr track transcompile transform transform_xy translate_fast_arrays transparent transrun tr_array_as_ref tr_bound_function_applyp tr_file_tty_messagesp tr_float_can_branch_complex tr_function_call_default trigexpandplus trigexpandtimes triginverses trigsign trivial_solutions tr_numer tr_optimize_max_loop tr_semicompile tr_state_vars tr_warn_bad_function_calls tr_warn_fexpr tr_warn_meval tr_warn_mode tr_warn_undeclared tr_warn_undefined_variable tstep ttyoff tube_extremes ufg ug %unitexpand unit_vectors uric uriem use_fast_arrays user_preamble usersetunits values vect_cross verbose vertex_color vertex_coloring vertex_partition vertex_size vertex_type view warnings weyl width windowname windowtitle wired_surface wireframe xaxis xaxis_color xaxis_secondary xaxis_type xaxis_width xlabel xlabel_secondary xlength xrange xrange_secondary xtics xtics_axis xtics_rotate xtics_rotate_secondary xtics_secondary xtics_secondary_axis xu_grid x_voxel xy_file xyplane xy_scale yaxis yaxis_color yaxis_secondary yaxis_type yaxis_width ylabel ylabel_secondary ylength yrange yrange_secondary ytics ytics_axis ytics_rotate ytics_rotate_secondary ytics_secondary ytics_secondary_axis yv_grid y_voxel yx_ratio zaxis zaxis_color zaxis_type zaxis_width zeroa zerob zerobern zeta%pi zlabel zlabel_rotate zlength zmin zn_primroot_limit zn_primroot_pretest",symbol:"_ __ %|0 %%|0"},contains:[{className:"comment",begin:"/\\*",end:"\\*/",contains:["self"]},e.QUOTE_STRING_MODE,{className:"number",relevance:0,variants:[{begin:"\\b(\\d+|\\d+\\.|\\.\\d+|\\d+\\.\\d+)[Ee][-+]?\\d+\\b"},{begin:"\\b(\\d+|\\d+\\.|\\.\\d+|\\d+\\.\\d+)[Bb][-+]?\\d+\\b",relevance:10},{begin:"\\b(\\.\\d+|\\d+\\.\\d+)\\b"},{begin:"\\b(\\d+|0[0-9A-Za-z]+)\\.?\\b"}]}],illegal:/@/}}},43834:function(e){e.exports=function(e){return{name:"MEL",keywords:"int float string vector matrix if else switch case default while do for in break continue global proc return about abs addAttr addAttributeEditorNodeHelp addDynamic addNewShelfTab addPP addPanelCategory addPrefixToName advanceToNextDrivenKey affectedNet affects aimConstraint air alias aliasAttr align alignCtx alignCurve alignSurface allViewFit ambientLight angle angleBetween animCone animCurveEditor animDisplay animView annotate appendStringArray applicationName applyAttrPreset applyTake arcLenDimContext arcLengthDimension arclen arrayMapper art3dPaintCtx artAttrCtx artAttrPaintVertexCtx artAttrSkinPaintCtx artAttrTool artBuildPaintMenu artFluidAttrCtx artPuttyCtx artSelectCtx artSetPaintCtx artUserPaintCtx assignCommand assignInputDevice assignViewportFactories attachCurve attachDeviceAttr attachSurface attrColorSliderGrp attrCompatibility attrControlGrp attrEnumOptionMenu attrEnumOptionMenuGrp attrFieldGrp attrFieldSliderGrp attrNavigationControlGrp attrPresetEditWin attributeExists attributeInfo attributeMenu attributeQuery autoKeyframe autoPlace bakeClip bakeFluidShading bakePartialHistory bakeResults bakeSimulation basename basenameEx batchRender bessel bevel bevelPlus binMembership bindSkin blend2 blendShape blendShapeEditor blendShapePanel blendTwoAttr blindDataType boneLattice boundary boxDollyCtx boxZoomCtx bufferCurve buildBookmarkMenu buildKeyframeMenu button buttonManip CBG cacheFile cacheFileCombine cacheFileMerge cacheFileTrack camera cameraView canCreateManip canvas capitalizeString catch catchQuiet ceil changeSubdivComponentDisplayLevel changeSubdivRegion channelBox character characterMap characterOutlineEditor characterize chdir checkBox checkBoxGrp checkDefaultRenderGlobals choice circle circularFillet clamp clear clearCache clip clipEditor clipEditorCurrentTimeCtx clipSchedule clipSchedulerOutliner clipTrimBefore closeCurve closeSurface cluster cmdFileOutput cmdScrollFieldExecuter cmdScrollFieldReporter cmdShell coarsenSubdivSelectionList collision color colorAtPoint colorEditor colorIndex colorIndexSliderGrp colorSliderButtonGrp colorSliderGrp columnLayout commandEcho commandLine commandPort compactHairSystem componentEditor compositingInterop computePolysetVolume condition cone confirmDialog connectAttr connectControl connectDynamic connectJoint connectionInfo constrain constrainValue constructionHistory container containsMultibyte contextInfo control convertFromOldLayers convertIffToPsd convertLightmap convertSolidTx convertTessellation convertUnit copyArray copyFlexor copyKey copySkinWeights cos cpButton cpCache cpClothSet cpCollision cpConstraint cpConvClothToMesh cpForces cpGetSolverAttr cpPanel cpProperty cpRigidCollisionFilter cpSeam cpSetEdit cpSetSolverAttr cpSolver cpSolverTypes cpTool cpUpdateClothUVs createDisplayLayer createDrawCtx createEditor createLayeredPsdFile createMotionField createNewShelf createNode createRenderLayer createSubdivRegion cross crossProduct ctxAbort ctxCompletion ctxEditMode ctxTraverse currentCtx currentTime currentTimeCtx currentUnit curve curveAddPtCtx curveCVCtx curveEPCtx curveEditorCtx curveIntersect curveMoveEPCtx curveOnSurface curveSketchCtx cutKey cycleCheck cylinder dagPose date defaultLightListCheckBox defaultNavigation defineDataServer defineVirtualDevice deformer deg_to_rad delete deleteAttr deleteShadingGroupsAndMaterials deleteShelfTab deleteUI deleteUnusedBrushes delrandstr detachCurve detachDeviceAttr detachSurface deviceEditor devicePanel dgInfo dgdirty dgeval dgtimer dimWhen directKeyCtx directionalLight dirmap dirname disable disconnectAttr disconnectJoint diskCache displacementToPoly displayAffected displayColor displayCull displayLevelOfDetail displayPref displayRGBColor displaySmoothness displayStats displayString displaySurface distanceDimContext distanceDimension doBlur dolly dollyCtx dopeSheetEditor dot dotProduct doubleProfileBirailSurface drag dragAttrContext draggerContext dropoffLocator duplicate duplicateCurve duplicateSurface dynCache dynControl dynExport dynExpression dynGlobals dynPaintEditor dynParticleCtx dynPref dynRelEdPanel dynRelEditor dynamicLoad editAttrLimits editDisplayLayerGlobals editDisplayLayerMembers editRenderLayerAdjustment editRenderLayerGlobals editRenderLayerMembers editor editorTemplate effector emit emitter enableDevice encodeString endString endsWith env equivalent equivalentTol erf error eval evalDeferred evalEcho event exactWorldBoundingBox exclusiveLightCheckBox exec executeForEachObject exists exp expression expressionEditorListen extendCurve extendSurface extrude fcheck fclose feof fflush fgetline fgetword file fileBrowserDialog fileDialog fileExtension fileInfo filetest filletCurve filter filterCurve filterExpand filterStudioImport findAllIntersections findAnimCurves findKeyframe findMenuItem findRelatedSkinCluster finder firstParentOf fitBspline flexor floatEq floatField floatFieldGrp floatScrollBar floatSlider floatSlider2 floatSliderButtonGrp floatSliderGrp floor flow fluidCacheInfo fluidEmitter fluidVoxelInfo flushUndo fmod fontDialog fopen formLayout format fprint frameLayout fread freeFormFillet frewind fromNativePath fwrite gamma gauss geometryConstraint getApplicationVersionAsFloat getAttr getClassification getDefaultBrush getFileList getFluidAttr getInputDeviceRange getMayaPanelTypes getModifiers getPanel getParticleAttr getPluginResource getenv getpid glRender glRenderEditor globalStitch gmatch goal gotoBindPose grabColor gradientControl gradientControlNoAttr graphDollyCtx graphSelectContext graphTrackCtx gravity grid gridLayout group groupObjectsByName HfAddAttractorToAS HfAssignAS HfBuildEqualMap HfBuildFurFiles HfBuildFurImages HfCancelAFR HfConnectASToHF HfCreateAttractor HfDeleteAS HfEditAS HfPerformCreateAS HfRemoveAttractorFromAS HfSelectAttached HfSelectAttractors HfUnAssignAS hardenPointCurve hardware hardwareRenderPanel headsUpDisplay headsUpMessage help helpLine hermite hide hilite hitTest hotBox hotkey hotkeyCheck hsv_to_rgb hudButton hudSlider hudSliderButton hwReflectionMap hwRender hwRenderLoad hyperGraph hyperPanel hyperShade hypot iconTextButton iconTextCheckBox iconTextRadioButton iconTextRadioCollection iconTextScrollList iconTextStaticLabel ikHandle ikHandleCtx ikHandleDisplayScale ikSolver ikSplineHandleCtx ikSystem ikSystemInfo ikfkDisplayMethod illustratorCurves image imfPlugins inheritTransform insertJoint insertJointCtx insertKeyCtx insertKnotCurve insertKnotSurface instance instanceable instancer intField intFieldGrp intScrollBar intSlider intSliderGrp interToUI internalVar intersect iprEngine isAnimCurve isConnected isDirty isParentOf isSameObject isTrue isValidObjectName isValidString isValidUiName isolateSelect itemFilter itemFilterAttr itemFilterRender itemFilterType joint jointCluster jointCtx jointDisplayScale jointLattice keyTangent keyframe keyframeOutliner keyframeRegionCurrentTimeCtx keyframeRegionDirectKeyCtx keyframeRegionDollyCtx keyframeRegionInsertKeyCtx keyframeRegionMoveKeyCtx keyframeRegionScaleKeyCtx keyframeRegionSelectKeyCtx keyframeRegionSetKeyCtx keyframeRegionTrackCtx keyframeStats lassoContext lattice latticeDeformKeyCtx launch launchImageEditor layerButton layeredShaderPort layeredTexturePort layout layoutDialog lightList lightListEditor lightListPanel lightlink lineIntersection linearPrecision linstep listAnimatable listAttr listCameras listConnections listDeviceAttachments listHistory listInputDeviceAxes listInputDeviceButtons listInputDevices listMenuAnnotation listNodeTypes listPanelCategories listRelatives listSets listTransforms listUnselected listerEditor loadFluid loadNewShelf loadPlugin loadPluginLanguageResources loadPrefObjects localizedPanelLabel lockNode loft log longNameOf lookThru ls lsThroughFilter lsType lsUI Mayatomr mag makeIdentity makeLive makePaintable makeRoll makeSingleSurface makeTubeOn makebot manipMoveContext manipMoveLimitsCtx manipOptions manipRotateContext manipRotateLimitsCtx manipScaleContext manipScaleLimitsCtx marker match max memory menu menuBarLayout menuEditor menuItem menuItemToShelf menuSet menuSetPref messageLine min minimizeApp mirrorJoint modelCurrentTimeCtx modelEditor modelPanel mouse movIn movOut move moveIKtoFK moveKeyCtx moveVertexAlongDirection multiProfileBirailSurface mute nParticle nameCommand nameField namespace namespaceInfo newPanelItems newton nodeCast nodeIconButton nodeOutliner nodePreset nodeType noise nonLinear normalConstraint normalize nurbsBoolean nurbsCopyUVSet nurbsCube nurbsEditUV nurbsPlane nurbsSelect nurbsSquare nurbsToPoly nurbsToPolygonsPref nurbsToSubdiv nurbsToSubdivPref nurbsUVSet nurbsViewDirectionVector objExists objectCenter objectLayer objectType objectTypeUI obsoleteProc oceanNurbsPreviewPlane offsetCurve offsetCurveOnSurface offsetSurface openGLExtension openMayaPref optionMenu optionMenuGrp optionVar orbit orbitCtx orientConstraint outlinerEditor outlinerPanel overrideModifier paintEffectsDisplay pairBlend palettePort paneLayout panel panelConfiguration panelHistory paramDimContext paramDimension paramLocator parent parentConstraint particle particleExists particleInstancer particleRenderInfo partition pasteKey pathAnimation pause pclose percent performanceOptions pfxstrokes pickWalk picture pixelMove planarSrf plane play playbackOptions playblast plugAttr plugNode pluginInfo pluginResourceUtil pointConstraint pointCurveConstraint pointLight pointMatrixMult pointOnCurve pointOnSurface pointPosition poleVectorConstraint polyAppend polyAppendFacetCtx polyAppendVertex polyAutoProjection polyAverageNormal polyAverageVertex polyBevel polyBlendColor polyBlindData polyBoolOp polyBridgeEdge polyCacheMonitor polyCheck polyChipOff polyClipboard polyCloseBorder polyCollapseEdge polyCollapseFacet polyColorBlindData polyColorDel polyColorPerVertex polyColorSet polyCompare polyCone polyCopyUV polyCrease polyCreaseCtx polyCreateFacet polyCreateFacetCtx polyCube polyCut polyCutCtx polyCylinder polyCylindricalProjection polyDelEdge polyDelFacet polyDelVertex polyDuplicateAndConnect polyDuplicateEdge polyEditUV polyEditUVShell polyEvaluate polyExtrudeEdge polyExtrudeFacet polyExtrudeVertex polyFlipEdge polyFlipUV polyForceUV polyGeoSampler polyHelix polyInfo polyInstallAction polyLayoutUV polyListComponentConversion polyMapCut polyMapDel polyMapSew polyMapSewMove polyMergeEdge polyMergeEdgeCtx polyMergeFacet polyMergeFacetCtx polyMergeUV polyMergeVertex polyMirrorFace polyMoveEdge polyMoveFacet polyMoveFacetUV polyMoveUV polyMoveVertex polyNormal polyNormalPerVertex polyNormalizeUV polyOptUvs polyOptions polyOutput polyPipe polyPlanarProjection polyPlane polyPlatonicSolid polyPoke polyPrimitive polyPrism polyProjection polyPyramid polyQuad polyQueryBlindData polyReduce polySelect polySelectConstraint polySelectConstraintMonitor polySelectCtx polySelectEditCtx polySeparate polySetToFaceNormal polySewEdge polyShortestPathCtx polySmooth polySoftEdge polySphere polySphericalProjection polySplit polySplitCtx polySplitEdge polySplitRing polySplitVertex polyStraightenUVBorder polySubdivideEdge polySubdivideFacet polyToSubdiv polyTorus polyTransfer polyTriangulate polyUVSet polyUnite polyWedgeFace popen popupMenu pose pow preloadRefEd print progressBar progressWindow projFileViewer projectCurve projectTangent projectionContext projectionManip promptDialog propModCtx propMove psdChannelOutliner psdEditTextureFile psdExport psdTextureFile putenv pwd python querySubdiv quit rad_to_deg radial radioButton radioButtonGrp radioCollection radioMenuItemCollection rampColorPort rand randomizeFollicles randstate rangeControl readTake rebuildCurve rebuildSurface recordAttr recordDevice redo reference referenceEdit referenceQuery refineSubdivSelectionList refresh refreshAE registerPluginResource rehash reloadImage removeJoint removeMultiInstance removePanelCategory rename renameAttr renameSelectionList renameUI render renderGlobalsNode renderInfo renderLayerButton renderLayerParent renderLayerPostProcess renderLayerUnparent renderManip renderPartition renderQualityNode renderSettings renderThumbnailUpdate renderWindowEditor renderWindowSelectContext renderer reorder reorderDeformers requires reroot resampleFluid resetAE resetPfxToPolyCamera resetTool resolutionNode retarget reverseCurve reverseSurface revolve rgb_to_hsv rigidBody rigidSolver roll rollCtx rootOf rot rotate rotationInterpolation roundConstantRadius rowColumnLayout rowLayout runTimeCommand runup sampleImage saveAllShelves saveAttrPreset saveFluid saveImage saveInitialState saveMenu savePrefObjects savePrefs saveShelf saveToolSettings scale scaleBrushBrightness scaleComponents scaleConstraint scaleKey scaleKeyCtx sceneEditor sceneUIReplacement scmh scriptCtx scriptEditorInfo scriptJob scriptNode scriptTable scriptToShelf scriptedPanel scriptedPanelType scrollField scrollLayout sculpt searchPathArray seed selLoadSettings select selectContext selectCurveCV selectKey selectKeyCtx selectKeyframeRegionCtx selectMode selectPref selectPriority selectType selectedNodes selectionConnection separator setAttr setAttrEnumResource setAttrMapping setAttrNiceNameResource setConstraintRestPosition setDefaultShadingGroup setDrivenKeyframe setDynamic setEditCtx setEditor setFluidAttr setFocus setInfinity setInputDeviceMapping setKeyCtx setKeyPath setKeyframe setKeyframeBlendshapeTargetWts setMenuMode setNodeNiceNameResource setNodeTypeFlag setParent setParticleAttr setPfxToPolyCamera setPluginResource setProject setStampDensity setStartupMessage setState setToolTo setUITemplate setXformManip sets shadingConnection shadingGeometryRelCtx shadingLightRelCtx shadingNetworkCompare shadingNode shapeCompare shelfButton shelfLayout shelfTabLayout shellField shortNameOf showHelp showHidden showManipCtx showSelectionInTitle showShadingGroupAttrEditor showWindow sign simplify sin singleProfileBirailSurface size sizeBytes skinCluster skinPercent smoothCurve smoothTangentSurface smoothstep snap2to2 snapKey snapMode snapTogetherCtx snapshot soft softMod softModCtx sort sound soundControl source spaceLocator sphere sphrand spotLight spotLightPreviewPort spreadSheetEditor spring sqrt squareSurface srtContext stackTrace startString startsWith stitchAndExplodeShell stitchSurface stitchSurfacePoints strcmp stringArrayCatenate stringArrayContains stringArrayCount stringArrayInsertAtIndex stringArrayIntersector stringArrayRemove stringArrayRemoveAtIndex stringArrayRemoveDuplicates stringArrayRemoveExact stringArrayToString stringToStringArray strip stripPrefixFromName stroke subdAutoProjection subdCleanTopology subdCollapse subdDuplicateAndConnect subdEditUV subdListComponentConversion subdMapCut subdMapSewMove subdMatchTopology subdMirror subdToBlind subdToPoly subdTransferUVsToCache subdiv subdivCrease subdivDisplaySmoothness substitute substituteAllString substituteGeometry substring surface surfaceSampler surfaceShaderList swatchDisplayPort switchTable symbolButton symbolCheckBox sysFile system tabLayout tan tangentConstraint texLatticeDeformContext texManipContext texMoveContext texMoveUVShellContext texRotateContext texScaleContext texSelectContext texSelectShortestPathCtx texSmudgeUVContext texWinToolCtx text textCurves textField textFieldButtonGrp textFieldGrp textManip textScrollList textToShelf textureDisplacePlane textureHairColor texturePlacementContext textureWindow threadCount threePointArcCtx timeControl timePort timerX toNativePath toggle toggleAxis toggleWindowVisibility tokenize tokenizeList tolerance tolower toolButton toolCollection toolDropped toolHasOptions toolPropertyWindow torus toupper trace track trackCtx transferAttributes transformCompare transformLimits translator trim trunc truncateFluidCache truncateHairCache tumble tumbleCtx turbulence twoPointArcCtx uiRes uiTemplate unassignInputDevice undo undoInfo ungroup uniform unit unloadPlugin untangleUV untitledFileName untrim upAxis updateAE userCtx uvLink uvSnapshot validateShelfName vectorize view2dToolCtx viewCamera viewClipPlane viewFit viewHeadOn viewLookAt viewManip viewPlace viewSet visor volumeAxis vortex waitCursor warning webBrowser webBrowserPrefs whatIs window windowPref wire wireContext workspace wrinkle wrinkleContext writeTake xbmLangPathList xform",illegal:""},{begin:"<=",relevance:0},{begin:"=>",relevance:0},{begin:"/\\\\"},{begin:"\\\\/"}]},{className:"built_in",variants:[{begin:":-\\|-->"},{begin:"=",relevance:0}]},t,e.C_BLOCK_COMMENT_MODE,{className:"number",begin:"0'.\\|0[box][0-9a-fA-F]*"},e.NUMBER_MODE,r,n,{begin:/:-/},{begin:/\.$/}]}}},35674:function(e){e.exports=function(e){return{name:"MIPS Assembly",case_insensitive:!0,aliases:["mips"],keywords:{$pattern:"\\.?"+e.IDENT_RE,meta:".2byte .4byte .align .ascii .asciz .balign .byte .code .data .else .end .endif .endm .endr .equ .err .exitm .extern .global .hword .if .ifdef .ifndef .include .irp .long .macro .rept .req .section .set .skip .space .text .word .ltorg ",built_in:"$0 $1 $2 $3 $4 $5 $6 $7 $8 $9 $10 $11 $12 $13 $14 $15 $16 $17 $18 $19 $20 $21 $22 $23 $24 $25 $26 $27 $28 $29 $30 $31 zero at v0 v1 a0 a1 a2 a3 a4 a5 a6 a7 t0 t1 t2 t3 t4 t5 t6 t7 t8 t9 s0 s1 s2 s3 s4 s5 s6 s7 s8 k0 k1 gp sp fp ra $f0 $f1 $f2 $f2 $f4 $f5 $f6 $f7 $f8 $f9 $f10 $f11 $f12 $f13 $f14 $f15 $f16 $f17 $f18 $f19 $f20 $f21 $f22 $f23 $f24 $f25 $f26 $f27 $f28 $f29 $f30 $f31 Context Random EntryLo0 EntryLo1 Context PageMask Wired EntryHi HWREna BadVAddr Count Compare SR IntCtl SRSCtl SRSMap Cause EPC PRId EBase Config Config1 Config2 Config3 LLAddr Debug DEPC DESAVE CacheErr ECC ErrorEPC TagLo DataLo TagHi DataHi WatchLo WatchHi PerfCtl PerfCnt "},contains:[{className:"keyword",begin:"\\b(addi?u?|andi?|b(al)?|beql?|bgez(al)?l?|bgtzl?|blezl?|bltz(al)?l?|bnel?|cl[oz]|divu?|ext|ins|j(al)?|jalr(\\.hb)?|jr(\\.hb)?|lbu?|lhu?|ll|lui|lw[lr]?|maddu?|mfhi|mflo|movn|movz|move|msubu?|mthi|mtlo|mul|multu?|nop|nor|ori?|rotrv?|sb|sc|se[bh]|sh|sllv?|slti?u?|srav?|srlv?|subu?|sw[lr]?|xori?|wsbh|abs\\.[sd]|add\\.[sd]|alnv.ps|bc1[ft]l?|c\\.(s?f|un|u?eq|[ou]lt|[ou]le|ngle?|seq|l[et]|ng[et])\\.[sd]|(ceil|floor|round|trunc)\\.[lw]\\.[sd]|cfc1|cvt\\.d\\.[lsw]|cvt\\.l\\.[dsw]|cvt\\.ps\\.s|cvt\\.s\\.[dlw]|cvt\\.s\\.p[lu]|cvt\\.w\\.[dls]|div\\.[ds]|ldx?c1|luxc1|lwx?c1|madd\\.[sd]|mfc1|mov[fntz]?\\.[ds]|msub\\.[sd]|mth?c1|mul\\.[ds]|neg\\.[ds]|nmadd\\.[ds]|nmsub\\.[ds]|p[lu][lu]\\.ps|recip\\.fmt|r?sqrt\\.[ds]|sdx?c1|sub\\.[ds]|suxc1|swx?c1|break|cache|d?eret|[de]i|ehb|mfc0|mtc0|pause|prefx?|rdhwr|rdpgpr|sdbbp|ssnop|synci?|syscall|teqi?|tgei?u?|tlb(p|r|w[ir])|tlti?u?|tnei?|wait|wrpgpr)",end:"\\s"},e.COMMENT("[;#](?!\\s*$)","$"),e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,{className:"string",begin:"'",end:"[^\\\\]'",relevance:0},{className:"title",begin:"\\|",end:"\\|",illegal:"\\n",relevance:0},{className:"number",variants:[{begin:"0x[0-9a-f]+"},{begin:"\\b-?\\d+"}],relevance:0},{className:"symbol",variants:[{begin:"^\\s*[a-z_\\.\\$][a-z0-9_\\.\\$]+:"},{begin:"^\\s*[0-9]+:"},{begin:"[0-9]+[bf]"}],relevance:0}],illegal:/\//}}},85945:function(e){e.exports=function(e){return{name:"Mizar",keywords:"environ vocabularies notations constructors definitions registrations theorems schemes requirements begin end definition registration cluster existence pred func defpred deffunc theorem proof let take assume then thus hence ex for st holds consider reconsider such that and in provided of as from be being by means equals implies iff redefine define now not or attr is mode suppose per cases set thesis contradiction scheme reserve struct correctness compatibility coherence symmetry assymetry reflexivity irreflexivity connectedness uniqueness commutativity idempotence involutiveness projectivity",contains:[e.COMMENT("::","$")]}}},17611:function(e){e.exports=function(e){return{name:"Mojolicious",subLanguage:"xml",contains:[{className:"meta",begin:"^__(END|DATA)__$"},{begin:"^\\s*%{1,2}={0,2}",end:"$",subLanguage:"perl"},{begin:"<%{1,2}={0,2}",end:"={0,1}%>",subLanguage:"perl",excludeBegin:!0,excludeEnd:!0}]}}},94550:function(e){e.exports=function(e){let t={className:"number",relevance:0,variants:[{begin:"[$][a-fA-F0-9]+"},e.NUMBER_MODE]},r={variants:[{match:[/(function|method)/,/\s+/,e.UNDERSCORE_IDENT_RE]}],scope:{1:"keyword",3:"title.function"}},n={variants:[{match:[/(class|interface|extends|implements)/,/\s+/,e.UNDERSCORE_IDENT_RE]}],scope:{1:"keyword",3:"title.class"}};return{name:"Monkey",case_insensitive:!0,keywords:{keyword:["public","private","property","continue","exit","extern","new","try","catch","eachin","not","abstract","final","select","case","default","const","local","global","field","end","if","then","else","elseif","endif","while","wend","repeat","until","forever","for","to","step","next","return","module","inline","throw","import","and","or","shl","shr","mod"],built_in:["DebugLog","DebugStop","Error","Print","ACos","ACosr","ASin","ASinr","ATan","ATan2","ATan2r","ATanr","Abs","Abs","Ceil","Clamp","Clamp","Cos","Cosr","Exp","Floor","Log","Max","Max","Min","Min","Pow","Sgn","Sgn","Sin","Sinr","Sqrt","Tan","Tanr","Seed","PI","HALFPI","TWOPI"],literal:["true","false","null"]},illegal:/\/\*/,contains:[e.COMMENT("#rem","#end"),e.COMMENT("'","$",{relevance:0}),r,n,{className:"variable.language",begin:/\b(self|super)\b/},{className:"meta",begin:/\s*#/,end:"$",keywords:{keyword:"if else elseif endif end then"}},{match:[/^\s*/,/strict\b/],scope:{2:"meta"}},{beginKeywords:"alias",end:"=",contains:[e.UNDERSCORE_TITLE_MODE]},e.QUOTE_STRING_MODE,t]}}},71910:function(e){e.exports=function(e){let t={keyword:"if then not for in while do return else elseif break continue switch and or unless when class extends super local import export from using",literal:"true false nil",built_in:"_G _VERSION assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall coroutine debug io math os package string table"},r="[A-Za-z$_][0-9A-Za-z$_]*",n={className:"subst",begin:/#\{/,end:/\}/,keywords:t},a=[e.inherit(e.C_NUMBER_MODE,{starts:{end:"(\\s*/)?",relevance:0}}),{className:"string",variants:[{begin:/'/,end:/'/,contains:[e.BACKSLASH_ESCAPE]},{begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,n]}]},{className:"built_in",begin:"@__"+e.IDENT_RE},{begin:"@"+e.IDENT_RE},{begin:e.IDENT_RE+"\\\\"+e.IDENT_RE}];n.contains=a;let i=e.inherit(e.TITLE_MODE,{begin:r}),o="(\\(.*\\)\\s*)?\\B[-=]>",s={className:"params",begin:"\\([^\\(]",returnBegin:!0,contains:[{begin:/\(/,end:/\)/,keywords:t,contains:["self"].concat(a)}]};return{name:"MoonScript",aliases:["moon"],keywords:t,illegal:/\/\*/,contains:a.concat([e.COMMENT("--","$"),{className:"function",begin:"^\\s*"+r+"\\s*=\\s*"+o,end:"[-=]>",returnBegin:!0,contains:[i,s]},{begin:/[\(,:=]\s*/,relevance:0,contains:[{className:"function",begin:o,end:"[-=]>",returnBegin:!0,contains:[s]}]},{className:"class",beginKeywords:"class",end:"$",illegal:/[:="\[\]]/,contains:[{beginKeywords:"extends",endsWithParent:!0,illegal:/[:="\[\]]/,contains:[i]},i]},{className:"name",begin:r+":",end:":",returnBegin:!0,returnEnd:!0,relevance:0}])}}},92670:function(e){e.exports=function(e){return{name:"N1QL",case_insensitive:!0,contains:[{beginKeywords:"build create index delete drop explain infer|10 insert merge prepare select update upsert|10",end:/;/,keywords:{keyword:["all","alter","analyze","and","any","array","as","asc","begin","between","binary","boolean","break","bucket","build","by","call","case","cast","cluster","collate","collection","commit","connect","continue","correlate","cover","create","database","dataset","datastore","declare","decrement","delete","derived","desc","describe","distinct","do","drop","each","element","else","end","every","except","exclude","execute","exists","explain","fetch","first","flatten","for","force","from","function","grant","group","gsi","having","if","ignore","ilike","in","include","increment","index","infer","inline","inner","insert","intersect","into","is","join","key","keys","keyspace","known","last","left","let","letting","like","limit","lsm","map","mapping","matched","materialized","merge","minus","namespace","nest","not","number","object","offset","on","option","or","order","outer","over","parse","partition","password","path","pool","prepare","primary","private","privilege","procedure","public","raw","realm","reduce","rename","return","returning","revoke","right","role","rollback","satisfies","schema","select","self","semi","set","show","some","start","statistics","string","system","then","to","transaction","trigger","truncate","under","union","unique","unknown","unnest","unset","update","upsert","use","user","using","validate","value","valued","values","via","view","when","where","while","with","within","work","xor"],literal:["true","false","null","missing|5"],built_in:["array_agg","array_append","array_concat","array_contains","array_count","array_distinct","array_ifnull","array_length","array_max","array_min","array_position","array_prepend","array_put","array_range","array_remove","array_repeat","array_replace","array_reverse","array_sort","array_sum","avg","count","max","min","sum","greatest","least","ifmissing","ifmissingornull","ifnull","missingif","nullif","ifinf","ifnan","ifnanorinf","naninf","neginfif","posinfif","clock_millis","clock_str","date_add_millis","date_add_str","date_diff_millis","date_diff_str","date_part_millis","date_part_str","date_trunc_millis","date_trunc_str","duration_to_str","millis","str_to_millis","millis_to_str","millis_to_utc","millis_to_zone_name","now_millis","now_str","str_to_duration","str_to_utc","str_to_zone_name","decode_json","encode_json","encoded_size","poly_length","base64","base64_encode","base64_decode","meta","uuid","abs","acos","asin","atan","atan2","ceil","cos","degrees","e","exp","ln","log","floor","pi","power","radians","random","round","sign","sin","sqrt","tan","trunc","object_length","object_names","object_pairs","object_inner_pairs","object_values","object_inner_values","object_add","object_put","object_remove","object_unwrap","regexp_contains","regexp_like","regexp_position","regexp_replace","contains","initcap","length","lower","ltrim","position","repeat","replace","rtrim","split","substr","title","trim","upper","isarray","isatom","isboolean","isnumber","isobject","isstring","type","toarray","toatom","toboolean","tonumber","toobject","tostring"]},contains:[{className:"string",begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE]},{className:"string",begin:'"',end:'"',contains:[e.BACKSLASH_ESCAPE]},{className:"symbol",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE]},e.C_BLOCK_COMMENT_MODE]}}},72958:function(e){e.exports=function(e){return{name:"Nested Text",aliases:["nt"],contains:[e.inherit(e.HASH_COMMENT_MODE,{begin:/^\s*(?=#)/,excludeBegin:!0}),{variants:[{match:[/^\s*/,/-/,/[ ]/,/.*$/]},{match:[/^\s*/,/-$/]}],className:{2:"bullet",4:"string"}},{match:[/^\s*/,/>/,/[ ]/,/.*$/],className:{2:"punctuation",4:"string"}},{match:[/^\s*(?=\S)/,/[^:]+/,/:\s*/,/$/],className:{2:"attribute",3:"punctuation"}},{match:[/^\s*(?=\S)/,/[^:]*[^: ]/,/[ ]*:/,/[ ]/,/.*$/],className:{2:"attribute",3:"punctuation",5:"string"}}]}}},69779:function(e){e.exports=function(e){let t=e.regex,r={className:"variable",variants:[{begin:/\$\d+/},{begin:/\$\{\w+\}/},{begin:t.concat(/[$@]/,e.UNDERSCORE_IDENT_RE)}]},n={endsWithParent:!0,keywords:{$pattern:/[a-z_]{2,}|\/dev\/poll/,literal:["on","off","yes","no","true","false","none","blocked","debug","info","notice","warn","error","crit","select","break","last","permanent","redirect","kqueue","rtsig","epoll","poll","/dev/poll"]},relevance:0,illegal:"=>",contains:[e.HASH_COMMENT_MODE,{className:"string",contains:[e.BACKSLASH_ESCAPE,r],variants:[{begin:/"/,end:/"/},{begin:/'/,end:/'/}]},{begin:"([a-z]+):/",end:"\\s",endsWithParent:!0,excludeEnd:!0,contains:[r]},{className:"regexp",contains:[e.BACKSLASH_ESCAPE,r],variants:[{begin:"\\s\\^",end:"\\s|\\{|;",returnEnd:!0},{begin:"~\\*?\\s+",end:"\\s|\\{|;",returnEnd:!0},{begin:"\\*(\\.[a-z\\-]+)+"},{begin:"([a-z\\-]+\\.)+\\*"}]},{className:"number",begin:"\\b\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}(:\\d{1,5})?\\b"},{className:"number",begin:"\\b\\d+[kKmMgGdshdwy]?\\b",relevance:0},r]};return{name:"Nginx config",aliases:["nginxconf"],contains:[e.HASH_COMMENT_MODE,{beginKeywords:"upstream location",end:/;|\{/,contains:n.contains,keywords:{section:"upstream location"}},{className:"section",begin:t.concat(e.UNDERSCORE_IDENT_RE+t.lookahead(/\s+\{/)),relevance:0},{begin:t.lookahead(e.UNDERSCORE_IDENT_RE+"\\s"),end:";|\\{",contains:[{className:"attribute",begin:e.UNDERSCORE_IDENT_RE,starts:n}],relevance:0}],illegal:"[^\\s\\}\\{]"}}},97549:function(e){e.exports=function(e){return{name:"Nim",keywords:{keyword:["addr","and","as","asm","bind","block","break","case","cast","const","continue","converter","discard","distinct","div","do","elif","else","end","enum","except","export","finally","for","from","func","generic","guarded","if","import","in","include","interface","is","isnot","iterator","let","macro","method","mixin","mod","nil","not","notin","object","of","or","out","proc","ptr","raise","ref","return","shared","shl","shr","static","template","try","tuple","type","using","var","when","while","with","without","xor","yield"],literal:["true","false"],type:["int","int8","int16","int32","int64","uint","uint8","uint16","uint32","uint64","float","float32","float64","bool","char","string","cstring","pointer","expr","stmt","void","auto","any","range","array","openarray","varargs","seq","set","clong","culong","cchar","cschar","cshort","cint","csize","clonglong","cfloat","cdouble","clongdouble","cuchar","cushort","cuint","culonglong","cstringarray","semistatic"],built_in:["stdin","stdout","stderr","result"]},contains:[{className:"meta",begin:/\{\./,end:/\.\}/,relevance:10},{className:"string",begin:/[a-zA-Z]\w*"/,end:/"/,contains:[{begin:/""/}]},{className:"string",begin:/([a-zA-Z]\w*)?"""/,end:/"""/},e.QUOTE_STRING_MODE,{className:"type",begin:/\b[A-Z]\w+\b/,relevance:0},{className:"number",relevance:0,variants:[{begin:/\b(0[xX][0-9a-fA-F][_0-9a-fA-F]*)('?[iIuU](8|16|32|64))?/},{begin:/\b(0o[0-7][_0-7]*)('?[iIuUfF](8|16|32|64))?/},{begin:/\b(0(b|B)[01][_01]*)('?[iIuUfF](8|16|32|64))?/},{begin:/\b(\d[_\d]*)('?[iIuUfF](8|16|32|64))?/}]},e.HASH_COMMENT_MODE]}}},8749:function(e){e.exports=function(e){let t={keyword:["rec","with","let","in","inherit","assert","if","else","then"],literal:["true","false","or","and","null"],built_in:["import","abort","baseNameOf","dirOf","isNull","builtins","map","removeAttrs","throw","toString","derivation"]},r={className:"subst",begin:/\$\{/,end:/\}/,keywords:t},n=[e.NUMBER_MODE,e.HASH_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",contains:[{className:"char.escape",begin:/''\$/},r],variants:[{begin:"''",end:"''"},{begin:'"',end:'"'}]},{begin:/[a-zA-Z0-9-_]+(\s*=)/,returnBegin:!0,relevance:0,contains:[{className:"attr",begin:/\S+/,relevance:.2}]}];return r.contains=n,{name:"Nix",aliases:["nixos"],keywords:t,contains:n}}},89878:function(e){e.exports=function(e){return{name:"Node REPL",contains:[{className:"meta.prompt",starts:{end:/ |$/,starts:{end:"$",subLanguage:"javascript"}},variants:[{begin:/^>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}}},48558:function(e){e.exports=function(e){let t=e.regex,r={className:"variable.constant",begin:t.concat(/\$/,t.either(...["ADMINTOOLS","APPDATA","CDBURN_AREA","CMDLINE","COMMONFILES32","COMMONFILES64","COMMONFILES","COOKIES","DESKTOP","DOCUMENTS","EXEDIR","EXEFILE","EXEPATH","FAVORITES","FONTS","HISTORY","HWNDPARENT","INSTDIR","INTERNET_CACHE","LANGUAGE","LOCALAPPDATA","MUSIC","NETHOOD","OUTDIR","PICTURES","PLUGINSDIR","PRINTHOOD","PROFILE","PROGRAMFILES32","PROGRAMFILES64","PROGRAMFILES","QUICKLAUNCH","RECENT","RESOURCES_LOCALIZED","RESOURCES","SENDTO","SMPROGRAMS","SMSTARTUP","STARTMENU","SYSDIR","TEMP","TEMPLATES","VIDEOS","WINDIR"]))},n={className:"variable",begin:/\$+\{[\!\w.:-]+\}/},a={className:"variable",begin:/\$+\w[\w\.]*/,illegal:/\(\)\{\}/},i={className:"variable",begin:/\$+\([\w^.:!-]+\)/},o={className:"params",begin:t.either(...["ARCHIVE","FILE_ATTRIBUTE_ARCHIVE","FILE_ATTRIBUTE_NORMAL","FILE_ATTRIBUTE_OFFLINE","FILE_ATTRIBUTE_READONLY","FILE_ATTRIBUTE_SYSTEM","FILE_ATTRIBUTE_TEMPORARY","HKCR","HKCU","HKDD","HKEY_CLASSES_ROOT","HKEY_CURRENT_CONFIG","HKEY_CURRENT_USER","HKEY_DYN_DATA","HKEY_LOCAL_MACHINE","HKEY_PERFORMANCE_DATA","HKEY_USERS","HKLM","HKPD","HKU","IDABORT","IDCANCEL","IDIGNORE","IDNO","IDOK","IDRETRY","IDYES","MB_ABORTRETRYIGNORE","MB_DEFBUTTON1","MB_DEFBUTTON2","MB_DEFBUTTON3","MB_DEFBUTTON4","MB_ICONEXCLAMATION","MB_ICONINFORMATION","MB_ICONQUESTION","MB_ICONSTOP","MB_OK","MB_OKCANCEL","MB_RETRYCANCEL","MB_RIGHT","MB_RTLREADING","MB_SETFOREGROUND","MB_TOPMOST","MB_USERICON","MB_YESNO","NORMAL","OFFLINE","READONLY","SHCTX","SHELL_CONTEXT","SYSTEM|TEMPORARY"])},s={className:"keyword",begin:t.concat(/!/,t.either(...["addincludedir","addplugindir","appendfile","cd","define","delfile","echo","else","endif","error","execute","finalize","getdllversion","gettlbversion","if","ifdef","ifmacrodef","ifmacrondef","ifndef","include","insertmacro","macro","macroend","makensis","packhdr","searchparse","searchreplace","system","tempfile","undef","uninstfinalize","verbose","warning"]))},l={match:[/Function/,/\s+/,t.concat(/(\.)?/,e.IDENT_RE)],scope:{1:"keyword",3:"title.function"}};return{name:"NSIS",case_insensitive:!0,keywords:{keyword:["Abort","AddBrandingImage","AddSize","AllowRootDirInstall","AllowSkipFiles","AutoCloseWindow","BGFont","BGGradient","BrandingText","BringToFront","Call","CallInstDLL","Caption","ChangeUI","CheckBitmap","ClearErrors","CompletedText","ComponentText","CopyFiles","CRCCheck","CreateDirectory","CreateFont","CreateShortCut","Delete","DeleteINISec","DeleteINIStr","DeleteRegKey","DeleteRegValue","DetailPrint","DetailsButtonText","DirText","DirVar","DirVerify","EnableWindow","EnumRegKey","EnumRegValue","Exch","Exec","ExecShell","ExecShellWait","ExecWait","ExpandEnvStrings","File","FileBufSize","FileClose","FileErrorText","FileOpen","FileRead","FileReadByte","FileReadUTF16LE","FileReadWord","FileWriteUTF16LE","FileSeek","FileWrite","FileWriteByte","FileWriteWord","FindClose","FindFirst","FindNext","FindWindow","FlushINI","GetCurInstType","GetCurrentAddress","GetDlgItem","GetDLLVersion","GetDLLVersionLocal","GetErrorLevel","GetFileTime","GetFileTimeLocal","GetFullPathName","GetFunctionAddress","GetInstDirError","GetKnownFolderPath","GetLabelAddress","GetTempFileName","GetWinVer","Goto","HideWindow","Icon","IfAbort","IfErrors","IfFileExists","IfRebootFlag","IfRtlLanguage","IfShellVarContextAll","IfSilent","InitPluginsDir","InstallButtonText","InstallColors","InstallDir","InstallDirRegKey","InstProgressFlags","InstType","InstTypeGetText","InstTypeSetText","Int64Cmp","Int64CmpU","Int64Fmt","IntCmp","IntCmpU","IntFmt","IntOp","IntPtrCmp","IntPtrCmpU","IntPtrOp","IsWindow","LangString","LicenseBkColor","LicenseData","LicenseForceSelection","LicenseLangString","LicenseText","LoadAndSetImage","LoadLanguageFile","LockWindow","LogSet","LogText","ManifestDPIAware","ManifestLongPathAware","ManifestMaxVersionTested","ManifestSupportedOS","MessageBox","MiscButtonText","Name|0","Nop","OutFile","Page","PageCallbacks","PEAddResource","PEDllCharacteristics","PERemoveResource","PESubsysVer","Pop","Push","Quit","ReadEnvStr","ReadINIStr","ReadRegDWORD","ReadRegStr","Reboot","RegDLL","Rename","RequestExecutionLevel","ReserveFile","Return","RMDir","SearchPath","SectionGetFlags","SectionGetInstTypes","SectionGetSize","SectionGetText","SectionIn","SectionSetFlags","SectionSetInstTypes","SectionSetSize","SectionSetText","SendMessage","SetAutoClose","SetBrandingImage","SetCompress","SetCompressor","SetCompressorDictSize","SetCtlColors","SetCurInstType","SetDatablockOptimize","SetDateSave","SetDetailsPrint","SetDetailsView","SetErrorLevel","SetErrors","SetFileAttributes","SetFont","SetOutPath","SetOverwrite","SetRebootFlag","SetRegView","SetShellVarContext","SetSilent","ShowInstDetails","ShowUninstDetails","ShowWindow","SilentInstall","SilentUnInstall","Sleep","SpaceTexts","StrCmp","StrCmpS","StrCpy","StrLen","SubCaption","Unicode","UninstallButtonText","UninstallCaption","UninstallIcon","UninstallSubCaption","UninstallText","UninstPage","UnRegDLL","Var","VIAddVersionKey","VIFileVersion","VIProductVersion","WindowIcon","WriteINIStr","WriteRegBin","WriteRegDWORD","WriteRegExpandStr","WriteRegMultiStr","WriteRegNone","WriteRegStr","WriteUninstaller","XPStyle"],literal:["admin","all","auto","both","bottom","bzip2","colored","components","current","custom","directory","false","force","hide","highest","ifdiff","ifnewer","instfiles","lastused","leave","left","license","listonly","lzma","nevershow","none","normal","notset","off","on","open","print","right","show","silent","silentlog","smooth","textonly","top","true","try","un.components","un.custom","un.directory","un.instfiles","un.license","uninstConfirm","user","Win10","Win7","Win8","WinVista","zlib"]},contains:[e.HASH_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.COMMENT(";","$",{relevance:0}),{match:[/Var/,/\s+/,/(?:\/GLOBAL\s+)?/,/[A-Za-z][\w.]*/],scope:{1:"keyword",3:"params",4:"variable"}},l,{beginKeywords:"Function PageEx Section SectionGroup FunctionEnd SectionEnd"},{className:"string",variants:[{begin:'"',end:'"'},{begin:"'",end:"'"},{begin:"`",end:"`"}],illegal:/\n/,contains:[{className:"char.escape",begin:/\$(\\[nrt]|\$)/},r,n,a,i]},s,n,a,i,o,{className:"title.function",begin:/\w+::\w+/},e.NUMBER_MODE]}}},12248:function(e){e.exports=function(e){let t=/[a-zA-Z@][a-zA-Z0-9_]*/,r={$pattern:t,keyword:["@interface","@class","@protocol","@implementation"]};return{name:"Objective-C",aliases:["mm","objc","obj-c","obj-c++","objective-c++"],keywords:{"variable.language":["this","super"],$pattern:t,keyword:["while","export","sizeof","typedef","const","struct","for","union","volatile","static","mutable","if","do","return","goto","enum","else","break","extern","asm","case","default","register","explicit","typename","switch","continue","inline","readonly","assign","readwrite","self","@synchronized","id","typeof","nonatomic","IBOutlet","IBAction","strong","weak","copy","in","out","inout","bycopy","byref","oneway","__strong","__weak","__block","__autoreleasing","@private","@protected","@public","@try","@property","@end","@throw","@catch","@finally","@autoreleasepool","@synthesize","@dynamic","@selector","@optional","@required","@encode","@package","@import","@defs","@compatibility_alias","__bridge","__bridge_transfer","__bridge_retained","__bridge_retain","__covariant","__contravariant","__kindof","_Nonnull","_Nullable","_Null_unspecified","__FUNCTION__","__PRETTY_FUNCTION__","__attribute__","getter","setter","retain","unsafe_unretained","nonnull","nullable","null_unspecified","null_resettable","class","instancetype","NS_DESIGNATED_INITIALIZER","NS_UNAVAILABLE","NS_REQUIRES_SUPER","NS_RETURNS_INNER_POINTER","NS_INLINE","NS_AVAILABLE","NS_DEPRECATED","NS_ENUM","NS_OPTIONS","NS_SWIFT_UNAVAILABLE","NS_ASSUME_NONNULL_BEGIN","NS_ASSUME_NONNULL_END","NS_REFINED_FOR_SWIFT","NS_SWIFT_NAME","NS_SWIFT_NOTHROW","NS_DURING","NS_HANDLER","NS_ENDHANDLER","NS_VALUERETURN","NS_VOIDRETURN"],literal:["false","true","FALSE","TRUE","nil","YES","NO","NULL"],built_in:["dispatch_once_t","dispatch_queue_t","dispatch_sync","dispatch_async","dispatch_once"],type:["int","float","char","unsigned","signed","short","long","double","wchar_t","unichar","void","bool","BOOL","id|0","_Bool"]},illegal:"/,end:/$/,illegal:"\\n"},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"class",begin:"("+r.keyword.join("|")+")\\b",end:/(\{|$)/,excludeEnd:!0,keywords:r,contains:[e.UNDERSCORE_TITLE_MODE]},{begin:"\\."+e.UNDERSCORE_IDENT_RE,relevance:0}]}}},68391:function(e){e.exports=function(e){return{name:"OCaml",aliases:["ml"],keywords:{$pattern:"[a-z_]\\w*!?",keyword:"and as assert asr begin class constraint do done downto else end exception external for fun function functor if in include inherit! inherit initializer land lazy let lor lsl lsr lxor match method!|10 method mod module mutable new object of open! open or private rec sig struct then to try type val! val virtual when while with parser value",built_in:"array bool bytes char exn|5 float int int32 int64 list lazy_t|5 nativeint|5 string unit in_channel out_channel ref",literal:"true false"},illegal:/\/\/|>>/,contains:[{className:"literal",begin:"\\[(\\|\\|)?\\]|\\(\\)",relevance:0},e.COMMENT("\\(\\*","\\*\\)",{contains:["self"]}),{className:"symbol",begin:"'[A-Za-z_](?!')[\\w']*"},{className:"type",begin:"`[A-Z][\\w']*"},{className:"type",begin:"\\b[A-Z][\\w']*",relevance:0},{begin:"[a-z_]\\w*'[\\w']*",relevance:0},e.inherit(e.APOS_STRING_MODE,{className:"string",relevance:0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),{className:"number",begin:"\\b(0[xX][a-fA-F0-9_]+[Lln]?|0[oO][0-7_]+[Lln]?|0[bB][01_]+[Lln]?|[0-9][0-9_]*([Lln]|(\\.[0-9_]*)?([eE][-+]?[0-9_]+)?)?)",relevance:0},{begin:/->/}]}}},19425:function(e){e.exports=function(e){let t={className:"keyword",begin:"\\$(f[asn]|t|vp[rtd]|children)"},r={className:"number",begin:"\\b\\d+(\\.\\d+)?(e-?\\d+)?",relevance:0},n=e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),a={className:"function",beginKeywords:"module function",end:/=|\{/,contains:[{className:"params",begin:"\\(",end:"\\)",contains:["self",r,n,t,{className:"literal",begin:"false|true|PI|undef"}]},e.UNDERSCORE_TITLE_MODE]};return{name:"OpenSCAD",aliases:["scad"],keywords:{keyword:"function module include use for intersection_for if else \\%",literal:"false true PI undef",built_in:"circle square polygon text sphere cube cylinder polyhedron translate rotate scale resize mirror multmatrix color offset hull minkowski union difference intersection abs sign sin cos tan acos asin atan atan2 floor round ceil ln log pow sqrt exp rands min max concat lookup str chr search version version_num norm cross parent_module echo import import_dxf dxf_linear_extrude linear_extrude rotate_extrude surface projection render children dxf_cross dxf_dim let assign"},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,r,{className:"meta",keywords:{keyword:"include use"},begin:"include|use <",end:">"},n,t,{begin:"[*!#%]",relevance:0},a]}}},49027:function(e){e.exports=function(e){let t={$pattern:/\.?\w+/,keyword:"abstract add and array as asc aspect assembly async begin break block by case class concat const copy constructor continue create default delegate desc distinct div do downto dynamic each else empty end ensure enum equals event except exit extension external false final finalize finalizer finally flags for forward from function future global group has if implementation implements implies in index inherited inline interface into invariants is iterator join locked locking loop matching method mod module namespace nested new nil not notify nullable of old on operator or order out override parallel params partial pinned private procedure property protected public queryable raise read readonly record reintroduce remove repeat require result reverse sealed select self sequence set shl shr skip static step soft take then to true try tuple type union unit unsafe until uses using var virtual raises volatile where while with write xor yield await mapped deprecated stdcall cdecl pascal register safecall overload library platform reference packed strict published autoreleasepool selector strong weak unretained"},r=e.COMMENT(/\{/,/\}/,{relevance:0}),n=e.COMMENT("\\(\\*","\\*\\)",{relevance:10}),a={className:"string",begin:"'",end:"'",contains:[{begin:"''"}]},i={className:"string",begin:"(#\\d+)+"},o={beginKeywords:"function constructor destructor procedure method",end:"[:;]",keywords:"function constructor|10 destructor|10 procedure|10 method|10",contains:[e.inherit(e.TITLE_MODE,{scope:"title.function"}),{className:"params",begin:"\\(",end:"\\)",keywords:t,contains:[a,i]},r,n]};return{name:"Oxygene",case_insensitive:!0,keywords:t,illegal:'("|\\$[G-Zg-z]|\\/\\*||->)',contains:[r,n,e.C_LINE_COMMENT_MODE,a,i,e.NUMBER_MODE,o,{scope:"punctuation",match:/;/,relevance:0}]}}},60207:function(e){e.exports=function(e){let t=e.COMMENT(/\{/,/\}/,{contains:["self"]});return{name:"Parser3",subLanguage:"xml",relevance:0,contains:[e.COMMENT("^#","$"),e.COMMENT(/\^rem\{/,/\}/,{relevance:10,contains:[t]}),{className:"meta",begin:"^@(?:BASE|USE|CLASS|OPTIONS)$",relevance:10},{className:"title",begin:"@[\\w\\-]+\\[[\\w^;\\-]*\\](?:\\[[\\w^;\\-]*\\])?(?:.*)$"},{className:"variable",begin:/\$\{?[\w\-.:]+\}?/},{className:"keyword",begin:/\^[\w\-.:]+/},{className:"number",begin:"\\^#[0-9a-fA-F]+"},e.C_NUMBER_MODE]}}},73331:function(e){e.exports=function(e){let t=e.regex,r=/[dualxmsipngr]{0,12}/,n={$pattern:/[\w.]+/,keyword:"abs accept alarm and atan2 bind binmode bless break caller chdir chmod chomp chop chown chr chroot close closedir connect continue cos crypt dbmclose dbmopen defined delete die do dump each else elsif endgrent endhostent endnetent endprotoent endpwent endservent eof eval exec exists exit exp fcntl fileno flock for foreach fork format formline getc getgrent getgrgid getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr getnetbyname getnetent getpeername getpgrp getpriority getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid getservbyname getservbyport getservent getsockname getsockopt given glob gmtime goto grep gt hex if index int ioctl join keys kill last lc lcfirst length link listen local localtime log lstat lt ma map mkdir msgctl msgget msgrcv msgsnd my ne next no not oct open opendir or ord our pack package pipe pop pos print printf prototype push q|0 qq quotemeta qw qx rand read readdir readline readlink readpipe recv redo ref rename require reset return reverse rewinddir rindex rmdir say scalar seek seekdir select semctl semget semop send setgrent sethostent setnetent setpgrp setpriority setprotoent setpwent setservent setsockopt shift shmctl shmget shmread shmwrite shutdown sin sleep socket socketpair sort splice split sprintf sqrt srand stat state study sub substr symlink syscall sysopen sysread sysseek system syswrite tell telldir tie tied time times tr truncate uc ucfirst umask undef unless unlink unpack unshift untie until use utime values vec wait waitpid wantarray warn when while write x|0 xor y|0"},a={className:"subst",begin:"[$@]\\{",end:"\\}",keywords:n},i={begin:/->\{/,end:/\}/},o={variants:[{begin:/\$\d/},{begin:t.concat(/[$%@](\^\w\b|#\w+(::\w+)*|\{\w+\}|\w+(::\w*)*)/,"(?![A-Za-z])(?![@$%])")},{begin:/[$%@][^\s\w{]/,relevance:0}]},s=[e.BACKSLASH_ESCAPE,a,o],l=[/!/,/\//,/\|/,/\?/,/'/,/"/,/#/],c=(e,n,a="\\1")=>{let i="\\1"===a?a:t.concat(a,n);return t.concat(t.concat("(?:",e,")"),n,/(?:\\.|[^\\\/])*?/,i,/(?:\\.|[^\\\/])*?/,a,r)},d=(e,n,a)=>t.concat(t.concat("(?:",e,")"),n,/(?:\\.|[^\\\/])*?/,a,r),u=[o,e.HASH_COMMENT_MODE,e.COMMENT(/^=\w/,/=cut/,{endsWithParent:!0}),i,{className:"string",contains:s,variants:[{begin:"q[qwxr]?\\s*\\(",end:"\\)",relevance:5},{begin:"q[qwxr]?\\s*\\[",end:"\\]",relevance:5},{begin:"q[qwxr]?\\s*\\{",end:"\\}",relevance:5},{begin:"q[qwxr]?\\s*\\|",end:"\\|",relevance:5},{begin:"q[qwxr]?\\s*<",end:">",relevance:5},{begin:"qw\\s+q",end:"q",relevance:5},{begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"'},{begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE]},{begin:/\{\w+\}/,relevance:0},{begin:"-?\\w+\\s*=>",relevance:0}]},{className:"number",begin:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},{begin:"(\\/\\/|"+e.RE_STARTERS_RE+"|\\b(split|return|print|reverse|grep)\\b)\\s*",keywords:"split return print reverse grep",relevance:0,contains:[e.HASH_COMMENT_MODE,{className:"regexp",variants:[{begin:c("s|tr|y",t.either(...l,{capture:!0}))},{begin:c("s|tr|y","\\(","\\)")},{begin:c("s|tr|y","\\[","\\]")},{begin:c("s|tr|y","\\{","\\}")}],relevance:2},{className:"regexp",variants:[{begin:/(m|qr)\/\//,relevance:0},{begin:d("(?:m|qr)?",/\//,/\//)},{begin:d("m|qr",t.either(...l,{capture:!0}),/\1/)},{begin:d("m|qr",/\(/,/\)/)},{begin:d("m|qr",/\[/,/\]/)},{begin:d("m|qr",/\{/,/\}/)}]}]},{className:"function",beginKeywords:"sub",end:"(\\s*\\(.*?\\))?[;{]",excludeEnd:!0,relevance:5,contains:[e.TITLE_MODE]},{begin:"-\\w\\b",relevance:0},{begin:"^__DATA__$",end:"^__END__$",subLanguage:"mojolicious",contains:[{begin:"^@@.*",end:"$",className:"comment"}]}];return a.contains=u,i.contains=u,{name:"Perl",aliases:["pl","pm"],keywords:n,contains:u}}},50887:function(e){e.exports=function(e){return{name:"Packet Filter config",aliases:["pf.conf"],keywords:{$pattern:/[a-z0-9_<>-]+/,built_in:"block match pass load anchor|5 antispoof|10 set table",keyword:"in out log quick on rdomain inet inet6 proto from port os to route allow-opts divert-packet divert-reply divert-to flags group icmp-type icmp6-type label once probability recieved-on rtable prio queue tos tag tagged user keep fragment for os drop af-to|10 binat-to|10 nat-to|10 rdr-to|10 bitmask least-stats random round-robin source-hash static-port dup-to reply-to route-to parent bandwidth default min max qlimit block-policy debug fingerprints hostid limit loginterface optimization reassemble ruleset-optimization basic none profile skip state-defaults state-policy timeout const counters persist no modulate synproxy state|5 floating if-bound no-sync pflow|10 sloppy source-track global rule max-src-nodes max-src-states max-src-conn max-src-conn-rate overload flush scrub|5 max-mss min-ttl no-df|10 random-id",literal:"all any no-route self urpf-failed egress|5 unknown"},contains:[e.HASH_COMMENT_MODE,e.NUMBER_MODE,e.QUOTE_STRING_MODE,{className:"variable",begin:/\$[\w\d#@][\w\d_]*/,relevance:0},{className:"variable",begin:/<(?!\/)/,end:/>/}]}}},61138:function(e){e.exports=function(e){let t=e.COMMENT("--","$"),r="\\$([a-zA-Z_]?|[a-zA-Z_][a-zA-Z_0-9]*)\\$",n="BIGINT INT8 BIGSERIAL SERIAL8 BIT VARYING VARBIT BOOLEAN BOOL BOX BYTEA CHARACTER CHAR VARCHAR CIDR CIRCLE DATE DOUBLE PRECISION FLOAT8 FLOAT INET INTEGER INT INT4 INTERVAL JSON JSONB LINE LSEG|10 MACADDR MACADDR8 MONEY NUMERIC DEC DECIMAL PATH POINT POLYGON REAL FLOAT4 SMALLINT INT2 SMALLSERIAL|10 SERIAL2|10 SERIAL|10 SERIAL4|10 TEXT TIME ZONE TIMETZ|10 TIMESTAMP TIMESTAMPTZ|10 TSQUERY|10 TSVECTOR|10 TXID_SNAPSHOT|10 UUID XML NATIONAL NCHAR INT4RANGE|10 INT8RANGE|10 NUMRANGE|10 TSRANGE|10 TSTZRANGE|10 DATERANGE|10 ANYELEMENT ANYARRAY ANYNONARRAY ANYENUM ANYRANGE CSTRING INTERNAL RECORD PG_DDL_COMMAND VOID UNKNOWN OPAQUE REFCURSOR NAME OID REGPROC|10 REGPROCEDURE|10 REGOPER|10 REGOPERATOR|10 REGCLASS|10 REGTYPE|10 REGROLE|10 REGNAMESPACE|10 REGCONFIG|10 REGDICTIONARY|10 ",a=n.trim().split(" ").map(function(e){return e.split("|")[0]}).join("|"),i="ARRAY_AGG AVG BIT_AND BIT_OR BOOL_AND BOOL_OR COUNT EVERY JSON_AGG JSONB_AGG JSON_OBJECT_AGG JSONB_OBJECT_AGG MAX MIN MODE STRING_AGG SUM XMLAGG CORR COVAR_POP COVAR_SAMP REGR_AVGX REGR_AVGY REGR_COUNT REGR_INTERCEPT REGR_R2 REGR_SLOPE REGR_SXX REGR_SXY REGR_SYY STDDEV STDDEV_POP STDDEV_SAMP VARIANCE VAR_POP VAR_SAMP PERCENTILE_CONT PERCENTILE_DISC ROW_NUMBER RANK DENSE_RANK PERCENT_RANK CUME_DIST NTILE LAG LEAD FIRST_VALUE LAST_VALUE NTH_VALUE NUM_NONNULLS NUM_NULLS ABS CBRT CEIL CEILING DEGREES DIV EXP FLOOR LN LOG MOD PI POWER RADIANS ROUND SCALE SIGN SQRT TRUNC WIDTH_BUCKET RANDOM SETSEED ACOS ACOSD ASIN ASIND ATAN ATAND ATAN2 ATAN2D COS COSD COT COTD SIN SIND TAN TAND BIT_LENGTH CHAR_LENGTH CHARACTER_LENGTH LOWER OCTET_LENGTH OVERLAY POSITION SUBSTRING TREAT TRIM UPPER ASCII BTRIM CHR CONCAT CONCAT_WS CONVERT CONVERT_FROM CONVERT_TO DECODE ENCODE INITCAP LEFT LENGTH LPAD LTRIM MD5 PARSE_IDENT PG_CLIENT_ENCODING QUOTE_IDENT|10 QUOTE_LITERAL|10 QUOTE_NULLABLE|10 REGEXP_MATCH REGEXP_MATCHES REGEXP_REPLACE REGEXP_SPLIT_TO_ARRAY REGEXP_SPLIT_TO_TABLE REPEAT REPLACE REVERSE RIGHT RPAD RTRIM SPLIT_PART STRPOS SUBSTR TO_ASCII TO_HEX TRANSLATE OCTET_LENGTH GET_BIT GET_BYTE SET_BIT SET_BYTE TO_CHAR TO_DATE TO_NUMBER TO_TIMESTAMP AGE CLOCK_TIMESTAMP|10 DATE_PART DATE_TRUNC ISFINITE JUSTIFY_DAYS JUSTIFY_HOURS JUSTIFY_INTERVAL MAKE_DATE MAKE_INTERVAL|10 MAKE_TIME MAKE_TIMESTAMP|10 MAKE_TIMESTAMPTZ|10 NOW STATEMENT_TIMESTAMP|10 TIMEOFDAY TRANSACTION_TIMESTAMP|10 ENUM_FIRST ENUM_LAST ENUM_RANGE AREA CENTER DIAMETER HEIGHT ISCLOSED ISOPEN NPOINTS PCLOSE POPEN RADIUS WIDTH BOX BOUND_BOX CIRCLE LINE LSEG PATH POLYGON ABBREV BROADCAST HOST HOSTMASK MASKLEN NETMASK NETWORK SET_MASKLEN TEXT INET_SAME_FAMILY INET_MERGE MACADDR8_SET7BIT ARRAY_TO_TSVECTOR GET_CURRENT_TS_CONFIG NUMNODE PLAINTO_TSQUERY PHRASETO_TSQUERY WEBSEARCH_TO_TSQUERY QUERYTREE SETWEIGHT STRIP TO_TSQUERY TO_TSVECTOR JSON_TO_TSVECTOR JSONB_TO_TSVECTOR TS_DELETE TS_FILTER TS_HEADLINE TS_RANK TS_RANK_CD TS_REWRITE TSQUERY_PHRASE TSVECTOR_TO_ARRAY TSVECTOR_UPDATE_TRIGGER TSVECTOR_UPDATE_TRIGGER_COLUMN XMLCOMMENT XMLCONCAT XMLELEMENT XMLFOREST XMLPI XMLROOT XMLEXISTS XML_IS_WELL_FORMED XML_IS_WELL_FORMED_DOCUMENT XML_IS_WELL_FORMED_CONTENT XPATH XPATH_EXISTS XMLTABLE XMLNAMESPACES TABLE_TO_XML TABLE_TO_XMLSCHEMA TABLE_TO_XML_AND_XMLSCHEMA QUERY_TO_XML QUERY_TO_XMLSCHEMA QUERY_TO_XML_AND_XMLSCHEMA CURSOR_TO_XML CURSOR_TO_XMLSCHEMA SCHEMA_TO_XML SCHEMA_TO_XMLSCHEMA SCHEMA_TO_XML_AND_XMLSCHEMA DATABASE_TO_XML DATABASE_TO_XMLSCHEMA DATABASE_TO_XML_AND_XMLSCHEMA XMLATTRIBUTES TO_JSON TO_JSONB ARRAY_TO_JSON ROW_TO_JSON JSON_BUILD_ARRAY JSONB_BUILD_ARRAY JSON_BUILD_OBJECT JSONB_BUILD_OBJECT JSON_OBJECT JSONB_OBJECT JSON_ARRAY_LENGTH JSONB_ARRAY_LENGTH JSON_EACH JSONB_EACH JSON_EACH_TEXT JSONB_EACH_TEXT JSON_EXTRACT_PATH JSONB_EXTRACT_PATH JSON_OBJECT_KEYS JSONB_OBJECT_KEYS JSON_POPULATE_RECORD JSONB_POPULATE_RECORD JSON_POPULATE_RECORDSET JSONB_POPULATE_RECORDSET JSON_ARRAY_ELEMENTS JSONB_ARRAY_ELEMENTS JSON_ARRAY_ELEMENTS_TEXT JSONB_ARRAY_ELEMENTS_TEXT JSON_TYPEOF JSONB_TYPEOF JSON_TO_RECORD JSONB_TO_RECORD JSON_TO_RECORDSET JSONB_TO_RECORDSET JSON_STRIP_NULLS JSONB_STRIP_NULLS JSONB_SET JSONB_INSERT JSONB_PRETTY CURRVAL LASTVAL NEXTVAL SETVAL COALESCE NULLIF GREATEST LEAST ARRAY_APPEND ARRAY_CAT ARRAY_NDIMS ARRAY_DIMS ARRAY_FILL ARRAY_LENGTH ARRAY_LOWER ARRAY_POSITION ARRAY_POSITIONS ARRAY_PREPEND ARRAY_REMOVE ARRAY_REPLACE ARRAY_TO_STRING ARRAY_UPPER CARDINALITY STRING_TO_ARRAY UNNEST ISEMPTY LOWER_INC UPPER_INC LOWER_INF UPPER_INF RANGE_MERGE GENERATE_SERIES GENERATE_SUBSCRIPTS CURRENT_DATABASE CURRENT_QUERY CURRENT_SCHEMA|10 CURRENT_SCHEMAS|10 INET_CLIENT_ADDR INET_CLIENT_PORT INET_SERVER_ADDR INET_SERVER_PORT ROW_SECURITY_ACTIVE FORMAT_TYPE TO_REGCLASS TO_REGPROC TO_REGPROCEDURE TO_REGOPER TO_REGOPERATOR TO_REGTYPE TO_REGNAMESPACE TO_REGROLE COL_DESCRIPTION OBJ_DESCRIPTION SHOBJ_DESCRIPTION TXID_CURRENT TXID_CURRENT_IF_ASSIGNED TXID_CURRENT_SNAPSHOT TXID_SNAPSHOT_XIP TXID_SNAPSHOT_XMAX TXID_SNAPSHOT_XMIN TXID_VISIBLE_IN_SNAPSHOT TXID_STATUS CURRENT_SETTING SET_CONFIG BRIN_SUMMARIZE_NEW_VALUES BRIN_SUMMARIZE_RANGE BRIN_DESUMMARIZE_RANGE GIN_CLEAN_PENDING_LIST SUPPRESS_REDUNDANT_UPDATES_TRIGGER LO_FROM_BYTEA LO_PUT LO_GET LO_CREAT LO_CREATE LO_UNLINK LO_IMPORT LO_EXPORT LOREAD LOWRITE GROUPING CAST ".trim().split(" ").map(function(e){return e.split("|")[0]}).join("|");return{name:"PostgreSQL",aliases:["postgres","postgresql"],supersetOf:"sql",case_insensitive:!0,keywords:{keyword:"ABORT ALTER ANALYZE BEGIN CALL CHECKPOINT|10 CLOSE CLUSTER COMMENT COMMIT COPY CREATE DEALLOCATE DECLARE DELETE DISCARD DO DROP END EXECUTE EXPLAIN FETCH GRANT IMPORT INSERT LISTEN LOAD LOCK MOVE NOTIFY PREPARE REASSIGN|10 REFRESH REINDEX RELEASE RESET REVOKE ROLLBACK SAVEPOINT SECURITY SELECT SET SHOW START TRUNCATE UNLISTEN|10 UPDATE VACUUM|10 VALUES AGGREGATE COLLATION CONVERSION|10 DATABASE DEFAULT PRIVILEGES DOMAIN TRIGGER EXTENSION FOREIGN WRAPPER|10 TABLE FUNCTION GROUP LANGUAGE LARGE OBJECT MATERIALIZED VIEW OPERATOR CLASS FAMILY POLICY PUBLICATION|10 ROLE RULE SCHEMA SEQUENCE SERVER STATISTICS SUBSCRIPTION SYSTEM TABLESPACE CONFIGURATION DICTIONARY PARSER TEMPLATE TYPE USER MAPPING PREPARED ACCESS METHOD CAST AS TRANSFORM TRANSACTION OWNED TO INTO SESSION AUTHORIZATION INDEX PROCEDURE ASSERTION ALL ANALYSE AND ANY ARRAY ASC ASYMMETRIC|10 BOTH CASE CHECK COLLATE COLUMN CONCURRENTLY|10 CONSTRAINT CROSS DEFERRABLE RANGE DESC DISTINCT ELSE EXCEPT FOR FREEZE|10 FROM FULL HAVING ILIKE IN INITIALLY INNER INTERSECT IS ISNULL JOIN LATERAL LEADING LIKE LIMIT NATURAL NOT NOTNULL NULL OFFSET ON ONLY OR ORDER OUTER OVERLAPS PLACING PRIMARY REFERENCES RETURNING SIMILAR SOME SYMMETRIC TABLESAMPLE THEN TRAILING UNION UNIQUE USING VARIADIC|10 VERBOSE WHEN WHERE WINDOW WITH BY RETURNS INOUT OUT SETOF|10 IF STRICT CURRENT CONTINUE OWNER LOCATION OVER PARTITION WITHIN BETWEEN ESCAPE EXTERNAL INVOKER DEFINER WORK RENAME VERSION CONNECTION CONNECT TABLES TEMP TEMPORARY FUNCTIONS SEQUENCES TYPES SCHEMAS OPTION CASCADE RESTRICT ADD ADMIN EXISTS VALID VALIDATE ENABLE DISABLE REPLICA|10 ALWAYS PASSING COLUMNS PATH REF VALUE OVERRIDING IMMUTABLE STABLE VOLATILE BEFORE AFTER EACH ROW PROCEDURAL ROUTINE NO HANDLER VALIDATOR OPTIONS STORAGE OIDS|10 WITHOUT INHERIT DEPENDS CALLED INPUT LEAKPROOF|10 COST ROWS NOWAIT SEARCH UNTIL ENCRYPTED|10 PASSWORD CONFLICT|10 INSTEAD INHERITS CHARACTERISTICS WRITE CURSOR ALSO STATEMENT SHARE EXCLUSIVE INLINE ISOLATION REPEATABLE READ COMMITTED SERIALIZABLE UNCOMMITTED LOCAL GLOBAL SQL PROCEDURES RECURSIVE SNAPSHOT ROLLUP CUBE TRUSTED|10 INCLUDE FOLLOWING PRECEDING UNBOUNDED RANGE GROUPS UNENCRYPTED|10 SYSID FORMAT DELIMITER HEADER QUOTE ENCODING FILTER OFF FORCE_QUOTE FORCE_NOT_NULL FORCE_NULL COSTS BUFFERS TIMING SUMMARY DISABLE_PAGE_SKIPPING RESTART CYCLE GENERATED IDENTITY DEFERRED IMMEDIATE LEVEL LOGGED UNLOGGED OF NOTHING NONE EXCLUDE ATTRIBUTE USAGE ROUTINES TRUE FALSE NAN INFINITY ALIAS BEGIN CONSTANT DECLARE END EXCEPTION RETURN PERFORM|10 RAISE GET DIAGNOSTICS STACKED|10 FOREACH LOOP ELSIF EXIT WHILE REVERSE SLICE DEBUG LOG INFO NOTICE WARNING ASSERT OPEN SUPERUSER NOSUPERUSER CREATEDB NOCREATEDB CREATEROLE NOCREATEROLE INHERIT NOINHERIT LOGIN NOLOGIN REPLICATION NOREPLICATION BYPASSRLS NOBYPASSRLS ",built_in:"CURRENT_TIME CURRENT_TIMESTAMP CURRENT_USER CURRENT_CATALOG|10 CURRENT_DATE LOCALTIME LOCALTIMESTAMP CURRENT_ROLE|10 CURRENT_SCHEMA|10 SESSION_USER PUBLIC FOUND NEW OLD TG_NAME|10 TG_WHEN|10 TG_LEVEL|10 TG_OP|10 TG_RELID|10 TG_RELNAME|10 TG_TABLE_NAME|10 TG_TABLE_SCHEMA|10 TG_NARGS|10 TG_ARGV|10 TG_EVENT|10 TG_TAG|10 ROW_COUNT RESULT_OID|10 PG_CONTEXT|10 RETURNED_SQLSTATE COLUMN_NAME CONSTRAINT_NAME PG_DATATYPE_NAME|10 MESSAGE_TEXT TABLE_NAME SCHEMA_NAME PG_EXCEPTION_DETAIL|10 PG_EXCEPTION_HINT|10 PG_EXCEPTION_CONTEXT|10 SQLSTATE SQLERRM|10 SUCCESSFUL_COMPLETION WARNING DYNAMIC_RESULT_SETS_RETURNED IMPLICIT_ZERO_BIT_PADDING NULL_VALUE_ELIMINATED_IN_SET_FUNCTION PRIVILEGE_NOT_GRANTED PRIVILEGE_NOT_REVOKED STRING_DATA_RIGHT_TRUNCATION DEPRECATED_FEATURE NO_DATA NO_ADDITIONAL_DYNAMIC_RESULT_SETS_RETURNED SQL_STATEMENT_NOT_YET_COMPLETE CONNECTION_EXCEPTION CONNECTION_DOES_NOT_EXIST CONNECTION_FAILURE SQLCLIENT_UNABLE_TO_ESTABLISH_SQLCONNECTION SQLSERVER_REJECTED_ESTABLISHMENT_OF_SQLCONNECTION TRANSACTION_RESOLUTION_UNKNOWN PROTOCOL_VIOLATION TRIGGERED_ACTION_EXCEPTION FEATURE_NOT_SUPPORTED INVALID_TRANSACTION_INITIATION LOCATOR_EXCEPTION INVALID_LOCATOR_SPECIFICATION INVALID_GRANTOR INVALID_GRANT_OPERATION INVALID_ROLE_SPECIFICATION DIAGNOSTICS_EXCEPTION STACKED_DIAGNOSTICS_ACCESSED_WITHOUT_ACTIVE_HANDLER CASE_NOT_FOUND CARDINALITY_VIOLATION DATA_EXCEPTION ARRAY_SUBSCRIPT_ERROR CHARACTER_NOT_IN_REPERTOIRE DATETIME_FIELD_OVERFLOW DIVISION_BY_ZERO ERROR_IN_ASSIGNMENT ESCAPE_CHARACTER_CONFLICT INDICATOR_OVERFLOW INTERVAL_FIELD_OVERFLOW INVALID_ARGUMENT_FOR_LOGARITHM INVALID_ARGUMENT_FOR_NTILE_FUNCTION INVALID_ARGUMENT_FOR_NTH_VALUE_FUNCTION INVALID_ARGUMENT_FOR_POWER_FUNCTION INVALID_ARGUMENT_FOR_WIDTH_BUCKET_FUNCTION INVALID_CHARACTER_VALUE_FOR_CAST INVALID_DATETIME_FORMAT INVALID_ESCAPE_CHARACTER INVALID_ESCAPE_OCTET INVALID_ESCAPE_SEQUENCE NONSTANDARD_USE_OF_ESCAPE_CHARACTER INVALID_INDICATOR_PARAMETER_VALUE INVALID_PARAMETER_VALUE INVALID_REGULAR_EXPRESSION INVALID_ROW_COUNT_IN_LIMIT_CLAUSE INVALID_ROW_COUNT_IN_RESULT_OFFSET_CLAUSE INVALID_TABLESAMPLE_ARGUMENT INVALID_TABLESAMPLE_REPEAT INVALID_TIME_ZONE_DISPLACEMENT_VALUE INVALID_USE_OF_ESCAPE_CHARACTER MOST_SPECIFIC_TYPE_MISMATCH NULL_VALUE_NOT_ALLOWED NULL_VALUE_NO_INDICATOR_PARAMETER NUMERIC_VALUE_OUT_OF_RANGE SEQUENCE_GENERATOR_LIMIT_EXCEEDED STRING_DATA_LENGTH_MISMATCH STRING_DATA_RIGHT_TRUNCATION SUBSTRING_ERROR TRIM_ERROR UNTERMINATED_C_STRING ZERO_LENGTH_CHARACTER_STRING FLOATING_POINT_EXCEPTION INVALID_TEXT_REPRESENTATION INVALID_BINARY_REPRESENTATION BAD_COPY_FILE_FORMAT UNTRANSLATABLE_CHARACTER NOT_AN_XML_DOCUMENT INVALID_XML_DOCUMENT INVALID_XML_CONTENT INVALID_XML_COMMENT INVALID_XML_PROCESSING_INSTRUCTION INTEGRITY_CONSTRAINT_VIOLATION RESTRICT_VIOLATION NOT_NULL_VIOLATION FOREIGN_KEY_VIOLATION UNIQUE_VIOLATION CHECK_VIOLATION EXCLUSION_VIOLATION INVALID_CURSOR_STATE INVALID_TRANSACTION_STATE ACTIVE_SQL_TRANSACTION BRANCH_TRANSACTION_ALREADY_ACTIVE HELD_CURSOR_REQUIRES_SAME_ISOLATION_LEVEL INAPPROPRIATE_ACCESS_MODE_FOR_BRANCH_TRANSACTION INAPPROPRIATE_ISOLATION_LEVEL_FOR_BRANCH_TRANSACTION NO_ACTIVE_SQL_TRANSACTION_FOR_BRANCH_TRANSACTION READ_ONLY_SQL_TRANSACTION SCHEMA_AND_DATA_STATEMENT_MIXING_NOT_SUPPORTED NO_ACTIVE_SQL_TRANSACTION IN_FAILED_SQL_TRANSACTION IDLE_IN_TRANSACTION_SESSION_TIMEOUT INVALID_SQL_STATEMENT_NAME TRIGGERED_DATA_CHANGE_VIOLATION INVALID_AUTHORIZATION_SPECIFICATION INVALID_PASSWORD DEPENDENT_PRIVILEGE_DESCRIPTORS_STILL_EXIST DEPENDENT_OBJECTS_STILL_EXIST INVALID_TRANSACTION_TERMINATION SQL_ROUTINE_EXCEPTION FUNCTION_EXECUTED_NO_RETURN_STATEMENT MODIFYING_SQL_DATA_NOT_PERMITTED PROHIBITED_SQL_STATEMENT_ATTEMPTED READING_SQL_DATA_NOT_PERMITTED INVALID_CURSOR_NAME EXTERNAL_ROUTINE_EXCEPTION CONTAINING_SQL_NOT_PERMITTED MODIFYING_SQL_DATA_NOT_PERMITTED PROHIBITED_SQL_STATEMENT_ATTEMPTED READING_SQL_DATA_NOT_PERMITTED EXTERNAL_ROUTINE_INVOCATION_EXCEPTION INVALID_SQLSTATE_RETURNED NULL_VALUE_NOT_ALLOWED TRIGGER_PROTOCOL_VIOLATED SRF_PROTOCOL_VIOLATED EVENT_TRIGGER_PROTOCOL_VIOLATED SAVEPOINT_EXCEPTION INVALID_SAVEPOINT_SPECIFICATION INVALID_CATALOG_NAME INVALID_SCHEMA_NAME TRANSACTION_ROLLBACK TRANSACTION_INTEGRITY_CONSTRAINT_VIOLATION SERIALIZATION_FAILURE STATEMENT_COMPLETION_UNKNOWN DEADLOCK_DETECTED SYNTAX_ERROR_OR_ACCESS_RULE_VIOLATION SYNTAX_ERROR INSUFFICIENT_PRIVILEGE CANNOT_COERCE GROUPING_ERROR WINDOWING_ERROR INVALID_RECURSION INVALID_FOREIGN_KEY INVALID_NAME NAME_TOO_LONG RESERVED_NAME DATATYPE_MISMATCH INDETERMINATE_DATATYPE COLLATION_MISMATCH INDETERMINATE_COLLATION WRONG_OBJECT_TYPE GENERATED_ALWAYS UNDEFINED_COLUMN UNDEFINED_FUNCTION UNDEFINED_TABLE UNDEFINED_PARAMETER UNDEFINED_OBJECT DUPLICATE_COLUMN DUPLICATE_CURSOR DUPLICATE_DATABASE DUPLICATE_FUNCTION DUPLICATE_PREPARED_STATEMENT DUPLICATE_SCHEMA DUPLICATE_TABLE DUPLICATE_ALIAS DUPLICATE_OBJECT AMBIGUOUS_COLUMN AMBIGUOUS_FUNCTION AMBIGUOUS_PARAMETER AMBIGUOUS_ALIAS INVALID_COLUMN_REFERENCE INVALID_COLUMN_DEFINITION INVALID_CURSOR_DEFINITION INVALID_DATABASE_DEFINITION INVALID_FUNCTION_DEFINITION INVALID_PREPARED_STATEMENT_DEFINITION INVALID_SCHEMA_DEFINITION INVALID_TABLE_DEFINITION INVALID_OBJECT_DEFINITION WITH_CHECK_OPTION_VIOLATION INSUFFICIENT_RESOURCES DISK_FULL OUT_OF_MEMORY TOO_MANY_CONNECTIONS CONFIGURATION_LIMIT_EXCEEDED PROGRAM_LIMIT_EXCEEDED STATEMENT_TOO_COMPLEX TOO_MANY_COLUMNS TOO_MANY_ARGUMENTS OBJECT_NOT_IN_PREREQUISITE_STATE OBJECT_IN_USE CANT_CHANGE_RUNTIME_PARAM LOCK_NOT_AVAILABLE OPERATOR_INTERVENTION QUERY_CANCELED ADMIN_SHUTDOWN CRASH_SHUTDOWN CANNOT_CONNECT_NOW DATABASE_DROPPED SYSTEM_ERROR IO_ERROR UNDEFINED_FILE DUPLICATE_FILE SNAPSHOT_TOO_OLD CONFIG_FILE_ERROR LOCK_FILE_EXISTS FDW_ERROR FDW_COLUMN_NAME_NOT_FOUND FDW_DYNAMIC_PARAMETER_VALUE_NEEDED FDW_FUNCTION_SEQUENCE_ERROR FDW_INCONSISTENT_DESCRIPTOR_INFORMATION FDW_INVALID_ATTRIBUTE_VALUE FDW_INVALID_COLUMN_NAME FDW_INVALID_COLUMN_NUMBER FDW_INVALID_DATA_TYPE FDW_INVALID_DATA_TYPE_DESCRIPTORS FDW_INVALID_DESCRIPTOR_FIELD_IDENTIFIER FDW_INVALID_HANDLE FDW_INVALID_OPTION_INDEX FDW_INVALID_OPTION_NAME FDW_INVALID_STRING_LENGTH_OR_BUFFER_LENGTH FDW_INVALID_STRING_FORMAT FDW_INVALID_USE_OF_NULL_POINTER FDW_TOO_MANY_HANDLES FDW_OUT_OF_MEMORY FDW_NO_SCHEMAS FDW_OPTION_NAME_NOT_FOUND FDW_REPLY_HANDLE FDW_SCHEMA_NOT_FOUND FDW_TABLE_NOT_FOUND FDW_UNABLE_TO_CREATE_EXECUTION FDW_UNABLE_TO_CREATE_REPLY FDW_UNABLE_TO_ESTABLISH_CONNECTION PLPGSQL_ERROR RAISE_EXCEPTION NO_DATA_FOUND TOO_MANY_ROWS ASSERT_FAILURE INTERNAL_ERROR DATA_CORRUPTED INDEX_CORRUPTED "},illegal:/:==|\W\s*\(\*|(^|\s)\$[a-z]|\{\{|[a-z]:\s*$|\.\.\.|TO:|DO:/,contains:[{className:"keyword",variants:[{begin:/\bTEXT\s*SEARCH\b/},{begin:/\b(PRIMARY|FOREIGN|FOR(\s+NO)?)\s+KEY\b/},{begin:/\bPARALLEL\s+(UNSAFE|RESTRICTED|SAFE)\b/},{begin:/\bSTORAGE\s+(PLAIN|EXTERNAL|EXTENDED|MAIN)\b/},{begin:/\bMATCH\s+(FULL|PARTIAL|SIMPLE)\b/},{begin:/\bNULLS\s+(FIRST|LAST)\b/},{begin:/\bEVENT\s+TRIGGER\b/},{begin:/\b(MAPPING|OR)\s+REPLACE\b/},{begin:/\b(FROM|TO)\s+(PROGRAM|STDIN|STDOUT)\b/},{begin:/\b(SHARE|EXCLUSIVE)\s+MODE\b/},{begin:/\b(LEFT|RIGHT)\s+(OUTER\s+)?JOIN\b/},{begin:/\b(FETCH|MOVE)\s+(NEXT|PRIOR|FIRST|LAST|ABSOLUTE|RELATIVE|FORWARD|BACKWARD)\b/},{begin:/\bPRESERVE\s+ROWS\b/},{begin:/\bDISCARD\s+PLANS\b/},{begin:/\bREFERENCING\s+(OLD|NEW)\b/},{begin:/\bSKIP\s+LOCKED\b/},{begin:/\bGROUPING\s+SETS\b/},{begin:/\b(BINARY|INSENSITIVE|SCROLL|NO\s+SCROLL)\s+(CURSOR|FOR)\b/},{begin:/\b(WITH|WITHOUT)\s+HOLD\b/},{begin:/\bWITH\s+(CASCADED|LOCAL)\s+CHECK\s+OPTION\b/},{begin:/\bEXCLUDE\s+(TIES|NO\s+OTHERS)\b/},{begin:/\bFORMAT\s+(TEXT|XML|JSON|YAML)\b/},{begin:/\bSET\s+((SESSION|LOCAL)\s+)?NAMES\b/},{begin:/\bIS\s+(NOT\s+)?UNKNOWN\b/},{begin:/\bSECURITY\s+LABEL\b/},{begin:/\bSTANDALONE\s+(YES|NO|NO\s+VALUE)\b/},{begin:/\bWITH\s+(NO\s+)?DATA\b/},{begin:/\b(FOREIGN|SET)\s+DATA\b/},{begin:/\bSET\s+(CATALOG|CONSTRAINTS)\b/},{begin:/\b(WITH|FOR)\s+ORDINALITY\b/},{begin:/\bIS\s+(NOT\s+)?DOCUMENT\b/},{begin:/\bXML\s+OPTION\s+(DOCUMENT|CONTENT)\b/},{begin:/\b(STRIP|PRESERVE)\s+WHITESPACE\b/},{begin:/\bNO\s+(ACTION|MAXVALUE|MINVALUE)\b/},{begin:/\bPARTITION\s+BY\s+(RANGE|LIST|HASH)\b/},{begin:/\bAT\s+TIME\s+ZONE\b/},{begin:/\bGRANTED\s+BY\b/},{begin:/\bRETURN\s+(QUERY|NEXT)\b/},{begin:/\b(ATTACH|DETACH)\s+PARTITION\b/},{begin:/\bFORCE\s+ROW\s+LEVEL\s+SECURITY\b/},{begin:/\b(INCLUDING|EXCLUDING)\s+(COMMENTS|CONSTRAINTS|DEFAULTS|IDENTITY|INDEXES|STATISTICS|STORAGE|ALL)\b/},{begin:/\bAS\s+(ASSIGNMENT|IMPLICIT|PERMISSIVE|RESTRICTIVE|ENUM|RANGE)\b/}]},{begin:/\b(FORMAT|FAMILY|VERSION)\s*\(/},{begin:/\bINCLUDE\s*\(/,keywords:"INCLUDE"},{begin:/\bRANGE(?!\s*(BETWEEN|UNBOUNDED|CURRENT|[-0-9]+))/},{begin:/\b(VERSION|OWNER|TEMPLATE|TABLESPACE|CONNECTION\s+LIMIT|PROCEDURE|RESTRICT|JOIN|PARSER|COPY|START|END|COLLATION|INPUT|ANALYZE|STORAGE|LIKE|DEFAULT|DELIMITER|ENCODING|COLUMN|CONSTRAINT|TABLE|SCHEMA)\s*=/},{begin:/\b(PG_\w+?|HAS_[A-Z_]+_PRIVILEGE)\b/,relevance:10},{begin:/\bEXTRACT\s*\(/,end:/\bFROM\b/,returnEnd:!0,keywords:{type:"CENTURY DAY DECADE DOW DOY EPOCH HOUR ISODOW ISOYEAR MICROSECONDS MILLENNIUM MILLISECONDS MINUTE MONTH QUARTER SECOND TIMEZONE TIMEZONE_HOUR TIMEZONE_MINUTE WEEK YEAR"}},{begin:/\b(XMLELEMENT|XMLPI)\s*\(\s*NAME/,keywords:{keyword:"NAME"}},{begin:/\b(XMLPARSE|XMLSERIALIZE)\s*\(\s*(DOCUMENT|CONTENT)/,keywords:{keyword:"DOCUMENT CONTENT"}},{beginKeywords:"CACHE INCREMENT MAXVALUE MINVALUE",end:e.C_NUMBER_RE,returnEnd:!0,keywords:"BY CACHE INCREMENT MAXVALUE MINVALUE"},{className:"type",begin:/\b(WITH|WITHOUT)\s+TIME\s+ZONE\b/},{className:"type",begin:/\bINTERVAL\s+(YEAR|MONTH|DAY|HOUR|MINUTE|SECOND)(\s+TO\s+(MONTH|HOUR|MINUTE|SECOND))?\b/},{begin:/\bRETURNS\s+(LANGUAGE_HANDLER|TRIGGER|EVENT_TRIGGER|FDW_HANDLER|INDEX_AM_HANDLER|TSM_HANDLER)\b/,keywords:{keyword:"RETURNS",type:"LANGUAGE_HANDLER TRIGGER EVENT_TRIGGER FDW_HANDLER INDEX_AM_HANDLER TSM_HANDLER"}},{begin:"\\b("+i+")\\s*\\("},{begin:"\\.("+a+")\\b"},{begin:"\\b("+a+")\\s+PATH\\b",keywords:{keyword:"PATH",type:n.replace("PATH ","")}},{className:"type",begin:"\\b("+a+")\\b"},{className:"string",begin:"'",end:"'",contains:[{begin:"''"}]},{className:"string",begin:"(e|E|u&|U&)'",end:"'",contains:[{begin:"\\\\."}],relevance:10},e.END_SAME_AS_BEGIN({begin:r,end:r,contains:[{subLanguage:["pgsql","perl","python","tcl","r","lua","java","php","ruby","bash","scheme","xml","json"],endsWithParent:!0}]}),{begin:'"',end:'"',contains:[{begin:'""'}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,t,{className:"meta",variants:[{begin:"%(ROW)?TYPE",relevance:10},{begin:"\\$\\d+"},{begin:"^#\\w",end:"$"}]},{className:"symbol",begin:"<<\\s*[a-zA-Z_][a-zA-Z_0-9$]*\\s*>>",relevance:10}]}}},38968:function(e){e.exports=function(e){return{name:"PHP template",subLanguage:"xml",contains:[{begin:/<\?(php|=)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0},e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0})]}]}}},33412:function(e){e.exports=function(e){let t=e.regex,r=/(?![A-Za-z0-9])(?![$])/,n=t.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,r),a=t.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,r),i={scope:"variable",match:"\\$+"+n},o={scope:"subst",variants:[{begin:/\$\w+/},{begin:/\{\$/,end:/\}/}]},s=e.inherit(e.APOS_STRING_MODE,{illegal:null}),l=e.inherit(e.QUOTE_STRING_MODE,{illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(o)}),c=e.END_SAME_AS_BEGIN({begin:/<<<[ \t]*(\w+)\n/,end:/[ \t]*(\w+)\b/,contains:e.QUOTE_STRING_MODE.contains.concat(o)}),d="[ \n]",u={scope:"string",variants:[l,s,c]},p={scope:"number",variants:[{begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"}],relevance:0},_=["false","null","true"],m=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],g=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],f={keyword:m,literal:(e=>{let t=[];return e.forEach(e=>{t.push(e),e.toLowerCase()===e?t.push(e.toUpperCase()):t.push(e.toLowerCase())}),t})(_),built_in:g},E=e=>e.map(e=>e.replace(/\|\d+$/,"")),b={variants:[{match:[/new/,t.concat(d,"+"),t.concat("(?!",E(g).join("\\b|"),"\\b)"),a],scope:{1:"keyword",4:"title.class"}}]},S=t.concat(n,"\\b(?!\\()"),h={variants:[{match:[t.concat(/::/,t.lookahead(/(?!class\b)/)),S],scope:{2:"variable.constant"}},{match:[/::/,/class/],scope:{2:"variable.language"}},{match:[a,t.concat(/::/,t.lookahead(/(?!class\b)/)),S],scope:{1:"title.class",3:"variable.constant"}},{match:[a,t.concat("::",t.lookahead(/(?!class\b)/))],scope:{1:"title.class"}},{match:[a,/::/,/class/],scope:{1:"title.class",3:"variable.language"}}]},v={scope:"attr",match:t.concat(n,t.lookahead(":"),t.lookahead(/(?!::)/))},y={relevance:0,begin:/\(/,end:/\)/,keywords:f,contains:[v,i,h,e.C_BLOCK_COMMENT_MODE,u,p,b]},T={relevance:0,match:[/\b/,t.concat("(?!fn\\b|function\\b|",E(m).join("\\b|"),"|",E(g).join("\\b|"),"\\b)"),n,t.concat(d,"*"),t.lookahead(/(?=\()/)],scope:{3:"title.function.invoke"},contains:[y]};y.contains.push(T);let O=[v,h,e.C_BLOCK_COMMENT_MODE,u,p,b],C={begin:t.concat(/#\[\s*/,a),beginScope:"meta",end:/]/,endScope:"meta",keywords:{literal:_,keyword:["new","array"]},contains:[{begin:/\[/,end:/]/,keywords:{literal:_,keyword:["new","array"]},contains:["self",...O]},...O,{scope:"meta",match:a}]};return{case_insensitive:!1,keywords:f,contains:[C,e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{contains:[{scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\(\);/,keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},{scope:"meta",variants:[{begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{begin:/\?>/}]},{scope:"variable.language",match:/\$this\b/},i,T,h,{match:[/const/,/\s/,n],scope:{1:"keyword",3:"variable.constant"}},b,{scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"},e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0,keywords:f,contains:["self",i,h,e.C_BLOCK_COMMENT_MODE,u,p]}]},{scope:"class",variants:[{beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{beginKeywords:"use",relevance:0,end:";",contains:[{match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},u,p]}}},60763:function(e){e.exports=function(e){return{name:"Plain text",aliases:["text","txt"],disableAutodetect:!0}}},22525:function(e){e.exports=function(e){let t={className:"string",begin:'"',end:'"',contains:[e.BACKSLASH_ESCAPE]},r={className:"string",begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE],relevance:0},n={begin:e.IDENT_RE+"'",relevance:0};return{name:"Pony",keywords:{keyword:"actor addressof and as be break class compile_error compile_intrinsic consume continue delegate digestof do else elseif embed end error for fun if ifdef in interface is isnt lambda let match new not object or primitive recover repeat return struct then trait try type until use var where while with xor",meta:"iso val tag trn box ref",literal:"this false true"},contains:[{className:"type",begin:"\\b_?[A-Z][\\w]*",relevance:0},{className:"string",begin:'"""',end:'"""',relevance:10},t,r,n,{className:"number",begin:"(-?)(\\b0[xX][a-fA-F0-9]+|\\b0[bB][01]+|(\\b\\d+(_\\d+)?(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",relevance:0},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]}}},23678:function(e){e.exports=function(e){let t={$pattern:/-?[A-z\.\-]+\b/,keyword:"if else foreach return do while until elseif begin for trap data dynamicparam end break throw param continue finally in switch exit filter try process catch hidden static parameter",built_in:"ac asnp cat cd CFS chdir clc clear clhy cli clp cls clv cnsn compare copy cp cpi cpp curl cvpa dbp del diff dir dnsn ebp echo|0 epal epcsv epsn erase etsn exsn fc fhx fl ft fw gal gbp gc gcb gci gcm gcs gdr gerr ghy gi gin gjb gl gm gmo gp gps gpv group gsn gsnp gsv gtz gu gv gwmi h history icm iex ihy ii ipal ipcsv ipmo ipsn irm ise iwmi iwr kill lp ls man md measure mi mount move mp mv nal ndr ni nmo npssc nsn nv ogv oh popd ps pushd pwd r rbp rcjb rcsn rd rdr ren ri rjb rm rmdir rmo rni rnp rp rsn rsnp rujb rv rvpa rwmi sajb sal saps sasv sbp sc scb select set shcm si sl sleep sls sort sp spjb spps spsv start stz sujb sv swmi tee trcm type wget where wjb write"},r={begin:"`[\\s\\S]",relevance:0},n={className:"variable",variants:[{begin:/\$\B/},{className:"keyword",begin:/\$this/},{begin:/\$[\w\d][\w\d_:]*/}]},a={className:"string",variants:[{begin:/"/,end:/"/},{begin:/@"/,end:/^"@/}],contains:[r,n,{className:"variable",begin:/\$[A-z]/,end:/[^A-z]/}]},i={className:"string",variants:[{begin:/'/,end:/'/},{begin:/@'/,end:/^'@/}]},o=e.inherit(e.COMMENT(null,null),{variants:[{begin:/#/,end:/$/},{begin:/<#/,end:/#>/}],contains:[{className:"doctag",variants:[{begin:/\.(synopsis|description|example|inputs|outputs|notes|link|component|role|functionality)/},{begin:/\.(parameter|forwardhelptargetname|forwardhelpcategory|remotehelprunspace|externalhelp)\s+\S+/}]}]}),s={className:"class",beginKeywords:"class enum",end:/\s*[{]/,excludeEnd:!0,relevance:0,contains:[e.TITLE_MODE]},l={className:"function",begin:/\[.*\]\s*[\w]+[ ]??\(/,end:/$/,returnBegin:!0,relevance:0,contains:[{className:"keyword",begin:"(".concat(t.keyword.toString().replace(/\s/g,"|"),")\\b"),endsParent:!0,relevance:0},e.inherit(e.TITLE_MODE,{endsParent:!0})]},c=[l,o,r,e.NUMBER_MODE,a,i,{className:"built_in",variants:[{begin:"(".concat("Add|Clear|Close|Copy|Enter|Exit|Find|Format|Get|Hide|Join|Lock|Move|New|Open|Optimize|Pop|Push|Redo|Remove|Rename|Reset|Resize|Search|Select|Set|Show|Skip|Split|Step|Switch|Undo|Unlock|Watch|Backup|Checkpoint|Compare|Compress|Convert|ConvertFrom|ConvertTo|Dismount|Edit|Expand|Export|Group|Import|Initialize|Limit|Merge|Mount|Out|Publish|Restore|Save|Sync|Unpublish|Update|Approve|Assert|Build|Complete|Confirm|Deny|Deploy|Disable|Enable|Install|Invoke|Register|Request|Restart|Resume|Start|Stop|Submit|Suspend|Uninstall|Unregister|Wait|Debug|Measure|Ping|Repair|Resolve|Test|Trace|Connect|Disconnect|Read|Receive|Send|Write|Block|Grant|Protect|Revoke|Unblock|Unprotect|Use|ForEach|Sort|Tee|Where",")+(-)[\\w\\d]+")}]},n,{className:"literal",begin:/\$(null|true|false)\b/},{className:"selector-tag",begin:/@\B/,relevance:0}],d={begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0,relevance:0,contains:[].concat("self",c,{begin:"(string|char|byte|int|long|bool|decimal|single|double|DateTime|xml|array|hashtable|void)",className:"built_in",relevance:0},{className:"type",begin:/[\.\w\d]+/,relevance:0})};return l.contains.unshift(d),{name:"PowerShell",aliases:["pwsh","ps","ps1"],case_insensitive:!0,keywords:t,contains:c.concat(s,{className:"function",begin:/function\s+/,end:/\s*\{|$/,excludeEnd:!0,returnBegin:!0,relevance:0,contains:[{begin:"function",relevance:0,className:"keyword"},{className:"title",begin:/\w[\w\d]*((-)[\w\d]+)*/,relevance:0},{begin:/\(/,end:/\)/,className:"params",relevance:0,contains:[n]}]},{begin:/using\s/,end:/$/,returnBegin:!0,contains:[a,i,{className:"keyword",begin:/(using|assembly|command|module|namespace|type)/}]},{variants:[{className:"operator",begin:"(".concat("-and|-as|-band|-bnot|-bor|-bxor|-casesensitive|-ccontains|-ceq|-cge|-cgt|-cle|-clike|-clt|-cmatch|-cne|-cnotcontains|-cnotlike|-cnotmatch|-contains|-creplace|-csplit|-eq|-exact|-f|-file|-ge|-gt|-icontains|-ieq|-ige|-igt|-ile|-ilike|-ilt|-imatch|-in|-ine|-inotcontains|-inotlike|-inotmatch|-ireplace|-is|-isnot|-isplit|-join|-le|-like|-lt|-match|-ne|-not|-notcontains|-notin|-notlike|-notmatch|-or|-regex|-replace|-shl|-shr|-split|-wildcard|-xor",")\\b")},{className:"literal",begin:/(-){1,2}[\w\d-]+/,relevance:0}]},d)}}},36105:function(e){e.exports=function(e){let t=e.regex,r=["displayHeight","displayWidth","mouseY","mouseX","mousePressed","pmouseX","pmouseY","key","keyCode","pixels","focused","frameCount","frameRate","height","width","size","createGraphics","beginDraw","createShape","loadShape","PShape","arc","ellipse","line","point","quad","rect","triangle","bezier","bezierDetail","bezierPoint","bezierTangent","curve","curveDetail","curvePoint","curveTangent","curveTightness","shape","shapeMode","beginContour","beginShape","bezierVertex","curveVertex","endContour","endShape","quadraticVertex","vertex","ellipseMode","noSmooth","rectMode","smooth","strokeCap","strokeJoin","strokeWeight","mouseClicked","mouseDragged","mouseMoved","mousePressed","mouseReleased","mouseWheel","keyPressed","keyPressedkeyReleased","keyTyped","print","println","save","saveFrame","day","hour","millis","minute","month","second","year","background","clear","colorMode","fill","noFill","noStroke","stroke","alpha","blue","brightness","color","green","hue","lerpColor","red","saturation","modelX","modelY","modelZ","screenX","screenY","screenZ","ambient","emissive","shininess","specular","add","createImage","beginCamera","camera","endCamera","frustum","ortho","perspective","printCamera","printProjection","cursor","frameRate","noCursor","exit","loop","noLoop","popStyle","pushStyle","redraw","binary","boolean","byte","char","float","hex","int","str","unbinary","unhex","join","match","matchAll","nf","nfc","nfp","nfs","split","splitTokens","trim","append","arrayCopy","concat","expand","reverse","shorten","sort","splice","subset","box","sphere","sphereDetail","createInput","createReader","loadBytes","loadJSONArray","loadJSONObject","loadStrings","loadTable","loadXML","open","parseXML","saveTable","selectFolder","selectInput","beginRaw","beginRecord","createOutput","createWriter","endRaw","endRecord","PrintWritersaveBytes","saveJSONArray","saveJSONObject","saveStream","saveStrings","saveXML","selectOutput","popMatrix","printMatrix","pushMatrix","resetMatrix","rotate","rotateX","rotateY","rotateZ","scale","shearX","shearY","translate","ambientLight","directionalLight","lightFalloff","lights","lightSpecular","noLights","normal","pointLight","spotLight","image","imageMode","loadImage","noTint","requestImage","tint","texture","textureMode","textureWrap","blend","copy","filter","get","loadPixels","set","updatePixels","blendMode","loadShader","PShaderresetShader","shader","createFont","loadFont","text","textFont","textAlign","textLeading","textMode","textSize","textWidth","textAscent","textDescent","abs","ceil","constrain","dist","exp","floor","lerp","log","mag","map","max","min","norm","pow","round","sq","sqrt","acos","asin","atan","atan2","cos","degrees","radians","sin","tan","noise","noiseDetail","noiseSeed","random","randomGaussian","randomSeed"],n=e.IDENT_RE,a={variants:[{match:t.concat(t.either(...r),t.lookahead(/\s*\(/)),className:"built_in"},{relevance:0,match:t.concat(/\b(?!for|if|while)/,n,t.lookahead(/\s*\(/)),className:"title.function"}]};return{name:"Processing",aliases:["pde"],keywords:{keyword:["abstract","assert","break","case","catch","const","continue","default","else","enum","final","finally","for","if","import","instanceof","long","native","new","package","private","private","protected","protected","public","public","return","static","strictfp","switch","synchronized","throw","throws","transient","try","void","volatile","while"],literal:"P2D P3D HALF_PI PI QUARTER_PI TAU TWO_PI null true false",title:"setup draw",variable:"super this",built_in:[...r,"BufferedReader","PVector","PFont","PImage","PGraphics","HashMap","String","Array","FloatDict","ArrayList","FloatList","IntDict","IntList","JSONArray","JSONObject","Object","StringDict","StringList","Table","TableRow","XML"],type:["boolean","byte","char","color","double","float","int","long","short"]},contains:[{variants:[{match:[/class/,/\s+/,n,/\s+/,/extends/,/\s+/,n]},{match:[/class/,/\s+/,n]}],className:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/new\s+/,n],className:{1:"keyword",2:"class.title"}},a,{relevance:0,match:[/\./,n],className:{2:"property"}},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE]}}},21492:function(e){e.exports=function(e){return{name:"Python profiler",contains:[e.C_NUMBER_MODE,{begin:"[a-zA-Z_][\\da-zA-Z_]+\\.[\\da-zA-Z_]{1,3}",end:":",excludeEnd:!0},{begin:"(ncalls|tottime|cumtime)",end:"$",keywords:"ncalls tottime|10 cumtime|10 filename",relevance:10},{begin:"function calls",end:"$",contains:[e.C_NUMBER_MODE],relevance:10},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",begin:"\\(",end:"\\)$",excludeBegin:!0,excludeEnd:!0,relevance:0}]}}},65875:function(e){e.exports=function(e){let t={begin:/\(/,end:/\)/,relevance:0},r={begin:/\[/,end:/\]/},n={className:"comment",begin:/%/,end:/$/,contains:[e.PHRASAL_WORDS_MODE]},a={className:"string",begin:/`/,end:/`/,contains:[e.BACKSLASH_ESCAPE]},i=[{begin:/[a-z][A-Za-z0-9_]*/,relevance:0},{className:"symbol",variants:[{begin:/[A-Z][a-zA-Z0-9_]*/},{begin:/_[A-Za-z0-9_]*/}],relevance:0},t,{begin:/:-/},r,n,e.C_BLOCK_COMMENT_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,a,{className:"string",begin:/0'(\\'|.)/},{className:"string",begin:/0'\\s/},e.C_NUMBER_MODE];return t.contains=i,r.contains=i,{name:"Prolog",contains:i.concat([{begin:/\.$/}])}}},81202:function(e){e.exports=function(e){let t="[ \\t\\f]*",r=t+"[:=]"+t,n="[ \\t\\f]+",a="([^\\\\:= \\t\\f\\n]|\\\\.)+";return{name:".properties",disableAutodetect:!0,case_insensitive:!0,illegal:/\S/,contains:[e.COMMENT("^\\s*[!#]","$"),{returnBegin:!0,variants:[{begin:a+r},{begin:a+n}],contains:[{className:"attr",begin:a,endsParent:!0}],starts:{end:"("+r+"|"+n+")",relevance:0,starts:{className:"string",end:/$/,relevance:0,contains:[{begin:"\\\\\\\\"},{begin:"\\\\\\n"}]}}},{className:"attr",begin:a+t+"$"}]}}},61634:function(e){e.exports=function(e){let t={match:[/(message|enum|service)\s+/,e.IDENT_RE],scope:{1:"keyword",2:"title.class"}};return{name:"Protocol Buffers",keywords:{keyword:["package","import","option","optional","required","repeated","group","oneof"],type:["double","float","int32","int64","uint32","uint64","sint32","sint64","fixed32","fixed64","sfixed32","sfixed64","bool","string","bytes"],literal:["true","false"]},contains:[e.QUOTE_STRING_MODE,e.NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,t,{className:"function",beginKeywords:"rpc",end:/[{;]/,excludeEnd:!0,keywords:"rpc returns"},{begin:/^\s*[A-Z_]+(?=\s*=[^\n]+;$)/}]}}},22582:function(e){e.exports=function(e){let t=e.COMMENT("#","$"),r="([A-Za-z_]|::)(\\w|::)*",n=e.inherit(e.TITLE_MODE,{begin:r}),a={className:"variable",begin:"\\$"+r},i={className:"string",contains:[e.BACKSLASH_ESCAPE,a],variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/}]};return{name:"Puppet",aliases:["pp"],contains:[t,a,i,{beginKeywords:"class",end:"\\{|;",illegal:/=/,contains:[n,t]},{beginKeywords:"define",end:/\{/,contains:[{className:"section",begin:e.IDENT_RE,endsParent:!0}]},{begin:e.IDENT_RE+"\\s+\\{",returnBegin:!0,end:/\S/,contains:[{className:"keyword",begin:e.IDENT_RE,relevance:.2},{begin:/\{/,end:/\}/,keywords:{keyword:"and case default else elsif false if in import enherits node or true undef unless main settings $string ",literal:"alias audit before loglevel noop require subscribe tag owner ensure group mode name|0 changes context force incl lens load_path onlyif provider returns root show_diff type_check en_address ip_address realname command environment hour monute month monthday special target weekday creates cwd ogoutput refresh refreshonly tries try_sleep umask backup checksum content ctime force ignore links mtime purge recurse recurselimit replace selinux_ignore_defaults selrange selrole seltype seluser source souirce_permissions sourceselect validate_cmd validate_replacement allowdupe attribute_membership auth_membership forcelocal gid ia_load_module members system host_aliases ip allowed_trunk_vlans description device_url duplex encapsulation etherchannel native_vlan speed principals allow_root auth_class auth_type authenticate_user k_of_n mechanisms rule session_owner shared options device fstype enable hasrestart directory present absent link atboot blockdevice device dump pass remounts poller_tag use message withpath adminfile allow_virtual allowcdrom category configfiles flavor install_options instance package_settings platform responsefile status uninstall_options vendor unless_system_user unless_uid binary control flags hasstatus manifest pattern restart running start stop allowdupe auths expiry gid groups home iterations key_membership keys managehome membership password password_max_age password_min_age profile_membership profiles project purge_ssh_keys role_membership roles salt shell uid baseurl cost descr enabled enablegroups exclude failovermethod gpgcheck gpgkey http_caching include includepkgs keepalive metadata_expire metalink mirrorlist priority protect proxy proxy_password proxy_username repo_gpgcheck s3_enabled skip_if_unavailable sslcacert sslclientcert sslclientkey sslverify mounted",built_in:"architecture augeasversion blockdevices boardmanufacturer boardproductname boardserialnumber cfkey dhcp_servers domain ec2_ ec2_userdata facterversion filesystems ldom fqdn gid hardwareisa hardwaremodel hostname id|0 interfaces ipaddress ipaddress_ ipaddress6 ipaddress6_ iphostnumber is_virtual kernel kernelmajversion kernelrelease kernelversion kernelrelease kernelversion lsbdistcodename lsbdistdescription lsbdistid lsbdistrelease lsbmajdistrelease lsbminordistrelease lsbrelease macaddress macaddress_ macosx_buildversion macosx_productname macosx_productversion macosx_productverson_major macosx_productversion_minor manufacturer memoryfree memorysize netmask metmask_ network_ operatingsystem operatingsystemmajrelease operatingsystemrelease osfamily partitions path physicalprocessorcount processor processorcount productname ps puppetversion rubysitedir rubyversion selinux selinux_config_mode selinux_config_policy selinux_current_mode selinux_current_mode selinux_enforced selinux_policyversion serialnumber sp_ sshdsakey sshecdsakey sshrsakey swapencrypted swapfree swapsize timezone type uniqueid uptime uptime_days uptime_hours uptime_seconds uuid virtual vlans xendomains zfs_version zonenae zones zpool_version"},relevance:0,contains:[i,t,{begin:"[a-zA-Z_]+\\s*=>",returnBegin:!0,end:"=>",contains:[{className:"attr",begin:e.IDENT_RE}]},{className:"number",begin:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},a]}],relevance:0}]}}},46663:function(e){e.exports=function(e){return{name:"PureBASIC",aliases:["pb","pbi"],keywords:"Align And Array As Break CallDebugger Case CompilerCase CompilerDefault CompilerElse CompilerElseIf CompilerEndIf CompilerEndSelect CompilerError CompilerIf CompilerSelect CompilerWarning Continue Data DataSection Debug DebugLevel Declare DeclareC DeclareCDLL DeclareDLL DeclareModule Default Define Dim DisableASM DisableDebugger DisableExplicit Else ElseIf EnableASM EnableDebugger EnableExplicit End EndDataSection EndDeclareModule EndEnumeration EndIf EndImport EndInterface EndMacro EndModule EndProcedure EndSelect EndStructure EndStructureUnion EndWith Enumeration EnumerationBinary Extends FakeReturn For ForEach ForEver Global Gosub Goto If Import ImportC IncludeBinary IncludeFile IncludePath Interface List Macro MacroExpandedCount Map Module NewList NewMap Next Not Or Procedure ProcedureC ProcedureCDLL ProcedureDLL ProcedureReturn Protected Prototype PrototypeC ReDim Read Repeat Restore Return Runtime Select Shared Static Step Structure StructureUnion Swap Threaded To UndefineMacro Until Until UnuseModule UseModule Wend While With XIncludeFile XOr",contains:[e.COMMENT(";","$",{relevance:0}),{className:"function",begin:"\\b(Procedure|Declare)(C|CDLL|DLL)?\\b",end:"\\(",excludeEnd:!0,returnBegin:!0,contains:[{className:"keyword",begin:"(Procedure|Declare)(C|CDLL|DLL)?",excludeEnd:!0},{className:"type",begin:"\\.\\w*"},e.UNDERSCORE_TITLE_MODE]},{className:"string",begin:'(~)?"',end:'"',illegal:"\\n"},{className:"symbol",begin:"#[a-zA-Z_]\\w*\\$?"}]}}},53826:function(e){e.exports=function(e){return{aliases:["pycon"],contains:[{className:"meta.prompt",starts:{end:/ |$/,starts:{end:"$",subLanguage:"python"}},variants:[{begin:/^>>>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}}},20077:function(e){e.exports=function(e){let t=e.regex,r=/[\p{XID_Start}_]\p{XID_Continue}*/u,n=["and","as","assert","async","await","break","case","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","match","nonlocal|10","not","or","pass","raise","return","try","while","with","yield"],a={$pattern:/[A-Za-z]\w+|__\w+__/,keyword:n,built_in:["__import__","abs","all","any","ascii","bin","bool","breakpoint","bytearray","bytes","callable","chr","classmethod","compile","complex","delattr","dict","dir","divmod","enumerate","eval","exec","filter","float","format","frozenset","getattr","globals","hasattr","hash","help","hex","id","input","int","isinstance","issubclass","iter","len","list","locals","map","max","memoryview","min","next","object","oct","open","ord","pow","print","property","range","repr","reversed","round","set","setattr","slice","sorted","staticmethod","str","sum","super","tuple","type","vars","zip"],literal:["__debug__","Ellipsis","False","None","NotImplemented","True"],type:["Any","Callable","Coroutine","Dict","List","Literal","Generic","Optional","Sequence","Set","Tuple","Type","Union"]},i={className:"meta",begin:/^(>>>|\.\.\.) /},o={className:"subst",begin:/\{/,end:/\}/,keywords:a,illegal:/#/},s={begin:/\{\{/,relevance:0},l={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE,i],relevance:10},{begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,i],relevance:10},{begin:/([fF][rR]|[rR][fF]|[fF])'''/,end:/'''/,contains:[e.BACKSLASH_ESCAPE,i,s,o]},{begin:/([fF][rR]|[rR][fF]|[fF])"""/,end:/"""/,contains:[e.BACKSLASH_ESCAPE,i,s,o]},{begin:/([uU]|[rR])'/,end:/'/,relevance:10},{begin:/([uU]|[rR])"/,end:/"/,relevance:10},{begin:/([bB]|[bB][rR]|[rR][bB])'/,end:/'/},{begin:/([bB]|[bB][rR]|[rR][bB])"/,end:/"/},{begin:/([fF][rR]|[rR][fF]|[fF])'/,end:/'/,contains:[e.BACKSLASH_ESCAPE,s,o]},{begin:/([fF][rR]|[rR][fF]|[fF])"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,s,o]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},c="[0-9](_?[0-9])*",d=`(\\b(${c}))?\\.(${c})|\\b(${c})\\.`,u=`\\b|${n.join("|")}`,p={className:"number",relevance:0,variants:[{begin:`(\\b(${c})|(${d}))[eE][+-]?(${c})[jJ]?(?=${u})`},{begin:`(${d})[jJ]?`},{begin:`\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${u})`},{begin:`\\b0[bB](_?[01])+[lL]?(?=${u})`},{begin:`\\b0[oO](_?[0-7])+[lL]?(?=${u})`},{begin:`\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${u})`},{begin:`\\b(${c})[jJ](?=${u})`}]},_={className:"comment",begin:t.lookahead(/# type:/),end:/$/,keywords:a,contains:[{begin:/# type:/},{begin:/#/,end:/\b\B/,endsWithParent:!0}]},m={className:"params",variants:[{className:"",begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:a,contains:["self",i,p,l,e.HASH_COMMENT_MODE]}]};return o.contains=[l,p,i],{name:"Python",aliases:["py","gyp","ipython"],unicodeRegex:!0,keywords:a,illegal:/(<\/|->|\?)|=>/,contains:[i,p,{begin:/\bself\b/},{beginKeywords:"if",relevance:0},l,_,e.HASH_COMMENT_MODE,{match:[/\bdef/,/\s+/,r],scope:{1:"keyword",3:"title.function"},contains:[m]},{variants:[{match:[/\bclass/,/\s+/,r,/\s*/,/\(\s*/,r,/\s*\)/]},{match:[/\bclass/,/\s+/,r]}],scope:{1:"keyword",3:"title.class",6:"title.class.inherited"}},{className:"meta",begin:/^[\t ]*@/,end:/(?=#)|$/,contains:[p,m,l]}]}}},24950:function(e){e.exports=function(e){return{name:"Q",aliases:["k","kdb"],keywords:{$pattern:/(`?)[A-Za-z0-9_]+\b/,keyword:"do while select delete by update from",literal:"0b 1b",built_in:"neg not null string reciprocal floor ceiling signum mod xbar xlog and or each scan over prior mmu lsq inv md5 ltime gtime count first var dev med cov cor all any rand sums prds mins maxs fills deltas ratios avgs differ prev next rank reverse iasc idesc asc desc msum mcount mavg mdev xrank mmin mmax xprev rotate distinct group where flip type key til get value attr cut set upsert raze union inter except cross sv vs sublist enlist read0 read1 hopen hclose hdel hsym hcount peach system ltrim rtrim trim lower upper ssr view tables views cols xcols keys xkey xcol xasc xdesc fkeys meta lj aj aj0 ij pj asof uj ww wj wj1 fby xgroup ungroup ej save load rsave rload show csv parse eval min max avg wavg wsum sin cos tan sum",type:"`float `double int `timestamp `timespan `datetime `time `boolean `symbol `char `byte `short `long `real `month `date `minute `second `guid"},contains:[e.C_LINE_COMMENT_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE]}}},88816:function(e){e.exports=function(e){let t=e.regex,r="[a-zA-Z_][a-zA-Z0-9\\._]*",n={begin:t.concat(r,/\s*\{/),end:/\{/,returnBegin:!0,relevance:0,contains:[e.inherit(e.TITLE_MODE,{begin:r})]};return{name:"QML",aliases:["qt"],case_insensitive:!1,keywords:{keyword:"in of on if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await import",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Behavior bool color coordinate date double enumeration font geocircle georectangle geoshape int list matrix4x4 parent point quaternion real rect size string url variant vector2d vector3d vector4d Promise"},contains:[{className:"meta",begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,{className:"subst",begin:"\\$\\{",end:"\\}"}]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:e.C_NUMBER_RE}],relevance:0},{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{begin:/\s*[);\]]/,relevance:0,subLanguage:"xml"}],relevance:0},{className:"keyword",begin:"\\bsignal\\b",starts:{className:"string",end:"(\\(|:|=|;|,|//|/\\*|$)",returnEnd:!0}},{className:"keyword",begin:"\\bproperty\\b",starts:{className:"string",end:"(:|=|;|,|//|/\\*|$)",returnEnd:!0}},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{begin:/[A-Za-z$_][0-9A-Za-z$_]*/}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]}],illegal:/\[|%/},{begin:"\\."+e.IDENT_RE,relevance:0},{className:"attribute",begin:"\\bid\\s*:",starts:{className:"string",end:r,returnEnd:!1}},{begin:r+"\\s*:",returnBegin:!0,contains:[{className:"attribute",begin:r,end:"\\s*:",excludeEnd:!0,relevance:0}],relevance:0},n],illegal:/#/}}},8409:function(e){e.exports=function(e){let t=e.regex,r=/(?:(?:[a-zA-Z]|\.[._a-zA-Z])[._a-zA-Z0-9]*)|\.(?!\d)/,n=t.either(/0[xX][0-9a-fA-F]+\.[0-9a-fA-F]*[pP][+-]?\d+i?/,/0[xX][0-9a-fA-F]+(?:[pP][+-]?\d+)?[Li]?/,/(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?[Li]?/),a=/[=!<>:]=|\|\||&&|:::?|<-|<<-|->>|->|\|>|[-+*\/?!$&|:<=>@^~]|\*\*/,i=t.either(/[()]/,/[{}]/,/\[\[/,/[[\]]/,/\\/,/,/);return{name:"R",keywords:{$pattern:r,keyword:"function if in break next repeat else for while",literal:"NULL NA TRUE FALSE Inf NaN NA_integer_|10 NA_real_|10 NA_character_|10 NA_complex_|10",built_in:"LETTERS letters month.abb month.name pi T F abs acos acosh all any anyNA Arg as.call as.character as.complex as.double as.environment as.integer as.logical as.null.default as.numeric as.raw asin asinh atan atanh attr attributes baseenv browser c call ceiling class Conj cos cosh cospi cummax cummin cumprod cumsum digamma dim dimnames emptyenv exp expression floor forceAndCall gamma gc.time globalenv Im interactive invisible is.array is.atomic is.call is.character is.complex is.double is.environment is.expression is.finite is.function is.infinite is.integer is.language is.list is.logical is.matrix is.na is.name is.nan is.null is.numeric is.object is.pairlist is.raw is.recursive is.single is.symbol lazyLoadDBfetch length lgamma list log max min missing Mod names nargs nzchar oldClass on.exit pos.to.env proc.time prod quote range Re rep retracemem return round seq_along seq_len seq.int sign signif sin sinh sinpi sqrt standardGeneric substitute sum switch tan tanh tanpi tracemem trigamma trunc unclass untracemem UseMethod xtfrm"},contains:[e.COMMENT(/#'/,/$/,{contains:[{scope:"doctag",match:/@examples/,starts:{end:t.lookahead(t.either(/\n^#'\s*(?=@[a-zA-Z]+)/,/\n^(?!#')/)),endsParent:!0}},{scope:"doctag",begin:"@param",end:/$/,contains:[{scope:"variable",variants:[{match:r},{match:/`(?:\\.|[^`\\])+`/}],endsParent:!0}]},{scope:"doctag",match:/@[a-zA-Z]+/},{scope:"keyword",match:/\\[a-zA-Z]+/}]}),e.HASH_COMMENT_MODE,{scope:"string",contains:[e.BACKSLASH_ESCAPE],variants:[e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\(/,end:/\)(-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\{/,end:/\}(-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\[/,end:/\](-*)"/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\(/,end:/\)(-*)'/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\{/,end:/\}(-*)'/}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\[/,end:/\](-*)'/}),{begin:'"',end:'"',relevance:0},{begin:"'",end:"'",relevance:0}]},{relevance:0,variants:[{scope:{1:"operator",2:"number"},match:[a,n]},{scope:{1:"operator",2:"number"},match:[/%[^%]*%/,n]},{scope:{1:"punctuation",2:"number"},match:[i,n]},{scope:{2:"number"},match:[/[^a-zA-Z0-9._]|^/,n]}]},{scope:{3:"operator"},match:[r,/\s+/,/<-/,/\s+/]},{scope:"operator",relevance:0,variants:[{match:a},{match:/%[^%]*%/}]},{scope:"punctuation",relevance:0,match:i},{begin:"`",end:"`",contains:[{begin:/\\./}]}]}}},68086:function(e){e.exports=function(e){let t="~?[a-z$_][0-9a-zA-Z$_]*",r="`?[A-Z$_][0-9a-zA-Z$_]*",n="'?[a-z$_][0-9a-z$_]*",a="("+["||","++","**","+.","*","/","*.","/.","..."].map(function(e){return e.split("").map(function(e){return"\\"+e}).join("")}).join("|")+"|\\|>|&&|==|===)",i={keyword:"and as asr assert begin class constraint do done downto else end exception external for fun function functor if in include inherit initializer land lazy let lor lsl lsr lxor match method mod module mutable new nonrec object of open or private rec sig struct then to try type val virtual when while with",built_in:"array bool bytes char exn|5 float int int32 int64 list lazy_t|5 nativeint|5 ref string unit ",literal:"true false"},o="\\b(0[xX][a-fA-F0-9_]+[Lln]?|0[oO][0-7_]+[Lln]?|0[bB][01_]+[Lln]?|[0-9][0-9_]*([Lln]|(\\.[0-9_]*)?([eE][-+]?[0-9_]+)?)?)",s={className:"number",relevance:0,variants:[{begin:o},{begin:"\\(-"+o+"\\)"}]},l={className:"operator",relevance:0,begin:a},c=[{className:"identifier",relevance:0,begin:t},l,s],d=[e.QUOTE_STRING_MODE,l,{className:"module",begin:"\\b"+r,returnBegin:!0,relevance:0,end:".",contains:[{className:"identifier",begin:r,relevance:0}]}],u=[{className:"module",begin:"\\b"+r,returnBegin:!0,end:".",relevance:0,contains:[{className:"identifier",begin:r,relevance:0}]}],p={className:"function",relevance:0,keywords:i,variants:[{begin:"\\s(\\(\\.?.*?\\)|"+t+")\\s*=>",end:"\\s*=>",returnBegin:!0,relevance:0,contains:[{className:"params",variants:[{begin:t},{begin:t+"("+("\\s*:\\s*[a-z$_][0-9a-z$_]*(\\(\\s*("+n)+"\\s*(,"+n+"\\s*)*)?\\))?){0,2}"},{begin:/\(\s*\)/}]}]},{begin:"\\s\\(\\.?[^;\\|]*\\)\\s*=>",end:"\\s=>",returnBegin:!0,relevance:0,contains:[{className:"params",relevance:0,variants:[{begin:t,end:"(,|\\n|\\))",relevance:0,contains:[l,{className:"typing",begin:":",end:"(,|\\n)",returnBegin:!0,relevance:0,contains:u}]}]}]},{begin:"\\(\\.\\s"+t+"\\)\\s*=>"}]};d.push(p);let _={className:"constructor",begin:r+"\\(",end:"\\)",illegal:"\\n",keywords:i,contains:[e.QUOTE_STRING_MODE,l,{className:"params",begin:"\\b"+t}]},m={className:"module-access",keywords:i,returnBegin:!0,variants:[{begin:"\\b("+r+"\\.)+"+t},{begin:"\\b("+r+"\\.)+\\(",end:"\\)",returnBegin:!0,contains:[p,{begin:"\\(",end:"\\)",relevance:0,skip:!0}].concat(d)},{begin:"\\b("+r+"\\.)+\\{",end:/\}/}],contains:d};return u.push(m),{name:"ReasonML",aliases:["re"],keywords:i,illegal:"(:-|:=|\\$\\{|\\+=)",contains:[e.COMMENT("/\\*","\\*/",{illegal:"^(#,\\/\\/)"}),{className:"character",begin:"'(\\\\[^']+|[^'])'",illegal:"\\n",relevance:0},e.QUOTE_STRING_MODE,{className:"literal",begin:"\\(\\)",relevance:0},{className:"literal",begin:"\\[\\|",end:"\\|\\]",relevance:0,contains:c},{className:"literal",begin:"\\[",end:"\\]",relevance:0,contains:c},_,{className:"operator",begin:"\\s+"+a+"\\s+",illegal:"-->",relevance:0},s,e.C_LINE_COMMENT_MODE,{className:"pattern-match",begin:"\\|",returnBegin:!0,keywords:i,end:"=>",relevance:0,contains:[_,l,{relevance:0,className:"constructor",begin:r}]},p,{className:"module-def",begin:"\\bmodule\\s+"+t+"\\s+"+r+"\\s+=\\s+\\{",end:/\}/,returnBegin:!0,keywords:i,relevance:0,contains:[{className:"module",relevance:0,begin:r},{begin:/\{/,end:/\}/,relevance:0,skip:!0}].concat(d)},m]}}},32186:function(e){e.exports=function(e){return{name:"RenderMan RIB",keywords:"ArchiveRecord AreaLightSource Atmosphere Attribute AttributeBegin AttributeEnd Basis Begin Blobby Bound Clipping ClippingPlane Color ColorSamples ConcatTransform Cone CoordinateSystem CoordSysTransform CropWindow Curves Cylinder DepthOfField Detail DetailRange Disk Displacement Display End ErrorHandler Exposure Exterior Format FrameAspectRatio FrameBegin FrameEnd GeneralPolygon GeometricApproximation Geometry Hider Hyperboloid Identity Illuminate Imager Interior LightSource MakeCubeFaceEnvironment MakeLatLongEnvironment MakeShadow MakeTexture Matte MotionBegin MotionEnd NuPatch ObjectBegin ObjectEnd ObjectInstance Opacity Option Orientation Paraboloid Patch PatchMesh Perspective PixelFilter PixelSamples PixelVariance Points PointsGeneralPolygons PointsPolygons Polygon Procedural Projection Quantize ReadArchive RelativeDetail ReverseOrientation Rotate Scale ScreenWindow ShadingInterpolation ShadingRate Shutter Sides Skew SolidBegin SolidEnd Sphere SubdivisionMesh Surface TextureCoordinates Torus Transform TransformBegin TransformEnd TransformPoints Translate TrimCurve WorldBegin WorldEnd",illegal:"/}],illegal:/./},e.COMMENT("^#","$"),a,i,n,{begin:/[\w-]+=([^\s{}[\]()>]+)/,relevance:0,returnBegin:!0,contains:[{className:"attribute",begin:/[^=]+/},{begin:/=/,endsWithParent:!0,relevance:0,contains:[a,i,n,{className:"literal",begin:"\\b("+r.split(" ").join("|")+")\\b"},{begin:/("[^"]*"|[^\s{}[\]]+)/}]}]},{className:"number",begin:/\*[0-9a-fA-F]+/},{begin:"\\b("+"add remove enable disable set get print export edit find run debug error info warning".split(" ").join("|")+")([\\s[(\\]|])",returnBegin:!0,contains:[{className:"built_in",begin:/\w+/}]},{className:"built_in",variants:[{begin:"(\\.\\./|/|\\s)(("+"traffic-flow traffic-generator firewall scheduler aaa accounting address-list address align area bandwidth-server bfd bgp bridge client clock community config connection console customer default dhcp-client dhcp-server discovery dns e-mail ethernet filter firmware gps graphing group hardware health hotspot identity igmp-proxy incoming instance interface ip ipsec ipv6 irq l2tp-server lcd ldp logging mac-server mac-winbox mangle manual mirror mme mpls nat nd neighbor network note ntp ospf ospf-v3 ovpn-server page peer pim ping policy pool port ppp pppoe-client pptp-server prefix profile proposal proxy queue radius resource rip ripng route routing screen script security-profiles server service service-port settings shares smb sms sniffer snmp snooper socks sstp-server system tool tracking type upgrade upnp user-manager users user vlan secret vrrp watchdog web-access wireless pptp pppoe lan wan layer7-protocol lease simple raw".split(" ").join("|")+");?\\s)+"},{begin:/\.\./,relevance:0}]}]}}},19670:function(e){e.exports=function(e){let t={match:[/(surface|displacement|light|volume|imager)/,/\s+/,e.IDENT_RE],scope:{1:"keyword",3:"title.class"}};return{name:"RenderMan RSL",keywords:{keyword:["while","for","if","do","return","else","break","extern","continue"],built_in:["abs","acos","ambient","area","asin","atan","atmosphere","attribute","calculatenormal","ceil","cellnoise","clamp","comp","concat","cos","degrees","depth","Deriv","diffuse","distance","Du","Dv","environment","exp","faceforward","filterstep","floor","format","fresnel","incident","length","lightsource","log","match","max","min","mod","noise","normalize","ntransform","opposite","option","phong","pnoise","pow","printf","ptlined","radians","random","reflect","refract","renderinfo","round","setcomp","setxcomp","setycomp","setzcomp","shadow","sign","sin","smoothstep","specular","specularbrdf","spline","sqrt","step","tan","texture","textureinfo","trace","transform","vtransform","xcomp","ycomp","zcomp"],type:["matrix","float","color","point","normal","vector"]},illegal:">|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)",n=t.either(/\b([A-Z]+[a-z0-9]+)+/,/\b([A-Z]+[a-z0-9]+)+[A-Z]+/),a=t.concat(n,/(::\w+)*/),i={"variable.constant":["__FILE__","__LINE__","__ENCODING__"],"variable.language":["self","super"],keyword:["alias","and","begin","BEGIN","break","case","class","defined","do","else","elsif","end","END","ensure","for","if","in","module","next","not","or","redo","require","rescue","retry","return","then","undef","unless","until","when","while","yield","include","extend","prepend","public","private","protected","raise","throw"],built_in:["proc","lambda","attr_accessor","attr_reader","attr_writer","define_method","private_constant","module_function"],literal:["true","false","nil"]},o={className:"doctag",begin:"@[A-Za-z]+"},s={begin:"#<",end:">"},l=[e.COMMENT("#","$",{contains:[o]}),e.COMMENT("^=begin","^=end",{contains:[o],relevance:10}),e.COMMENT("^__END__",e.MATCH_NOTHING_RE)],c={className:"subst",begin:/#\{/,end:/\}/,keywords:i},d={className:"string",contains:[e.BACKSLASH_ESCAPE,c],variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/`/,end:/`/},{begin:/%[qQwWx]?\(/,end:/\)/},{begin:/%[qQwWx]?\[/,end:/\]/},{begin:/%[qQwWx]?\{/,end:/\}/},{begin:/%[qQwWx]?/},{begin:/%[qQwWx]?\//,end:/\//},{begin:/%[qQwWx]?%/,end:/%/},{begin:/%[qQwWx]?-/,end:/-/},{begin:/%[qQwWx]?\|/,end:/\|/},{begin:/\B\?(\\\d{1,3})/},{begin:/\B\?(\\x[A-Fa-f0-9]{1,2})/},{begin:/\B\?(\\u\{?[A-Fa-f0-9]{1,6}\}?)/},{begin:/\B\?(\\M-\\C-|\\M-\\c|\\c\\M-|\\M-|\\C-\\M-)[\x20-\x7e]/},{begin:/\B\?\\(c|C-)[\x20-\x7e]/},{begin:/\B\?\\?\S/},{begin:t.concat(/<<[-~]?'?/,t.lookahead(/(\w+)(?=\W)[^\n]*\n(?:[^\n]*\n)*?\s*\1\b/)),contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,contains:[e.BACKSLASH_ESCAPE,c]})]}]},u="[0-9](_?[0-9])*",p={className:"number",relevance:0,variants:[{begin:`\\b([1-9](_?[0-9])*|0)(\\.(${u}))?([eE][+-]?(${u})|r)?i?\\b`},{begin:"\\b0[dD][0-9](_?[0-9])*r?i?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*r?i?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*r?i?\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*r?i?\\b"},{begin:"\\b0(_?[0-7])+r?i?\\b"}]},_={variants:[{match:/\(\)/},{className:"params",begin:/\(/,end:/(?=\))/,excludeBegin:!0,endsParent:!0,keywords:i}]},m=[d,{variants:[{match:[/class\s+/,a,/\s+<\s+/,a]},{match:[/\b(class|module)\s+/,a]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:i},{match:[/(include|extend)\s+/,a],scope:{2:"title.class"},keywords:i},{relevance:0,match:[a,/\.new[. (]/],scope:{1:"title.class"}},{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},{relevance:0,match:n,scope:"title.class"},{match:[/def/,/\s+/,r],scope:{1:"keyword",3:"title.function"},contains:[_]},{begin:e.IDENT_RE+"::"},{className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",begin:":(?!\\s)",contains:[d,{begin:r}],relevance:0},p,{className:"variable",begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},{className:"params",begin:/\|/,end:/\|/,excludeBegin:!0,excludeEnd:!0,relevance:0,keywords:i},{begin:"("+e.RE_STARTERS_RE+"|unless)\\s*",keywords:"unless",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,c],illegal:/\n/,variants:[{begin:"/",end:"/[a-z]*"},{begin:/%r\{/,end:/\}[a-z]*/},{begin:"%r\\(",end:"\\)[a-z]*"},{begin:"%r!",end:"![a-z]*"},{begin:"%r\\[",end:"\\][a-z]*"}]}].concat(s,l),relevance:0}].concat(s,l);return c.contains=m,_.contains=m,l.unshift(s),{name:"Ruby",aliases:["rb","gemspec","podspec","thor","irb"],keywords:i,illegal:/\/\*/,contains:[e.SHEBANG({binary:"ruby"})].concat([{begin:/^\s*=>/,starts:{end:"$",contains:m}},{className:"meta.prompt",begin:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+[>*]|(\\w+-)?\\d+\\.\\d+\\.\\d+(p\\d+)?[^\\d][^>]+>)(?=[ ])",starts:{end:"$",keywords:i,contains:m}}]).concat(l).concat(m)}}},63211:function(e){e.exports=function(e){return{name:"Oracle Rules Language",keywords:{keyword:"BILL_PERIOD BILL_START BILL_STOP RS_EFFECTIVE_START RS_EFFECTIVE_STOP RS_JURIS_CODE RS_OPCO_CODE INTDADDATTRIBUTE|5 INTDADDVMSG|5 INTDBLOCKOP|5 INTDBLOCKOPNA|5 INTDCLOSE|5 INTDCOUNT|5 INTDCOUNTSTATUSCODE|5 INTDCREATEMASK|5 INTDCREATEDAYMASK|5 INTDCREATEFACTORMASK|5 INTDCREATEHANDLE|5 INTDCREATEOVERRIDEDAYMASK|5 INTDCREATEOVERRIDEMASK|5 INTDCREATESTATUSCODEMASK|5 INTDCREATETOUPERIOD|5 INTDDELETE|5 INTDDIPTEST|5 INTDEXPORT|5 INTDGETERRORCODE|5 INTDGETERRORMESSAGE|5 INTDISEQUAL|5 INTDJOIN|5 INTDLOAD|5 INTDLOADACTUALCUT|5 INTDLOADDATES|5 INTDLOADHIST|5 INTDLOADLIST|5 INTDLOADLISTDATES|5 INTDLOADLISTENERGY|5 INTDLOADLISTHIST|5 INTDLOADRELATEDCHANNEL|5 INTDLOADSP|5 INTDLOADSTAGING|5 INTDLOADUOM|5 INTDLOADUOMDATES|5 INTDLOADUOMHIST|5 INTDLOADVERSION|5 INTDOPEN|5 INTDREADFIRST|5 INTDREADNEXT|5 INTDRECCOUNT|5 INTDRELEASE|5 INTDREPLACE|5 INTDROLLAVG|5 INTDROLLPEAK|5 INTDSCALAROP|5 INTDSCALE|5 INTDSETATTRIBUTE|5 INTDSETDSTPARTICIPANT|5 INTDSETSTRING|5 INTDSETVALUE|5 INTDSETVALUESTATUS|5 INTDSHIFTSTARTTIME|5 INTDSMOOTH|5 INTDSORT|5 INTDSPIKETEST|5 INTDSUBSET|5 INTDTOU|5 INTDTOURELEASE|5 INTDTOUVALUE|5 INTDUPDATESTATS|5 INTDVALUE|5 STDEV INTDDELETEEX|5 INTDLOADEXACTUAL|5 INTDLOADEXCUT|5 INTDLOADEXDATES|5 INTDLOADEX|5 INTDLOADEXRELATEDCHANNEL|5 INTDSAVEEX|5 MVLOAD|5 MVLOADACCT|5 MVLOADACCTDATES|5 MVLOADACCTHIST|5 MVLOADDATES|5 MVLOADHIST|5 MVLOADLIST|5 MVLOADLISTDATES|5 MVLOADLISTHIST|5 IF FOR NEXT DONE SELECT END CALL ABORT CLEAR CHANNEL FACTOR LIST NUMBER OVERRIDE SET WEEK DISTRIBUTIONNODE ELSE WHEN THEN OTHERWISE IENUM CSV INCLUDE LEAVE RIDER SAVE DELETE NOVALUE SECTION WARN SAVE_UPDATE DETERMINANT LABEL REPORT REVENUE EACH IN FROM TOTAL CHARGE BLOCK AND OR CSV_FILE RATE_CODE AUXILIARY_DEMAND UIDACCOUNT RS BILL_PERIOD_SELECT HOURS_PER_MONTH INTD_ERROR_STOP SEASON_SCHEDULE_NAME ACCOUNTFACTOR ARRAYUPPERBOUND CALLSTOREDPROC GETADOCONNECTION GETCONNECT GETDATASOURCE GETQUALIFIER GETUSERID HASVALUE LISTCOUNT LISTOP LISTUPDATE LISTVALUE PRORATEFACTOR RSPRORATE SETBINPATH SETDBMONITOR WQ_OPEN BILLINGHOURS DATE DATEFROMFLOAT DATETIMEFROMSTRING DATETIMETOSTRING DATETOFLOAT DAY DAYDIFF DAYNAME DBDATETIME HOUR MINUTE MONTH MONTHDIFF MONTHHOURS MONTHNAME ROUNDDATE SAMEWEEKDAYLASTYEAR SECOND WEEKDAY WEEKDIFF YEAR YEARDAY YEARSTR COMPSUM HISTCOUNT HISTMAX HISTMIN HISTMINNZ HISTVALUE MAXNRANGE MAXRANGE MINRANGE COMPIKVA COMPKVA COMPKVARFROMKQKW COMPLF IDATTR FLAG LF2KW LF2KWH MAXKW POWERFACTOR READING2USAGE AVGSEASON MAXSEASON MONTHLYMERGE SEASONVALUE SUMSEASON ACCTREADDATES ACCTTABLELOAD CONFIGADD CONFIGGET CREATEOBJECT CREATEREPORT EMAILCLIENT EXPBLKMDMUSAGE EXPMDMUSAGE EXPORT_USAGE FACTORINEFFECT GETUSERSPECIFIEDSTOP INEFFECT ISHOLIDAY RUNRATE SAVE_PROFILE SETREPORTTITLE USEREXIT WATFORRUNRATE TO TABLE ACOS ASIN ATAN ATAN2 BITAND CEIL COS COSECANT COSH COTANGENT DIVQUOT DIVREM EXP FABS FLOOR FMOD FREPM FREXPN LOG LOG10 MAX MAXN MIN MINNZ MODF POW ROUND ROUND2VALUE ROUNDINT SECANT SIN SINH SQROOT TAN TANH FLOAT2STRING FLOAT2STRINGNC INSTR LEFT LEN LTRIM MID RIGHT RTRIM STRING STRINGNC TOLOWER TOUPPER TRIM NUMDAYS READ_DATE STAGING",built_in:"IDENTIFIER OPTIONS XML_ELEMENT XML_OP XML_ELEMENT_OF DOMDOCCREATE DOMDOCLOADFILE DOMDOCLOADXML DOMDOCSAVEFILE DOMDOCGETROOT DOMDOCADDPI DOMNODEGETNAME DOMNODEGETTYPE DOMNODEGETVALUE DOMNODEGETCHILDCT DOMNODEGETFIRSTCHILD DOMNODEGETSIBLING DOMNODECREATECHILDELEMENT DOMNODESETATTRIBUTE DOMNODEGETCHILDELEMENTCT DOMNODEGETFIRSTCHILDELEMENT DOMNODEGETSIBLINGELEMENT DOMNODEGETATTRIBUTECT DOMNODEGETATTRIBUTEI DOMNODEGETATTRIBUTEBYNAME DOMNODEGETBYNAME"},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,{className:"literal",variants:[{begin:"#\\s+",relevance:0},{begin:"#[a-zA-Z .]+"}]}]}}},66264:function(e){e.exports=function(e){let t=e.regex,r={className:"title.function.invoke",relevance:0,begin:t.concat(/\b/,/(?!let\b)/,e.IDENT_RE,t.lookahead(/\s*\(/))},n="([ui](8|16|32|64|128|size)|f(32|64))?",a=["drop ","Copy","Send","Sized","Sync","Drop","Fn","FnMut","FnOnce","ToOwned","Clone","Debug","PartialEq","PartialOrd","Eq","Ord","AsRef","AsMut","Into","From","Default","Iterator","Extend","IntoIterator","DoubleEndedIterator","ExactSizeIterator","SliceConcatExt","ToString","assert!","assert_eq!","bitflags!","bytes!","cfg!","col!","concat!","concat_idents!","debug_assert!","debug_assert_eq!","env!","panic!","file!","format!","format_args!","include_bytes!","include_str!","line!","local_data_key!","module_path!","option_env!","print!","println!","select!","stringify!","try!","unimplemented!","unreachable!","vec!","write!","writeln!","macro_rules!","assert_ne!","debug_assert_ne!"],i=["i8","i16","i32","i64","i128","isize","u8","u16","u32","u64","u128","usize","f32","f64","str","char","bool","Box","Option","Result","String","Vec"];return{name:"Rust",aliases:["rs"],keywords:{$pattern:e.IDENT_RE+"!?",type:i,keyword:["abstract","as","async","await","become","box","break","const","continue","crate","do","dyn","else","enum","extern","false","final","fn","for","if","impl","in","let","loop","macro","match","mod","move","mut","override","priv","pub","ref","return","self","Self","static","struct","super","trait","true","try","type","typeof","unsafe","unsized","use","virtual","where","while","yield"],literal:["true","false","Some","None","Ok","Err"],built_in:a},illegal:""},r]}}},64835:function(e){e.exports=function(e){let t=e.regex;return{name:"SAS",case_insensitive:!0,keywords:{literal:["null","missing","_all_","_automatic_","_character_","_infile_","_n_","_name_","_null_","_numeric_","_user_","_webout_"],keyword:["do","if","then","else","end","until","while","abort","array","attrib","by","call","cards","cards4","catname","continue","datalines","datalines4","delete","delim","delimiter","display","dm","drop","endsas","error","file","filename","footnote","format","goto","in","infile","informat","input","keep","label","leave","length","libname","link","list","lostcard","merge","missing","modify","options","output","out","page","put","redirect","remove","rename","replace","retain","return","select","set","skip","startsas","stop","title","update","waitsas","where","window","x|0","systask","add","and","alter","as","cascade","check","create","delete","describe","distinct","drop","foreign","from","group","having","index","insert","into","in","key","like","message","modify","msgtype","not","null","on","or","order","primary","references","reset","restrict","select","set","table","unique","update","validate","view","where"]},contains:[{className:"keyword",begin:/^\s*(proc [\w\d_]+|data|run|quit)[\s;]/},{className:"variable",begin:/&[a-zA-Z_&][a-zA-Z0-9_]*\.?/},{begin:[/^\s*/,/datalines;|cards;/,/(?:.*\n)+/,/^\s*;\s*$/],className:{2:"keyword",3:"string"}},{begin:[/%mend|%macro/,/\s+/,/[a-zA-Z_&][a-zA-Z0-9_]*/],className:{1:"built_in",3:"title.function"}},{className:"built_in",begin:"%"+t.either(...["bquote","nrbquote","cmpres","qcmpres","compstor","datatyp","display","do","else","end","eval","global","goto","if","index","input","keydef","label","left","length","let","local","lowcase","macro","mend","nrbquote","nrquote","nrstr","put","qcmpres","qleft","qlowcase","qscan","qsubstr","qsysfunc","qtrim","quote","qupcase","scan","str","substr","superq","syscall","sysevalf","sysexec","sysfunc","sysget","syslput","sysprod","sysrc","sysrput","then","to","trim","unquote","until","upcase","verify","while","window"])},{className:"title.function",begin:/%[a-zA-Z_][a-zA-Z_0-9]*/},{className:"meta",begin:t.either(...["abs","addr","airy","arcos","arsin","atan","attrc","attrn","band","betainv","blshift","bnot","bor","brshift","bxor","byte","cdf","ceil","cexist","cinv","close","cnonct","collate","compbl","compound","compress","cos","cosh","css","curobs","cv","daccdb","daccdbsl","daccsl","daccsyd","dacctab","dairy","date","datejul","datepart","datetime","day","dclose","depdb","depdbsl","depdbsl","depsl","depsl","depsyd","depsyd","deptab","deptab","dequote","dhms","dif","digamma","dim","dinfo","dnum","dopen","doptname","doptnum","dread","dropnote","dsname","erf","erfc","exist","exp","fappend","fclose","fcol","fdelete","fetch","fetchobs","fexist","fget","fileexist","filename","fileref","finfo","finv","fipname","fipnamel","fipstate","floor","fnonct","fnote","fopen","foptname","foptnum","fpoint","fpos","fput","fread","frewind","frlen","fsep","fuzz","fwrite","gaminv","gamma","getoption","getvarc","getvarn","hbound","hms","hosthelp","hour","ibessel","index","indexc","indexw","input","inputc","inputn","int","intck","intnx","intrr","irr","jbessel","juldate","kurtosis","lag","lbound","left","length","lgamma","libname","libref","log","log10","log2","logpdf","logpmf","logsdf","lowcase","max","mdy","mean","min","minute","mod","month","mopen","mort","n","netpv","nmiss","normal","note","npv","open","ordinal","pathname","pdf","peek","peekc","pmf","point","poisson","poke","probbeta","probbnml","probchi","probf","probgam","probhypr","probit","probnegb","probnorm","probt","put","putc","putn","qtr","quote","ranbin","rancau","ranexp","rangam","range","rank","rannor","ranpoi","rantbl","rantri","ranuni","repeat","resolve","reverse","rewind","right","round","saving","scan","sdf","second","sign","sin","sinh","skewness","soundex","spedis","sqrt","std","stderr","stfips","stname","stnamel","substr","sum","symget","sysget","sysmsg","sysprod","sysrc","system","tan","tanh","time","timepart","tinv","tnonct","today","translate","tranwrd","trigamma","trim","trimn","trunc","uniform","upcase","uss","var","varfmt","varinfmt","varlabel","varlen","varname","varnum","varray","varrayx","vartype","verify","vformat","vformatd","vformatdx","vformatn","vformatnx","vformatw","vformatwx","vformatx","vinarray","vinarrayx","vinformat","vinformatd","vinformatdx","vinformatn","vinformatnx","vinformatw","vinformatwx","vinformatx","vlabel","vlabelx","vlength","vlengthx","vname","vnamex","vtype","vtypex","weekday","year","yyq","zipfips","zipname","zipnamel","zipstate"])+"(?=\\()"},{className:"string",variants:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},e.COMMENT("\\*",";"),e.C_BLOCK_COMMENT_MODE]}}},64573:function(e){e.exports=function(e){let t=e.regex,r={className:"subst",variants:[{begin:"\\$[A-Za-z0-9_]+"},{begin:/\$\{/,end:/\}/}]},n={className:"string",variants:[{begin:'"""',end:'"""'},{begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{begin:'[a-z]+"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE,r]},{className:"string",begin:'[a-z]+"""',end:'"""',contains:[r],relevance:10}]},a={className:"type",begin:"\\b[A-Z][A-Za-z0-9_]*",relevance:0},i={className:"title",begin:/[^0-9\n\t "'(),.`{}\[\]:;][^\n\t "'(),.`{}\[\]:;]+|[^0-9\n\t "'(),.`{}\[\]:;=]/,relevance:0},o={className:"class",beginKeywords:"class object trait type",end:/[:={\[\n;]/,excludeEnd:!0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{beginKeywords:"extends with",relevance:10},{begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0,relevance:0,contains:[a]},{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,relevance:0,contains:[a]},i]},s={className:"function",beginKeywords:"def",end:t.lookahead(/[:={\[(\n;]/),contains:[i]};return{name:"Scala",keywords:{literal:"true false null",keyword:"type yield lazy override def with val var sealed abstract private trait object if then forSome for while do throw finally protected extends import final return else break new catch super class case package default try this match continue throws implicit export enum given transparent"},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,n,a,s,o,e.C_NUMBER_MODE,{begin:[/^\s*/,"extension",/\s+(?=[[(])/],beginScope:{2:"keyword"}},{begin:[/^\s*/,/end/,/\s+/,/(extension\b)?/],beginScope:{2:"keyword",4:"keyword"}},{match:/\.inline\b/},{begin:/\binline(?=\s)/,keywords:"inline"},{begin:[/\(\s*/,/using/,/\s+(?!\))/],beginScope:{2:"keyword"}},{className:"meta",begin:"@[A-Za-z]+"}]}}},48301:function(e){e.exports=function(e){let t="[^\\(\\)\\[\\]\\{\\}\",'`;#|\\\\\\s]+",r="(-|\\+)?\\d+([./]\\d+)?",n={className:"literal",begin:"(#t|#f|#\\\\"+t+"|#\\\\.)"},a={className:"number",variants:[{begin:r,relevance:0},{begin:r+"[+\\-]"+r+"i",relevance:0},{begin:"#b[0-1]+(/[0-1]+)?"},{begin:"#o[0-7]+(/[0-7]+)?"},{begin:"#x[0-9a-f]+(/[0-9a-f]+)?"}]},i=e.QUOTE_STRING_MODE,o=[e.COMMENT(";","$",{relevance:0}),e.COMMENT("#\\|","\\|#")],s={begin:t,relevance:0},l={className:"symbol",begin:"'"+t},c={endsWithParent:!0,relevance:0},d={variants:[{begin:/'/},{begin:"`"}],contains:[{begin:"\\(",end:"\\)",contains:["self",n,i,a,s,l]}]},u={className:"name",relevance:0,begin:t,keywords:{$pattern:t,built_in:"case-lambda call/cc class define-class exit-handler field import inherit init-field interface let*-values let-values let/ec mixin opt-lambda override protect provide public rename require require-for-syntax syntax syntax-case syntax-error unit/sig unless when with-syntax and begin call-with-current-continuation call-with-input-file call-with-output-file case cond define define-syntax delay do dynamic-wind else for-each if lambda let let* let-syntax letrec letrec-syntax map or syntax-rules ' * + , ,@ - ... / ; < <= = => > >= ` abs acos angle append apply asin assoc assq assv atan boolean? caar cadr call-with-input-file call-with-output-file call-with-values car cdddar cddddr cdr ceiling char->integer char-alphabetic? char-ci<=? char-ci=? char-ci>? char-downcase char-lower-case? char-numeric? char-ready? char-upcase char-upper-case? char-whitespace? char<=? char=? char>? char? close-input-port close-output-port complex? cons cos current-input-port current-output-port denominator display eof-object? eq? equal? eqv? eval even? exact->inexact exact? exp expt floor force gcd imag-part inexact->exact inexact? input-port? integer->char integer? interaction-environment lcm length list list->string list->vector list-ref list-tail list? load log magnitude make-polar make-rectangular make-string make-vector max member memq memv min modulo negative? newline not null-environment null? number->string number? numerator odd? open-input-file open-output-file output-port? pair? peek-char port? positive? procedure? quasiquote quote quotient rational? rationalize read read-char real-part real? remainder reverse round scheme-report-environment set! set-car! set-cdr! sin sqrt string string->list string->number string->symbol string-append string-ci<=? string-ci=? string-ci>? string-copy string-fill! string-length string-ref string-set! string<=? string=? string>? string? substring symbol->string symbol? tan transcript-off transcript-on truncate values vector vector->list vector-fill! vector-length vector-ref vector-set! with-input-from-file with-output-to-file write write-char zero?"}},p={variants:[{begin:"\\(",end:"\\)"},{begin:"\\[",end:"\\]"}],contains:[{begin:/lambda/,endsWithParent:!0,returnBegin:!0,contains:[u,{endsParent:!0,variants:[{begin:/\(/,end:/\)/},{begin:/\[/,end:/\]/}],contains:[s]}]},u,c]};return c.contains=[n,a,i,s,l,d,p].concat(o),{name:"Scheme",aliases:["scm"],illegal:/\S/,contains:[e.SHEBANG(),a,i,l,d,p].concat(o)}}},10007:function(e){e.exports=function(e){let t=[e.C_NUMBER_MODE,{className:"string",begin:"'|\"",end:"'|\"",contains:[e.BACKSLASH_ESCAPE,{begin:"''"}]}];return{name:"Scilab",aliases:["sci"],keywords:{$pattern:/%?\w+/,keyword:"abort break case clear catch continue do elseif else endfunction end for function global if pause return resume select try then while",literal:"%f %F %t %T %pi %eps %inf %nan %e %i %z %s",built_in:"abs and acos asin atan ceil cd chdir clearglobal cosh cos cumprod deff disp error exec execstr exists exp eye gettext floor fprintf fread fsolve imag isdef isempty isinfisnan isvector lasterror length load linspace list listfiles log10 log2 log max min msprintf mclose mopen ones or pathconvert poly printf prod pwd rand real round sinh sin size gsort sprintf sqrt strcat strcmps tring sum system tanh tan type typename warning zeros matrix"},illegal:'("|#|/\\*|\\s+/\\w+)',contains:[{className:"function",beginKeywords:"function",end:"$",contains:[e.UNDERSCORE_TITLE_MODE,{className:"params",begin:"\\(",end:"\\)"}]},{begin:"[a-zA-Z_][a-zA-Z_0-9]*[\\.']+",relevance:0},{begin:"\\[",end:"\\][\\.']*",relevance:0,contains:t},e.COMMENT("//","$")].concat(t)}}},23322:function(e){let t=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),r=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],n=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],a=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],i=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],o=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();e.exports=function(e){let s=t(e),l="@[a-z-]+",c={className:"variable",begin:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b",relevance:0};return{name:"SCSS",case_insensitive:!0,illegal:"[=/|']",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,s.CSS_NUMBER_MODE,{className:"selector-id",begin:"#[A-Za-z0-9_-]+",relevance:0},{className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0},s.ATTRIBUTE_SELECTOR_MODE,{className:"selector-tag",begin:"\\b("+r.join("|")+")\\b",relevance:0},{className:"selector-pseudo",begin:":("+a.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+i.join("|")+")"},c,{begin:/\(/,end:/\)/,contains:[s.CSS_NUMBER_MODE]},s.CSS_VARIABLE,{className:"attribute",begin:"\\b("+o.join("|")+")\\b"},{begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{begin:/:/,end:/[;}{]/,relevance:0,contains:[s.BLOCK_COMMENT,c,s.HEXCOLOR,s.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,s.IMPORTANT,s.FUNCTION_DISPATCH]},{begin:"@(page|font-face)",keywords:{$pattern:l,keyword:"@page @font-face"}},{begin:"@",end:"[{;]",returnBegin:!0,keywords:{$pattern:/[a-z-]+/,keyword:"and or not only",attribute:n.join(" ")},contains:[{begin:l,className:"keyword"},{begin:/[a-z-]+(?=:)/,className:"attribute"},c,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,s.HEXCOLOR,s.CSS_NUMBER_MODE]},s.FUNCTION_DISPATCH]}}},80320:function(e){e.exports=function(e){return{name:"Shell Session",aliases:["console","shellsession"],contains:[{className:"meta.prompt",begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,subLanguage:"bash"}}]}}},23736:function(e){e.exports=function(e){let t=["add","and","cmp","cmpg","cmpl","const","div","double","float","goto","if","int","long","move","mul","neg","new","nop","not","or","rem","return","shl","shr","sput","sub","throw","ushr","xor"];return{name:"Smali",contains:[{className:"string",begin:'"',end:'"',relevance:0},e.COMMENT("#","$",{relevance:0}),{className:"keyword",variants:[{begin:"\\s*\\.end\\s[a-zA-Z0-9]*"},{begin:"^[ ]*\\.[a-zA-Z]*",relevance:0},{begin:"\\s:[a-zA-Z_0-9]*",relevance:0},{begin:"\\s(transient|constructor|abstract|final|synthetic|public|private|protected|static|bridge|system)"}]},{className:"built_in",variants:[{begin:"\\s("+t.join("|")+")\\s"},{begin:"\\s("+t.join("|")+")((-|/)[a-zA-Z0-9]+)+\\s",relevance:10},{begin:"\\s(aget|aput|array|check|execute|fill|filled|goto/16|goto/32|iget|instance|invoke|iput|monitor|packed|sget|sparse)((-|/)[a-zA-Z0-9]+)*\\s",relevance:10}]},{className:"class",begin:"L[^(;:\n]*;",relevance:0},{begin:"[vp][0-9]+"}]}}},58136:function(e){e.exports=function(e){let t="[a-z][a-zA-Z0-9_]*",r={className:"string",begin:"\\$.{1}"},n={className:"symbol",begin:"#"+e.UNDERSCORE_IDENT_RE};return{name:"Smalltalk",aliases:["st"],keywords:["self","super","nil","true","false","thisContext"],contains:[e.COMMENT('"','"'),e.APOS_STRING_MODE,{className:"type",begin:"\\b[A-Z][A-Za-z0-9_]*",relevance:0},{begin:t+":",relevance:0},e.C_NUMBER_MODE,n,r,{begin:"\\|[ ]*"+t+"([ ]+"+t+")*[ ]*\\|",returnBegin:!0,end:/\|/,illegal:/\S/,contains:[{begin:"(\\|[ ]*)?"+t}]},{begin:"#\\(",end:"\\)",contains:[e.APOS_STRING_MODE,r,e.C_NUMBER_MODE,n]}]}}},82051:function(e){e.exports=function(e){return{name:"SML (Standard ML)",aliases:["ml"],keywords:{$pattern:"[a-z_]\\w*!?",keyword:"abstype and andalso as case datatype do else end eqtype exception fn fun functor handle if in include infix infixr let local nonfix of op open orelse raise rec sharing sig signature struct structure then type val with withtype where while",built_in:"array bool char exn int list option order real ref string substring vector unit word",literal:"true false NONE SOME LESS EQUAL GREATER nil"},illegal:/\/\/|>>/,contains:[{className:"literal",begin:/\[(\|\|)?\]|\(\)/,relevance:0},e.COMMENT("\\(\\*","\\*\\)",{contains:["self"]}),{className:"symbol",begin:"'[A-Za-z_](?!')[\\w']*"},{className:"type",begin:"`[A-Z][\\w']*"},{className:"type",begin:"\\b[A-Z][\\w']*",relevance:0},{begin:"[a-z_]\\w*'[\\w']*"},e.inherit(e.APOS_STRING_MODE,{className:"string",relevance:0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),{className:"number",begin:"\\b(0[xX][a-fA-F0-9_]+[Lln]?|0[oO][0-7_]+[Lln]?|0[bB][01_]+[Lln]?|[0-9][0-9_]*([Lln]|(\\.[0-9_]*)?([eE][-+]?[0-9_]+)?)?)",relevance:0},{begin:/[-=]>/}]}}},38228:function(e){e.exports=function(e){let t={className:"string",variants:[{begin:'"',end:'"',contains:[{begin:'""',relevance:0}]},{begin:"'",end:"'",contains:[{begin:"''",relevance:0}]}]},r={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{keyword:"define undef ifdef ifndef else endif include"},contains:[{begin:/\\\n/,relevance:0},e.inherit(t,{className:"string"}),{className:"string",begin:/<[^\n>]*>/,end:/$/,illegal:"\\n"},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]};return{name:"SQF",case_insensitive:!0,keywords:{keyword:["case","catch","default","do","else","exit","exitWith","for","forEach","from","if","private","switch","then","throw","to","try","waitUntil","while","with"],built_in:["abs","accTime","acos","action","actionIDs","actionKeys","actionKeysImages","actionKeysNames","actionKeysNamesArray","actionName","actionParams","activateAddons","activatedAddons","activateKey","add3DENConnection","add3DENEventHandler","add3DENLayer","addAction","addBackpack","addBackpackCargo","addBackpackCargoGlobal","addBackpackGlobal","addBinocularItem","addCamShake","addCuratorAddons","addCuratorCameraArea","addCuratorEditableObjects","addCuratorEditingArea","addCuratorPoints","addEditorObject","addEventHandler","addForce","addForceGeneratorRTD","addGoggles","addGroupIcon","addHandgunItem","addHeadgear","addItem","addItemCargo","addItemCargoGlobal","addItemPool","addItemToBackpack","addItemToUniform","addItemToVest","addLiveStats","addMagazine","addMagazineAmmoCargo","addMagazineCargo","addMagazineCargoGlobal","addMagazineGlobal","addMagazinePool","addMagazines","addMagazineTurret","addMenu","addMenuItem","addMissionEventHandler","addMPEventHandler","addMusicEventHandler","addonFiles","addOwnedMine","addPlayerScores","addPrimaryWeaponItem","addPublicVariableEventHandler","addRating","addResources","addScore","addScoreSide","addSecondaryWeaponItem","addSwitchableUnit","addTeamMember","addToRemainsCollector","addTorque","addUniform","addVehicle","addVest","addWaypoint","addWeapon","addWeaponCargo","addWeaponCargoGlobal","addWeaponGlobal","addWeaponItem","addWeaponPool","addWeaponTurret","addWeaponWithAttachmentsCargo","addWeaponWithAttachmentsCargoGlobal","admin","agent","agents","AGLToASL","aimedAtTarget","aimPos","airDensityCurveRTD","airDensityRTD","airplaneThrottle","airportSide","AISFinishHeal","alive","all3DENEntities","allActiveTitleEffects","allAddonsInfo","allAirports","allControls","allCurators","allCutLayers","allDead","allDeadMen","allDiarySubjects","allDisplays","allGroups","allMapMarkers","allMines","allMissionObjects","allow3DMode","allowCrewInImmobile","allowCuratorLogicIgnoreAreas","allowDamage","allowDammage","allowFileOperations","allowFleeing","allowGetIn","allowSprint","allPlayers","allSimpleObjects","allSites","allTurrets","allUnits","allUnitsUAV","allVariables","ammo","ammoOnPylon","and","animate","animateBay","animateDoor","animatePylon","animateSource","animationNames","animationPhase","animationSourcePhase","animationState","apertureParams","append","apply","armoryPoints","arrayIntersect","asin","ASLToAGL","ASLToATL","assert","assignAsCargo","assignAsCargoIndex","assignAsCommander","assignAsDriver","assignAsGunner","assignAsTurret","assignCurator","assignedCargo","assignedCommander","assignedDriver","assignedGunner","assignedItems","assignedTarget","assignedTeam","assignedVehicle","assignedVehicleRole","assignItem","assignTeam","assignToAirport","atan","atan2","atg","ATLToASL","attachedObject","attachedObjects","attachedTo","attachObject","attachTo","attackEnabled","backpack","backpackCargo","backpackContainer","backpackItems","backpackMagazines","backpackSpaceFor","batteryChargeRTD","behaviour","benchmark","bezierInterpolation","binocular","binocularItems","binocularMagazine","boundingBox","boundingBoxReal","boundingCenter","break","breakOut","breakTo","breakWith","briefingName","buildingExit","buildingPos","buldozer_EnableRoadDiag","buldozer_IsEnabledRoadDiag","buldozer_LoadNewRoads","buldozer_reloadOperMap","buttonAction","buttonSetAction","cadetMode","calculatePath","calculatePlayerVisibilityByFriendly","call","callExtension","camCommand","camCommit","camCommitPrepared","camCommitted","camConstuctionSetParams","camCreate","camDestroy","cameraEffect","cameraEffectEnableHUD","cameraInterest","cameraOn","cameraView","campaignConfigFile","camPreload","camPreloaded","camPrepareBank","camPrepareDir","camPrepareDive","camPrepareFocus","camPrepareFov","camPrepareFovRange","camPreparePos","camPrepareRelPos","camPrepareTarget","camSetBank","camSetDir","camSetDive","camSetFocus","camSetFov","camSetFovRange","camSetPos","camSetRelPos","camSetTarget","camTarget","camUseNVG","canAdd","canAddItemToBackpack","canAddItemToUniform","canAddItemToVest","cancelSimpleTaskDestination","canFire","canMove","canSlingLoad","canStand","canSuspend","canTriggerDynamicSimulation","canUnloadInCombat","canVehicleCargo","captive","captiveNum","cbChecked","cbSetChecked","ceil","channelEnabled","cheatsEnabled","checkAIFeature","checkVisibility","className","clear3DENAttribute","clear3DENInventory","clearAllItemsFromBackpack","clearBackpackCargo","clearBackpackCargoGlobal","clearForcesRTD","clearGroupIcons","clearItemCargo","clearItemCargoGlobal","clearItemPool","clearMagazineCargo","clearMagazineCargoGlobal","clearMagazinePool","clearOverlay","clearRadio","clearVehicleInit","clearWeaponCargo","clearWeaponCargoGlobal","clearWeaponPool","clientOwner","closeDialog","closeDisplay","closeOverlay","collapseObjectTree","collect3DENHistory","collectiveRTD","combatBehaviour","combatMode","commandArtilleryFire","commandChat","commander","commandFire","commandFollow","commandFSM","commandGetOut","commandingMenu","commandMove","commandRadio","commandStop","commandSuppressiveFire","commandTarget","commandWatch","comment","commitOverlay","compile","compileFinal","compileScript","completedFSM","composeText","configClasses","configFile","configHierarchy","configName","configOf","configProperties","configSourceAddonList","configSourceMod","configSourceModList","confirmSensorTarget","connectTerminalToUAV","connectToServer","continue","continueWith","controlsGroupCtrl","copyFromClipboard","copyToClipboard","copyWaypoints","cos","count","countEnemy","countFriendly","countSide","countType","countUnknown","create3DENComposition","create3DENEntity","createAgent","createCenter","createDialog","createDiaryLink","createDiaryRecord","createDiarySubject","createDisplay","createGearDialog","createGroup","createGuardedPoint","createHashMap","createHashMapFromArray","createLocation","createMarker","createMarkerLocal","createMenu","createMine","createMissionDisplay","createMPCampaignDisplay","createSimpleObject","createSimpleTask","createSite","createSoundSource","createTarget","createTask","createTeam","createTrigger","createUnit","createVehicle","createVehicleCrew","createVehicleLocal","crew","ctAddHeader","ctAddRow","ctClear","ctCurSel","ctData","ctFindHeaderRows","ctFindRowHeader","ctHeaderControls","ctHeaderCount","ctRemoveHeaders","ctRemoveRows","ctrlActivate","ctrlAddEventHandler","ctrlAngle","ctrlAnimateModel","ctrlAnimationPhaseModel","ctrlAutoScrollDelay","ctrlAutoScrollRewind","ctrlAutoScrollSpeed","ctrlChecked","ctrlClassName","ctrlCommit","ctrlCommitted","ctrlCreate","ctrlDelete","ctrlEnable","ctrlEnabled","ctrlFade","ctrlFontHeight","ctrlHTMLLoaded","ctrlIDC","ctrlIDD","ctrlMapAnimAdd","ctrlMapAnimClear","ctrlMapAnimCommit","ctrlMapAnimDone","ctrlMapCursor","ctrlMapMouseOver","ctrlMapScale","ctrlMapScreenToWorld","ctrlMapWorldToScreen","ctrlModel","ctrlModelDirAndUp","ctrlModelScale","ctrlMousePosition","ctrlParent","ctrlParentControlsGroup","ctrlPosition","ctrlRemoveAllEventHandlers","ctrlRemoveEventHandler","ctrlScale","ctrlScrollValues","ctrlSetActiveColor","ctrlSetAngle","ctrlSetAutoScrollDelay","ctrlSetAutoScrollRewind","ctrlSetAutoScrollSpeed","ctrlSetBackgroundColor","ctrlSetChecked","ctrlSetDisabledColor","ctrlSetEventHandler","ctrlSetFade","ctrlSetFocus","ctrlSetFont","ctrlSetFontH1","ctrlSetFontH1B","ctrlSetFontH2","ctrlSetFontH2B","ctrlSetFontH3","ctrlSetFontH3B","ctrlSetFontH4","ctrlSetFontH4B","ctrlSetFontH5","ctrlSetFontH5B","ctrlSetFontH6","ctrlSetFontH6B","ctrlSetFontHeight","ctrlSetFontHeightH1","ctrlSetFontHeightH2","ctrlSetFontHeightH3","ctrlSetFontHeightH4","ctrlSetFontHeightH5","ctrlSetFontHeightH6","ctrlSetFontHeightSecondary","ctrlSetFontP","ctrlSetFontPB","ctrlSetFontSecondary","ctrlSetForegroundColor","ctrlSetModel","ctrlSetModelDirAndUp","ctrlSetModelScale","ctrlSetMousePosition","ctrlSetPixelPrecision","ctrlSetPosition","ctrlSetPositionH","ctrlSetPositionW","ctrlSetPositionX","ctrlSetPositionY","ctrlSetScale","ctrlSetScrollValues","ctrlSetStructuredText","ctrlSetText","ctrlSetTextColor","ctrlSetTextColorSecondary","ctrlSetTextSecondary","ctrlSetTextSelection","ctrlSetTooltip","ctrlSetTooltipColorBox","ctrlSetTooltipColorShade","ctrlSetTooltipColorText","ctrlSetURL","ctrlShow","ctrlShown","ctrlStyle","ctrlText","ctrlTextColor","ctrlTextHeight","ctrlTextSecondary","ctrlTextSelection","ctrlTextWidth","ctrlTooltip","ctrlType","ctrlURL","ctrlVisible","ctRowControls","ctRowCount","ctSetCurSel","ctSetData","ctSetHeaderTemplate","ctSetRowTemplate","ctSetValue","ctValue","curatorAddons","curatorCamera","curatorCameraArea","curatorCameraAreaCeiling","curatorCoef","curatorEditableObjects","curatorEditingArea","curatorEditingAreaType","curatorMouseOver","curatorPoints","curatorRegisteredObjects","curatorSelected","curatorWaypointCost","current3DENOperation","currentChannel","currentCommand","currentMagazine","currentMagazineDetail","currentMagazineDetailTurret","currentMagazineTurret","currentMuzzle","currentNamespace","currentPilot","currentTask","currentTasks","currentThrowable","currentVisionMode","currentWaypoint","currentWeapon","currentWeaponMode","currentWeaponTurret","currentZeroing","cursorObject","cursorTarget","customChat","customRadio","customWaypointPosition","cutFadeOut","cutObj","cutRsc","cutText","damage","date","dateToNumber","daytime","deActivateKey","debriefingText","debugFSM","debugLog","decayGraphValues","deg","delete3DENEntities","deleteAt","deleteCenter","deleteCollection","deleteEditorObject","deleteGroup","deleteGroupWhenEmpty","deleteIdentity","deleteLocation","deleteMarker","deleteMarkerLocal","deleteRange","deleteResources","deleteSite","deleteStatus","deleteTarget","deleteTeam","deleteVehicle","deleteVehicleCrew","deleteWaypoint","detach","detectedMines","diag_activeMissionFSMs","diag_activeScripts","diag_activeSQSScripts","diag_captureFrameToFile","diag_captureSlowFrame","diag_deltaTime","diag_drawMode","diag_enable","diag_enabled","diag_fps","diag_fpsMin","diag_frameNo","diag_list","diag_mergeConfigFile","diag_scope","diag_activeSQFScripts","diag_allMissionEventHandlers","diag_captureFrame","diag_codePerformance","diag_dumpCalltraceToLog","diag_dumpTerrainSynth","diag_dynamicSimulationEnd","diag_exportConfig","diag_exportTerrainSVG","diag_lightNewLoad","diag_localized","diag_log","diag_logSlowFrame","diag_recordTurretLimits","diag_resetShapes","diag_setLightNew","diag_tickTime","diag_toggle","dialog","diaryRecordNull","diarySubjectExists","didJIP","didJIPOwner","difficulty","difficultyEnabled","difficultyEnabledRTD","difficultyOption","direction","directSay","disableAI","disableCollisionWith","disableConversation","disableDebriefingStats","disableMapIndicators","disableNVGEquipment","disableRemoteSensors","disableSerialization","disableTIEquipment","disableUAVConnectability","disableUserInput","displayAddEventHandler","displayCtrl","displayParent","displayRemoveAllEventHandlers","displayRemoveEventHandler","displaySetEventHandler","dissolveTeam","distance","distance2D","distanceSqr","distributionRegion","do3DENAction","doArtilleryFire","doFire","doFollow","doFSM","doGetOut","doMove","doorPhase","doStop","doSuppressiveFire","doTarget","doWatch","drawArrow","drawEllipse","drawIcon","drawIcon3D","drawLine","drawLine3D","drawLink","drawLocation","drawPolygon","drawRectangle","drawTriangle","driver","drop","dynamicSimulationDistance","dynamicSimulationDistanceCoef","dynamicSimulationEnabled","dynamicSimulationSystemEnabled","echo","edit3DENMissionAttributes","editObject","editorSetEventHandler","effectiveCommander","elevatePeriscope","emptyPositions","enableAI","enableAIFeature","enableAimPrecision","enableAttack","enableAudioFeature","enableAutoStartUpRTD","enableAutoTrimRTD","enableCamShake","enableCaustics","enableChannel","enableCollisionWith","enableCopilot","enableDebriefingStats","enableDiagLegend","enableDynamicSimulation","enableDynamicSimulationSystem","enableEndDialog","enableEngineArtillery","enableEnvironment","enableFatigue","enableGunLights","enableInfoPanelComponent","enableIRLasers","enableMimics","enablePersonTurret","enableRadio","enableReload","enableRopeAttach","enableSatNormalOnDetail","enableSaving","enableSentences","enableSimulation","enableSimulationGlobal","enableStamina","enableStressDamage","enableTeamSwitch","enableTraffic","enableUAVConnectability","enableUAVWaypoints","enableVehicleCargo","enableVehicleSensor","enableWeaponDisassembly","endLoadingScreen","endMission","enemy","engineOn","enginesIsOnRTD","enginesPowerRTD","enginesRpmRTD","enginesTorqueRTD","entities","environmentEnabled","environmentVolume","estimatedEndServerTime","estimatedTimeLeft","evalObjectArgument","everyBackpack","everyContainer","exec","execEditorScript","execFSM","execVM","exp","expectedDestination","exportJIPMessages","exportLandscapeXYZ","eyeDirection","eyePos","face","faction","fadeEnvironment","fadeMusic","fadeRadio","fadeSound","fadeSpeech","failMission","fileExists","fillWeaponsFromPool","find","findCover","findDisplay","findEditorObject","findEmptyPosition","findEmptyPositionReady","findIf","findNearestEnemy","finishMissionInit","finite","fire","fireAtTarget","firstBackpack","flag","flagAnimationPhase","flagOwner","flagSide","flagTexture","flatten","fleeing","floor","flyInHeight","flyInHeightASL","focusedCtrl","fog","fogForecast","fogParams","forceAddUniform","forceAtPositionRTD","forceCadetDifficulty","forcedMap","forceEnd","forceFlagTexture","forceFollowRoad","forceGeneratorRTD","forceMap","forceRespawn","forceSpeed","forceUnicode","forceWalk","forceWeaponFire","forceWeatherChange","forEachMember","forEachMemberAgent","forEachMemberTeam","forgetTarget","format","formation","formationDirection","formationLeader","formationMembers","formationPosition","formationTask","formatText","formLeader","freeLook","friendly","fromEditor","fuel","fullCrew","gearIDCAmmoCount","gearSlotAmmoCount","gearSlotData","get","get3DENActionState","get3DENAttribute","get3DENCamera","get3DENConnections","get3DENEntity","get3DENEntityID","get3DENGrid","get3DENIconsVisible","get3DENLayerEntities","get3DENLinesVisible","get3DENMissionAttribute","get3DENMouseOver","get3DENSelected","getAimingCoef","getAllEnvSoundControllers","getAllHitPointsDamage","getAllOwnedMines","getAllPylonsInfo","getAllSoundControllers","getAllUnitTraits","getAmmoCargo","getAnimAimPrecision","getAnimSpeedCoef","getArray","getArtilleryAmmo","getArtilleryComputerSettings","getArtilleryETA","getAssetDLCInfo","getAssignedCuratorLogic","getAssignedCuratorUnit","getAttackTarget","getAudioOptionVolumes","getBackpackCargo","getBleedingRemaining","getBurningValue","getCalculatePlayerVisibilityByFriendly","getCameraViewDirection","getCargoIndex","getCenterOfMass","getClientState","getClientStateNumber","getCompatiblePylonMagazines","getConnectedUAV","getContainerMaxLoad","getCursorObjectParams","getCustomAimCoef","getCustomSoundController","getCustomSoundControllerCount","getDammage","getDescription","getDir","getDirVisual","getDiverState","getDLCAssetsUsage","getDLCAssetsUsageByName","getDLCs","getDLCUsageTime","getEditorCamera","getEditorMode","getEditorObjectScope","getElevationOffset","getEnvSoundController","getFatigue","getFieldManualStartPage","getForcedFlagTexture","getFriend","getFSMVariable","getFuelCargo","getGraphValues","getGroupIcon","getGroupIconParams","getGroupIcons","getHideFrom","getHit","getHitIndex","getHitPointDamage","getItemCargo","getLighting","getLightingAt","getLoadedModsInfo","getMagazineCargo","getMarkerColor","getMarkerPos","getMarkerSize","getMarkerType","getMass","getMissionConfig","getMissionConfigValue","getMissionDLCs","getMissionLayerEntities","getMissionLayers","getMissionPath","getModelInfo","getMousePosition","getMusicPlayedTime","getNumber","getObjectArgument","getObjectChildren","getObjectDLC","getObjectFOV","getObjectMaterials","getObjectProxy","getObjectScale","getObjectTextures","getObjectType","getObjectViewDistance","getOrDefault","getOxygenRemaining","getPersonUsedDLCs","getPilotCameraDirection","getPilotCameraPosition","getPilotCameraRotation","getPilotCameraTarget","getPlateNumber","getPlayerChannel","getPlayerID","getPlayerScores","getPlayerUID","getPlayerUIDOld","getPlayerVoNVolume","getPos","getPosASL","getPosASLVisual","getPosASLW","getPosATL","getPosATLVisual","getPosVisual","getPosWorld","getPosWorldVisual","getPylonMagazines","getRelDir","getRelPos","getRemoteSensorsDisabled","getRepairCargo","getResolution","getRoadInfo","getRotorBrakeRTD","getShadowDistance","getShotParents","getSlingLoad","getSoundController","getSoundControllerResult","getSpeed","getStamina","getStatValue","getSteamFriendsServers","getSubtitleOptions","getSuppression","getTerrainGrid","getTerrainHeightASL","getText","getTextRaw","getTextWidth","getTotalDLCUsageTime","getTrimOffsetRTD","getUnitLoadout","getUnitTrait","getUserMFDText","getUserMFDValue","getVariable","getVehicleCargo","getVehicleTIPars","getWeaponCargo","getWeaponSway","getWingsOrientationRTD","getWingsPositionRTD","getWorld","getWPPos","glanceAt","globalChat","globalRadio","goggles","goto","group","groupChat","groupFromNetId","groupIconSelectable","groupIconsVisible","groupId","groupOwner","groupRadio","groupSelectedUnits","groupSelectUnit","gunner","gusts","halt","handgunItems","handgunMagazine","handgunWeapon","handsHit","hasInterface","hasPilotCamera","hasWeapon","hcAllGroups","hcGroupParams","hcLeader","hcRemoveAllGroups","hcRemoveGroup","hcSelected","hcSelectGroup","hcSetGroup","hcShowBar","hcShownBar","headgear","hideBehindScripted","hideBody","hideObject","hideObjectGlobal","hideSelection","hierarchyObjectsCount","hint","hintC","hintCadet","hintSilent","hmd","hostMission","htmlLoad","HUDMovementLevels","humidity","image","importAllGroups","importance","in","inArea","inAreaArray","incapacitatedState","inflame","inflamed","infoPanel","infoPanelComponentEnabled","infoPanelComponents","infoPanels","inGameUISetEventHandler","inheritsFrom","initAmbientLife","inPolygon","inputAction","inRangeOfArtillery","insert","insertEditorObject","intersect","is3DEN","is3DENMultiplayer","is3DENPreview","isAbleToBreathe","isActionMenuVisible","isAgent","isAimPrecisionEnabled","isArray","isAutoHoverOn","isAutonomous","isAutoStartUpEnabledRTD","isAutotest","isAutoTrimOnRTD","isBleeding","isBurning","isClass","isCollisionLightOn","isCopilotEnabled","isDamageAllowed","isDedicated","isDLCAvailable","isEngineOn","isEqualTo","isEqualType","isEqualTypeAll","isEqualTypeAny","isEqualTypeArray","isEqualTypeParams","isFilePatchingEnabled","isFinal","isFlashlightOn","isFlatEmpty","isForcedWalk","isFormationLeader","isGameFocused","isGamePaused","isGroupDeletedWhenEmpty","isHidden","isHideBehindScripted","isInRemainsCollector","isInstructorFigureEnabled","isIRLaserOn","isKeyActive","isKindOf","isLaserOn","isLightOn","isLocalized","isManualFire","isMarkedForCollection","isMultiplayer","isMultiplayerSolo","isNil","isNotEqualTo","isNull","isNumber","isObjectHidden","isObjectRTD","isOnRoad","isPiPEnabled","isPlayer","isRealTime","isRemoteExecuted","isRemoteExecutedJIP","isSensorTargetConfirmed","isServer","isShowing3DIcons","isSimpleObject","isSprintAllowed","isStaminaEnabled","isSteamMission","isStreamFriendlyUIEnabled","isStressDamageEnabled","isText","isTouchingGround","isTurnedOut","isTutHintsEnabled","isUAVConnectable","isUAVConnected","isUIContext","isUniformAllowed","isVehicleCargo","isVehicleRadarOn","isVehicleSensorEnabled","isWalking","isWeaponDeployed","isWeaponRested","itemCargo","items","itemsWithMagazines","join","joinAs","joinAsSilent","joinSilent","joinString","kbAddDatabase","kbAddDatabaseTargets","kbAddTopic","kbHasTopic","kbReact","kbRemoveTopic","kbTell","kbWasSaid","keyImage","keyName","keys","knowsAbout","land","landAt","landResult","language","laserTarget","lbAdd","lbClear","lbColor","lbColorRight","lbCurSel","lbData","lbDelete","lbIsSelected","lbPicture","lbPictureRight","lbSelection","lbSetColor","lbSetColorRight","lbSetCurSel","lbSetData","lbSetPicture","lbSetPictureColor","lbSetPictureColorDisabled","lbSetPictureColorSelected","lbSetPictureRight","lbSetPictureRightColor","lbSetPictureRightColorDisabled","lbSetPictureRightColorSelected","lbSetSelectColor","lbSetSelectColorRight","lbSetSelected","lbSetText","lbSetTextRight","lbSetTooltip","lbSetValue","lbSize","lbSort","lbSortByValue","lbText","lbTextRight","lbValue","leader","leaderboardDeInit","leaderboardGetRows","leaderboardInit","leaderboardRequestRowsFriends","leaderboardRequestRowsGlobal","leaderboardRequestRowsGlobalAroundUser","leaderboardsRequestUploadScore","leaderboardsRequestUploadScoreKeepBest","leaderboardState","leaveVehicle","libraryCredits","libraryDisclaimers","lifeState","lightAttachObject","lightDetachObject","lightIsOn","lightnings","limitSpeed","linearConversion","lineIntersects","lineIntersectsObjs","lineIntersectsSurfaces","lineIntersectsWith","linkItem","list","listObjects","listRemoteTargets","listVehicleSensors","ln","lnbAddArray","lnbAddColumn","lnbAddRow","lnbClear","lnbColor","lnbColorRight","lnbCurSelRow","lnbData","lnbDeleteColumn","lnbDeleteRow","lnbGetColumnsPosition","lnbPicture","lnbPictureRight","lnbSetColor","lnbSetColorRight","lnbSetColumnsPos","lnbSetCurSelRow","lnbSetData","lnbSetPicture","lnbSetPictureColor","lnbSetPictureColorRight","lnbSetPictureColorSelected","lnbSetPictureColorSelectedRight","lnbSetPictureRight","lnbSetText","lnbSetTextRight","lnbSetTooltip","lnbSetValue","lnbSize","lnbSort","lnbSortByValue","lnbText","lnbTextRight","lnbValue","load","loadAbs","loadBackpack","loadFile","loadGame","loadIdentity","loadMagazine","loadOverlay","loadStatus","loadUniform","loadVest","local","localize","localNamespace","locationPosition","lock","lockCameraTo","lockCargo","lockDriver","locked","lockedCargo","lockedDriver","lockedInventory","lockedTurret","lockIdentity","lockInventory","lockTurret","lockWP","log","logEntities","logNetwork","logNetworkTerminate","lookAt","lookAtPos","magazineCargo","magazines","magazinesAllTurrets","magazinesAmmo","magazinesAmmoCargo","magazinesAmmoFull","magazinesDetail","magazinesDetailBackpack","magazinesDetailUniform","magazinesDetailVest","magazinesTurret","magazineTurretAmmo","mapAnimAdd","mapAnimClear","mapAnimCommit","mapAnimDone","mapCenterOnCamera","mapGridPosition","markAsFinishedOnSteam","markerAlpha","markerBrush","markerChannel","markerColor","markerDir","markerPolyline","markerPos","markerShadow","markerShape","markerSize","markerText","markerType","matrixMultiply","matrixTranspose","max","members","menuAction","menuAdd","menuChecked","menuClear","menuCollapse","menuData","menuDelete","menuEnable","menuEnabled","menuExpand","menuHover","menuPicture","menuSetAction","menuSetCheck","menuSetData","menuSetPicture","menuSetShortcut","menuSetText","menuSetURL","menuSetValue","menuShortcut","menuShortcutText","menuSize","menuSort","menuText","menuURL","menuValue","merge","min","mineActive","mineDetectedBy","missileTarget","missileTargetPos","missionConfigFile","missionDifficulty","missionName","missionNameSource","missionNamespace","missionStart","missionVersion","mod","modelToWorld","modelToWorldVisual","modelToWorldVisualWorld","modelToWorldWorld","modParams","moonIntensity","moonPhase","morale","move","move3DENCamera","moveInAny","moveInCargo","moveInCommander","moveInDriver","moveInGunner","moveInTurret","moveObjectToEnd","moveOut","moveTarget","moveTime","moveTo","moveToCompleted","moveToFailed","musicVolume","name","namedProperties","nameSound","nearEntities","nearestBuilding","nearestLocation","nearestLocations","nearestLocationWithDubbing","nearestObject","nearestObjects","nearestTerrainObjects","nearObjects","nearObjectsReady","nearRoads","nearSupplies","nearTargets","needReload","netId","netObjNull","newOverlay","nextMenuItemIndex","nextWeatherChange","nMenuItems","not","numberOfEnginesRTD","numberToDate","object","objectCurators","objectFromNetId","objectParent","objStatus","onBriefingGear","onBriefingGroup","onBriefingNotes","onBriefingPlan","onBriefingTeamSwitch","onCommandModeChanged","onDoubleClick","onEachFrame","onGroupIconClick","onGroupIconOverEnter","onGroupIconOverLeave","onHCGroupSelectionChanged","onMapSingleClick","onPlayerConnected","onPlayerDisconnected","onPreloadFinished","onPreloadStarted","onShowNewObject","onTeamSwitch","openCuratorInterface","openDLCPage","openDSInterface","openGPS","openMap","openSteamApp","openYoutubeVideo","or","orderGetIn","overcast","overcastForecast","owner","param","params","parseNumber","parseSimpleArray","parseText","parsingNamespace","particlesQuality","periscopeElevation","pickWeaponPool","pitch","pixelGrid","pixelGridBase","pixelGridNoUIScale","pixelH","pixelW","playableSlotsNumber","playableUnits","playAction","playActionNow","player","playerRespawnTime","playerSide","playersNumber","playGesture","playMission","playMove","playMoveNow","playMusic","playScriptedMission","playSound","playSound3D","position","positionCameraToWorld","posScreenToWorld","posWorldToScreen","ppEffectAdjust","ppEffectCommit","ppEffectCommitted","ppEffectCreate","ppEffectDestroy","ppEffectEnable","ppEffectEnabled","ppEffectForceInNVG","precision","preloadCamera","preloadObject","preloadSound","preloadTitleObj","preloadTitleRsc","preprocessFile","preprocessFileLineNumbers","primaryWeapon","primaryWeaponItems","primaryWeaponMagazine","priority","processDiaryLink","processInitCommands","productVersion","profileName","profileNamespace","profileNameSteam","progressLoadingScreen","progressPosition","progressSetPosition","publicVariable","publicVariableClient","publicVariableServer","pushBack","pushBackUnique","putWeaponPool","queryItemsPool","queryMagazinePool","queryWeaponPool","rad","radioChannelAdd","radioChannelCreate","radioChannelInfo","radioChannelRemove","radioChannelSetCallSign","radioChannelSetLabel","radioVolume","rain","rainbow","random","rank","rankId","rating","rectangular","registeredTasks","registerTask","reload","reloadEnabled","remoteControl","remoteExec","remoteExecCall","remoteExecutedOwner","remove3DENConnection","remove3DENEventHandler","remove3DENLayer","removeAction","removeAll3DENEventHandlers","removeAllActions","removeAllAssignedItems","removeAllBinocularItems","removeAllContainers","removeAllCuratorAddons","removeAllCuratorCameraAreas","removeAllCuratorEditingAreas","removeAllEventHandlers","removeAllHandgunItems","removeAllItems","removeAllItemsWithMagazines","removeAllMissionEventHandlers","removeAllMPEventHandlers","removeAllMusicEventHandlers","removeAllOwnedMines","removeAllPrimaryWeaponItems","removeAllSecondaryWeaponItems","removeAllWeapons","removeBackpack","removeBackpackGlobal","removeBinocularItem","removeClothing","removeCuratorAddons","removeCuratorCameraArea","removeCuratorEditableObjects","removeCuratorEditingArea","removeDiaryRecord","removeDiarySubject","removeDrawIcon","removeDrawLinks","removeEventHandler","removeFromRemainsCollector","removeGoggles","removeGroupIcon","removeHandgunItem","removeHeadgear","removeItem","removeItemFromBackpack","removeItemFromUniform","removeItemFromVest","removeItems","removeMagazine","removeMagazineGlobal","removeMagazines","removeMagazinesTurret","removeMagazineTurret","removeMenuItem","removeMissionEventHandler","removeMPEventHandler","removeMusicEventHandler","removeOwnedMine","removePrimaryWeaponItem","removeSecondaryWeaponItem","removeSimpleTask","removeSwitchableUnit","removeTeamMember","removeUniform","removeVest","removeWeapon","removeWeaponAttachmentCargo","removeWeaponCargo","removeWeaponGlobal","removeWeaponTurret","reportRemoteTarget","requiredVersion","resetCamShake","resetSubgroupDirection","resize","resources","respawnVehicle","restartEditorCamera","reveal","revealMine","reverse","reversedMouseY","roadAt","roadsConnectedTo","roleDescription","ropeAttachedObjects","ropeAttachedTo","ropeAttachEnabled","ropeAttachTo","ropeCreate","ropeCut","ropeDestroy","ropeDetach","ropeEndPosition","ropeLength","ropes","ropeSegments","ropeSetCargoMass","ropeUnwind","ropeUnwound","rotorsForcesRTD","rotorsRpmRTD","round","runInitScript","safeZoneH","safeZoneW","safeZoneWAbs","safeZoneX","safeZoneXAbs","safeZoneY","save3DENInventory","saveGame","saveIdentity","saveJoysticks","saveOverlay","saveProfileNamespace","saveStatus","saveVar","savingEnabled","say","say2D","say3D","scopeName","score","scoreSide","screenshot","screenToWorld","scriptDone","scriptName","scudState","secondaryWeapon","secondaryWeaponItems","secondaryWeaponMagazine","select","selectBestPlaces","selectDiarySubject","selectedEditorObjects","selectEditorObject","selectionNames","selectionPosition","selectLeader","selectMax","selectMin","selectNoPlayer","selectPlayer","selectRandom","selectRandomWeighted","selectWeapon","selectWeaponTurret","sendAUMessage","sendSimpleCommand","sendTask","sendTaskResult","sendUDPMessage","serverCommand","serverCommandAvailable","serverCommandExecutable","serverName","serverTime","set","set3DENAttribute","set3DENAttributes","set3DENGrid","set3DENIconsVisible","set3DENLayer","set3DENLinesVisible","set3DENLogicType","set3DENMissionAttribute","set3DENMissionAttributes","set3DENModelsVisible","set3DENObjectType","set3DENSelected","setAccTime","setActualCollectiveRTD","setAirplaneThrottle","setAirportSide","setAmmo","setAmmoCargo","setAmmoOnPylon","setAnimSpeedCoef","setAperture","setApertureNew","setAPURTD","setArmoryPoints","setAttributes","setAutonomous","setBatteryChargeRTD","setBatteryRTD","setBehaviour","setBehaviourStrong","setBleedingRemaining","setBrakesRTD","setCameraEffect","setCameraInterest","setCamShakeDefParams","setCamShakeParams","setCamUseTI","setCaptive","setCenterOfMass","setCollisionLight","setCombatBehaviour","setCombatMode","setCompassOscillation","setConvoySeparation","setCuratorCameraAreaCeiling","setCuratorCoef","setCuratorEditingAreaType","setCuratorWaypointCost","setCurrentChannel","setCurrentTask","setCurrentWaypoint","setCustomAimCoef","setCustomMissionData","setCustomSoundController","setCustomWeightRTD","setDamage","setDammage","setDate","setDebriefingText","setDefaultCamera","setDestination","setDetailMapBlendPars","setDiaryRecordText","setDiarySubjectPicture","setDir","setDirection","setDrawIcon","setDriveOnPath","setDropInterval","setDynamicSimulationDistance","setDynamicSimulationDistanceCoef","setEditorMode","setEditorObjectScope","setEffectCondition","setEffectiveCommander","setEngineRPMRTD","setEngineRpmRTD","setFace","setFaceAnimation","setFatigue","setFeatureType","setFlagAnimationPhase","setFlagOwner","setFlagSide","setFlagTexture","setFog","setForceGeneratorRTD","setFormation","setFormationTask","setFormDir","setFriend","setFromEditor","setFSMVariable","setFuel","setFuelCargo","setGroupIcon","setGroupIconParams","setGroupIconsSelectable","setGroupIconsVisible","setGroupId","setGroupIdGlobal","setGroupOwner","setGusts","setHideBehind","setHit","setHitIndex","setHitPointDamage","setHorizonParallaxCoef","setHUDMovementLevels","setIdentity","setImportance","setInfoPanel","setLeader","setLightAmbient","setLightAttenuation","setLightBrightness","setLightColor","setLightDayLight","setLightFlareMaxDistance","setLightFlareSize","setLightIntensity","setLightnings","setLightUseFlare","setLocalWindParams","setMagazineTurretAmmo","setMarkerAlpha","setMarkerAlphaLocal","setMarkerBrush","setMarkerBrushLocal","setMarkerColor","setMarkerColorLocal","setMarkerDir","setMarkerDirLocal","setMarkerPolyline","setMarkerPolylineLocal","setMarkerPos","setMarkerPosLocal","setMarkerShadow","setMarkerShadowLocal","setMarkerShape","setMarkerShapeLocal","setMarkerSize","setMarkerSizeLocal","setMarkerText","setMarkerTextLocal","setMarkerType","setMarkerTypeLocal","setMass","setMimic","setMissileTarget","setMissileTargetPos","setMousePosition","setMusicEffect","setMusicEventHandler","setName","setNameSound","setObjectArguments","setObjectMaterial","setObjectMaterialGlobal","setObjectProxy","setObjectScale","setObjectTexture","setObjectTextureGlobal","setObjectViewDistance","setOvercast","setOwner","setOxygenRemaining","setParticleCircle","setParticleClass","setParticleFire","setParticleParams","setParticleRandom","setPilotCameraDirection","setPilotCameraRotation","setPilotCameraTarget","setPilotLight","setPiPEffect","setPitch","setPlateNumber","setPlayable","setPlayerRespawnTime","setPlayerVoNVolume","setPos","setPosASL","setPosASL2","setPosASLW","setPosATL","setPosition","setPosWorld","setPylonLoadout","setPylonsPriority","setRadioMsg","setRain","setRainbow","setRandomLip","setRank","setRectangular","setRepairCargo","setRotorBrakeRTD","setShadowDistance","setShotParents","setSide","setSimpleTaskAlwaysVisible","setSimpleTaskCustomData","setSimpleTaskDescription","setSimpleTaskDestination","setSimpleTaskTarget","setSimpleTaskType","setSimulWeatherLayers","setSize","setSkill","setSlingLoad","setSoundEffect","setSpeaker","setSpeech","setSpeedMode","setStamina","setStaminaScheme","setStarterRTD","setStatValue","setSuppression","setSystemOfUnits","setTargetAge","setTaskMarkerOffset","setTaskResult","setTaskState","setTerrainGrid","setText","setThrottleRTD","setTimeMultiplier","setTitleEffect","setToneMapping","setToneMappingParams","setTrafficDensity","setTrafficDistance","setTrafficGap","setTrafficSpeed","setTriggerActivation","setTriggerArea","setTriggerInterval","setTriggerStatements","setTriggerText","setTriggerTimeout","setTriggerType","setType","setUnconscious","setUnitAbility","setUnitCombatMode","setUnitLoadout","setUnitPos","setUnitPosWeak","setUnitRank","setUnitRecoilCoefficient","setUnitTrait","setUnloadInCombat","setUserActionText","setUserMFDText","setUserMFDValue","setVariable","setVectorDir","setVectorDirAndUp","setVectorUp","setVehicleAmmo","setVehicleAmmoDef","setVehicleArmor","setVehicleCargo","setVehicleId","setVehicleInit","setVehicleLock","setVehiclePosition","setVehicleRadar","setVehicleReceiveRemoteTargets","setVehicleReportOwnPosition","setVehicleReportRemoteTargets","setVehicleTIPars","setVehicleVarName","setVelocity","setVelocityModelSpace","setVelocityTransformation","setViewDistance","setVisibleIfTreeCollapsed","setWantedRPMRTD","setWaves","setWaypointBehaviour","setWaypointCombatMode","setWaypointCompletionRadius","setWaypointDescription","setWaypointForceBehaviour","setWaypointFormation","setWaypointHousePosition","setWaypointLoiterAltitude","setWaypointLoiterRadius","setWaypointLoiterType","setWaypointName","setWaypointPosition","setWaypointScript","setWaypointSpeed","setWaypointStatements","setWaypointTimeout","setWaypointType","setWaypointVisible","setWeaponReloadingTime","setWeaponZeroing","setWind","setWindDir","setWindForce","setWindStr","setWingForceScaleRTD","setWPPos","show3DIcons","showChat","showCinemaBorder","showCommandingMenu","showCompass","showCuratorCompass","showGPS","showHUD","showLegend","showMap","shownArtilleryComputer","shownChat","shownCompass","shownCuratorCompass","showNewEditorObject","shownGPS","shownHUD","shownMap","shownPad","shownRadio","shownScoretable","shownUAVFeed","shownWarrant","shownWatch","showPad","showRadio","showScoretable","showSubtitles","showUAVFeed","showWarrant","showWatch","showWaypoint","showWaypoints","side","sideChat","sideEmpty","sideEnemy","sideFriendly","sideRadio","simpleTasks","simulationEnabled","simulCloudDensity","simulCloudOcclusion","simulInClouds","simulSetHumidity","simulWeatherSync","sin","size","sizeOf","skill","skillFinal","skipTime","sleep","sliderPosition","sliderRange","sliderSetPosition","sliderSetRange","sliderSetSpeed","sliderSpeed","slingLoadAssistantShown","soldierMagazines","someAmmo","sort","soundVolume","spawn","speaker","speechVolume","speed","speedMode","splitString","sqrt","squadParams","stance","startLoadingScreen","step","stop","stopEngineRTD","stopped","str","sunOrMoon","supportInfo","suppressFor","surfaceIsWater","surfaceNormal","surfaceTexture","surfaceType","swimInDepth","switchableUnits","switchAction","switchCamera","switchGesture","switchLight","switchMove","synchronizedObjects","synchronizedTriggers","synchronizedWaypoints","synchronizeObjectsAdd","synchronizeObjectsRemove","synchronizeTrigger","synchronizeWaypoint","systemChat","systemOfUnits","systemTime","systemTimeUTC","tan","targetKnowledge","targets","targetsAggregate","targetsQuery","taskAlwaysVisible","taskChildren","taskCompleted","taskCustomData","taskDescription","taskDestination","taskHint","taskMarkerOffset","taskName","taskParent","taskResult","taskState","taskType","teamMember","teamName","teams","teamSwitch","teamSwitchEnabled","teamType","terminate","terrainIntersect","terrainIntersectASL","terrainIntersectAtASL","text","textLog","textLogFormat","tg","throttleRTD","time","timeMultiplier","titleCut","titleFadeOut","titleObj","titleRsc","titleText","toArray","toFixed","toLower","toLowerANSI","toString","toUpper","toUpperANSI","triggerActivated","triggerActivation","triggerAmmo","triggerArea","triggerAttachedVehicle","triggerAttachObject","triggerAttachVehicle","triggerDynamicSimulation","triggerInterval","triggerStatements","triggerText","triggerTimeout","triggerTimeoutCurrent","triggerType","trim","turretLocal","turretOwner","turretUnit","tvAdd","tvClear","tvCollapse","tvCollapseAll","tvCount","tvCurSel","tvData","tvDelete","tvExpand","tvExpandAll","tvIsSelected","tvPicture","tvPictureRight","tvSelection","tvSetColor","tvSetCurSel","tvSetData","tvSetPicture","tvSetPictureColor","tvSetPictureColorDisabled","tvSetPictureColorSelected","tvSetPictureRight","tvSetPictureRightColor","tvSetPictureRightColorDisabled","tvSetPictureRightColorSelected","tvSetSelectColor","tvSetSelected","tvSetText","tvSetTooltip","tvSetValue","tvSort","tvSortAll","tvSortByValue","tvSortByValueAll","tvText","tvTooltip","tvValue","type","typeName","typeOf","UAVControl","uiNamespace","uiSleep","unassignCurator","unassignItem","unassignTeam","unassignVehicle","underwater","uniform","uniformContainer","uniformItems","uniformMagazines","unitAddons","unitAimPosition","unitAimPositionVisual","unitBackpack","unitCombatMode","unitIsUAV","unitPos","unitReady","unitRecoilCoefficient","units","unitsBelowHeight","unitTurret","unlinkItem","unlockAchievement","unregisterTask","updateDrawIcon","updateMenuItem","updateObjectTree","useAIOperMapObstructionTest","useAISteeringComponent","useAudioTimeForMoves","userInputDisabled","vectorAdd","vectorCos","vectorCrossProduct","vectorDiff","vectorDir","vectorDirVisual","vectorDistance","vectorDistanceSqr","vectorDotProduct","vectorFromTo","vectorLinearConversion","vectorMagnitude","vectorMagnitudeSqr","vectorModelToWorld","vectorModelToWorldVisual","vectorMultiply","vectorNormalized","vectorUp","vectorUpVisual","vectorWorldToModel","vectorWorldToModelVisual","vehicle","vehicleCargoEnabled","vehicleChat","vehicleMoveInfo","vehicleRadio","vehicleReceiveRemoteTargets","vehicleReportOwnPosition","vehicleReportRemoteTargets","vehicles","vehicleVarName","velocity","velocityModelSpace","verifySignature","vest","vestContainer","vestItems","vestMagazines","viewDistance","visibleCompass","visibleGPS","visibleMap","visiblePosition","visiblePositionASL","visibleScoretable","visibleWatch","waves","waypointAttachedObject","waypointAttachedVehicle","waypointAttachObject","waypointAttachVehicle","waypointBehaviour","waypointCombatMode","waypointCompletionRadius","waypointDescription","waypointForceBehaviour","waypointFormation","waypointHousePosition","waypointLoiterAltitude","waypointLoiterRadius","waypointLoiterType","waypointName","waypointPosition","waypoints","waypointScript","waypointsEnabledUAV","waypointShow","waypointSpeed","waypointStatements","waypointTimeout","waypointTimeoutCurrent","waypointType","waypointVisible","weaponAccessories","weaponAccessoriesCargo","weaponCargo","weaponDirection","weaponInertia","weaponLowered","weapons","weaponsItems","weaponsItemsCargo","weaponState","weaponsTurret","weightRTD","WFSideText","wind","windDir","windRTD","windStr","wingsForcesRTD","worldName","worldSize","worldToModel","worldToModelVisual","worldToScreen"],literal:["blufor","civilian","configNull","controlNull","displayNull","east","endl","false","grpNull","independent","lineBreak","locationNull","nil","objNull","opfor","pi","resistance","scriptNull","sideAmbientLife","sideEmpty","sideLogic","sideUnknown","taskNull","teamMemberNull","true","west"]},contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.NUMBER_MODE,{className:"variable",begin:/\b_+[a-zA-Z]\w*/},{className:"title",begin:/[a-zA-Z]\w+_fnc_\w+/},t,r],illegal:/#|^\$ /}}},23709:function(e){e.exports=function(e){let t=e.regex,r=e.COMMENT("--","$"),n=["true","false","unknown"],a=["bigint","binary","blob","boolean","char","character","clob","date","dec","decfloat","decimal","float","int","integer","interval","nchar","nclob","national","numeric","real","row","smallint","time","timestamp","varchar","varying","varbinary"],i=["abs","acos","array_agg","asin","atan","avg","cast","ceil","ceiling","coalesce","corr","cos","cosh","count","covar_pop","covar_samp","cume_dist","dense_rank","deref","element","exp","extract","first_value","floor","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","last_value","lead","listagg","ln","log","log10","lower","max","min","mod","nth_value","ntile","nullif","percent_rank","percentile_cont","percentile_disc","position","position_regex","power","rank","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","row_number","sin","sinh","sqrt","stddev_pop","stddev_samp","substring","substring_regex","sum","tan","tanh","translate","translate_regex","treat","trim","trim_array","unnest","upper","value_of","var_pop","var_samp","width_bucket"],o=["create table","insert into","primary key","foreign key","not null","alter table","add constraint","grouping sets","on overflow","character set","respect nulls","ignore nulls","nulls first","nulls last","depth first","breadth first"],s=["abs","acos","all","allocate","alter","and","any","are","array","array_agg","array_max_cardinality","as","asensitive","asin","asymmetric","at","atan","atomic","authorization","avg","begin","begin_frame","begin_partition","between","bigint","binary","blob","boolean","both","by","call","called","cardinality","cascaded","case","cast","ceil","ceiling","char","char_length","character","character_length","check","classifier","clob","close","coalesce","collate","collect","column","commit","condition","connect","constraint","contains","convert","copy","corr","corresponding","cos","cosh","count","covar_pop","covar_samp","create","cross","cube","cume_dist","current","current_catalog","current_date","current_default_transform_group","current_path","current_role","current_row","current_schema","current_time","current_timestamp","current_path","current_role","current_transform_group_for_type","current_user","cursor","cycle","date","day","deallocate","dec","decimal","decfloat","declare","default","define","delete","dense_rank","deref","describe","deterministic","disconnect","distinct","double","drop","dynamic","each","element","else","empty","end","end_frame","end_partition","end-exec","equals","escape","every","except","exec","execute","exists","exp","external","extract","false","fetch","filter","first_value","float","floor","for","foreign","frame_row","free","from","full","function","fusion","get","global","grant","group","grouping","groups","having","hold","hour","identity","in","indicator","initial","inner","inout","insensitive","insert","int","integer","intersect","intersection","interval","into","is","join","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","language","large","last_value","lateral","lead","leading","left","like","like_regex","listagg","ln","local","localtime","localtimestamp","log","log10","lower","match","match_number","match_recognize","matches","max","member","merge","method","min","minute","mod","modifies","module","month","multiset","national","natural","nchar","nclob","new","no","none","normalize","not","nth_value","ntile","null","nullif","numeric","octet_length","occurrences_regex","of","offset","old","omit","on","one","only","open","or","order","out","outer","over","overlaps","overlay","parameter","partition","pattern","per","percent","percent_rank","percentile_cont","percentile_disc","period","portion","position","position_regex","power","precedes","precision","prepare","primary","procedure","ptf","range","rank","reads","real","recursive","ref","references","referencing","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","release","result","return","returns","revoke","right","rollback","rollup","row","row_number","rows","running","savepoint","scope","scroll","search","second","seek","select","sensitive","session_user","set","show","similar","sin","sinh","skip","smallint","some","specific","specifictype","sql","sqlexception","sqlstate","sqlwarning","sqrt","start","static","stddev_pop","stddev_samp","submultiset","subset","substring","substring_regex","succeeds","sum","symmetric","system","system_time","system_user","table","tablesample","tan","tanh","then","time","timestamp","timezone_hour","timezone_minute","to","trailing","translate","translate_regex","translation","treat","trigger","trim","trim_array","true","truncate","uescape","union","unique","unknown","unnest","update","upper","user","using","value","values","value_of","var_pop","var_samp","varbinary","varchar","varying","versioning","when","whenever","where","width_bucket","window","with","within","without","year","add","asc","collation","desc","final","first","last","view"].filter(e=>!i.includes(e)),l={begin:t.concat(/\b/,t.either(...i),/\s*\(/),relevance:0,keywords:{built_in:i}};return{name:"SQL",case_insensitive:!0,illegal:/[{}]|<\//,keywords:{$pattern:/\b[\w\.]+/,keyword:function(e,{exceptions:t,when:r}={}){return t=t||[],e.map(e=>e.match(/\|\d+$/)||t.includes(e)?e:r(e)?`${e}|0`:e)}(s,{when:e=>e.length<3}),literal:n,type:a,built_in:["current_catalog","current_date","current_default_transform_group","current_path","current_role","current_schema","current_transform_group_for_type","current_user","session_user","system_time","system_user","current_time","localtime","current_timestamp","localtimestamp"]},contains:[{begin:t.either(...o),relevance:0,keywords:{$pattern:/[\w\.]+/,keyword:s.concat(o),literal:n,type:a}},{className:"type",begin:t.either(...["double precision","large object","with timezone","without timezone"])},l,{className:"variable",begin:/@[a-z0-9]+/},{className:"string",variants:[{begin:/'/,end:/'/,contains:[{begin:/''/}]}]},{begin:/"/,end:/"/,contains:[{begin:/""/}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,r,{className:"operator",begin:/[-+*/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?/,relevance:0}]}}},23127:function(e){e.exports=function(e){let t=e.regex,r=["bernoulli","bernoulli_logit","bernoulli_logit_glm","beta","beta_binomial","beta_proportion","binomial","binomial_logit","categorical","categorical_logit","categorical_logit_glm","cauchy","chi_square","dirichlet","discrete_range","double_exponential","exp_mod_normal","exponential","frechet","gamma","gaussian_dlm_obs","gumbel","hmm_latent","hypergeometric","inv_chi_square","inv_gamma","inv_wishart","lkj_corr","lkj_corr_cholesky","logistic","lognormal","multi_gp","multi_gp_cholesky","multi_normal","multi_normal_cholesky","multi_normal_prec","multi_student_t","multinomial","multinomial_logit","neg_binomial","neg_binomial_2","neg_binomial_2_log","neg_binomial_2_log_glm","normal","normal_id_glm","ordered_logistic","ordered_logistic_glm","ordered_probit","pareto","pareto_type_2","poisson","poisson_log","poisson_log_glm","rayleigh","scaled_inv_chi_square","skew_double_exponential","skew_normal","std_normal","student_t","uniform","von_mises","weibull","wiener","wishart"],n=e.COMMENT(/\/\*/,/\*\//,{relevance:0,contains:[{scope:"doctag",match:/@(return|param)/}]}),a={scope:"meta",begin:/#include\b/,end:/$/,contains:[{match:/[a-z][a-z-._]+/,scope:"string"},e.C_LINE_COMMENT_MODE]},i=["lower","upper","offset","multiplier"];return{name:"Stan",aliases:["stanfuncs"],keywords:{$pattern:e.IDENT_RE,title:["functions","model","data","parameters","quantities","transformed","generated"],type:["array","complex","int","real","vector","ordered","positive_ordered","simplex","unit_vector","row_vector","matrix","cholesky_factor_corr|10","cholesky_factor_cov|10","corr_matrix|10","cov_matrix|10","void"],keyword:["for","in","if","else","while","break","continue","return"],built_in:["Phi","Phi_approx","abs","acos","acosh","add_diag","algebra_solver","algebra_solver_newton","append_array","append_col","append_row","asin","asinh","atan","atan2","atanh","bessel_first_kind","bessel_second_kind","binary_log_loss","binomial_coefficient_log","block","cbrt","ceil","chol2inv","cholesky_decompose","choose","col","cols","columns_dot_product","columns_dot_self","conj","cos","cosh","cov_exp_quad","crossprod","csr_extract_u","csr_extract_v","csr_extract_w","csr_matrix_times_vector","csr_to_dense_matrix","cumulative_sum","determinant","diag_matrix","diag_post_multiply","diag_pre_multiply","diagonal","digamma","dims","distance","dot_product","dot_self","eigenvalues_sym","eigenvectors_sym","erf","erfc","exp","exp2","expm1","fabs","falling_factorial","fdim","floor","fma","fmax","fmin","fmod","gamma_p","gamma_q","generalized_inverse","get_imag","get_lp","get_real","head","hmm_hidden_state_prob","hmm_marginal","hypot","identity_matrix","inc_beta","int_step","integrate_1d","integrate_ode","integrate_ode_adams","integrate_ode_bdf","integrate_ode_rk45","inv","inv_Phi","inv_cloglog","inv_logit","inv_sqrt","inv_square","inverse","inverse_spd","is_inf","is_nan","lambert_w0","lambert_wm1","lbeta","lchoose","ldexp","lgamma","linspaced_array","linspaced_int_array","linspaced_row_vector","linspaced_vector","lmgamma","lmultiply","log","log1m","log1m_exp","log1m_inv_logit","log1p","log1p_exp","log_determinant","log_diff_exp","log_falling_factorial","log_inv_logit","log_inv_logit_diff","log_mix","log_modified_bessel_first_kind","log_rising_factorial","log_softmax","log_sum_exp","logit","machine_precision","map_rect","matrix_exp","matrix_exp_multiply","matrix_power","max","mdivide_left_spd","mdivide_left_tri_low","mdivide_right_spd","mdivide_right_tri_low","mean","min","modified_bessel_first_kind","modified_bessel_second_kind","multiply_log","multiply_lower_tri_self_transpose","negative_infinity","norm","not_a_number","num_elements","ode_adams","ode_adams_tol","ode_adjoint_tol_ctl","ode_bdf","ode_bdf_tol","ode_ckrk","ode_ckrk_tol","ode_rk45","ode_rk45_tol","one_hot_array","one_hot_int_array","one_hot_row_vector","one_hot_vector","ones_array","ones_int_array","ones_row_vector","ones_vector","owens_t","polar","positive_infinity","pow","print","prod","proj","qr_Q","qr_R","qr_thin_Q","qr_thin_R","quad_form","quad_form_diag","quad_form_sym","quantile","rank","reduce_sum","reject","rep_array","rep_matrix","rep_row_vector","rep_vector","reverse","rising_factorial","round","row","rows","rows_dot_product","rows_dot_self","scale_matrix_exp_multiply","sd","segment","sin","singular_values","sinh","size","softmax","sort_asc","sort_desc","sort_indices_asc","sort_indices_desc","sqrt","square","squared_distance","step","sub_col","sub_row","sum","svd_U","svd_V","symmetrize_from_lower_tri","tail","tan","tanh","target","tcrossprod","tgamma","to_array_1d","to_array_2d","to_complex","to_matrix","to_row_vector","to_vector","trace","trace_gen_quad_form","trace_quad_form","trigamma","trunc","uniform_simplex","variance","zeros_array","zeros_int_array","zeros_row_vector"]},contains:[e.C_LINE_COMMENT_MODE,a,e.HASH_COMMENT_MODE,n,{scope:"built_in",match:/\s(pi|e|sqrt2|log2|log10)(?=\()/,relevance:0},{match:t.concat(/[<,]\s*/,t.either(...i),/\s*=/),keywords:i},{scope:"keyword",match:/\btarget(?=\s*\+=)/},{match:[/~\s*/,t.either(...r),/(?:\(\))/,/\s*T(?=\s*\[)/],scope:{2:"built_in",4:"keyword"}},{scope:"built_in",keywords:r,begin:t.concat(/\w*/,t.either(...r),/(_lpdf|_lupdf|_lpmf|_cdf|_lcdf|_lccdf|_qf)(?=\s*[\(.*\)])/)},{begin:[/~/,/\s*/,t.concat(t.either(...r),/(?=\s*[\(.*\)])/)],scope:{3:"built_in"}},{begin:[/~/,/\s*\w+(?=\s*[\(.*\)])/,"(?!.*/\b("+t.either(...r)+")\b)"],scope:{2:"title.function"}},{scope:"title.function",begin:/\w*(_lpdf|_lupdf|_lpmf|_cdf|_lcdf|_lccdf|_qf)(?=\s*[\(.*\)])/},{scope:"number",match:t.concat(/(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)/,/(?:[eE][+-]?\d+(?:_\d+)*)?i?(?!\w)/),relevance:0},{scope:"string",begin:/"/,end:/"/}]}}},79:function(e){e.exports=function(e){return{name:"Stata",aliases:["do","ado"],case_insensitive:!0,keywords:"if else in foreach for forv forva forval forvalu forvalue forvalues by bys bysort xi quietly qui capture about ac ac_7 acprplot acprplot_7 adjust ado adopath adoupdate alpha ameans an ano anov anova anova_estat anova_terms anovadef aorder ap app appe appen append arch arch_dr arch_estat arch_p archlm areg areg_p args arima arima_dr arima_estat arima_p as asmprobit asmprobit_estat asmprobit_lf asmprobit_mfx__dlg asmprobit_p ass asse asser assert avplot avplot_7 avplots avplots_7 bcskew0 bgodfrey bias binreg bip0_lf biplot bipp_lf bipr_lf bipr_p biprobit bitest bitesti bitowt blogit bmemsize boot bootsamp bootstrap bootstrap_8 boxco_l boxco_p boxcox boxcox_6 boxcox_p bprobit br break brier bro brow brows browse brr brrstat bs bs_7 bsampl_w bsample bsample_7 bsqreg bstat bstat_7 bstat_8 bstrap bstrap_7 bubble bubbleplot ca ca_estat ca_p cabiplot camat canon canon_8 canon_8_p canon_estat canon_p cap caprojection capt captu captur capture cat cc cchart cchart_7 cci cd censobs_table centile cf char chdir checkdlgfiles checkestimationsample checkhlpfiles checksum chelp ci cii cl class classutil clear cli clis clist clo clog clog_lf clog_p clogi clogi_sw clogit clogit_lf clogit_p clogitp clogl_sw cloglog clonevar clslistarray cluster cluster_measures cluster_stop cluster_tree cluster_tree_8 clustermat cmdlog cnr cnre cnreg cnreg_p cnreg_sw cnsreg codebook collaps4 collapse colormult_nb colormult_nw compare compress conf confi confir confirm conren cons const constr constra constrai constrain constraint continue contract copy copyright copysource cor corc corr corr2data corr_anti corr_kmo corr_smc corre correl correla correlat correlate corrgram cou coun count cox cox_p cox_sw coxbase coxhaz coxvar cprplot cprplot_7 crc cret cretu cretur creturn cross cs cscript cscript_log csi ct ct_is ctset ctst_5 ctst_st cttost cumsp cumsp_7 cumul cusum cusum_7 cutil d|0 datasig datasign datasigna datasignat datasignatu datasignatur datasignature datetof db dbeta de dec deco decod decode deff des desc descr descri describ describe destring dfbeta dfgls dfuller di di_g dir dirstats dis discard disp disp_res disp_s displ displa display distinct do doe doed doedi doedit dotplot dotplot_7 dprobit drawnorm drop ds ds_util dstdize duplicates durbina dwstat dydx e|0 ed edi edit egen eivreg emdef en enc enco encod encode eq erase ereg ereg_lf ereg_p ereg_sw ereghet ereghet_glf ereghet_glf_sh ereghet_gp ereghet_ilf ereghet_ilf_sh ereghet_ip eret eretu eretur ereturn err erro error esize est est_cfexist est_cfname est_clickable est_expand est_hold est_table est_unhold est_unholdok estat estat_default estat_summ estat_vce_only esti estimates etodow etof etomdy ex exi exit expand expandcl fac fact facto factor factor_estat factor_p factor_pca_rotated factor_rotate factormat fcast fcast_compute fcast_graph fdades fdadesc fdadescr fdadescri fdadescrib fdadescribe fdasav fdasave fdause fh_st file open file read file close file filefilter fillin find_hlp_file findfile findit findit_7 fit fl fli flis flist for5_0 forest forestplot form forma format fpredict frac_154 frac_adj frac_chk frac_cox frac_ddp frac_dis frac_dv frac_in frac_mun frac_pp frac_pq frac_pv frac_wgt frac_xo fracgen fracplot fracplot_7 fracpoly fracpred fron_ex fron_hn fron_p fron_tn fron_tn2 frontier ftodate ftoe ftomdy ftowdate funnel funnelplot g|0 gamhet_glf gamhet_gp gamhet_ilf gamhet_ip gamma gamma_d2 gamma_p gamma_sw gammahet gdi_hexagon gdi_spokes ge gen gene gener genera generat generate genrank genstd genvmean gettoken gl gladder gladder_7 glim_l01 glim_l02 glim_l03 glim_l04 glim_l05 glim_l06 glim_l07 glim_l08 glim_l09 glim_l10 glim_l11 glim_l12 glim_lf glim_mu glim_nw1 glim_nw2 glim_nw3 glim_p glim_v1 glim_v2 glim_v3 glim_v4 glim_v5 glim_v6 glim_v7 glm glm_6 glm_p glm_sw glmpred glo glob globa global glogit glogit_8 glogit_p gmeans gnbre_lf gnbreg gnbreg_5 gnbreg_p gomp_lf gompe_sw gomper_p gompertz gompertzhet gomphet_glf gomphet_glf_sh gomphet_gp gomphet_ilf gomphet_ilf_sh gomphet_ip gphdot gphpen gphprint gprefs gprobi_p gprobit gprobit_8 gr gr7 gr_copy gr_current gr_db gr_describe gr_dir gr_draw gr_draw_replay gr_drop gr_edit gr_editviewopts gr_example gr_example2 gr_export gr_print gr_qscheme gr_query gr_read gr_rename gr_replay gr_save gr_set gr_setscheme gr_table gr_undo gr_use graph graph7 grebar greigen greigen_7 greigen_8 grmeanby grmeanby_7 gs_fileinfo gs_filetype gs_graphinfo gs_stat gsort gwood h|0 hadimvo hareg hausman haver he heck_d2 heckma_p heckman heckp_lf heckpr_p heckprob hel help hereg hetpr_lf hetpr_p hetprob hettest hexdump hilite hist hist_7 histogram hlogit hlu hmeans hotel hotelling hprobit hreg hsearch icd9 icd9_ff icd9p iis impute imtest inbase include inf infi infil infile infix inp inpu input ins insheet insp inspe inspec inspect integ inten intreg intreg_7 intreg_p intrg2_ll intrg_ll intrg_ll2 ipolate iqreg ir irf irf_create irfm iri is_svy is_svysum isid istdize ivprob_1_lf ivprob_lf ivprobit ivprobit_p ivreg ivreg_footnote ivtob_1_lf ivtob_lf ivtobit ivtobit_p jackknife jacknife jknife jknife_6 jknife_8 jkstat joinby kalarma1 kap kap_3 kapmeier kappa kapwgt kdensity kdensity_7 keep ksm ksmirnov ktau kwallis l|0 la lab labbe labbeplot labe label labelbook ladder levels levelsof leverage lfit lfit_p li lincom line linktest lis list lloghet_glf lloghet_glf_sh lloghet_gp lloghet_ilf lloghet_ilf_sh lloghet_ip llogi_sw llogis_p llogist llogistic llogistichet lnorm_lf lnorm_sw lnorma_p lnormal lnormalhet lnormhet_glf lnormhet_glf_sh lnormhet_gp lnormhet_ilf lnormhet_ilf_sh lnormhet_ip lnskew0 loadingplot loc loca local log logi logis_lf logistic logistic_p logit logit_estat logit_p loglogs logrank loneway lookfor lookup lowess lowess_7 lpredict lrecomp lroc lroc_7 lrtest ls lsens lsens_7 lsens_x lstat ltable ltable_7 ltriang lv lvr2plot lvr2plot_7 m|0 ma mac macr macro makecns man manova manova_estat manova_p manovatest mantel mark markin markout marksample mat mat_capp mat_order mat_put_rr mat_rapp mata mata_clear mata_describe mata_drop mata_matdescribe mata_matsave mata_matuse mata_memory mata_mlib mata_mosave mata_rename mata_which matalabel matcproc matlist matname matr matri matrix matrix_input__dlg matstrik mcc mcci md0_ md1_ md1debug_ md2_ md2debug_ mds mds_estat mds_p mdsconfig mdslong mdsmat mdsshepard mdytoe mdytof me_derd mean means median memory memsize menl meqparse mer merg merge meta mfp mfx mhelp mhodds minbound mixed_ll mixed_ll_reparm mkassert mkdir mkmat mkspline ml ml_5 ml_adjs ml_bhhhs ml_c_d ml_check ml_clear ml_cnt ml_debug ml_defd ml_e0 ml_e0_bfgs ml_e0_cycle ml_e0_dfp ml_e0i ml_e1 ml_e1_bfgs ml_e1_bhhh ml_e1_cycle ml_e1_dfp ml_e2 ml_e2_cycle ml_ebfg0 ml_ebfr0 ml_ebfr1 ml_ebh0q ml_ebhh0 ml_ebhr0 ml_ebr0i ml_ecr0i ml_edfp0 ml_edfr0 ml_edfr1 ml_edr0i ml_eds ml_eer0i ml_egr0i ml_elf ml_elf_bfgs ml_elf_bhhh ml_elf_cycle ml_elf_dfp ml_elfi ml_elfs ml_enr0i ml_enrr0 ml_erdu0 ml_erdu0_bfgs ml_erdu0_bhhh ml_erdu0_bhhhq ml_erdu0_cycle ml_erdu0_dfp ml_erdu0_nrbfgs ml_exde ml_footnote ml_geqnr ml_grad0 ml_graph ml_hbhhh ml_hd0 ml_hold ml_init ml_inv ml_log ml_max ml_mlout ml_mlout_8 ml_model ml_nb0 ml_opt ml_p ml_plot ml_query ml_rdgrd ml_repor ml_s_e ml_score ml_searc ml_technique ml_unhold mleval mlf_ mlmatbysum mlmatsum mlog mlogi mlogit mlogit_footnote mlogit_p mlopts mlsum mlvecsum mnl0_ mor more mov move mprobit mprobit_lf mprobit_p mrdu0_ mrdu1_ mvdecode mvencode mvreg mvreg_estat n|0 nbreg nbreg_al nbreg_lf nbreg_p nbreg_sw nestreg net newey newey_7 newey_p news nl nl_7 nl_9 nl_9_p nl_p nl_p_7 nlcom nlcom_p nlexp2 nlexp2_7 nlexp2a nlexp2a_7 nlexp3 nlexp3_7 nlgom3 nlgom3_7 nlgom4 nlgom4_7 nlinit nllog3 nllog3_7 nllog4 nllog4_7 nlog_rd nlogit nlogit_p nlogitgen nlogittree nlpred no nobreak noi nois noisi noisil noisily note notes notes_dlg nptrend numlabel numlist odbc old_ver olo olog ologi ologi_sw ologit ologit_p ologitp on one onew onewa oneway op_colnm op_comp op_diff op_inv op_str opr opro oprob oprob_sw oprobi oprobi_p oprobit oprobitp opts_exclusive order orthog orthpoly ou out outf outfi outfil outfile outs outsh outshe outshee outsheet ovtest pac pac_7 palette parse parse_dissim pause pca pca_8 pca_display pca_estat pca_p pca_rotate pcamat pchart pchart_7 pchi pchi_7 pcorr pctile pentium pergram pergram_7 permute permute_8 personal peto_st pkcollapse pkcross pkequiv pkexamine pkexamine_7 pkshape pksumm pksumm_7 pl plo plot plugin pnorm pnorm_7 poisgof poiss_lf poiss_sw poisso_p poisson poisson_estat post postclose postfile postutil pperron pr prais prais_e prais_e2 prais_p predict predictnl preserve print pro prob probi probit probit_estat probit_p proc_time procoverlay procrustes procrustes_estat procrustes_p profiler prog progr progra program prop proportion prtest prtesti pwcorr pwd q\\s qby qbys qchi qchi_7 qladder qladder_7 qnorm qnorm_7 qqplot qqplot_7 qreg qreg_c qreg_p qreg_sw qu quadchk quantile quantile_7 que quer query range ranksum ratio rchart rchart_7 rcof recast reclink recode reg reg3 reg3_p regdw regr regre regre_p2 regres regres_p regress regress_estat regriv_p remap ren rena renam rename renpfix repeat replace report reshape restore ret retu retur return rm rmdir robvar roccomp roccomp_7 roccomp_8 rocf_lf rocfit rocfit_8 rocgold rocplot rocplot_7 roctab roctab_7 rolling rologit rologit_p rot rota rotat rotate rotatemat rreg rreg_p ru run runtest rvfplot rvfplot_7 rvpplot rvpplot_7 sa safesum sample sampsi sav save savedresults saveold sc sca scal scala scalar scatter scm_mine sco scob_lf scob_p scobi_sw scobit scor score scoreplot scoreplot_help scree screeplot screeplot_help sdtest sdtesti se search separate seperate serrbar serrbar_7 serset set set_defaults sfrancia sh she shel shell shewhart shewhart_7 signestimationsample signrank signtest simul simul_7 simulate simulate_8 sktest sleep slogit slogit_d2 slogit_p smooth snapspan so sor sort spearman spikeplot spikeplot_7 spikeplt spline_x split sqreg sqreg_p sret sretu sretur sreturn ssc st st_ct st_hc st_hcd st_hcd_sh st_is st_issys st_note st_promo st_set st_show st_smpl st_subid stack statsby statsby_8 stbase stci stci_7 stcox stcox_estat stcox_fr stcox_fr_ll stcox_p stcox_sw stcoxkm stcoxkm_7 stcstat stcurv stcurve stcurve_7 stdes stem stepwise stereg stfill stgen stir stjoin stmc stmh stphplot stphplot_7 stphtest stphtest_7 stptime strate strate_7 streg streg_sw streset sts sts_7 stset stsplit stsum sttocc sttoct stvary stweib su suest suest_8 sum summ summa summar summari summariz summarize sunflower sureg survcurv survsum svar svar_p svmat svy svy_disp svy_dreg svy_est svy_est_7 svy_estat svy_get svy_gnbreg_p svy_head svy_header svy_heckman_p svy_heckprob_p svy_intreg_p svy_ivreg_p svy_logistic_p svy_logit_p svy_mlogit_p svy_nbreg_p svy_ologit_p svy_oprobit_p svy_poisson_p svy_probit_p svy_regress_p svy_sub svy_sub_7 svy_x svy_x_7 svy_x_p svydes svydes_8 svygen svygnbreg svyheckman svyheckprob svyintreg svyintreg_7 svyintrg svyivreg svylc svylog_p svylogit svymarkout svymarkout_8 svymean svymlog svymlogit svynbreg svyolog svyologit svyoprob svyoprobit svyopts svypois svypois_7 svypoisson svyprobit svyprobt svyprop svyprop_7 svyratio svyreg svyreg_p svyregress svyset svyset_7 svyset_8 svytab svytab_7 svytest svytotal sw sw_8 swcnreg swcox swereg swilk swlogis swlogit swologit swoprbt swpois swprobit swqreg swtobit swweib symmetry symmi symplot symplot_7 syntax sysdescribe sysdir sysuse szroeter ta tab tab1 tab2 tab_or tabd tabdi tabdis tabdisp tabi table tabodds tabodds_7 tabstat tabu tabul tabula tabulat tabulate te tempfile tempname tempvar tes test testnl testparm teststd tetrachoric time_it timer tis tob tobi tobit tobit_p tobit_sw token tokeni tokeniz tokenize tostring total translate translator transmap treat_ll treatr_p treatreg trim trimfill trnb_cons trnb_mean trpoiss_d2 trunc_ll truncr_p truncreg tsappend tset tsfill tsline tsline_ex tsreport tsrevar tsrline tsset tssmooth tsunab ttest ttesti tut_chk tut_wait tutorial tw tware_st two twoway twoway__fpfit_serset twoway__function_gen twoway__histogram_gen twoway__ipoint_serset twoway__ipoints_serset twoway__kdensity_gen twoway__lfit_serset twoway__normgen_gen twoway__pci_serset twoway__qfit_serset twoway__scatteri_serset twoway__sunflower_gen twoway_ksm_serset ty typ type typeof u|0 unab unabbrev unabcmd update us use uselabel var var_mkcompanion var_p varbasic varfcast vargranger varirf varirf_add varirf_cgraph varirf_create varirf_ctable varirf_describe varirf_dir varirf_drop varirf_erase varirf_graph varirf_ograph varirf_rename varirf_set varirf_table varlist varlmar varnorm varsoc varstable varstable_w varstable_w2 varwle vce vec vec_fevd vec_mkphi vec_p vec_p_w vecirf_create veclmar veclmar_w vecnorm vecnorm_w vecrank vecstable verinst vers versi versio version view viewsource vif vwls wdatetof webdescribe webseek webuse weib1_lf weib2_lf weib_lf weib_lf0 weibhet_glf weibhet_glf_sh weibhet_glfa weibhet_glfa_sh weibhet_gp weibhet_ilf weibhet_ilf_sh weibhet_ilfa weibhet_ilfa_sh weibhet_ip weibu_sw weibul_p weibull weibull_c weibull_s weibullhet wh whelp whi which whil while wilc_st wilcoxon win wind windo window winexec wntestb wntestb_7 wntestq xchart xchart_7 xcorr xcorr_7 xi xi_6 xmlsav xmlsave xmluse xpose xsh xshe xshel xshell xt_iis xt_tis xtab_p xtabond xtbin_p xtclog xtcloglog xtcloglog_8 xtcloglog_d2 xtcloglog_pa_p xtcloglog_re_p xtcnt_p xtcorr xtdata xtdes xtfront_p xtfrontier xtgee xtgee_elink xtgee_estat xtgee_makeivar xtgee_p xtgee_plink xtgls xtgls_p xthaus xthausman xtht_p xthtaylor xtile xtint_p xtintreg xtintreg_8 xtintreg_d2 xtintreg_p xtivp_1 xtivp_2 xtivreg xtline xtline_ex xtlogit xtlogit_8 xtlogit_d2 xtlogit_fe_p xtlogit_pa_p xtlogit_re_p xtmixed xtmixed_estat xtmixed_p xtnb_fe xtnb_lf xtnbreg xtnbreg_pa_p xtnbreg_refe_p xtpcse xtpcse_p xtpois xtpoisson xtpoisson_d2 xtpoisson_pa_p xtpoisson_refe_p xtpred xtprobit xtprobit_8 xtprobit_d2 xtprobit_re_p xtps_fe xtps_lf xtps_ren xtps_ren_8 xtrar_p xtrc xtrc_p xtrchh xtrefe_p xtreg xtreg_be xtreg_fe xtreg_ml xtreg_pa_p xtreg_re xtregar xtrere_p xtset xtsf_ll xtsf_llti xtsum xttab xttest0 xttobit xttobit_8 xttobit_p xttrans yx yxview__barlike_draw yxview_area_draw yxview_bar_draw yxview_dot_draw yxview_dropline_draw yxview_function_draw yxview_iarrow_draw yxview_ilabels_draw yxview_normal_draw yxview_pcarrow_draw yxview_pcbarrow_draw yxview_pccapsym_draw yxview_pcscatter_draw yxview_pcspike_draw yxview_rarea_draw yxview_rbar_draw yxview_rbarm_draw yxview_rcap_draw yxview_rcapsym_draw yxview_rconnected_draw yxview_rline_draw yxview_rscatter_draw yxview_rspike_draw yxview_spike_draw yxview_sunflower_draw zap_s zinb zinb_llf zinb_plf zip zip_llf zip_p zip_plf zt_ct_5 zt_hc_5 zt_hcd_5 zt_is_5 zt_iss_5 zt_sho_5 zt_smp_5 ztbase_5 ztcox_5 ztdes_5 ztereg_5 ztfill_5 ztgen_5 ztir_5 ztjoin_5 ztnb ztnb_p ztp ztp_p zts_5 ztset_5 ztspli_5 ztsum_5 zttoct_5 ztvary_5 ztweib_5",contains:[{className:"symbol",begin:/`[a-zA-Z0-9_]+'/},{className:"variable",begin:/\$\{?[a-zA-Z0-9_]+\}?/,relevance:0},{className:"string",variants:[{begin:'`"[^\r\n]*?"\''},{begin:'"[^\r\n"]*"'}]},{className:"built_in",variants:[{begin:"\\b(abs|acos|asin|atan|atan2|atanh|ceil|cloglog|comb|cos|digamma|exp|floor|invcloglog|invlogit|ln|lnfact|lnfactorial|lngamma|log|log10|max|min|mod|reldif|round|sign|sin|sqrt|sum|tan|tanh|trigamma|trunc|betaden|Binomial|binorm|binormal|chi2|chi2tail|dgammapda|dgammapdada|dgammapdadx|dgammapdx|dgammapdxdx|F|Fden|Ftail|gammaden|gammap|ibeta|invbinomial|invchi2|invchi2tail|invF|invFtail|invgammap|invibeta|invnchi2|invnFtail|invnibeta|invnorm|invnormal|invttail|nbetaden|nchi2|nFden|nFtail|nibeta|norm|normal|normalden|normd|npnchi2|tden|ttail|uniform|abbrev|char|index|indexnot|length|lower|ltrim|match|plural|proper|real|regexm|regexr|regexs|reverse|rtrim|string|strlen|strlower|strltrim|strmatch|strofreal|strpos|strproper|strreverse|strrtrim|strtrim|strupper|subinstr|subinword|substr|trim|upper|word|wordcount|_caller|autocode|byteorder|chop|clip|cond|e|epsdouble|epsfloat|group|inlist|inrange|irecode|matrix|maxbyte|maxdouble|maxfloat|maxint|maxlong|mi|minbyte|mindouble|minfloat|minint|minlong|missing|r|recode|replay|return|s|scalar|d|date|day|dow|doy|halfyear|mdy|month|quarter|week|year|d|daily|dofd|dofh|dofm|dofq|dofw|dofy|h|halfyearly|hofd|m|mofd|monthly|q|qofd|quarterly|tin|twithin|w|weekly|wofd|y|yearly|yh|ym|yofd|yq|yw|cholesky|colnumb|colsof|corr|det|diag|diag0cnt|el|get|hadamard|I|inv|invsym|issym|issymmetric|J|matmissing|matuniform|mreldif|nullmat|rownumb|rowsof|sweep|syminv|trace|vec|vecdiag)(?=\\()"}]},e.COMMENT("^[ ]*\\*.*$",!1),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]}}},48750:function(e){e.exports=function(e){return{name:"STEP Part 21",aliases:["p21","step","stp"],case_insensitive:!0,keywords:{$pattern:"[A-Z_][A-Z0-9_.]*",keyword:["HEADER","ENDSEC","DATA"]},contains:[{className:"meta",begin:"ISO-10303-21;",relevance:10},{className:"meta",begin:"END-ISO-10303-21;",relevance:10},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.COMMENT("/\\*\\*!","\\*/"),e.C_NUMBER_MODE,e.inherit(e.APOS_STRING_MODE,{illegal:null}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null}),{className:"string",begin:"'",end:"'"},{className:"symbol",variants:[{begin:"#",end:"\\d+",illegal:"\\W"}]}]}}},8710:function(e){let t=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),r=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],n=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],a=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],i=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],o=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();e.exports=function(e){let s=t(e),l={className:"variable",begin:"\\$"+e.IDENT_RE},c="(?=[.\\s\\n[:,(])";return{name:"Stylus",aliases:["styl"],case_insensitive:!1,keywords:"if else for in",illegal:"(\\?|(\\bReturn\\b)|(\\bEnd\\b)|(\\bend\\b)|(\\bdef\\b)|;|#\\s|\\*\\s|===\\s|\\||%)",contains:[e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,s.HEXCOLOR,{begin:"\\.[a-zA-Z][a-zA-Z0-9_-]*"+c,className:"selector-class"},{begin:"#[a-zA-Z][a-zA-Z0-9_-]*"+c,className:"selector-id"},{begin:"\\b("+r.join("|")+")"+c,className:"selector-tag"},{className:"selector-pseudo",begin:"&?:("+a.join("|")+")"+c},{className:"selector-pseudo",begin:"&?:(:)?("+i.join("|")+")"+c},s.ATTRIBUTE_SELECTOR_MODE,{className:"keyword",begin:/@media/,starts:{end:/[{;}]/,keywords:{$pattern:/[a-z-]+/,keyword:"and or not only",attribute:n.join(" ")},contains:[s.CSS_NUMBER_MODE]}},{className:"keyword",begin:"@((-(o|moz|ms|webkit)-)?(charset|css|debug|extend|font-face|for|import|include|keyframes|media|mixin|page|warn|while))\\b"},l,s.CSS_NUMBER_MODE,{className:"function",begin:"^[a-zA-Z][a-zA-Z0-9_-]*\\(.*\\)",illegal:"[\\n]",returnBegin:!0,contains:[{className:"title",begin:"\\b[a-zA-Z][a-zA-Z0-9_-]*"},{className:"params",begin:/\(/,end:/\)/,contains:[s.HEXCOLOR,l,e.APOS_STRING_MODE,s.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE]}]},s.CSS_VARIABLE,{className:"attribute",begin:"\\b("+o.join("|")+")\\b",starts:{end:/;|$/,contains:[s.HEXCOLOR,l,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,s.CSS_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,s.IMPORTANT,s.FUNCTION_DISPATCH],illegal:/\./,relevance:0}},s.FUNCTION_DISPATCH]}}},48327:function(e){e.exports=function(e){return{name:"SubUnit",case_insensitive:!0,contains:[{className:"string",begin:"\\[\n(multipart)?",end:"\\]\n"},{className:"string",begin:"\\d{4}-\\d{2}-\\d{2}(\\s+)\\d{2}:\\d{2}:\\d{2}.\\d+Z"},{className:"string",begin:"(\\+|-)\\d+"},{className:"keyword",relevance:10,variants:[{begin:"^(test|testing|success|successful|failure|error|skip|xfail|uxsuccess)(:?)\\s+(test)?"},{begin:"^progress(:?)(\\s+)?(pop|push)?"},{begin:"^tags:"},{begin:"^time:"}]}]}}},33035:function(e){function t(e){return e?"string"==typeof e?e:e.source:null}function r(e){return n("(?=",e,")")}function n(...e){let r=e.map(e=>t(e)).join("");return r}function a(...e){let r=function(e){let t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e),n="("+(r.capture?"":"?:")+e.map(e=>t(e)).join("|")+")";return n}let i=e=>n(/\b/,e,/\w$/.test(e)?/\b/:/\B/),o=["Protocol","Type"].map(i),s=["init","self"].map(i),l=["Any","Self"],c=["actor","any","associatedtype","async","await",/as\?/,/as!/,"as","break","case","catch","class","continue","convenience","default","defer","deinit","didSet","distributed","do","dynamic","else","enum","extension","fallthrough",/fileprivate\(set\)/,"fileprivate","final","for","func","get","guard","if","import","indirect","infix",/init\?/,/init!/,"inout",/internal\(set\)/,"internal","in","is","isolated","nonisolated","lazy","let","mutating","nonmutating",/open\(set\)/,"open","operator","optional","override","postfix","precedencegroup","prefix",/private\(set\)/,"private","protocol",/public\(set\)/,"public","repeat","required","rethrows","return","set","some","static","struct","subscript","super","switch","throws","throw",/try\?/,/try!/,"try","typealias",/unowned\(safe\)/,/unowned\(unsafe\)/,"unowned","var","weak","where","while","willSet"],d=["false","nil","true"],u=["assignment","associativity","higherThan","left","lowerThan","none","right"],p=["#colorLiteral","#column","#dsohandle","#else","#elseif","#endif","#error","#file","#fileID","#fileLiteral","#filePath","#function","#if","#imageLiteral","#keyPath","#line","#selector","#sourceLocation","#warn_unqualified_access","#warning"],_=["abs","all","any","assert","assertionFailure","debugPrint","dump","fatalError","getVaList","isKnownUniquelyReferenced","max","min","numericCast","pointwiseMax","pointwiseMin","precondition","preconditionFailure","print","readLine","repeatElement","sequence","stride","swap","swift_unboxFromSwiftValueWithType","transcode","type","unsafeBitCast","unsafeDowncast","withExtendedLifetime","withUnsafeMutablePointer","withUnsafePointer","withVaList","withoutActuallyEscaping","zip"],m=a(/[/=\-+!*%<>&|^~?]/,/[\u00A1-\u00A7]/,/[\u00A9\u00AB]/,/[\u00AC\u00AE]/,/[\u00B0\u00B1]/,/[\u00B6\u00BB\u00BF\u00D7\u00F7]/,/[\u2016-\u2017]/,/[\u2020-\u2027]/,/[\u2030-\u203E]/,/[\u2041-\u2053]/,/[\u2055-\u205E]/,/[\u2190-\u23FF]/,/[\u2500-\u2775]/,/[\u2794-\u2BFF]/,/[\u2E00-\u2E7F]/,/[\u3001-\u3003]/,/[\u3008-\u3020]/,/[\u3030]/),g=a(m,/[\u0300-\u036F]/,/[\u1DC0-\u1DFF]/,/[\u20D0-\u20FF]/,/[\uFE00-\uFE0F]/,/[\uFE20-\uFE2F]/),f=n(m,g,"*"),E=a(/[a-zA-Z_]/,/[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,/[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,/[\u0100-\u02FF\u0370-\u167F\u1681-\u180D\u180F-\u1DBF]/,/[\u1E00-\u1FFF]/,/[\u200B-\u200D\u202A-\u202E\u203F-\u2040\u2054\u2060-\u206F]/,/[\u2070-\u20CF\u2100-\u218F\u2460-\u24FF\u2776-\u2793]/,/[\u2C00-\u2DFF\u2E80-\u2FFF]/,/[\u3004-\u3007\u3021-\u302F\u3031-\u303F\u3040-\uD7FF]/,/[\uF900-\uFD3D\uFD40-\uFDCF\uFDF0-\uFE1F\uFE30-\uFE44]/,/[\uFE47-\uFEFE\uFF00-\uFFFD]/),b=a(E,/\d/,/[\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]/),S=n(E,b,"*"),h=n(/[A-Z]/,b,"*"),v=["autoclosure",n(/convention\(/,a("swift","block","c"),/\)/),"discardableResult","dynamicCallable","dynamicMemberLookup","escaping","frozen","GKInspectable","IBAction","IBDesignable","IBInspectable","IBOutlet","IBSegueAction","inlinable","main","nonobjc","NSApplicationMain","NSCopying","NSManaged",n(/objc\(/,S,/\)/),"objc","objcMembers","propertyWrapper","requires_stored_property_inits","resultBuilder","testable","UIApplicationMain","unknown","usableFromInline"],y=["iOS","iOSApplicationExtension","macOS","macOSApplicationExtension","macCatalyst","macCatalystApplicationExtension","watchOS","watchOSApplicationExtension","tvOS","tvOSApplicationExtension","swift"];e.exports=function(e){let t={match:/\s+/,relevance:0},m=e.COMMENT("/\\*","\\*/",{contains:["self"]}),E=[e.C_LINE_COMMENT_MODE,m],T={match:[/\./,a(...o,...s)],className:{2:"keyword"}},O={match:n(/\./,a(...c)),relevance:0},C=c.filter(e=>"string"==typeof e).concat(["_|0"]),N=c.filter(e=>"string"!=typeof e).concat(l).map(i),R={variants:[{className:"keyword",match:a(...N,...s)}]},I={$pattern:a(/\b\w+/,/#\w+/),keyword:C.concat(p),literal:d},A=[T,O,R],x={match:n(/\./,a(..._)),relevance:0},w={className:"built_in",match:n(/\b/,a(..._),/(?=\()/)},D=[x,w],M={match:/->/,relevance:0},P={className:"operator",relevance:0,variants:[{match:f},{match:`\\.(\\.|${g})+`}]},L=[M,P],k="([0-9]_*)+",F="([0-9a-fA-F]_*)+",U={className:"number",relevance:0,variants:[{match:`\\b(${k})(\\.(${k}))?([eE][+-]?(${k}))?\\b`},{match:`\\b0x(${F})(\\.(${F}))?([pP][+-]?(${k}))?\\b`},{match:/\b0o([0-7]_*)+\b/},{match:/\b0b([01]_*)+\b/}]},B=(e="")=>({className:"subst",variants:[{match:n(/\\/,e,/[0\\tnr"']/)},{match:n(/\\/,e,/u\{[0-9a-fA-F]{1,8}\}/)}]}),G=(e="")=>({className:"subst",match:n(/\\/,e,/[\t ]*(?:[\r\n]|\r\n)/)}),j=(e="")=>({className:"subst",label:"interpol",begin:n(/\\/,e,/\(/),end:/\)/}),Y=(e="")=>({begin:n(e,/"""/),end:n(/"""/,e),contains:[B(e),G(e),j(e)]}),H=(e="")=>({begin:n(e,/"/),end:n(/"/,e),contains:[B(e),j(e)]}),z={className:"string",variants:[Y(),Y("#"),Y("##"),Y("###"),H(),H("#"),H("##"),H("###")]},V={match:n(/`/,S,/`/)},$={className:"variable",match:`\\$${b}+`},q=[V,{className:"variable",match:/\$\d+/},$],W={match:/(@|#(un)?)available/,className:"keyword",starts:{contains:[{begin:/\(/,end:/\)/,keywords:y,contains:[...L,U,z]}]}},Q={className:"keyword",match:n(/@/,a(...v))},K={className:"meta",match:n(/@/,S)},Z=[W,Q,K],X={match:r(/\b[A-Z]/),relevance:0,contains:[{className:"type",match:n(/(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)/,b,"+")},{className:"type",match:h,relevance:0},{match:/[?!]+/,relevance:0},{match:/\.\.\./,relevance:0},{match:n(/\s+&\s+/,r(h)),relevance:0}]},J={begin://,keywords:I,contains:[...E,...A,...Z,M,X]};X.contains.push(J);let ee={match:n(S,/\s*:/),keywords:"_|0",relevance:0},et={begin:/\(/,end:/\)/,relevance:0,keywords:I,contains:["self",ee,...E,...A,...D,...L,U,z,...q,...Z,X]},er={begin://,contains:[...E,X]},en={begin:a(r(n(S,/\s*:/)),r(n(S,/\s+/,S,/\s*:/))),end:/:/,relevance:0,contains:[{className:"keyword",match:/\b_\b/},{className:"params",match:S}]},ea={begin:/\(/,end:/\)/,keywords:I,contains:[en,...E,...A,...L,U,z,...Z,X,et],endsParent:!0,illegal:/["']/},ei={match:[/func/,/\s+/,a(V.match,S,f)],className:{1:"keyword",3:"title.function"},contains:[er,ea,t],illegal:[/\[/,/%/]},eo={begin:[/precedencegroup/,/\s+/,h],className:{1:"keyword",3:"title"},contains:[X],keywords:[...u,...d],end:/}/};for(let e of z.variants){let t=e.contains.find(e=>"interpol"===e.label);t.keywords=I;let r=[...A,...D,...L,U,z,...q];t.contains=[...r,{begin:/\(/,end:/\)/,contains:["self",...r]}]}return{name:"Swift",keywords:I,contains:[...E,ei,{match:[/\b(?:subscript|init[?!]?)/,/\s*(?=[<(])/],className:{1:"keyword"},contains:[er,ea,t],illegal:/\[|%/},{beginKeywords:"struct protocol class extension enum actor",end:"\\{",excludeEnd:!0,keywords:I,contains:[e.inherit(e.TITLE_MODE,{className:"title.class",begin:/[A-Za-z$_][\u00C0-\u02B80-9A-Za-z$_]*/}),...A]},{match:[/operator/,/\s+/,f],className:{1:"keyword",3:"title"}},eo,{beginKeywords:"import",end:/$/,contains:[...E],relevance:0},...A,...D,...L,U,z,...q,...Z,X,et]}}},14406:function(e){e.exports=function(e){return{name:"Tagger Script",contains:[{className:"comment",begin:/\$noop\(/,end:/\)/,contains:[{begin:/\\[()]/},{begin:/\(/,end:/\)/,contains:[{begin:/\\[()]/},"self"]}],relevance:10},{className:"keyword",begin:/\$[_a-zA-Z0-9]+(?=\()/},{className:"variable",begin:/%[_a-zA-Z0-9:]+%/},{className:"symbol",begin:/\\[\\nt$%,()]/},{className:"symbol",begin:/\\u[a-fA-F0-9]{4}/}]}}},3893:function(e){e.exports=function(e){return{name:"Test Anything Protocol",case_insensitive:!0,contains:[e.HASH_COMMENT_MODE,{className:"meta",variants:[{begin:"^TAP version (\\d+)$"},{begin:"^1\\.\\.(\\d+)$"}]},{begin:/---$/,end:"\\.\\.\\.$",subLanguage:"yaml",relevance:0},{className:"number",begin:" (\\d+) "},{className:"symbol",variants:[{begin:"^ok"},{begin:"^not ok"}]}]}}},7239:function(e){e.exports=function(e){let t=e.regex,r=/[a-zA-Z_][a-zA-Z0-9_]*/,n={className:"number",variants:[e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE]};return{name:"Tcl",aliases:["tk"],keywords:["after","append","apply","array","auto_execok","auto_import","auto_load","auto_mkindex","auto_mkindex_old","auto_qualify","auto_reset","bgerror","binary","break","catch","cd","chan","clock","close","concat","continue","dde","dict","encoding","eof","error","eval","exec","exit","expr","fblocked","fconfigure","fcopy","file","fileevent","filename","flush","for","foreach","format","gets","glob","global","history","http","if","incr","info","interp","join","lappend|10","lassign|10","lindex|10","linsert|10","list","llength|10","load","lrange|10","lrepeat|10","lreplace|10","lreverse|10","lsearch|10","lset|10","lsort|10","mathfunc","mathop","memory","msgcat","namespace","open","package","parray","pid","pkg::create","pkg_mkIndex","platform","platform::shell","proc","puts","pwd","read","refchan","regexp","registry","regsub|10","rename","return","safe","scan","seek","set","socket","source","split","string","subst","switch","tcl_endOfWord","tcl_findLibrary","tcl_startOfNextWord","tcl_startOfPreviousWord","tcl_wordBreakAfter","tcl_wordBreakBefore","tcltest","tclvars","tell","time","tm","trace","unknown","unload","unset","update","uplevel","upvar","variable","vwait","while"],contains:[e.COMMENT(";[ \\t]*#","$"),e.COMMENT("^[ \\t]*#","$"),{beginKeywords:"proc",end:"[\\{]",excludeEnd:!0,contains:[{className:"title",begin:"[ \\t\\n\\r]+(::)?[a-zA-Z_]((::)?[a-zA-Z0-9_])*",end:"[ \\t\\n\\r]",endsWithParent:!0,excludeEnd:!0}]},{className:"variable",variants:[{begin:t.concat(/\$/,t.optional(/::/),r,"(::",r,")*")},{begin:"\\$\\{(::)?[a-zA-Z_]((::)?[a-zA-Z0-9_])*",end:"\\}",contains:[n]}]},{className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[e.inherit(e.QUOTE_STRING_MODE,{illegal:null})]},n]}}},82550:function(e){e.exports=function(e){let t=["bool","byte","i16","i32","i64","double","string","binary"];return{name:"Thrift",keywords:{keyword:["namespace","const","typedef","struct","enum","service","exception","void","oneway","set","list","map","required","optional"],type:t,literal:"true false"},contains:[e.QUOTE_STRING_MODE,e.NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"class",beginKeywords:"struct enum service exception",end:/\{/,illegal:/\n/,contains:[e.inherit(e.TITLE_MODE,{starts:{endsWithParent:!0,excludeEnd:!0}})]},{begin:"\\b(set|list|map)\\s*<",keywords:{type:[...t,"set","list","map"]},end:">",contains:["self"]}]}}},97716:function(e){e.exports=function(e){let t={className:"number",begin:"[1-9][0-9]*",relevance:0},r={className:"symbol",begin:":[^\\]]+"},n={className:"built_in",begin:"(AI|AO|DI|DO|F|RI|RO|UI|UO|GI|GO|SI|SO)\\[",end:"\\]",contains:["self",t,e.QUOTE_STRING_MODE,r]};return{name:"TP",keywords:{keyword:["ABORT","ACC","ADJUST","AND","AP_LD","BREAK","CALL","CNT","COL","CONDITION","CONFIG","DA","DB","DIV","DETECT","ELSE","END","ENDFOR","ERR_NUM","ERROR_PROG","FINE","FOR","GP","GUARD","INC","IF","JMP","LINEAR_MAX_SPEED","LOCK","MOD","MONITOR","OFFSET","Offset","OR","OVERRIDE","PAUSE","PREG","PTH","RT_LD","RUN","SELECT","SKIP","Skip","TA","TB","TO","TOOL_OFFSET","Tool_Offset","UF","UT","UFRAME_NUM","UTOOL_NUM","UNLOCK","WAIT","X","Y","Z","W","P","R","STRLEN","SUBSTR","FINDSTR","VOFFSET","PROG","ATTR","MN","POS"],literal:["ON","OFF","max_speed","LPOS","JPOS","ENABLE","DISABLE","START","STOP","RESET"]},contains:[{className:"built_in",begin:"(AR|P|PAYLOAD|PR|R|SR|RSR|LBL|VR|UALM|MESSAGE|UTOOL|UFRAME|TIMER|TIMER_OVERFLOW|JOINT_MAX_SPEED|RESUME_PROG|DIAG_REC)\\[",end:"\\]",contains:["self",t,r]},n,{className:"keyword",begin:"/(PROG|ATTR|MN|POS|END)\\b"},{className:"keyword",begin:"(CALL|RUN|POINT_LOGIC|LBL)\\b"},{className:"keyword",begin:"\\b(ACC|CNT|Skip|Offset|PSPD|RT_LD|AP_LD|Tool_Offset)"},{className:"number",begin:"\\d+(sec|msec|mm/sec|cm/min|inch/min|deg/sec|mm|in|cm)?\\b",relevance:0},e.COMMENT("//","[;$]"),e.COMMENT("!","[;$]"),e.COMMENT("--eg:","$"),e.QUOTE_STRING_MODE,{className:"string",begin:"'",end:"'"},e.C_NUMBER_MODE,{className:"variable",begin:"\\$[A-Za-z0-9_]+"}]}}},2767:function(e){e.exports=function(e){let t=e.regex,r=["absolute_url","asset|0","asset_version","attribute","block","constant","controller|0","country_timezones","csrf_token","cycle","date","dump","expression","form|0","form_end","form_errors","form_help","form_label","form_rest","form_row","form_start","form_widget","html_classes","include","is_granted","logout_path","logout_url","max","min","parent","path|0","random","range","relative_path","render","render_esi","source","template_from_string","url|0"],n=["apply","autoescape","block","cache","deprecated","do","embed","extends","filter","flush","for","form_theme","from","if","import","include","macro","sandbox","set","stopwatch","trans","trans_default_domain","transchoice","use","verbatim","with"];n=n.concat(n.map(e=>`end${e}`));let a={scope:"string",variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/}]},i={scope:"number",match:/\d+/},o={beginKeywords:r.join(" "),keywords:{name:r},relevance:0,contains:[{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:[a,i]}]},s={match:/\|(?=[A-Za-z_]+:?)/,beginScope:"punctuation",relevance:0,contains:[{match:/[A-Za-z_]+:?/,keywords:["abs","abbr_class","abbr_method","batch","capitalize","column","convert_encoding","country_name","currency_name","currency_symbol","data_uri","date","date_modify","default","escape","file_excerpt","file_link","file_relative","filter","first","format","format_args","format_args_as_text","format_currency","format_date","format_datetime","format_file","format_file_from_text","format_number","format_time","html_to_markdown","humanize","inky_to_html","inline_css","join","json_encode","keys","language_name","last","length","locale_name","lower","map","markdown","markdown_to_html","merge","nl2br","number_format","raw","reduce","replace","reverse","round","slice","slug","sort","spaceless","split","striptags","timezone_name","title","trans","transchoice","trim","u|0","upper","url_encode","yaml_dump","yaml_encode"]}]},l=(e,{relevance:r})=>({beginScope:{1:"template-tag",3:"name"},relevance:r||2,endScope:"template-tag",begin:[/\{%/,/\s*/,t.either(...e)],end:/%\}/,keywords:"in",contains:[s,o,a,i]}),c=l(n,{relevance:2}),d=l([/[a-z_]+/],{relevance:1});return{name:"Twig",aliases:["craftcms"],case_insensitive:!0,subLanguage:"xml",contains:[e.COMMENT(/\{#/,/#\}/),c,d,{className:"template-variable",begin:/\{\{/,end:/\}\}/,contains:["self",s,o,a,i]}]}}},99912:function(e){let t="[A-Za-z$_][0-9A-Za-z$_]*",r=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],n=["true","false","null","undefined","NaN","Infinity"],a=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],i=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],o=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],s=["arguments","this","super","console","window","document","localStorage","module","global"],l=[].concat(o,a,i);e.exports=function(e){let c=function(e){var c;let d=e.regex,u=(e,{after:t})=>{let r="",end:""},_={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,t)=>{let r;let n=e[0].length+e.index,a=e.input[n];if("<"===a||","===a){t.ignoreMatch();return}">"!==a||u(e,{after:n})||t.ignoreMatch();let i=e.input.substring(n);if((r=i.match(/^\s*=/))||(r=i.match(/^\s+extends\s+/))&&0===r.index){t.ignoreMatch();return}}},m={$pattern:t,keyword:r,literal:n,built_in:l,"variable.language":s},g="[0-9](_?[0-9])*",f=`\\.(${g})`,E="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",b={className:"number",variants:[{begin:`(\\b(${E})((${f})|\\.)?|(${f}))[eE][+-]?(${g})\\b`},{begin:`\\b(${E})\\b((${f})\\b|\\.)?|(${f})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},S={className:"subst",begin:"\\$\\{",end:"\\}",keywords:m,contains:[]},h={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,S],subLanguage:"xml"}},v={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,S],subLanguage:"css"}},y={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,S]},T=e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),O={className:"comment",variants:[T,e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},C=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,h,v,y,{match:/\$\d+/},b];S.contains=C.concat({begin:/\{/,end:/\}/,keywords:m,contains:["self"].concat(C)});let N=[].concat(O,S.contains),R=N.concat([{begin:/\(/,end:/\)/,keywords:m,contains:["self"].concat(N)}]),I={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:m,contains:R},A={variants:[{match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,d.concat(t,"(",d.concat(/\./,t),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},x={relevance:0,match:d.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...a,...i]}},w={match:d.concat(/\b/,(c=[...o,"super","import"],d.concat("(?!",c.join("|"),")")),t,d.lookahead(/\(/)),className:"title.function",relevance:0},D={begin:d.concat(/\./,d.lookahead(d.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},M="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",P={match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,d.lookahead(M)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[I]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:m,exports:{PARAMS_CONTAINS:R,CLASS_REFERENCE:x},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,h,v,y,O,{match:/\$\d+/},b,x,{className:"attr",begin:t+d.lookahead(":"),relevance:0},P,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[O,e.REGEXP_MODE,{className:"function",begin:M,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:m,contains:R}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:p.begin,end:p.end},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:_.begin,"on:begin":_.isTrulyOpeningTag,end:_.end}],subLanguage:"xml",contains:[{begin:_.begin,end:_.end,skip:!0,contains:["self"]}]}]},{variants:[{match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[I],illegal:/%/},{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[I,e.inherit(e.TITLE_MODE,{begin:t,className:"title.function"})]},{match:/\.\.\./,relevance:0},D,{match:"\\$"+t,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[I]},w,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},A,{match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},I]},{match:/\$[(.]/}]}}(e),d=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],u={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[c.exports.CLASS_REFERENCE]},p={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:d},contains:[c.exports.CLASS_REFERENCE]},_={$pattern:t,keyword:r.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:n,built_in:l.concat(d),"variable.language":s},m={className:"meta",begin:"@"+t},g=(e,t,r)=>{let n=e.contains.findIndex(e=>e.label===t);if(-1===n)throw Error("can not find mode to replace");e.contains.splice(n,1,r)};Object.assign(c.keywords,_),c.exports.PARAMS_CONTAINS.push(m),c.contains=c.contains.concat([m,u,p]),g(c,"shebang",e.SHEBANG()),g(c,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/});let f=c.contains.find(e=>"func.def"===e.label);return f.relevance=0,Object.assign(c,{name:"TypeScript",aliases:["ts","tsx"]}),c}},92823:function(e){e.exports=function(e){return{name:"Vala",keywords:{keyword:"char uchar unichar int uint long ulong short ushort int8 int16 int32 int64 uint8 uint16 uint32 uint64 float double bool struct enum string void weak unowned owned async signal static abstract interface override virtual delegate if while do for foreach else switch case break default return try catch public private protected internal using new this get set const stdout stdin stderr var",built_in:"DBus GLib CCode Gee Object Gtk Posix",literal:"false true null"},contains:[{className:"class",beginKeywords:"class interface namespace",end:/\{/,excludeEnd:!0,illegal:"[^,:\\n\\s\\.]",contains:[e.UNDERSCORE_TITLE_MODE]},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",begin:'"""',end:'"""',relevance:5},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,e.C_NUMBER_MODE,{className:"meta",begin:"^#",end:"$"}]}}},38524:function(e){e.exports=function(e){let t=e.regex,r=/\d{1,2}\/\d{1,2}\/\d{4}/,n=/\d{4}-\d{1,2}-\d{1,2}/,a=/(\d|1[012])(:\d+){0,2} *(AM|PM)/,i=/\d{1,2}(:\d{1,2}){1,2}/,o={className:"literal",variants:[{begin:t.concat(/# */,t.either(n,r),/ *#/)},{begin:t.concat(/# */,i,/ *#/)},{begin:t.concat(/# */,a,/ *#/)},{begin:t.concat(/# */,t.either(n,r),/ +/,t.either(a,i),/ *#/)}]},s=e.COMMENT(/'''/,/$/,{contains:[{className:"doctag",begin:/<\/?/,end:/>/}]}),l=e.COMMENT(null,/$/,{variants:[{begin:/'/},{begin:/([\t ]|^)REM(?=\s)/}]});return{name:"Visual Basic .NET",aliases:["vb"],case_insensitive:!0,classNameAliases:{label:"symbol"},keywords:{keyword:"addhandler alias aggregate ansi as async assembly auto binary by byref byval call case catch class compare const continue custom declare default delegate dim distinct do each equals else elseif end enum erase error event exit explicit finally for friend from function get global goto group handles if implements imports in inherits interface into iterator join key let lib loop me mid module mustinherit mustoverride mybase myclass namespace narrowing new next notinheritable notoverridable of off on operator option optional order overloads overridable overrides paramarray partial preserve private property protected public raiseevent readonly redim removehandler resume return select set shadows shared skip static step stop structure strict sub synclock take text then throw to try unicode until using when where while widening with withevents writeonly yield",built_in:"addressof and andalso await directcast gettype getxmlnamespace is isfalse isnot istrue like mod nameof new not or orelse trycast typeof xor cbool cbyte cchar cdate cdbl cdec cint clng cobj csbyte cshort csng cstr cuint culng cushort",type:"boolean byte char date decimal double integer long object sbyte short single string uinteger ulong ushort",literal:"true false nothing"},illegal:"//|\\{|\\}|endif|gosub|variant|wend|^\\$ ",contains:[{className:"string",begin:/"(""|[^/n])"C\b/},{className:"string",begin:/"/,end:/"/,illegal:/\n/,contains:[{begin:/""/}]},o,{className:"number",relevance:0,variants:[{begin:/\b\d[\d_]*((\.[\d_]+(E[+-]?[\d_]+)?)|(E[+-]?[\d_]+))[RFD@!#]?/},{begin:/\b\d[\d_]*((U?[SIL])|[%&])?/},{begin:/&H[\dA-F_]+((U?[SIL])|[%&])?/},{begin:/&O[0-7_]+((U?[SIL])|[%&])?/},{begin:/&B[01_]+((U?[SIL])|[%&])?/}]},{className:"label",begin:/^\w+:/},s,l,{className:"meta",begin:/[\t ]*#(const|disable|else|elseif|enable|end|externalsource|if|region)\b/,end:/$/,keywords:{keyword:"const disable else elseif enable end externalsource if region then"},contains:[l]}]}}},11979:function(e){e.exports=function(e){return{name:"VBScript in HTML",subLanguage:"xml",contains:[{begin:"<%",end:"%>",subLanguage:"vbscript"}]}}},89365:function(e){e.exports=function(e){let t=e.regex,r=["lcase","month","vartype","instrrev","ubound","setlocale","getobject","rgb","getref","string","weekdayname","rnd","dateadd","monthname","now","day","minute","isarray","cbool","round","formatcurrency","conversions","csng","timevalue","second","year","space","abs","clng","timeserial","fixs","len","asc","isempty","maths","dateserial","atn","timer","isobject","filter","weekday","datevalue","ccur","isdate","instr","datediff","formatdatetime","replace","isnull","right","sgn","array","snumeric","log","cdbl","hex","chr","lbound","msgbox","ucase","getlocale","cos","cdate","cbyte","rtrim","join","hour","oct","typename","trim","strcomp","int","createobject","loadpicture","tan","formatnumber","mid","split","cint","sin","datepart","ltrim","sqr","time","derived","eval","date","formatpercent","exp","inputbox","left","ascw","chrw","regexp","cstr","err"],n={begin:t.concat(t.either(...r),"\\s*\\("),relevance:0,keywords:{built_in:r}};return{name:"VBScript",aliases:["vbs"],case_insensitive:!0,keywords:{keyword:["call","class","const","dim","do","loop","erase","execute","executeglobal","exit","for","each","next","function","if","then","else","on","error","option","explicit","new","private","property","let","get","public","randomize","redim","rem","select","case","set","stop","sub","while","wend","with","end","to","elseif","is","or","xor","and","not","class_initialize","class_terminate","default","preserve","in","me","byval","byref","step","resume","goto"],built_in:["server","response","request","scriptengine","scriptenginebuildversion","scriptengineminorversion","scriptenginemajorversion"],literal:["true","false","null","nothing","empty"]},illegal:"//",contains:[n,e.inherit(e.QUOTE_STRING_MODE,{contains:[{begin:'""'}]}),e.COMMENT(/'/,/$/,{relevance:0}),e.C_NUMBER_MODE]}}},27640:function(e){e.exports=function(e){let t=e.regex,r=["begin_keywords","celldefine","default_nettype","default_decay_time","default_trireg_strength","define","delay_mode_distributed","delay_mode_path","delay_mode_unit","delay_mode_zero","else","elsif","end_keywords","endcelldefine","endif","ifdef","ifndef","include","line","nounconnected_drive","pragma","resetall","timescale","unconnected_drive","undef","undefineall"];return{name:"Verilog",aliases:["v","sv","svh"],case_insensitive:!1,keywords:{$pattern:/\$?[\w]+(\$[\w]+)*/,keyword:["accept_on","alias","always","always_comb","always_ff","always_latch","and","assert","assign","assume","automatic","before","begin","bind","bins","binsof","bit","break","buf|0","bufif0","bufif1","byte","case","casex","casez","cell","chandle","checker","class","clocking","cmos","config","const","constraint","context","continue","cover","covergroup","coverpoint","cross","deassign","default","defparam","design","disable","dist","do","edge","else","end","endcase","endchecker","endclass","endclocking","endconfig","endfunction","endgenerate","endgroup","endinterface","endmodule","endpackage","endprimitive","endprogram","endproperty","endspecify","endsequence","endtable","endtask","enum","event","eventually","expect","export","extends","extern","final","first_match","for","force","foreach","forever","fork","forkjoin","function","generate|5","genvar","global","highz0","highz1","if","iff","ifnone","ignore_bins","illegal_bins","implements","implies","import","incdir","include","initial","inout","input","inside","instance","int","integer","interconnect","interface","intersect","join","join_any","join_none","large","let","liblist","library","local","localparam","logic","longint","macromodule","matches","medium","modport","module","nand","negedge","nettype","new","nexttime","nmos","nor","noshowcancelled","not","notif0","notif1","or","output","package","packed","parameter","pmos","posedge","primitive","priority","program","property","protected","pull0","pull1","pulldown","pullup","pulsestyle_ondetect","pulsestyle_onevent","pure","rand","randc","randcase","randsequence","rcmos","real","realtime","ref","reg","reject_on","release","repeat","restrict","return","rnmos","rpmos","rtran","rtranif0","rtranif1","s_always","s_eventually","s_nexttime","s_until","s_until_with","scalared","sequence","shortint","shortreal","showcancelled","signed","small","soft","solve","specify","specparam","static","string","strong","strong0","strong1","struct","super","supply0","supply1","sync_accept_on","sync_reject_on","table","tagged","task","this","throughout","time","timeprecision","timeunit","tran","tranif0","tranif1","tri","tri0","tri1","triand","trior","trireg","type","typedef","union","unique","unique0","unsigned","until","until_with","untyped","use","uwire","var","vectored","virtual","void","wait","wait_order","wand","weak","weak0","weak1","while","wildcard","wire","with","within","wor","xnor","xor"],literal:["null"],built_in:["$finish","$stop","$exit","$fatal","$error","$warning","$info","$realtime","$time","$printtimescale","$bitstoreal","$bitstoshortreal","$itor","$signed","$cast","$bits","$stime","$timeformat","$realtobits","$shortrealtobits","$rtoi","$unsigned","$asserton","$assertkill","$assertpasson","$assertfailon","$assertnonvacuouson","$assertoff","$assertcontrol","$assertpassoff","$assertfailoff","$assertvacuousoff","$isunbounded","$sampled","$fell","$changed","$past_gclk","$fell_gclk","$changed_gclk","$rising_gclk","$steady_gclk","$coverage_control","$coverage_get","$coverage_save","$set_coverage_db_name","$rose","$stable","$past","$rose_gclk","$stable_gclk","$future_gclk","$falling_gclk","$changing_gclk","$display","$coverage_get_max","$coverage_merge","$get_coverage","$load_coverage_db","$typename","$unpacked_dimensions","$left","$low","$increment","$clog2","$ln","$log10","$exp","$sqrt","$pow","$floor","$ceil","$sin","$cos","$tan","$countbits","$onehot","$isunknown","$fatal","$warning","$dimensions","$right","$high","$size","$asin","$acos","$atan","$atan2","$hypot","$sinh","$cosh","$tanh","$asinh","$acosh","$atanh","$countones","$onehot0","$error","$info","$random","$dist_chi_square","$dist_erlang","$dist_exponential","$dist_normal","$dist_poisson","$dist_t","$dist_uniform","$q_initialize","$q_remove","$q_exam","$async$and$array","$async$nand$array","$async$or$array","$async$nor$array","$sync$and$array","$sync$nand$array","$sync$or$array","$sync$nor$array","$q_add","$q_full","$psprintf","$async$and$plane","$async$nand$plane","$async$or$plane","$async$nor$plane","$sync$and$plane","$sync$nand$plane","$sync$or$plane","$sync$nor$plane","$system","$display","$displayb","$displayh","$displayo","$strobe","$strobeb","$strobeh","$strobeo","$write","$readmemb","$readmemh","$writememh","$value$plusargs","$dumpvars","$dumpon","$dumplimit","$dumpports","$dumpportson","$dumpportslimit","$writeb","$writeh","$writeo","$monitor","$monitorb","$monitorh","$monitoro","$writememb","$dumpfile","$dumpoff","$dumpall","$dumpflush","$dumpportsoff","$dumpportsall","$dumpportsflush","$fclose","$fdisplay","$fdisplayb","$fdisplayh","$fdisplayo","$fstrobe","$fstrobeb","$fstrobeh","$fstrobeo","$swrite","$swriteb","$swriteh","$swriteo","$fscanf","$fread","$fseek","$fflush","$feof","$fopen","$fwrite","$fwriteb","$fwriteh","$fwriteo","$fmonitor","$fmonitorb","$fmonitorh","$fmonitoro","$sformat","$sformatf","$fgetc","$ungetc","$fgets","$sscanf","$rewind","$ftell","$ferror"]},contains:[e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE,e.QUOTE_STRING_MODE,{scope:"number",contains:[e.BACKSLASH_ESCAPE],variants:[{begin:/\b((\d+'([bhodBHOD]))[0-9xzXZa-fA-F_]+)/},{begin:/\B(('([bhodBHOD]))[0-9xzXZa-fA-F_]+)/},{begin:/\b[0-9][0-9_]*/,relevance:0}]},{scope:"variable",variants:[{begin:"#\\((?!parameter).+\\)"},{begin:"\\.\\w+",relevance:0}]},{scope:"variable.constant",match:t.concat(/`/,t.either(...["__FILE__","__LINE__"]))},{scope:"meta",begin:t.concat(/`/,t.either(...r)),end:/$|\/\/|\/\*/,returnEnd:!0,keywords:r}]}}},49572:function(e){e.exports=function(e){let t="\\d(_|\\d)*",r="[eE][-+]?"+t;return{name:"VHDL",case_insensitive:!0,keywords:{keyword:["abs","access","after","alias","all","and","architecture","array","assert","assume","assume_guarantee","attribute","begin","block","body","buffer","bus","case","component","configuration","constant","context","cover","disconnect","downto","default","else","elsif","end","entity","exit","fairness","file","for","force","function","generate","generic","group","guarded","if","impure","in","inertial","inout","is","label","library","linkage","literal","loop","map","mod","nand","new","next","nor","not","null","of","on","open","or","others","out","package","parameter","port","postponed","procedure","process","property","protected","pure","range","record","register","reject","release","rem","report","restrict","restrict_guarantee","return","rol","ror","select","sequence","severity","shared","signal","sla","sll","sra","srl","strong","subtype","then","to","transport","type","unaffected","units","until","use","variable","view","vmode","vprop","vunit","wait","when","while","with","xnor","xor"],built_in:["boolean","bit","character","integer","time","delay_length","natural","positive","string","bit_vector","file_open_kind","file_open_status","std_logic","std_logic_vector","unsigned","signed","boolean_vector","integer_vector","std_ulogic","std_ulogic_vector","unresolved_unsigned","u_unsigned","unresolved_signed","u_signed","real_vector","time_vector"],literal:["false","true","note","warning","error","failure","line","text","side","width"]},illegal:/\{/,contains:[e.C_BLOCK_COMMENT_MODE,e.COMMENT("--","$"),e.QUOTE_STRING_MODE,{className:"number",begin:"\\b("+t+"#\\w+(\\.\\w+)?#("+r+")?|"+(t+"(\\."+t)+")?("+r+")?)",relevance:0},{className:"string",begin:"'(U|X|0|1|Z|W|L|H|-)'",contains:[e.BACKSLASH_ESCAPE]},{className:"symbol",begin:"'[A-Za-z](_?[A-Za-z0-9])*",contains:[e.BACKSLASH_ESCAPE]}]}}},15790:function(e){e.exports=function(e){return{name:"Vim Script",keywords:{$pattern:/[!#@\w]+/,keyword:"N|0 P|0 X|0 a|0 ab abc abo al am an|0 ar arga argd arge argdo argg argl argu as au aug aun b|0 bN ba bad bd be bel bf bl bm bn bo bp br brea breaka breakd breakl bro bufdo buffers bun bw c|0 cN cNf ca cabc caddb cad caddf cal cat cb cc ccl cd ce cex cf cfir cgetb cgete cg changes chd che checkt cl cla clo cm cmapc cme cn cnew cnf cno cnorea cnoreme co col colo com comc comp con conf cope cp cpf cq cr cs cst cu cuna cunme cw delm deb debugg delc delf dif diffg diffo diffp diffpu diffs diffthis dig di dl dell dj dli do doautoa dp dr ds dsp e|0 ea ec echoe echoh echom echon el elsei em en endfo endf endt endw ene ex exe exi exu f|0 files filet fin fina fini fir fix fo foldc foldd folddoc foldo for fu go gr grepa gu gv ha helpf helpg helpt hi hid his ia iabc if ij il im imapc ime ino inorea inoreme int is isp iu iuna iunme j|0 ju k|0 keepa kee keepj lN lNf l|0 lad laddb laddf la lan lat lb lc lch lcl lcs le lefta let lex lf lfir lgetb lgete lg lgr lgrepa lh ll lla lli lmak lm lmapc lne lnew lnf ln loadk lo loc lockv lol lope lp lpf lr ls lt lu lua luad luaf lv lvimgrepa lw m|0 ma mak map mapc marks mat me menut mes mk mks mksp mkv mkvie mod mz mzf nbc nb nbs new nm nmapc nme nn nnoreme noa no noh norea noreme norm nu nun nunme ol o|0 om omapc ome on ono onoreme opt ou ounme ow p|0 profd prof pro promptr pc ped pe perld po popu pp pre prev ps pt ptN ptf ptj ptl ptn ptp ptr pts pu pw py3 python3 py3d py3f py pyd pyf quita qa rec red redi redr redraws reg res ret retu rew ri rightb rub rubyd rubyf rund ru rv sN san sa sal sav sb sbN sba sbf sbl sbm sbn sbp sbr scrip scripte scs se setf setg setl sf sfir sh sim sig sil sl sla sm smap smapc sme sn sni sno snor snoreme sor so spelld spe spelli spellr spellu spellw sp spr sre st sta startg startr star stopi stj sts sun sunm sunme sus sv sw sy synti sync tN tabN tabc tabdo tabe tabf tabfir tabl tabm tabnew tabn tabo tabp tabr tabs tab ta tags tc tcld tclf te tf th tj tl tm tn to tp tr try ts tu u|0 undoj undol una unh unl unlo unm unme uns up ve verb vert vim vimgrepa vi viu vie vm vmapc vme vne vn vnoreme vs vu vunme windo w|0 wN wa wh wi winc winp wn wp wq wqa ws wu wv x|0 xa xmapc xm xme xn xnoreme xu xunme y|0 z|0 ~ Next Print append abbreviate abclear aboveleft all amenu anoremenu args argadd argdelete argedit argglobal arglocal argument ascii autocmd augroup aunmenu buffer bNext ball badd bdelete behave belowright bfirst blast bmodified bnext botright bprevious brewind break breakadd breakdel breaklist browse bunload bwipeout change cNext cNfile cabbrev cabclear caddbuffer caddexpr caddfile call catch cbuffer cclose center cexpr cfile cfirst cgetbuffer cgetexpr cgetfile chdir checkpath checktime clist clast close cmap cmapclear cmenu cnext cnewer cnfile cnoremap cnoreabbrev cnoremenu copy colder colorscheme command comclear compiler continue confirm copen cprevious cpfile cquit crewind cscope cstag cunmap cunabbrev cunmenu cwindow delete delmarks debug debuggreedy delcommand delfunction diffupdate diffget diffoff diffpatch diffput diffsplit digraphs display deletel djump dlist doautocmd doautoall deletep drop dsearch dsplit edit earlier echo echoerr echohl echomsg else elseif emenu endif endfor endfunction endtry endwhile enew execute exit exusage file filetype find finally finish first fixdel fold foldclose folddoopen folddoclosed foldopen function global goto grep grepadd gui gvim hardcopy help helpfind helpgrep helptags highlight hide history insert iabbrev iabclear ijump ilist imap imapclear imenu inoremap inoreabbrev inoremenu intro isearch isplit iunmap iunabbrev iunmenu join jumps keepalt keepmarks keepjumps lNext lNfile list laddexpr laddbuffer laddfile last language later lbuffer lcd lchdir lclose lcscope left leftabove lexpr lfile lfirst lgetbuffer lgetexpr lgetfile lgrep lgrepadd lhelpgrep llast llist lmake lmap lmapclear lnext lnewer lnfile lnoremap loadkeymap loadview lockmarks lockvar lolder lopen lprevious lpfile lrewind ltag lunmap luado luafile lvimgrep lvimgrepadd lwindow move mark make mapclear match menu menutranslate messages mkexrc mksession mkspell mkvimrc mkview mode mzscheme mzfile nbclose nbkey nbsart next nmap nmapclear nmenu nnoremap nnoremenu noautocmd noremap nohlsearch noreabbrev noremenu normal number nunmap nunmenu oldfiles open omap omapclear omenu only onoremap onoremenu options ounmap ounmenu ownsyntax print profdel profile promptfind promptrepl pclose pedit perl perldo pop popup ppop preserve previous psearch ptag ptNext ptfirst ptjump ptlast ptnext ptprevious ptrewind ptselect put pwd py3do py3file python pydo pyfile quit quitall qall read recover redo redir redraw redrawstatus registers resize retab return rewind right rightbelow ruby rubydo rubyfile rundo runtime rviminfo substitute sNext sandbox sargument sall saveas sbuffer sbNext sball sbfirst sblast sbmodified sbnext sbprevious sbrewind scriptnames scriptencoding scscope set setfiletype setglobal setlocal sfind sfirst shell simalt sign silent sleep slast smagic smapclear smenu snext sniff snomagic snoremap snoremenu sort source spelldump spellgood spellinfo spellrepall spellundo spellwrong split sprevious srewind stop stag startgreplace startreplace startinsert stopinsert stjump stselect sunhide sunmap sunmenu suspend sview swapname syntax syntime syncbind tNext tabNext tabclose tabedit tabfind tabfirst tablast tabmove tabnext tabonly tabprevious tabrewind tag tcl tcldo tclfile tearoff tfirst throw tjump tlast tmenu tnext topleft tprevious trewind tselect tunmenu undo undojoin undolist unabbreviate unhide unlet unlockvar unmap unmenu unsilent update vglobal version verbose vertical vimgrep vimgrepadd visual viusage view vmap vmapclear vmenu vnew vnoremap vnoremenu vsplit vunmap vunmenu write wNext wall while winsize wincmd winpos wnext wprevious wqall wsverb wundo wviminfo xit xall xmapclear xmap xmenu xnoremap xnoremenu xunmap xunmenu yank",built_in:"synIDtrans atan2 range matcharg did_filetype asin feedkeys xor argv complete_check add getwinposx getqflist getwinposy screencol clearmatches empty extend getcmdpos mzeval garbagecollect setreg ceil sqrt diff_hlID inputsecret get getfperm getpid filewritable shiftwidth max sinh isdirectory synID system inputrestore winline atan visualmode inputlist tabpagewinnr round getregtype mapcheck hasmapto histdel argidx findfile sha256 exists toupper getcmdline taglist string getmatches bufnr strftime winwidth bufexists strtrans tabpagebuflist setcmdpos remote_read printf setloclist getpos getline bufwinnr float2nr len getcmdtype diff_filler luaeval resolve libcallnr foldclosedend reverse filter has_key bufname str2float strlen setline getcharmod setbufvar index searchpos shellescape undofile foldclosed setqflist buflisted strchars str2nr virtcol floor remove undotree remote_expr winheight gettabwinvar reltime cursor tabpagenr finddir localtime acos getloclist search tanh matchend rename gettabvar strdisplaywidth type abs py3eval setwinvar tolower wildmenumode log10 spellsuggest bufloaded synconcealed nextnonblank server2client complete settabwinvar executable input wincol setmatches getftype hlID inputsave searchpair or screenrow line settabvar histadd deepcopy strpart remote_peek and eval getftime submatch screenchar winsaveview matchadd mkdir screenattr getfontname libcall reltimestr getfsize winnr invert pow getbufline byte2line soundfold repeat fnameescape tagfiles sin strwidth spellbadword trunc maparg log lispindent hostname setpos globpath remote_foreground getchar synIDattr fnamemodify cscope_connection stridx winbufnr indent min complete_add nr2char searchpairpos inputdialog values matchlist items hlexists strridx browsedir expand fmod pathshorten line2byte argc count getwinvar glob foldtextresult getreg foreground cosh matchdelete has char2nr simplify histget searchdecl iconv winrestcmd pumvisible writefile foldlevel haslocaldir keys cos matchstr foldtext histnr tan tempname getcwd byteidx getbufvar islocked escape eventhandler remote_send serverlist winrestview synstack pyeval prevnonblank readfile cindent filereadable changenr exp"},illegal:/;/,contains:[e.NUMBER_MODE,{className:"string",begin:"'",end:"'",illegal:"\\n"},{className:"string",begin:/"(\\"|\n\\|[^"\n])*"/},e.COMMENT('"',"$"),{className:"variable",begin:/[bwtglsav]:[\w\d_]+/},{begin:[/\b(?:function|function!)/,/\s+/,e.IDENT_RE],className:{1:"keyword",3:"title"},end:"$",relevance:0,contains:[{className:"params",begin:"\\(",end:"\\)"}]},{className:"symbol",begin:/<[\w-]+>/}]}}},89647:function(e){e.exports=function(e){e.regex;let t=e.COMMENT(/\(;/,/;\)/);t.contains.push("self");let r=e.COMMENT(/;;/,/$/);return{name:"WebAssembly",keywords:{$pattern:/[\w.]+/,keyword:["anyfunc","block","br","br_if","br_table","call","call_indirect","data","drop","elem","else","end","export","func","global.get","global.set","local.get","local.set","local.tee","get_global","get_local","global","if","import","local","loop","memory","memory.grow","memory.size","module","mut","nop","offset","param","result","return","select","set_global","set_local","start","table","tee_local","then","type","unreachable"]},contains:[r,t,{match:[/(?:offset|align)/,/\s*/,/=/],className:{1:"keyword",3:"operator"}},{className:"variable",begin:/\$[\w_]+/},{match:/(\((?!;)|\))+/,className:"punctuation",relevance:0},{begin:[/(?:func|call|call_indirect)/,/\s+/,/\$[^\s)]+/],className:{1:"keyword",3:"title.function"}},e.QUOTE_STRING_MODE,{match:/(i32|i64|f32|f64)(?!\.)/,className:"type"},{className:"keyword",match:/\b(f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))\b/},{className:"number",relevance:0,match:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/}]}}},15907:function(e){e.exports=function(e){let t=e.regex,r=/[a-zA-Z]\w*/,n=["as","break","class","construct","continue","else","for","foreign","if","import","in","is","return","static","var","while"],a=["true","false","null"],i=["this","super"],o=["-","~",/\*/,"%",/\.\.\./,/\.\./,/\+/,"<<",">>",">=","<=","<",">",/\^/,/!=/,/!/,/\bis\b/,"==","&&","&",/\|\|/,/\|/,/\?:/,"="],s={relevance:0,match:t.concat(/\b(?!(if|while|for|else|super)\b)/,r,/(?=\s*[({])/),className:"title.function"},l={match:t.concat(t.either(t.concat(/\b(?!(if|while|for|else|super)\b)/,r),t.either(...o)),/(?=\s*\([^)]+\)\s*\{)/),className:"title.function",starts:{contains:[{begin:/\(/,end:/\)/,contains:[{relevance:0,scope:"params",match:r}]}]}},c={relevance:0,match:t.either(...o),className:"operator"},d={className:"property",begin:t.concat(/\./,t.lookahead(r)),end:r,excludeBegin:!0,relevance:0},u={relevance:0,match:t.concat(/\b_/,r),scope:"variable"},p={relevance:0,match:/\b[A-Z]+[a-z]+([A-Z]+[a-z]+)*/,scope:"title.class",keywords:{_:["Bool","Class","Fiber","Fn","List","Map","Null","Num","Object","Range","Sequence","String","System"]}},_=e.C_NUMBER_MODE,m=e.COMMENT(/\/\*\*/,/\*\//,{contains:[{match:/@[a-z]+/,scope:"doctag"},"self"]}),g={scope:"subst",begin:/%\(/,end:/\)/,contains:[_,p,s,u,c]},f={scope:"string",begin:/"/,end:/"/,contains:[g,{scope:"char.escape",variants:[{match:/\\\\|\\["0%abefnrtv]/},{match:/\\x[0-9A-F]{2}/},{match:/\\u[0-9A-F]{4}/},{match:/\\U[0-9A-F]{8}/}]}]};g.contains.push(f);let E=[...n,...i,...a],b={relevance:0,match:t.concat("\\b(?!",E.join("|"),"\\b)",/[a-zA-Z_]\w*(?:[?!]|\b)/),className:"variable"};return{name:"Wren",keywords:{keyword:n,"variable.language":i,literal:a},contains:[{scope:"comment",variants:[{begin:[/#!?/,/[A-Za-z_]+(?=\()/],beginScope:{},keywords:{literal:a},contains:[],end:/\)/},{begin:[/#!?/,/[A-Za-z_]+/],beginScope:{},end:/$/}]},_,f,{className:"string",begin:/"""/,end:/"""/},m,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,p,{variants:[{match:[/class\s+/,r,/\s+is\s+/,r]},{match:[/class\s+/,r]}],scope:{2:"title.class",4:"title.class.inherited"},keywords:n},{match:[r,/\s*/,/=/,/\s*/,/\(/,r,/\)\s*\{/],scope:{1:"title.function",3:"operator",6:"params"}},l,s,c,u,d,b]}}},3042:function(e){e.exports=function(e){return{name:"Intel x86 Assembly",case_insensitive:!0,keywords:{$pattern:"[.%]?"+e.IDENT_RE,keyword:"lock rep repe repz repne repnz xaquire xrelease bnd nobnd aaa aad aam aas adc add and arpl bb0_reset bb1_reset bound bsf bsr bswap bt btc btr bts call cbw cdq cdqe clc cld cli clts cmc cmp cmpsb cmpsd cmpsq cmpsw cmpxchg cmpxchg486 cmpxchg8b cmpxchg16b cpuid cpu_read cpu_write cqo cwd cwde daa das dec div dmint emms enter equ f2xm1 fabs fadd faddp fbld fbstp fchs fclex fcmovb fcmovbe fcmove fcmovnb fcmovnbe fcmovne fcmovnu fcmovu fcom fcomi fcomip fcomp fcompp fcos fdecstp fdisi fdiv fdivp fdivr fdivrp femms feni ffree ffreep fiadd ficom ficomp fidiv fidivr fild fimul fincstp finit fist fistp fisttp fisub fisubr fld fld1 fldcw fldenv fldl2e fldl2t fldlg2 fldln2 fldpi fldz fmul fmulp fnclex fndisi fneni fninit fnop fnsave fnstcw fnstenv fnstsw fpatan fprem fprem1 fptan frndint frstor fsave fscale fsetpm fsin fsincos fsqrt fst fstcw fstenv fstp fstsw fsub fsubp fsubr fsubrp ftst fucom fucomi fucomip fucomp fucompp fxam fxch fxtract fyl2x fyl2xp1 hlt ibts icebp idiv imul in inc incbin insb insd insw int int01 int1 int03 int3 into invd invpcid invlpg invlpga iret iretd iretq iretw jcxz jecxz jrcxz jmp jmpe lahf lar lds lea leave les lfence lfs lgdt lgs lidt lldt lmsw loadall loadall286 lodsb lodsd lodsq lodsw loop loope loopne loopnz loopz lsl lss ltr mfence monitor mov movd movq movsb movsd movsq movsw movsx movsxd movzx mul mwait neg nop not or out outsb outsd outsw packssdw packsswb packuswb paddb paddd paddsb paddsiw paddsw paddusb paddusw paddw pand pandn pause paveb pavgusb pcmpeqb pcmpeqd pcmpeqw pcmpgtb pcmpgtd pcmpgtw pdistib pf2id pfacc pfadd pfcmpeq pfcmpge pfcmpgt pfmax pfmin pfmul pfrcp pfrcpit1 pfrcpit2 pfrsqit1 pfrsqrt pfsub pfsubr pi2fd pmachriw pmaddwd pmagw pmulhriw pmulhrwa pmulhrwc pmulhw pmullw pmvgezb pmvlzb pmvnzb pmvzb pop popa popad popaw popf popfd popfq popfw por prefetch prefetchw pslld psllq psllw psrad psraw psrld psrlq psrlw psubb psubd psubsb psubsiw psubsw psubusb psubusw psubw punpckhbw punpckhdq punpckhwd punpcklbw punpckldq punpcklwd push pusha pushad pushaw pushf pushfd pushfq pushfw pxor rcl rcr rdshr rdmsr rdpmc rdtsc rdtscp ret retf retn rol ror rdm rsdc rsldt rsm rsts sahf sal salc sar sbb scasb scasd scasq scasw sfence sgdt shl shld shr shrd sidt sldt skinit smi smint smintold smsw stc std sti stosb stosd stosq stosw str sub svdc svldt svts swapgs syscall sysenter sysexit sysret test ud0 ud1 ud2b ud2 ud2a umov verr verw fwait wbinvd wrshr wrmsr xadd xbts xchg xlatb xlat xor cmove cmovz cmovne cmovnz cmova cmovnbe cmovae cmovnb cmovb cmovnae cmovbe cmovna cmovg cmovnle cmovge cmovnl cmovl cmovnge cmovle cmovng cmovc cmovnc cmovo cmovno cmovs cmovns cmovp cmovpe cmovnp cmovpo je jz jne jnz ja jnbe jae jnb jb jnae jbe jna jg jnle jge jnl jl jnge jle jng jc jnc jo jno js jns jpo jnp jpe jp sete setz setne setnz seta setnbe setae setnb setnc setb setnae setcset setbe setna setg setnle setge setnl setl setnge setle setng sets setns seto setno setpe setp setpo setnp addps addss andnps andps cmpeqps cmpeqss cmpleps cmpless cmpltps cmpltss cmpneqps cmpneqss cmpnleps cmpnless cmpnltps cmpnltss cmpordps cmpordss cmpunordps cmpunordss cmpps cmpss comiss cvtpi2ps cvtps2pi cvtsi2ss cvtss2si cvttps2pi cvttss2si divps divss ldmxcsr maxps maxss minps minss movaps movhps movlhps movlps movhlps movmskps movntps movss movups mulps mulss orps rcpps rcpss rsqrtps rsqrtss shufps sqrtps sqrtss stmxcsr subps subss ucomiss unpckhps unpcklps xorps fxrstor fxrstor64 fxsave fxsave64 xgetbv xsetbv xsave xsave64 xsaveopt xsaveopt64 xrstor xrstor64 prefetchnta prefetcht0 prefetcht1 prefetcht2 maskmovq movntq pavgb pavgw pextrw pinsrw pmaxsw pmaxub pminsw pminub pmovmskb pmulhuw psadbw pshufw pf2iw pfnacc pfpnacc pi2fw pswapd maskmovdqu clflush movntdq movnti movntpd movdqa movdqu movdq2q movq2dq paddq pmuludq pshufd pshufhw pshuflw pslldq psrldq psubq punpckhqdq punpcklqdq addpd addsd andnpd andpd cmpeqpd cmpeqsd cmplepd cmplesd cmpltpd cmpltsd cmpneqpd cmpneqsd cmpnlepd cmpnlesd cmpnltpd cmpnltsd cmpordpd cmpordsd cmpunordpd cmpunordsd cmppd comisd cvtdq2pd cvtdq2ps cvtpd2dq cvtpd2pi cvtpd2ps cvtpi2pd cvtps2dq cvtps2pd cvtsd2si cvtsd2ss cvtsi2sd cvtss2sd cvttpd2pi cvttpd2dq cvttps2dq cvttsd2si divpd divsd maxpd maxsd minpd minsd movapd movhpd movlpd movmskpd movupd mulpd mulsd orpd shufpd sqrtpd sqrtsd subpd subsd ucomisd unpckhpd unpcklpd xorpd addsubpd addsubps haddpd haddps hsubpd hsubps lddqu movddup movshdup movsldup clgi stgi vmcall vmclear vmfunc vmlaunch vmload vmmcall vmptrld vmptrst vmread vmresume vmrun vmsave vmwrite vmxoff vmxon invept invvpid pabsb pabsw pabsd palignr phaddw phaddd phaddsw phsubw phsubd phsubsw pmaddubsw pmulhrsw pshufb psignb psignw psignd extrq insertq movntsd movntss lzcnt blendpd blendps blendvpd blendvps dppd dpps extractps insertps movntdqa mpsadbw packusdw pblendvb pblendw pcmpeqq pextrb pextrd pextrq phminposuw pinsrb pinsrd pinsrq pmaxsb pmaxsd pmaxud pmaxuw pminsb pminsd pminud pminuw pmovsxbw pmovsxbd pmovsxbq pmovsxwd pmovsxwq pmovsxdq pmovzxbw pmovzxbd pmovzxbq pmovzxwd pmovzxwq pmovzxdq pmuldq pmulld ptest roundpd roundps roundsd roundss crc32 pcmpestri pcmpestrm pcmpistri pcmpistrm pcmpgtq popcnt getsec pfrcpv pfrsqrtv movbe aesenc aesenclast aesdec aesdeclast aesimc aeskeygenassist vaesenc vaesenclast vaesdec vaesdeclast vaesimc vaeskeygenassist vaddpd vaddps vaddsd vaddss vaddsubpd vaddsubps vandpd vandps vandnpd vandnps vblendpd vblendps vblendvpd vblendvps vbroadcastss vbroadcastsd vbroadcastf128 vcmpeq_ospd vcmpeqpd vcmplt_ospd vcmpltpd vcmple_ospd vcmplepd vcmpunord_qpd vcmpunordpd vcmpneq_uqpd vcmpneqpd vcmpnlt_uspd vcmpnltpd vcmpnle_uspd vcmpnlepd vcmpord_qpd vcmpordpd vcmpeq_uqpd vcmpnge_uspd vcmpngepd vcmpngt_uspd vcmpngtpd vcmpfalse_oqpd vcmpfalsepd vcmpneq_oqpd vcmpge_ospd vcmpgepd vcmpgt_ospd vcmpgtpd vcmptrue_uqpd vcmptruepd vcmplt_oqpd vcmple_oqpd vcmpunord_spd vcmpneq_uspd vcmpnlt_uqpd vcmpnle_uqpd vcmpord_spd vcmpeq_uspd vcmpnge_uqpd vcmpngt_uqpd vcmpfalse_ospd vcmpneq_ospd vcmpge_oqpd vcmpgt_oqpd vcmptrue_uspd vcmppd vcmpeq_osps vcmpeqps vcmplt_osps vcmpltps vcmple_osps vcmpleps vcmpunord_qps vcmpunordps vcmpneq_uqps vcmpneqps vcmpnlt_usps vcmpnltps vcmpnle_usps vcmpnleps vcmpord_qps vcmpordps vcmpeq_uqps vcmpnge_usps vcmpngeps vcmpngt_usps vcmpngtps vcmpfalse_oqps vcmpfalseps vcmpneq_oqps vcmpge_osps vcmpgeps vcmpgt_osps vcmpgtps vcmptrue_uqps vcmptrueps vcmplt_oqps vcmple_oqps vcmpunord_sps vcmpneq_usps vcmpnlt_uqps vcmpnle_uqps vcmpord_sps vcmpeq_usps vcmpnge_uqps vcmpngt_uqps vcmpfalse_osps vcmpneq_osps vcmpge_oqps vcmpgt_oqps vcmptrue_usps vcmpps vcmpeq_ossd vcmpeqsd vcmplt_ossd vcmpltsd vcmple_ossd vcmplesd vcmpunord_qsd vcmpunordsd vcmpneq_uqsd vcmpneqsd vcmpnlt_ussd vcmpnltsd vcmpnle_ussd vcmpnlesd vcmpord_qsd vcmpordsd vcmpeq_uqsd vcmpnge_ussd vcmpngesd vcmpngt_ussd vcmpngtsd vcmpfalse_oqsd vcmpfalsesd vcmpneq_oqsd vcmpge_ossd vcmpgesd vcmpgt_ossd vcmpgtsd vcmptrue_uqsd vcmptruesd vcmplt_oqsd vcmple_oqsd vcmpunord_ssd vcmpneq_ussd vcmpnlt_uqsd vcmpnle_uqsd vcmpord_ssd vcmpeq_ussd vcmpnge_uqsd vcmpngt_uqsd vcmpfalse_ossd vcmpneq_ossd vcmpge_oqsd vcmpgt_oqsd vcmptrue_ussd vcmpsd vcmpeq_osss vcmpeqss vcmplt_osss vcmpltss vcmple_osss vcmpless vcmpunord_qss vcmpunordss vcmpneq_uqss vcmpneqss vcmpnlt_usss vcmpnltss vcmpnle_usss vcmpnless vcmpord_qss vcmpordss vcmpeq_uqss vcmpnge_usss vcmpngess vcmpngt_usss vcmpngtss vcmpfalse_oqss vcmpfalsess vcmpneq_oqss vcmpge_osss vcmpgess vcmpgt_osss vcmpgtss vcmptrue_uqss vcmptruess vcmplt_oqss vcmple_oqss vcmpunord_sss vcmpneq_usss vcmpnlt_uqss vcmpnle_uqss vcmpord_sss vcmpeq_usss vcmpnge_uqss vcmpngt_uqss vcmpfalse_osss vcmpneq_osss vcmpge_oqss vcmpgt_oqss vcmptrue_usss vcmpss vcomisd vcomiss vcvtdq2pd vcvtdq2ps vcvtpd2dq vcvtpd2ps vcvtps2dq vcvtps2pd vcvtsd2si vcvtsd2ss vcvtsi2sd vcvtsi2ss vcvtss2sd vcvtss2si vcvttpd2dq vcvttps2dq vcvttsd2si vcvttss2si vdivpd vdivps vdivsd vdivss vdppd vdpps vextractf128 vextractps vhaddpd vhaddps vhsubpd vhsubps vinsertf128 vinsertps vlddqu vldqqu vldmxcsr vmaskmovdqu vmaskmovps vmaskmovpd vmaxpd vmaxps vmaxsd vmaxss vminpd vminps vminsd vminss vmovapd vmovaps vmovd vmovq vmovddup vmovdqa vmovqqa vmovdqu vmovqqu vmovhlps vmovhpd vmovhps vmovlhps vmovlpd vmovlps vmovmskpd vmovmskps vmovntdq vmovntqq vmovntdqa vmovntpd vmovntps vmovsd vmovshdup vmovsldup vmovss vmovupd vmovups vmpsadbw vmulpd vmulps vmulsd vmulss vorpd vorps vpabsb vpabsw vpabsd vpacksswb vpackssdw vpackuswb vpackusdw vpaddb vpaddw vpaddd vpaddq vpaddsb vpaddsw vpaddusb vpaddusw vpalignr vpand vpandn vpavgb vpavgw vpblendvb vpblendw vpcmpestri vpcmpestrm vpcmpistri vpcmpistrm vpcmpeqb vpcmpeqw vpcmpeqd vpcmpeqq vpcmpgtb vpcmpgtw vpcmpgtd vpcmpgtq vpermilpd vpermilps vperm2f128 vpextrb vpextrw vpextrd vpextrq vphaddw vphaddd vphaddsw vphminposuw vphsubw vphsubd vphsubsw vpinsrb vpinsrw vpinsrd vpinsrq vpmaddwd vpmaddubsw vpmaxsb vpmaxsw vpmaxsd vpmaxub vpmaxuw vpmaxud vpminsb vpminsw vpminsd vpminub vpminuw vpminud vpmovmskb vpmovsxbw vpmovsxbd vpmovsxbq vpmovsxwd vpmovsxwq vpmovsxdq vpmovzxbw vpmovzxbd vpmovzxbq vpmovzxwd vpmovzxwq vpmovzxdq vpmulhuw vpmulhrsw vpmulhw vpmullw vpmulld vpmuludq vpmuldq vpor vpsadbw vpshufb vpshufd vpshufhw vpshuflw vpsignb vpsignw vpsignd vpslldq vpsrldq vpsllw vpslld vpsllq vpsraw vpsrad vpsrlw vpsrld vpsrlq vptest vpsubb vpsubw vpsubd vpsubq vpsubsb vpsubsw vpsubusb vpsubusw vpunpckhbw vpunpckhwd vpunpckhdq vpunpckhqdq vpunpcklbw vpunpcklwd vpunpckldq vpunpcklqdq vpxor vrcpps vrcpss vrsqrtps vrsqrtss vroundpd vroundps vroundsd vroundss vshufpd vshufps vsqrtpd vsqrtps vsqrtsd vsqrtss vstmxcsr vsubpd vsubps vsubsd vsubss vtestps vtestpd vucomisd vucomiss vunpckhpd vunpckhps vunpcklpd vunpcklps vxorpd vxorps vzeroall vzeroupper pclmullqlqdq pclmulhqlqdq pclmullqhqdq pclmulhqhqdq pclmulqdq vpclmullqlqdq vpclmulhqlqdq vpclmullqhqdq vpclmulhqhqdq vpclmulqdq vfmadd132ps vfmadd132pd vfmadd312ps vfmadd312pd vfmadd213ps vfmadd213pd vfmadd123ps vfmadd123pd vfmadd231ps vfmadd231pd vfmadd321ps vfmadd321pd vfmaddsub132ps vfmaddsub132pd vfmaddsub312ps vfmaddsub312pd vfmaddsub213ps vfmaddsub213pd vfmaddsub123ps vfmaddsub123pd vfmaddsub231ps vfmaddsub231pd vfmaddsub321ps vfmaddsub321pd vfmsub132ps vfmsub132pd vfmsub312ps vfmsub312pd vfmsub213ps vfmsub213pd vfmsub123ps vfmsub123pd vfmsub231ps vfmsub231pd vfmsub321ps vfmsub321pd vfmsubadd132ps vfmsubadd132pd vfmsubadd312ps vfmsubadd312pd vfmsubadd213ps vfmsubadd213pd vfmsubadd123ps vfmsubadd123pd vfmsubadd231ps vfmsubadd231pd vfmsubadd321ps vfmsubadd321pd vfnmadd132ps vfnmadd132pd vfnmadd312ps vfnmadd312pd vfnmadd213ps vfnmadd213pd vfnmadd123ps vfnmadd123pd vfnmadd231ps vfnmadd231pd vfnmadd321ps vfnmadd321pd vfnmsub132ps vfnmsub132pd vfnmsub312ps vfnmsub312pd vfnmsub213ps vfnmsub213pd vfnmsub123ps vfnmsub123pd vfnmsub231ps vfnmsub231pd vfnmsub321ps vfnmsub321pd vfmadd132ss vfmadd132sd vfmadd312ss vfmadd312sd vfmadd213ss vfmadd213sd vfmadd123ss vfmadd123sd vfmadd231ss vfmadd231sd vfmadd321ss vfmadd321sd vfmsub132ss vfmsub132sd vfmsub312ss vfmsub312sd vfmsub213ss vfmsub213sd vfmsub123ss vfmsub123sd vfmsub231ss vfmsub231sd vfmsub321ss vfmsub321sd vfnmadd132ss vfnmadd132sd vfnmadd312ss vfnmadd312sd vfnmadd213ss vfnmadd213sd vfnmadd123ss vfnmadd123sd vfnmadd231ss vfnmadd231sd vfnmadd321ss vfnmadd321sd vfnmsub132ss vfnmsub132sd vfnmsub312ss vfnmsub312sd vfnmsub213ss vfnmsub213sd vfnmsub123ss vfnmsub123sd vfnmsub231ss vfnmsub231sd vfnmsub321ss vfnmsub321sd rdfsbase rdgsbase rdrand wrfsbase wrgsbase vcvtph2ps vcvtps2ph adcx adox rdseed clac stac xstore xcryptecb xcryptcbc xcryptctr xcryptcfb xcryptofb montmul xsha1 xsha256 llwpcb slwpcb lwpval lwpins vfmaddpd vfmaddps vfmaddsd vfmaddss vfmaddsubpd vfmaddsubps vfmsubaddpd vfmsubaddps vfmsubpd vfmsubps vfmsubsd vfmsubss vfnmaddpd vfnmaddps vfnmaddsd vfnmaddss vfnmsubpd vfnmsubps vfnmsubsd vfnmsubss vfrczpd vfrczps vfrczsd vfrczss vpcmov vpcomb vpcomd vpcomq vpcomub vpcomud vpcomuq vpcomuw vpcomw vphaddbd vphaddbq vphaddbw vphadddq vphaddubd vphaddubq vphaddubw vphaddudq vphadduwd vphadduwq vphaddwd vphaddwq vphsubbw vphsubdq vphsubwd vpmacsdd vpmacsdqh vpmacsdql vpmacssdd vpmacssdqh vpmacssdql vpmacsswd vpmacssww vpmacswd vpmacsww vpmadcsswd vpmadcswd vpperm vprotb vprotd vprotq vprotw vpshab vpshad vpshaq vpshaw vpshlb vpshld vpshlq vpshlw vbroadcasti128 vpblendd vpbroadcastb vpbroadcastw vpbroadcastd vpbroadcastq vpermd vpermpd vpermps vpermq vperm2i128 vextracti128 vinserti128 vpmaskmovd vpmaskmovq vpsllvd vpsllvq vpsravd vpsrlvd vpsrlvq vgatherdpd vgatherqpd vgatherdps vgatherqps vpgatherdd vpgatherqd vpgatherdq vpgatherqq xabort xbegin xend xtest andn bextr blci blcic blsi blsic blcfill blsfill blcmsk blsmsk blsr blcs bzhi mulx pdep pext rorx sarx shlx shrx tzcnt tzmsk t1mskc valignd valignq vblendmpd vblendmps vbroadcastf32x4 vbroadcastf64x4 vbroadcasti32x4 vbroadcasti64x4 vcompresspd vcompressps vcvtpd2udq vcvtps2udq vcvtsd2usi vcvtss2usi vcvttpd2udq vcvttps2udq vcvttsd2usi vcvttss2usi vcvtudq2pd vcvtudq2ps vcvtusi2sd vcvtusi2ss vexpandpd vexpandps vextractf32x4 vextractf64x4 vextracti32x4 vextracti64x4 vfixupimmpd vfixupimmps vfixupimmsd vfixupimmss vgetexppd vgetexpps vgetexpsd vgetexpss vgetmantpd vgetmantps vgetmantsd vgetmantss vinsertf32x4 vinsertf64x4 vinserti32x4 vinserti64x4 vmovdqa32 vmovdqa64 vmovdqu32 vmovdqu64 vpabsq vpandd vpandnd vpandnq vpandq vpblendmd vpblendmq vpcmpltd vpcmpled vpcmpneqd vpcmpnltd vpcmpnled vpcmpd vpcmpltq vpcmpleq vpcmpneqq vpcmpnltq vpcmpnleq vpcmpq vpcmpequd vpcmpltud vpcmpleud vpcmpnequd vpcmpnltud vpcmpnleud vpcmpud vpcmpequq vpcmpltuq vpcmpleuq vpcmpnequq vpcmpnltuq vpcmpnleuq vpcmpuq vpcompressd vpcompressq vpermi2d vpermi2pd vpermi2ps vpermi2q vpermt2d vpermt2pd vpermt2ps vpermt2q vpexpandd vpexpandq vpmaxsq vpmaxuq vpminsq vpminuq vpmovdb vpmovdw vpmovqb vpmovqd vpmovqw vpmovsdb vpmovsdw vpmovsqb vpmovsqd vpmovsqw vpmovusdb vpmovusdw vpmovusqb vpmovusqd vpmovusqw vpord vporq vprold vprolq vprolvd vprolvq vprord vprorq vprorvd vprorvq vpscatterdd vpscatterdq vpscatterqd vpscatterqq vpsraq vpsravq vpternlogd vpternlogq vptestmd vptestmq vptestnmd vptestnmq vpxord vpxorq vrcp14pd vrcp14ps vrcp14sd vrcp14ss vrndscalepd vrndscaleps vrndscalesd vrndscaless vrsqrt14pd vrsqrt14ps vrsqrt14sd vrsqrt14ss vscalefpd vscalefps vscalefsd vscalefss vscatterdpd vscatterdps vscatterqpd vscatterqps vshuff32x4 vshuff64x2 vshufi32x4 vshufi64x2 kandnw kandw kmovw knotw kortestw korw kshiftlw kshiftrw kunpckbw kxnorw kxorw vpbroadcastmb2q vpbroadcastmw2d vpconflictd vpconflictq vplzcntd vplzcntq vexp2pd vexp2ps vrcp28pd vrcp28ps vrcp28sd vrcp28ss vrsqrt28pd vrsqrt28ps vrsqrt28sd vrsqrt28ss vgatherpf0dpd vgatherpf0dps vgatherpf0qpd vgatherpf0qps vgatherpf1dpd vgatherpf1dps vgatherpf1qpd vgatherpf1qps vscatterpf0dpd vscatterpf0dps vscatterpf0qpd vscatterpf0qps vscatterpf1dpd vscatterpf1dps vscatterpf1qpd vscatterpf1qps prefetchwt1 bndmk bndcl bndcu bndcn bndmov bndldx bndstx sha1rnds4 sha1nexte sha1msg1 sha1msg2 sha256rnds2 sha256msg1 sha256msg2 hint_nop0 hint_nop1 hint_nop2 hint_nop3 hint_nop4 hint_nop5 hint_nop6 hint_nop7 hint_nop8 hint_nop9 hint_nop10 hint_nop11 hint_nop12 hint_nop13 hint_nop14 hint_nop15 hint_nop16 hint_nop17 hint_nop18 hint_nop19 hint_nop20 hint_nop21 hint_nop22 hint_nop23 hint_nop24 hint_nop25 hint_nop26 hint_nop27 hint_nop28 hint_nop29 hint_nop30 hint_nop31 hint_nop32 hint_nop33 hint_nop34 hint_nop35 hint_nop36 hint_nop37 hint_nop38 hint_nop39 hint_nop40 hint_nop41 hint_nop42 hint_nop43 hint_nop44 hint_nop45 hint_nop46 hint_nop47 hint_nop48 hint_nop49 hint_nop50 hint_nop51 hint_nop52 hint_nop53 hint_nop54 hint_nop55 hint_nop56 hint_nop57 hint_nop58 hint_nop59 hint_nop60 hint_nop61 hint_nop62 hint_nop63",built_in:"ip eip rip al ah bl bh cl ch dl dh sil dil bpl spl r8b r9b r10b r11b r12b r13b r14b r15b ax bx cx dx si di bp sp r8w r9w r10w r11w r12w r13w r14w r15w eax ebx ecx edx esi edi ebp esp eip r8d r9d r10d r11d r12d r13d r14d r15d rax rbx rcx rdx rsi rdi rbp rsp r8 r9 r10 r11 r12 r13 r14 r15 cs ds es fs gs ss st st0 st1 st2 st3 st4 st5 st6 st7 mm0 mm1 mm2 mm3 mm4 mm5 mm6 mm7 xmm0 xmm1 xmm2 xmm3 xmm4 xmm5 xmm6 xmm7 xmm8 xmm9 xmm10 xmm11 xmm12 xmm13 xmm14 xmm15 xmm16 xmm17 xmm18 xmm19 xmm20 xmm21 xmm22 xmm23 xmm24 xmm25 xmm26 xmm27 xmm28 xmm29 xmm30 xmm31 ymm0 ymm1 ymm2 ymm3 ymm4 ymm5 ymm6 ymm7 ymm8 ymm9 ymm10 ymm11 ymm12 ymm13 ymm14 ymm15 ymm16 ymm17 ymm18 ymm19 ymm20 ymm21 ymm22 ymm23 ymm24 ymm25 ymm26 ymm27 ymm28 ymm29 ymm30 ymm31 zmm0 zmm1 zmm2 zmm3 zmm4 zmm5 zmm6 zmm7 zmm8 zmm9 zmm10 zmm11 zmm12 zmm13 zmm14 zmm15 zmm16 zmm17 zmm18 zmm19 zmm20 zmm21 zmm22 zmm23 zmm24 zmm25 zmm26 zmm27 zmm28 zmm29 zmm30 zmm31 k0 k1 k2 k3 k4 k5 k6 k7 bnd0 bnd1 bnd2 bnd3 cr0 cr1 cr2 cr3 cr4 cr8 dr0 dr1 dr2 dr3 dr8 tr3 tr4 tr5 tr6 tr7 r0 r1 r2 r3 r4 r5 r6 r7 r0b r1b r2b r3b r4b r5b r6b r7b r0w r1w r2w r3w r4w r5w r6w r7w r0d r1d r2d r3d r4d r5d r6d r7d r0h r1h r2h r3h r0l r1l r2l r3l r4l r5l r6l r7l r8l r9l r10l r11l r12l r13l r14l r15l db dw dd dq dt ddq do dy dz resb resw resd resq rest resdq reso resy resz incbin equ times byte word dword qword nosplit rel abs seg wrt strict near far a32 ptr",meta:"%define %xdefine %+ %undef %defstr %deftok %assign %strcat %strlen %substr %rotate %elif %else %endif %if %ifmacro %ifctx %ifidn %ifidni %ifid %ifnum %ifstr %iftoken %ifempty %ifenv %error %warning %fatal %rep %endrep %include %push %pop %repl %pathsearch %depend %use %arg %stacksize %local %line %comment %endcomment .nolist __FILE__ __LINE__ __SECT__ __BITS__ __OUTPUT_FORMAT__ __DATE__ __TIME__ __DATE_NUM__ __TIME_NUM__ __UTC_DATE__ __UTC_TIME__ __UTC_DATE_NUM__ __UTC_TIME_NUM__ __PASS__ struc endstruc istruc at iend align alignb sectalign daz nodaz up down zero default option assume public bits use16 use32 use64 default section segment absolute extern global common cpu float __utf16__ __utf16le__ __utf16be__ __utf32__ __utf32le__ __utf32be__ __float8__ __float16__ __float32__ __float64__ __float80m__ __float80e__ __float128l__ __float128h__ __Infinity__ __QNaN__ __SNaN__ Inf NaN QNaN SNaN float8 float16 float32 float64 float80m float80e float128l float128h __FLOAT_DAZ__ __FLOAT_ROUND__ __FLOAT__"},contains:[e.COMMENT(";","$",{relevance:0}),{className:"number",variants:[{begin:"\\b(?:([0-9][0-9_]*)?\\.[0-9_]*(?:[eE][+-]?[0-9_]+)?|(0[Xx])?[0-9][0-9_]*(\\.[0-9_]*)?(?:[pP](?:[+-]?[0-9_]+)?)?)\\b",relevance:0},{begin:"\\$[0-9][0-9A-Fa-f]*",relevance:0},{begin:"\\b(?:[0-9A-Fa-f][0-9A-Fa-f_]*[Hh]|[0-9][0-9_]*[DdTt]?|[0-7][0-7_]*[QqOo]|[0-1][0-1_]*[BbYy])\\b"},{begin:"\\b(?:0[Xx][0-9A-Fa-f_]+|0[DdTt][0-9_]+|0[QqOo][0-7_]+|0[BbYy][0-1_]+)\\b"}]},e.QUOTE_STRING_MODE,{className:"string",variants:[{begin:"'",end:"[^\\\\]'"},{begin:"`",end:"[^\\\\]`"}],relevance:0},{className:"symbol",variants:[{begin:"^\\s*[A-Za-z._?][A-Za-z0-9_$#@~.?]*(:|\\s+label)"},{begin:"^\\s*%%[A-Za-z0-9_$#@~.?]*:"}],relevance:0},{className:"subst",begin:"%[0-9]+",relevance:0},{className:"subst",begin:"%!S+",relevance:0},{className:"meta",begin:/^\s*\.[\w_-]+/}]}}},64288:function(e){e.exports=function(e){let t={$pattern:/[a-zA-Z][a-zA-Z0-9_?]*/,keyword:["if","then","else","do","while","until","for","loop","import","with","is","as","where","when","by","data","constant","integer","real","text","name","boolean","symbol","infix","prefix","postfix","block","tree"],literal:["true","false","nil"],built_in:["in","mod","rem","and","or","xor","not","abs","sign","floor","ceil","sqrt","sin","cos","tan","asin","acos","atan","exp","expm1","log","log2","log10","log1p","pi","at","text_length","text_range","text_find","text_replace","contains","page","slide","basic_slide","title_slide","title","subtitle","fade_in","fade_out","fade_at","clear_color","color","line_color","line_width","texture_wrap","texture_transform","texture","scale_?x","scale_?y","scale_?z?","translate_?x","translate_?y","translate_?z?","rotate_?x","rotate_?y","rotate_?z?","rectangle","circle","ellipse","sphere","path","line_to","move_to","quad_to","curve_to","theme","background","contents","locally","time","mouse_?x","mouse_?y","mouse_buttons"].concat(["ObjectLoader","Animate","MovieCredits","Slides","Filters","Shading","Materials","LensFlare","Mapping","VLCAudioVideo","StereoDecoder","PointCloud","NetworkAccess","RemoteControl","RegExp","ChromaKey","Snowfall","NodeJS","Speech","Charts"])},r={className:"string",begin:'"',end:'"',illegal:"\\n"},n={className:"function",begin:/[a-z][^\n]*->/,returnBegin:!0,end:/->/,contains:[e.inherit(e.TITLE_MODE,{starts:{endsWithParent:!0,keywords:t}})]};return{name:"XL",aliases:["tao"],keywords:t,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,r,{className:"string",begin:"'",end:"'",illegal:"\\n"},{className:"string",begin:"<<",end:">>"},n,{beginKeywords:"import",end:"$",keywords:t,contains:[r]},{className:"number",begin:"[0-9]+#[0-9A-Z_]+(\\.[0-9-A-Z_]+)?#?([Ee][+-]?[0-9]+)?"},e.NUMBER_MODE]}}},95313:function(e){e.exports=function(e){let t=e.regex,r=t.concat(/[\p{L}_]/u,t.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),n={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},a={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},i=e.inherit(a,{begin:/\(/,end:/\)/}),o=e.inherit(e.APOS_STRING_MODE,{className:"string"}),s=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),l={endsWithParent:!0,illegal:/`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin://,relevance:10,contains:[a,s,o,i,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin://,contains:[a,i,s,o]}]}]},e.COMMENT(//,{relevance:10}),{begin://,relevance:10},n,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[s]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/)/,end:/>/,keywords:{name:"style"},contains:[l],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/)/,end:/>/,keywords:{name:"script"},contains:[l],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:t.concat(//,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:r,relevance:0,starts:l}]},{className:"tag",begin:t.concat(/<\//,t.lookahead(t.concat(r,/>/))),contains:[{className:"name",begin:r,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}},55291:function(e){e.exports=function(e){return{name:"XQuery",aliases:["xpath","xq"],case_insensitive:!1,illegal:/(proc)|(abstract)|(extends)|(until)|(#)/,keywords:{$pattern:/[a-zA-Z$][a-zA-Z0-9_:-]*/,keyword:["module","schema","namespace","boundary-space","preserve","no-preserve","strip","default","collation","base-uri","ordering","context","decimal-format","decimal-separator","copy-namespaces","empty-sequence","except","exponent-separator","external","grouping-separator","inherit","no-inherit","lax","minus-sign","per-mille","percent","schema-attribute","schema-element","strict","unordered","zero-digit","declare","import","option","function","validate","variable","for","at","in","let","where","order","group","by","return","if","then","else","tumbling","sliding","window","start","when","only","end","previous","next","stable","ascending","descending","allowing","empty","greatest","least","some","every","satisfies","switch","case","typeswitch","try","catch","and","or","to","union","intersect","instance","of","treat","as","castable","cast","map","array","delete","insert","into","replace","value","rename","copy","modify","update"],type:["item","document-node","node","attribute","document","element","comment","namespace","namespace-node","processing-instruction","text","construction","xs:anyAtomicType","xs:untypedAtomic","xs:duration","xs:time","xs:decimal","xs:float","xs:double","xs:gYearMonth","xs:gYear","xs:gMonthDay","xs:gMonth","xs:gDay","xs:boolean","xs:base64Binary","xs:hexBinary","xs:anyURI","xs:QName","xs:NOTATION","xs:dateTime","xs:dateTimeStamp","xs:date","xs:string","xs:normalizedString","xs:token","xs:language","xs:NMTOKEN","xs:Name","xs:NCName","xs:ID","xs:IDREF","xs:ENTITY","xs:integer","xs:nonPositiveInteger","xs:negativeInteger","xs:long","xs:int","xs:short","xs:byte","xs:nonNegativeInteger","xs:unisignedLong","xs:unsignedInt","xs:unsignedShort","xs:unsignedByte","xs:positiveInteger","xs:yearMonthDuration","xs:dayTimeDuration"],literal:["eq","ne","lt","le","gt","ge","is","self::","child::","descendant::","descendant-or-self::","attribute::","following::","following-sibling::","parent::","ancestor::","ancestor-or-self::","preceding::","preceding-sibling::","NaN"]},contains:[{className:"variable",begin:/[$][\w\-:]+/},{className:"built_in",variants:[{begin:/\barray:/,end:/(?:append|filter|flatten|fold-(?:left|right)|for-each(?:-pair)?|get|head|insert-before|join|put|remove|reverse|size|sort|subarray|tail)\b/},{begin:/\bmap:/,end:/(?:contains|entry|find|for-each|get|keys|merge|put|remove|size)\b/},{begin:/\bmath:/,end:/(?:a(?:cos|sin|tan[2]?)|cos|exp(?:10)?|log(?:10)?|pi|pow|sin|sqrt|tan)\b/},{begin:/\bop:/,end:/\(/,excludeEnd:!0},{begin:/\bfn:/,end:/\(/,excludeEnd:!0},{begin:/[^/,end:/(\/[\w._:-]+>)/,subLanguage:"xml",contains:[{begin:/\{/,end:/\}/,subLanguage:"xquery"},"self"]}]}}},8425:function(e){e.exports=function(e){let t="true false yes no null",r="[\\w#;/?:@&=+$,.~*'()[\\]]+",n={className:"string",relevance:0,variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/\S+/}],contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",variants:[{begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},a=e.inherit(n,{variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/[^\s,{}[\]]+/}]}),i={end:",",endsWithParent:!0,excludeEnd:!0,keywords:t,relevance:0},o=[{className:"attr",variants:[{begin:"\\w[\\w :\\/.-]*:(?=[ ]|$)"},{begin:'"\\w[\\w :\\/.-]*":(?=[ ]|$)'},{begin:"'\\w[\\w :\\/.-]*':(?=[ ]|$)"}]},{className:"meta",begin:"^---\\s*$",relevance:10},{className:"string",begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:"!\\w+!"+r},{className:"type",begin:"!<"+r+">"},{className:"type",begin:"!"+r},{className:"type",begin:"!!"+r},{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:t,keywords:{literal:t}},{className:"number",begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"},{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},{begin:/\{/,end:/\}/,contains:[i],illegal:"\\n",relevance:0},{begin:"\\[",end:"\\]",contains:[i],illegal:"\\n",relevance:0},n],s=[...o];return s.pop(),s.push(a),i.contains=s,{name:"YAML",case_insensitive:!0,aliases:["yml"],contains:o}}},34730:function(e){e.exports=function(e){let t={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[e.inherit(e.APOS_STRING_MODE,{illegal:null}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null})]},r=e.UNDERSCORE_TITLE_MODE,n={variants:[e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE]},a="namespace class interface use extends function return abstract final public protected private static deprecated throw try catch Exception echo empty isset instanceof unset let var new const self require if else elseif switch case default do while loop for continue break likely unlikely __LINE__ __FILE__ __DIR__ __FUNCTION__ __CLASS__ __TRAIT__ __METHOD__ __NAMESPACE__ array boolean float double integer object resource string char long unsigned bool int uint ulong uchar true false null undefined";return{name:"Zephir",aliases:["zep"],keywords:a,contains:[e.C_LINE_COMMENT_MODE,e.COMMENT(/\/\*/,/\*\//,{contains:[{className:"doctag",begin:/@[A-Za-z]+/}]}),{className:"string",begin:/<<<['"]?\w+['"]?$/,end:/^\w+;/,contains:[e.BACKSLASH_ESCAPE]},{begin:/(::|->)+[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/},{className:"function",beginKeywords:"function fn",end:/[;{]/,excludeEnd:!0,illegal:/\$|\[|%/,contains:[r,{className:"params",begin:/\(/,end:/\)/,keywords:a,contains:["self",e.C_BLOCK_COMMENT_MODE,t,n]}]},{className:"class",beginKeywords:"class interface",end:/\{/,excludeEnd:!0,illegal:/[:($"]/,contains:[{beginKeywords:"extends implements"},r]},{beginKeywords:"namespace",end:/;/,illegal:/[.']/,contains:[r]},{beginKeywords:"use",end:/;/,contains:[r]},{begin:/=>/},t,n]}}},11151:function(e,t,r){"use strict";r.d(t,{Zo:function(){return s},ah:function(){return i}});var n=r(67294);let a=n.createContext({});function i(e){let t=n.useContext(a);return n.useMemo(()=>"function"==typeof e?e(t):{...t,...e},[t,e])}let o={};function s({components:e,children:t,disableParentContext:r}){let s;return s=r?"function"==typeof e?e({}):e||o:i(e),n.createElement(a.Provider,{value:s},t)}},90512:function(e,t,r){"use strict";t.Z=function(){for(var e,t,r=0,n="";r{let{placement:n="bottom",strategy:a="absolute",middleware:i=[],platform:o}=r,l=i.filter(Boolean),c=await (null==o.isRTL?void 0:o.isRTL(t)),d=await o.getElementRects({reference:e,floating:t,strategy:a}),{x:u,y:p}=s(d,n,c),_=n,m={},g=0;for(let r=0;r({name:"arrow",options:e,async fn(t){let{x:r,y:i,placement:s,rects:l,platform:u,elements:p}=t,{element:g,padding:f=0}=c(e,t)||{};if(null==g)return{};let E=d(f),b={x:r,y:i},S=o(s),h=a(S),v=await u.getDimensions(g),y="y"===S,T=y?"clientHeight":"clientWidth",O=l.reference[h]+l.reference[S]-b[S]-l.floating[h],C=b[S]-l.reference[S],N=await (null==u.getOffsetParent?void 0:u.getOffsetParent(g)),R=N?N[T]:0;R&&await (null==u.isElement?void 0:u.isElement(N))||(R=p.floating[T]||l.floating[h]);let I=R/2-v[h]/2-1,A=_(E[y?"top":"left"],I),x=_(E[y?"bottom":"right"],I),w=R-v[h]-x,D=R/2-v[h]/2+(O/2-C/2),M=m(A,_(D,w)),P=null!=n(s)&&D!=M&&l.reference[h]/2-(De.concat(t,t+"-start",t+"-end"),[]),{left:"right",right:"left",bottom:"top",top:"bottom"});function E(e){return e.replace(/left|right|bottom|top/g,e=>f[e])}let b={start:"end",end:"start"};function S(e){return e.replace(/start|end/g,e=>b[e])}let h=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var r,s,l,d;let{placement:u,middlewareData:_,rects:m,initialPlacement:g,platform:f,elements:b}=t,{mainAxis:h=!0,crossAxis:v=!0,fallbackPlacements:y,fallbackStrategy:T="bestFit",fallbackAxisSideDirection:O="none",flipAlignment:C=!0,...N}=c(e,t),R=i(u),I=i(g)===g,A=await (null==f.isRTL?void 0:f.isRTL(b.floating)),x=y||(I||!C?[E(g)]:function(e){let t=E(e);return[S(e),t,S(t)]}(g));y||"none"===O||x.push(...function(e,t,r,a){let o=n(e),s=function(e,t,r){let n=["left","right"],a=["right","left"];switch(e){case"top":case"bottom":return r?t?a:n:t?n:a;case"left":case"right":return t?["top","bottom"]:["bottom","top"];default:return[]}}(i(e),"start"===r,a);return o&&(s=s.map(e=>e+"-"+o),t&&(s=s.concat(s.map(S)))),s}(g,C,O,A));let w=[g,...x],D=await p(t,N),M=[],P=(null==(r=_.flip)?void 0:r.overflows)||[];if(h&&M.push(D[R]),v){let{main:e,cross:t}=function(e,t,r){void 0===r&&(r=!1);let i=n(e),s=o(e),l=a(s),c="x"===s?i===(r?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[l]>t.floating[l]&&(c=E(c)),{main:c,cross:E(c)}}(u,m,A);M.push(D[e],D[t])}if(P=[...P,{placement:u,overflows:M}],!M.every(e=>e<=0)){let e=((null==(s=_.flip)?void 0:s.index)||0)+1,t=w[e];if(t)return{data:{index:e,overflows:P},reset:{placement:t}};let r=null==(l=P.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:l.placement;if(!r)switch(T){case"bestFit":{let e=null==(d=P.map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:d[0];e&&(r=e);break}case"initialPlacement":r=g}if(u!==r)return{reset:{placement:r}}}return{}}}};function v(e){let t=_(...e.map(e=>e.left)),r=_(...e.map(e=>e.top));return{x:t,y:r,width:m(...e.map(e=>e.right))-t,height:m(...e.map(e=>e.bottom))-r}}let y=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){let{placement:r,elements:n,rects:a,platform:s,strategy:l}=t,{padding:p=2,x:g,y:f}=c(e,t),E=Array.from(await (null==s.getClientRects?void 0:s.getClientRects(n.reference))||[]),b=function(e){let t=e.slice().sort((e,t)=>e.y-t.y),r=[],n=null;for(let e=0;en.height/2?r.push([a]):r[r.length-1].push(a),n=a}return r.map(e=>u(v(e)))}(E),S=u(v(E)),h=d(p),y=await s.getElementRects({reference:{getBoundingClientRect:function(){if(2===b.length&&b[0].left>b[1].right&&null!=g&&null!=f)return b.find(e=>g>e.left-h.left&&ge.top-h.top&&f=2){if("x"===o(r)){let e=b[0],t=b[b.length-1],n="top"===i(r),a=e.top,o=t.bottom,s=n?e.left:t.left,l=n?e.right:t.right;return{top:a,bottom:o,left:s,right:l,width:l-s,height:o-a,x:s,y:a}}let e="left"===i(r),t=m(...b.map(e=>e.right)),n=_(...b.map(e=>e.left)),a=b.filter(r=>e?r.left===n:r.right===t),s=a[0].top,l=a[a.length-1].bottom;return{top:s,bottom:l,left:n,right:t,width:t-n,height:l-s,x:n,y:s}}return S}},floating:n.floating,strategy:l});return a.reference.x!==y.reference.x||a.reference.y!==y.reference.y||a.reference.width!==y.reference.width||a.reference.height!==y.reference.height?{reset:{rects:y}}:{}}}},T=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){let{x:r,y:a}=t,s=await async function(e,t){let{placement:r,platform:a,elements:s}=e,l=await (null==a.isRTL?void 0:a.isRTL(s.floating)),d=i(r),u=n(r),p="x"===o(r),_=["left","top"].includes(d)?-1:1,m=l&&p?-1:1,g=c(t,e),{mainAxis:f,crossAxis:E,alignmentAxis:b}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return u&&"number"==typeof b&&(E="end"===u?-1*b:b),p?{x:E*m,y:f*_}:{x:f*_,y:E*m}}(t,e);return{x:r+s.x,y:a+s.y,data:s}}}};function O(e){return"x"===e?"y":"x"}let C=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:n,placement:a}=t,{mainAxis:s=!0,crossAxis:l=!1,limiter:d={fn:e=>{let{x:t,y:r}=e;return{x:t,y:r}}},...u}=c(e,t),g={x:r,y:n},f=await p(t,u),E=o(i(a)),b=O(E),S=g[E],h=g[b];s&&(S=m(S+f["y"===E?"top":"left"],_(S,S-f["y"===E?"bottom":"right"]))),l&&(h=m(h+f["y"===b?"top":"left"],_(h,h-f["y"===b?"bottom":"right"])));let v=d.fn({...t,[E]:S,[b]:h});return{...v,data:{x:v.x-r,y:v.y-n}}}}},N=function(e){return void 0===e&&(e={}),{options:e,fn(t){let{x:r,y:n,placement:a,rects:s,middlewareData:l}=t,{offset:d=0,mainAxis:u=!0,crossAxis:p=!0}=c(e,t),_={x:r,y:n},m=o(a),g=O(m),f=_[m],E=_[g],b=c(d,t),S="number"==typeof b?{mainAxis:b,crossAxis:0}:{mainAxis:0,crossAxis:0,...b};if(u){let e="y"===m?"height":"width",t=s.reference[m]-s.floating[e]+S.mainAxis,r=s.reference[m]+s.reference[e]-S.mainAxis;fr&&(f=r)}if(p){var h,v;let e="y"===m?"width":"height",t=["top","left"].includes(i(a)),r=s.reference[g]-s.floating[e]+(t&&(null==(h=l.offset)?void 0:h[g])||0)+(t?0:S.crossAxis),n=s.reference[g]+s.reference[e]+(t?0:(null==(v=l.offset)?void 0:v[g])||0)-(t?S.crossAxis:0);En&&(E=n)}return{[m]:f,[g]:E}}}},R=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){let r,a;let{placement:s,rects:l,platform:d,elements:u}=t,{apply:g=()=>{},...f}=c(e,t),E=await p(t,f),b=i(s),S=n(s),h="x"===o(s),{width:v,height:y}=l.floating;"top"===b||"bottom"===b?(r=b,a=S===(await (null==d.isRTL?void 0:d.isRTL(u.floating))?"start":"end")?"left":"right"):(a=b,r="end"===S?"top":"bottom");let T=y-E[r],O=v-E[a],C=!t.middlewareData.shift,N=T,R=O;if(h){let e=v-E.left-E.right;R=S||C?_(O,e):e}else{let e=y-E.top-E.bottom;N=S||C?_(T,e):e}if(C&&!S){let e=m(E.left,0),t=m(E.right,0),r=m(E.top,0),n=m(E.bottom,0);h?R=v-2*(0!==e||0!==t?e+t:m(E.left,E.right)):N=y-2*(0!==r||0!==n?r+n:m(E.top,E.bottom))}await g({...t,availableWidth:R,availableHeight:N});let I=await d.getDimensions(u.floating);return v!==I.width||y!==I.height?{reset:{rects:!0}}:{}}}}},25772:function(e,t,r){"use strict";r.d(t,{Kx:function(){return x},Me:function(){return L},oo:function(){return k}});var n=r(63349);function a(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function i(e){return a(e).getComputedStyle(e)}function o(e){return e instanceof a(e).Node}function s(e){return o(e)?(e.nodeName||"").toLowerCase():"#document"}function l(e){return e instanceof HTMLElement||e instanceof a(e).HTMLElement}function c(e){return"undefined"!=typeof ShadowRoot&&(e instanceof a(e).ShadowRoot||e instanceof ShadowRoot)}function d(e){let{overflow:t,overflowX:r,overflowY:n,display:a}=i(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+r)&&!["inline","contents"].includes(a)}function u(e){let t=p(),r=i(e);return"none"!==r.transform||"none"!==r.perspective||!!r.containerType&&"normal"!==r.containerType||!t&&!!r.backdropFilter&&"none"!==r.backdropFilter||!t&&!!r.filter&&"none"!==r.filter||["transform","perspective","filter"].some(e=>(r.willChange||"").includes(e))||["paint","layout","strict","content"].some(e=>(r.contain||"").includes(e))}function p(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function _(e){return["html","body","#document"].includes(s(e))}let m=Math.min,g=Math.max,f=Math.round,E=Math.floor,b=e=>({x:e,y:e});function S(e){let t=i(e),r=parseFloat(t.width)||0,n=parseFloat(t.height)||0,a=l(e),o=a?e.offsetWidth:r,s=a?e.offsetHeight:n,c=f(r)!==o||f(n)!==s;return c&&(r=o,n=s),{width:r,height:n,$:c}}function h(e){return e instanceof Element||e instanceof a(e).Element}function v(e){return h(e)?e:e.contextElement}function y(e){let t=v(e);if(!l(t))return b(1);let r=t.getBoundingClientRect(),{width:n,height:a,$:i}=S(t),o=(i?f(r.width):r.width)/n,s=(i?f(r.height):r.height)/a;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}let T=b(0);function O(e){let t=a(e);return p()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:T}function C(e,t,r,i){var o;void 0===t&&(t=!1),void 0===r&&(r=!1);let s=e.getBoundingClientRect(),l=v(e),c=b(1);t&&(i?h(i)&&(c=y(i)):c=y(e));let d=(void 0===(o=r)&&(o=!1),!(!i||o&&i!==a(l))&&o)?O(l):b(0),u=(s.left+d.x)/c.x,p=(s.top+d.y)/c.y,_=s.width/c.x,m=s.height/c.y;if(l){let e=a(l),t=i&&h(i)?a(i):i,r=e.frameElement;for(;r&&i&&t!==e;){let e=y(r),t=r.getBoundingClientRect(),n=getComputedStyle(r),i=t.left+(r.clientLeft+parseFloat(n.paddingLeft))*e.x,o=t.top+(r.clientTop+parseFloat(n.paddingTop))*e.y;u*=e.x,p*=e.y,_*=e.x,m*=e.y,u+=i,p+=o,r=a(r).frameElement}}return(0,n.JB)({width:_,height:m,x:u,y:p})}function N(e){return h(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function R(e){var t;return null==(t=(o(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function I(e){return C(R(e)).left+N(e).scrollLeft}function A(e){if("html"===s(e))return e;let t=e.assignedSlot||e.parentNode||c(e)&&e.host||R(e);return c(t)?t.host:t}function x(e,t){var r;void 0===t&&(t=[]);let n=function e(t){let r=A(t);return _(r)?t.ownerDocument?t.ownerDocument.body:t.body:l(r)&&d(r)?r:e(r)}(e),i=n===(null==(r=e.ownerDocument)?void 0:r.body),o=a(n);return i?t.concat(o,o.visualViewport||[],d(n)?n:[]):t.concat(n,x(n))}function w(e,t,r){let o;if("viewport"===t)o=function(e,t){let r=a(e),n=R(e),i=r.visualViewport,o=n.clientWidth,s=n.clientHeight,l=0,c=0;if(i){o=i.width,s=i.height;let e=p();(!e||e&&"fixed"===t)&&(l=i.offsetLeft,c=i.offsetTop)}return{width:o,height:s,x:l,y:c}}(e,r);else if("document"===t)o=function(e){let t=R(e),r=N(e),n=e.ownerDocument.body,a=g(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),o=g(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight),s=-r.scrollLeft+I(e),l=-r.scrollTop;return"rtl"===i(n).direction&&(s+=g(t.clientWidth,n.clientWidth)-a),{width:a,height:o,x:s,y:l}}(R(e));else if(h(t))o=function(e,t){let r=C(e,!0,"fixed"===t),n=r.top+e.clientTop,a=r.left+e.clientLeft,i=l(e)?y(e):b(1);return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:a*i.x,y:n*i.y}}(t,r);else{let r=O(e);o={...t,x:t.x-r.x,y:t.y-r.y}}return(0,n.JB)(o)}function D(e,t){return l(e)&&"fixed"!==i(e).position?t?t(e):e.offsetParent:null}function M(e,t){let r=a(e);if(!l(e))return r;let n=D(e,t);for(;n&&["table","td","th"].includes(s(n))&&"static"===i(n).position;)n=D(n,t);return n&&("html"===s(n)||"body"===s(n)&&"static"===i(n).position&&!u(n))?r:n||function(e){let t=A(e);for(;l(t)&&!_(t);){if(u(t))return t;t=A(t)}return null}(e)||r}let P={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:r,strategy:n}=e,a=l(r),i=R(r);if(r===i)return t;let o={scrollLeft:0,scrollTop:0},c=b(1),u=b(0);if((a||!a&&"fixed"!==n)&&(("body"!==s(r)||d(i))&&(o=N(r)),l(r))){let e=C(r);c=y(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}return{width:t.width*c.x,height:t.height*c.y,x:t.x*c.x-o.scrollLeft*c.x+u.x,y:t.y*c.y-o.scrollTop*c.y+u.y}},getDocumentElement:R,getClippingRect:function(e){let{element:t,boundary:r,rootBoundary:n,strategy:a}=e,o=[..."clippingAncestors"===r?function(e,t){let r=t.get(e);if(r)return r;let n=x(e).filter(e=>h(e)&&"body"!==s(e)),a=null,o="fixed"===i(e).position,l=o?A(e):e;for(;h(l)&&!_(l);){let t=i(l),r=u(l);r||"fixed"!==t.position||(a=null),(o?!r&&!a:!r&&"static"===t.position&&a&&["absolute","fixed"].includes(a.position)||d(l)&&!r&&function e(t,r){let n=A(t);return!(n===r||!h(n)||_(n))&&("fixed"===i(n).position||e(n,r))}(e,l))?n=n.filter(e=>e!==l):a=t,l=A(l)}return t.set(e,n),n}(t,this._c):[].concat(r),n],l=o[0],c=o.reduce((e,r)=>{let n=w(t,r,a);return e.top=g(n.top,e.top),e.right=m(n.right,e.right),e.bottom=m(n.bottom,e.bottom),e.left=g(n.left,e.left),e},w(t,l,a));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:M,getElementRects:async function(e){let{reference:t,floating:r,strategy:n}=e,a=this.getOffsetParent||M,i=this.getDimensions;return{reference:function(e,t,r){let n=l(t),a=R(t),i="fixed"===r,o=C(e,!0,i,t),c={scrollLeft:0,scrollTop:0},u=b(0);if(n||!n&&!i){if(("body"!==s(t)||d(a))&&(c=N(t)),l(t)){let e=C(t,!0,i,t);u.x=e.x+t.clientLeft,u.y=e.y+t.clientTop}else a&&(u.x=I(a))}return{x:o.left+c.scrollLeft-u.x,y:o.top+c.scrollTop-u.y,width:o.width,height:o.height}}(t,await a(r),n),floating:{x:0,y:0,...await i(r)}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){return S(e)},getScale:y,isElement:h,isRTL:function(e){return"rtl"===getComputedStyle(e).direction}};function L(e,t,r,n){void 0===n&&(n={});let{ancestorScroll:a=!0,ancestorResize:i=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,c=v(e),d=a||i?[...c?x(c):[],...x(t)]:[];d.forEach(e=>{a&&e.addEventListener("scroll",r,{passive:!0}),i&&e.addEventListener("resize",r)});let u=c&&s?function(e,t){let r,n=null,a=R(e);function i(){clearTimeout(r),n&&n.disconnect(),n=null}return function o(s,l){void 0===s&&(s=!1),void 0===l&&(l=1),i();let{left:c,top:d,width:u,height:p}=e.getBoundingClientRect();if(s||t(),!u||!p)return;let _={rootMargin:-E(d)+"px "+-E(a.clientWidth-(c+u))+"px "+-E(a.clientHeight-(d+p))+"px "+-E(c)+"px",threshold:g(0,m(1,l))||1},f=!0;function b(e){let t=e[0].intersectionRatio;if(t!==l){if(!f)return o();t?o(!1,t):r=setTimeout(()=>{o(!1,1e-7)},100)}f=!1}try{n=new IntersectionObserver(b,{..._,root:a.ownerDocument})}catch(e){n=new IntersectionObserver(b,_)}n.observe(e)}(!0),i}(c,r):null,p,_=-1,f=null;o&&(f=new ResizeObserver(e=>{let[n]=e;n&&n.target===c&&f&&(f.unobserve(t),cancelAnimationFrame(_),_=requestAnimationFrame(()=>{f&&f.observe(t)})),r()}),c&&!l&&f.observe(c),f.observe(t));let b=l?C(e):null;return l&&function t(){let n=C(e);b&&(n.x!==b.x||n.y!==b.y||n.width!==b.width||n.height!==b.height)&&r(),b=n,p=requestAnimationFrame(t)}(),r(),()=>{d.forEach(e=>{a&&e.removeEventListener("scroll",r),i&&e.removeEventListener("resize",r)}),u&&u(),f&&f.disconnect(),f=null,l&&cancelAnimationFrame(p)}}let k=(e,t,r)=>{let a=new Map,i={platform:P,...r},o={...i.platform,_c:a};return(0,n.oo)(e,t,{...i,platform:o})}},40624:function(e,t,r){"use strict";t.Z=function(){for(var e,t,r=0,n="";rt in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))v.call(t,r)&&T(e,r,t[r]);if(h)for(var r of h(t))y.call(t,r)&&T(e,r,t[r]);return e},C=(e,t)=>b(e,S(t)),N=(e,t)=>{var r={};for(var n in e)v.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>t.indexOf(n)&&y.call(e,n)&&(r[n]=e[n]);return r};let R=C(O({},g.Z),{root:(0,a.Z)(g.Z.root,f.Z.theme)}),I={copyLabel:"Copy code",copiedLabel:"Copied",language:"tsx",withCopyButton:!0},A=(0,i.d)((e,t)=>{let r=(0,o.w)("CodeHighlight",I,e),{classNames:a,className:i,style:g,styles:f,unstyled:E,vars:b,children:S,code:h,copiedLabel:v,copyLabel:y,language:T,withCopyButton:A,highlightOnClient:x}=r,w=N(r,["classNames","className","style","styles","unstyled","vars","children","code","copiedLabel","copyLabel","language","withCopyButton","highlightOnClient"]),D=(0,s.y)({name:"CodeHighlight",props:r,classes:R,className:i,style:g,classNames:a,styles:f,unstyled:E}),M=function({code:e,language:t,highlightOnClient:r}){let a=()=>_.Z.highlight(e.trim(),{language:t}).value,[i,o]=(0,n.useState)(!r),[s,l]=(0,n.useState)(r?e:a()),c=()=>i?{dangerouslySetInnerHTML:{__html:s}}:{children:e.trim()};return(0,n.useEffect)(()=>{r&&(l(a()),o(!0))},[]),c}({code:h,language:T,highlightOnClient:x});return n.createElement(l.x,C(O(C(O({},D("root")),{ref:t}),w),{dir:"ltr"}),A&&n.createElement(c.q,{value:h.trim()},({copied:e,copy:t})=>n.createElement(d.u,{label:e?v:y,fz:"sm",position:"left"},n.createElement(u.A,O({onClick:t,variant:"none"},D("copy")),n.createElement(m.T,{copied:e})))),n.createElement(p.x,{type:"hover",dir:"ltr",offsetScrollbars:!1},n.createElement("pre",O({},D("pre")),n.createElement("code",O(O({},D("code")),M())))))});A.displayName="@mantine/core/CodeHighlight",A.classes=R},42106:function(e,t){"use strict";t.Z={code:"m-5caae6d3",pre:"m-2c47c4fd",header:"m-e58679f3",controls:"m-be7e9c9c",copy:"m-5caae85b",control:"m-d498bab7",file:"m-5cac2e62",files:"m-38d99e51",codeWrapper:"m-9f507240",showCodeButton:"m-c9378bc2",root:"m-5cb1b9c8",fileIcon:"m-b46cddfb"}},40754:function(e,t){"use strict";t.Z={theme:"m-1f5e827e"}},45301:function(e,t,r){"use strict";r.d(t,{Q:function(){return H}});var n=r(67294),a=r(2688),i=r(40624),o=r(643),s=r(72622),l=r(8586),c=r(3154),d=r(30370),u=r(86109),p=r(86610),_=r(81110),m=r(18094),g=r(46842),f=r(89363),E=r(79810),b=r(8972);function S({fileIcon:e,fileName:t,getFileIcon:r,className:a,style:i}){return e?n.createElement("span",{className:a,style:i},e):r&&t?n.createElement("span",{className:a,style:i},r(t)):null}var h=Object.defineProperty,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?h(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>{var r={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&v)for(var n of v(e))0>t.indexOf(n)&&T.call(e,n)&&(r[n]=e[n]);return r};function R(e){var{expanded:t,style:r}=e,a=N(e,["expanded","style"]);return n.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg",style:C({width:(0,s.h)(18),height:(0,s.h)(18)},r),viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},a),t?n.createElement(n.Fragment,null,n.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n.createElement("path",{d:"M12 13v-8l-3 3m6 0l-3 -3"}),n.createElement("path",{d:"M9 17l1 0"}),n.createElement("path",{d:"M14 17l1 0"}),n.createElement("path",{d:"M19 17l1 0"}),n.createElement("path",{d:"M4 17l1 0"})):n.createElement(n.Fragment,null,n.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),n.createElement("path",{d:"M12 11v8l3 -3m-6 0l3 3"}),n.createElement("path",{d:"M9 7l1 0"}),n.createElement("path",{d:"M14 7l1 0"}),n.createElement("path",{d:"M19 7l1 0"}),n.createElement("path",{d:"M4 7l1 0"})))}var I=r(42106),A=r(40754),x=Object.defineProperty,w=Object.defineProperties,D=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,k=(e,t,r)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,F=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&k(e,r,t[r]);if(M)for(var r of M(t))L.call(t,r)&&k(e,r,t[r]);return e},U=(e,t)=>w(e,D(t)),B=(e,t)=>{var r={};for(var n in e)P.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&M)for(var n of M(e))0>t.indexOf(n)&&L.call(e,n)&&(r[n]=e[n]);return r};let G=U(F({},I.Z),{root:(0,i.Z)(I.Z.root,A.Z.theme)}),j={withHeader:!0,copyLabel:"Copy code",copiedLabel:"Copied",maxCollapsedHeight:(0,s.h)("8rem"),expandCodeLabel:"Expand code",collapseCodeLabel:"Collapse code"},Y=(0,l.Z)((e,{maxCollapsedHeight:t})=>({root:{"--ch-max-collapsed-height":(0,s.h)(t)}})),H=(0,c.d)((e,t)=>{let r=(0,d.w)("CodeHighlightTabs",j,e),{classNames:i,className:s,style:l,styles:c,unstyled:h,vars:v,children:y,code:T,defaultActiveTab:O,activeTab:C,onTabChange:N,withHeader:I,copiedLabel:A,copyLabel:x,getFileIcon:w,maxCollapsedHeight:D,expanded:M,defaultExpanded:P,onExpandedChange:L,expandCodeLabel:k,collapseCodeLabel:H,withExpandButton:z}=r,V=B(r,["classNames","className","style","styles","unstyled","vars","children","code","defaultActiveTab","activeTab","onTabChange","withHeader","copiedLabel","copyLabel","getFileIcon","maxCollapsedHeight","expanded","defaultExpanded","onExpandedChange","expandCodeLabel","collapseCodeLabel","withExpandButton"]),$=(0,u.y)({name:"CodeHighlightTabs",props:r,classes:G,className:s,style:l,classNames:i,styles:c,unstyled:h,vars:v,varsResolver:Y}),[q,W]=(0,o.C)({defaultValue:O,value:C,finalValue:0,onChange:N}),[Q,K]=(0,o.C)({defaultValue:P,value:M,finalValue:!0,onChange:L}),Z=Array.isArray(T)?T:[T],X=Z[q],J=a.Z.highlight(X.code.trim(),{language:X.language}).value,ee=Z.map((e,t)=>n.createElement(p.k,U(F({},$("file")),{key:e.fileName,mod:{active:t===q},onClick:()=>W(t)}),n.createElement(S,F({fileIcon:e.icon,getFileIcon:w,fileName:e.fileName},$("fileIcon"))),n.createElement("span",null,e.fileName)));return n.createElement(_.x,U(F(U(F({},$("root")),{mod:{collapsed:!Q},ref:t}),V),{dir:"ltr"}),I&&n.createElement("div",F({},$("header")),n.createElement(m.x,{type:"never",dir:"ltr",offsetScrollbars:!1},n.createElement("div",F({},$("files")),ee)),n.createElement("div",F({},$("controls")),z&&n.createElement(g.u,{label:Q?H:k,fz:"sm",position:"left"},n.createElement(f.A,F({onClick:()=>K(!Q),variant:"none","aria-label":Q?H:k},$("control")),n.createElement(R,{expanded:Q}))),n.createElement(E.q,{value:X.code.trim()},({copied:e,copy:t})=>n.createElement(g.u,{label:e?A:x,fz:"sm",position:"left"},n.createElement(f.A,U(F({onClick:t,variant:"none"},$("control")),{"aria-label":e?A:x}),n.createElement(b.T,{copied:e})))))),n.createElement(m.x,{type:"auto",dir:"ltr",offsetScrollbars:!1},n.createElement(_.x,U(F({},$("codeWrapper")),{mod:{expanded:Q}}),n.createElement("pre",F({},$("pre")),n.createElement("code",U(F({},$("code")),{dangerouslySetInnerHTML:{__html:J}}))))),n.createElement(p.k,U(F({},$("showCodeButton")),{mod:{hidden:Q},onClick:()=>K(!0)}),k))});H.displayName="@mantine/core/CodeHighlightTabs",H.classes=G},8972:function(e,t,r){"use strict";r.d(t,{T:function(){return p}});var n=r(72622),a=r(67294),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{copied:t,style:r}=e,i=u(e,["copied","style"]);return a.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",style:d({width:(0,n.h)(18),height:(0,n.h)(18)},r),viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},i),t?a.createElement(a.Fragment,null,a.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),a.createElement("path",{d:"M5 12l5 5l10 -10"})):a.createElement(a.Fragment,null,a.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),a.createElement("path",{d:"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"}),a.createElement("path",{d:"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"})))}p.displayName="@mantine/code-highlight/CopyIcon"},89363:function(e,t,r){"use strict";r.d(t,{A:function(){return G}});var n=r(67294),a={root:"m-8d3f4000",loader:"m-302b9fb1",group:"m-1a0f1b21"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(72622),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={orientation:"horizontal"},y=(0,c.Z)((e,{borderWidth:t})=>({group:{"--ai-border-width":(0,d.h)(t)}})),T=(0,i.d)((e,t)=>{let r=(0,o.w)("ActionIconGroup",v,e),i=(0,o.w)("ActionIconGroup",v,e),{className:c,style:d,classNames:u,styles:p,unstyled:_,orientation:m,vars:g,borderWidth:f,variant:E}=i,T=h(i,["className","style","classNames","styles","unstyled","orientation","vars","borderWidth","variant"]),O=(0,s.y)({name:"ActionIconGroup",props:r,classes:a,className:c,style:d,classNames:u,styles:p,unstyled:_,vars:g,varsResolver:y,rootSelector:"group"});return n.createElement(l.x,b(S(b({},O("group")),{ref:t,variant:E,mod:{"data-orientation":m},role:"group"}),T))});T.classes=a,T.displayName="@mantine/core/ActionIconGroup";var O=r(86610),C=r(77015),N=r(70405),R=r(48468),I=Object.defineProperty,A=Object.defineProperties,x=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,P=(e,t,r)=>t in e?I(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,L=(e,t)=>{for(var r in t||(t={}))D.call(t,r)&&P(e,r,t[r]);if(w)for(var r of w(t))M.call(t,r)&&P(e,r,t[r]);return e},k=(e,t)=>A(e,x(t)),F=(e,t)=>{var r={};for(var n in e)D.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&w)for(var n of w(e))0>t.indexOf(n)&&M.call(e,n)&&(r[n]=e[n]);return r};let U={},B=(0,c.Z)((e,{size:t,radius:r,variant:n,gradient:a,color:i})=>{let o=e.variantColorResolver({color:i||e.primaryColor,theme:e,gradient:a,variant:n||"filled"});return{root:{"--ai-size":(0,R.ap)(t,"ai-size"),"--ai-radius":void 0===r?void 0:(0,R.H5)(r),"--ai-bg":i||n?o.background:void 0,"--ai-hover":i||n?o.hover:void 0,"--ai-color":i||n?o.color:void 0,"--ai-bd":i||n?o.border:void 0}}}),G=(0,N.b)((e,t)=>{let r=(0,o.w)("ActionIcon",U,e),{className:i,unstyled:l,variant:c,classNames:d,styles:u,style:p,loading:_,loaderProps:m,size:g,color:f,radius:E,__staticSelector:b,gradient:S,vars:h,children:v,disabled:y,"data-disabled":T}=r,N=F(r,["className","unstyled","variant","classNames","styles","style","loading","loaderProps","size","color","radius","__staticSelector","gradient","vars","children","disabled","data-disabled"]),R=(0,s.y)({name:["ActionIcon",b],props:r,className:i,style:p,classes:a,classNames:d,styles:u,unstyled:l,vars:h,varsResolver:B});return n.createElement(O.k,k(L(L({},R("root",{active:!y&&!_&&!T})),N),{unstyled:l,variant:c,size:g,disabled:y||_,ref:t,mod:{loading:_,disabled:y||T}}),_?n.createElement(C.a,L(k(L({},R("loader")),{color:"var(--ai-color)",size:"calc(var(--ai-size) * 0.55)"}),m)):v)});G.classes=a,G.displayName="@mantine/core/ActionIcon",G.Group=T},67585:function(e,t,r){"use strict";r.d(t,{e:function(){return h}});var n=r(67294),a=r(40624),i={root:"m-849cf0da"},o=r(72039),s=r(70405),l=r(30370),c=Object.defineProperty,d=Object.defineProperties,u=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>d(e,u(t)),b=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};let S={underline:"hover"},h=(0,s.b)((e,t)=>{let r=(0,l.w)("Anchor",S,e),{underline:s,className:c,unstyled:d}=r,u=b(r,["underline","className","unstyled"]);return n.createElement(o.x,E(f({component:"a",ref:t,className:(0,a.Z)({[i.root]:!d},c)},u),{mod:{underline:s},__staticSelector:"Anchor",unstyled:d}))});h.classes=i,h.displayName="@mantine/core/Anchor"},93331:function(e,t,r){"use strict";r.d(t,{V:function(){return O}});var n=r(67294),a={root:"m-ddec01c0",icon:"m-dde7bd57",cite:"m-dde51a35"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(52845),u=r(26754),p=r(40184),_=r(72622),m=r(48468),g=Object.defineProperty,f=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))b.call(t,r)&&S(e,r,t[r]);return e},v=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&b.call(e,n)&&(r[n]=e[n]);return r};let y={iconSize:48},T=(0,c.Z)((e,{color:t,iconSize:r,radius:n})=>{let a=(0,d.E)({color:t||e.primaryColor,theme:e,colorScheme:"dark"}),i=(0,d.E)({color:t||e.primaryColor,theme:e,colorScheme:"light"});return{root:{"--bq-bg-light":(0,u.m)(i.value,.07),"--bq-bg-dark":(0,u.m)(a.value,.06),"--bq-bd":(0,p.p)(t,e),"--bq-icon-size":(0,_.h)(r),"--bq-radius":(0,m.H5)(n)}}}),O=(0,i.d)((e,t)=>{let r=(0,o.w)("Blockquote",y,e),{classNames:i,className:c,style:d,styles:u,unstyled:p,vars:_,children:m,icon:g,iconSize:f,cite:E}=r,b=v(r,["classNames","className","style","styles","unstyled","vars","children","icon","iconSize","cite"]),S=(0,s.y)({name:"Blockquote",classes:a,props:r,className:c,style:d,classNames:i,styles:u,unstyled:p,vars:_,varsResolver:T});return n.createElement(l.x,h(h({component:"blockquote",ref:t},S("root")),b),g&&n.createElement("span",h({},S("icon")),g),m,E&&n.createElement("cite",h({},S("cite")),E))});O.classes=a,O.displayName="@mantine/core/Blockquote"},1907:function(e,t,r){"use strict";r.d(t,{O:function(){return C}});var n=r(67294),a={root:"m-fea6bf1a",burger:"m-d4fb9cad"},i=r(86610),o=r(3154),s=r(30370),l=r(86109),c=r(81110),d=r(8586),u=r(40184),p=r(48468),_=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))b.call(t,r)&&S(e,r,t[r]);return e},v=(e,t)=>m(e,g(t)),y=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&b.call(e,n)&&(r[n]=e[n]);return r};let T={},O=(0,d.Z)((e,{color:t,size:r,transitionDuration:n,transitionTimingFunction:a})=>({root:{"--burger-color":t?(0,u.p)(t,e):void 0,"--burger-size":(0,p.ap)(r,"burger-size"),"--burger-transition-duration":void 0===n?void 0:`${n}ms`,"--burger-transition-timing-function":a}})),C=(0,o.d)((e,t)=>{let r=(0,s.w)("Burger",T,e),{classNames:o,className:d,style:u,styles:p,unstyled:_,vars:m,opened:g,children:f,transitionDuration:E,transitionTimingFunction:b}=r,S=y(r,["classNames","className","style","styles","unstyled","vars","opened","children","transitionDuration","transitionTimingFunction"]),C=(0,l.y)({name:"Burger",classes:a,props:r,className:d,style:u,classNames:o,styles:p,unstyled:_,vars:m,varsResolver:O});return n.createElement(i.k,h(v(h({},C("root")),{ref:t}),S),n.createElement(c.x,h({mod:["reduce-motion",{opened:g}]},C("burger"))),f)});C.classes=a,C.displayName="@mantine/core/Burger"},14469:function(e,t,r){"use strict";r.d(t,{z:function(){return G}});var n=r(67294),a={root:"m-77c9d27d",inner:"m-80f1301b",label:"m-811560b9",section:"m-a74036a",loader:"m-a25b86ee",group:"m-80d6d844"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(72622),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={orientation:"horizontal"},y=(0,c.Z)((e,{borderWidth:t})=>({group:{"--button-border-width":(0,d.h)(t)}})),T=(0,i.d)((e,t)=>{let r=(0,o.w)("ButtonGroup",v,e),i=(0,o.w)("ButtonGroup",v,e),{className:c,style:d,classNames:u,styles:p,unstyled:_,orientation:m,vars:g,borderWidth:f,variant:E}=i,T=h(i,["className","style","classNames","styles","unstyled","orientation","vars","borderWidth","variant"]),O=(0,s.y)({name:"ButtonGroup",props:r,classes:a,className:c,style:d,classNames:u,styles:p,unstyled:_,vars:g,varsResolver:y,rootSelector:"group"});return n.createElement(l.x,b(S(b({},O("group")),{ref:t,variant:E,mod:{"data-orientation":m},role:"group"}),T))});T.classes=a,T.displayName="@mantine/core/ButtonGroup";var O=r(86610),C=r(77015),N=r(70405),R=r(48468),I=Object.defineProperty,A=Object.defineProperties,x=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,P=(e,t,r)=>t in e?I(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,L=(e,t)=>{for(var r in t||(t={}))D.call(t,r)&&P(e,r,t[r]);if(w)for(var r of w(t))M.call(t,r)&&P(e,r,t[r]);return e},k=(e,t)=>A(e,x(t)),F=(e,t)=>{var r={};for(var n in e)D.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&w)for(var n of w(e))0>t.indexOf(n)&&M.call(e,n)&&(r[n]=e[n]);return r};let U={},B=(0,c.Z)((e,{radius:t,color:r,gradient:n,variant:a,size:i,justify:o})=>{let s=e.variantColorResolver({color:r||e.primaryColor,theme:e,gradient:n,variant:a||"filled"});return{root:{"--button-justify":o,"--button-height":(0,R.ap)(i,"button-height"),"--button-padding-x":(0,R.ap)(i,"button-padding-x"),"--button-fz":(null==i?void 0:i.includes("compact"))?(0,R.yv)(i.replace("compact-","")):(0,R.yv)(i),"--button-radius":void 0===t?void 0:(0,R.H5)(t),"--button-bg":r||a?s.background:void 0,"--button-hover":r||a?s.hover:void 0,"--button-color":r||a?s.color:void 0,"--button-bd":r||a?s.border:void 0}}}),G=(0,N.b)((e,t)=>{let r=(0,o.w)("Button",U,e),{style:i,vars:c,className:d,color:u,disabled:p,children:_,leftSection:m,rightSection:g,fullWidth:f,variant:E,radius:b,loading:S,loaderProps:h,gradient:v,classNames:y,styles:T,unstyled:N,"data-disabled":R}=r,I=F(r,["style","vars","className","color","disabled","children","leftSection","rightSection","fullWidth","variant","radius","loading","loaderProps","gradient","classNames","styles","unstyled","data-disabled"]),A=(0,s.y)({name:"Button",props:r,classes:a,className:d,style:i,classNames:y,styles:T,unstyled:N,vars:c,varsResolver:B});return n.createElement(O.k,L(k(L({ref:t},A("root",{active:!p&&!S&&!R})),{unstyled:N,variant:E,disabled:p||S,mod:{disabled:p||R,loading:S,block:f,"with-left-section":!!m,"with-right-section":!!g}}),I),n.createElement("span",L({},A("inner")),m&&n.createElement(l.x,k(L({component:"span"},A("section")),{mod:{position:"left"}}),m),S&&n.createElement(l.x,L({component:"span"},A("loader")),n.createElement(C.a,L({color:"var(--button-color)",size:"calc(var(--button-height) / 1.8)"},h))),n.createElement(l.x,L({component:"span",mod:{loading:S}},A("label")),_),g&&n.createElement(l.x,k(L({component:"span"},A("section")),{mod:{position:"right"}}),g)))});G.classes=a,G.displayName="@mantine/core/Button",G.Group=T},38238:function(e,t,r){"use strict";r.d(t,{P:function(){return _},n:function(){return p}});var n=r(67294),a=r(72622),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{size:t,style:r}=e,i=u(e,["size","style"]);let o=void 0!==t?d({width:(0,a.h)(t),height:(0,a.h)(t)},r):r;return n.createElement("svg",d({viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o},i),n.createElement("path",{d:"M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function _(e){var{indeterminate:t}=e,r=u(e,["indeterminate"]);return t?n.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 6"},r),n.createElement("rect",{width:"32",height:"6",fill:"currentColor",rx:"3"})):n.createElement(p,d({},r))}},19286:function(e,t,r){"use strict";r.d(t,{X:function(){return $}});var n=r(67294),a=r(9779);let i=(0,n.createContext)(null),o=i.Provider,s=()=>(0,n.useContext)(i);var l=r(643),c=r(52561),d=r(28086),u=r(3154),p=r(30370),_=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))b.call(t,r)&&S(e,r,t[r]);return e},v=(e,t)=>m(e,g(t)),y=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&b.call(e,n)&&(r[n]=e[n]);return r};let T={},O=(0,u.d)((e,t)=>{let r=(0,p.w)("CheckboxGroup",T,e),{value:a,defaultValue:i,onChange:s,size:u,wrapperProps:_,children:m}=r,g=y(r,["value","defaultValue","onChange","size","wrapperProps","children"]),[f,E]=(0,l.C)({value:a,defaultValue:i,finalValue:[],onChange:s}),b=e=>{let t=e.currentTarget.value;E(f.includes(t)?f.filter(e=>e!==t):[...f,t])};return n.createElement(o,{value:{value:f,onChange:b,size:u}},n.createElement(c.I.Wrapper,v(h(h({size:u,ref:t},_),g),{labelElement:"div",__staticSelector:"CheckboxGroup"}),n.createElement(d.m,{role:"group"},m)))});O.classes=c.I.Wrapper.classes,O.displayName="@mantine/core/CheckboxGroup";var C=r(38238),N={root:"m-bf2d988c",inner:"m-26062bec",input:"m-26063560",icon:"m-bf295423"},R=r(95958),I=r(86109),A=r(7872),x=r(81110),w=r(8586),D=r(48468),M=r(40184),P=Object.defineProperty,L=Object.defineProperties,k=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,U=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,G=(e,t,r)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,j=(e,t)=>{for(var r in t||(t={}))U.call(t,r)&&G(e,r,t[r]);if(F)for(var r of F(t))B.call(t,r)&&G(e,r,t[r]);return e},Y=(e,t)=>L(e,k(t)),H=(e,t)=>{var r={};for(var n in e)U.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&F)for(var n of F(e))0>t.indexOf(n)&&B.call(e,n)&&(r[n]=e[n]);return r};let z={labelPosition:"right",icon:C.P},V=(0,w.Z)((e,{radius:t,color:r,size:n})=>({root:{"--checkbox-size":(0,D.ap)(n,"checkbox-size"),"--checkbox-radius":void 0===t?void 0:(0,D.H5)(t),"--checkbox-color":r?(0,M.p)(r,e):void 0}})),$=(0,u.d)((e,t)=>{let r=(0,p.w)("Checkbox",z,e),{classNames:i,className:o,style:l,styles:c,unstyled:d,vars:u,color:_,label:m,id:g,size:f,radius:E,wrapperProps:b,children:S,checked:h,labelPosition:v,description:y,error:T,disabled:O,variant:C,indeterminate:w,icon:D,rootRef:M}=r,P=H(r,["classNames","className","style","styles","unstyled","vars","color","label","id","size","radius","wrapperProps","children","checked","labelPosition","description","error","disabled","variant","indeterminate","icon","rootRef"]),L=s(),k=f||(null==L?void 0:L.size),F=(0,I.y)({name:"Checkbox",props:r,classes:N,className:o,style:l,classNames:i,styles:c,unstyled:d,vars:u,varsResolver:V}),{styleProps:U,rest:B}=(0,A.c)(P),G=(0,a.M)(g),$=L?{checked:L.value.includes(B.value),onChange:L.onChange}:{};return n.createElement(R.Z,j(j(Y(j({},F("root")),{__staticSelector:"Checkbox",__stylesApiProps:r,id:G,size:k,labelPosition:v,label:m,description:y,error:T,disabled:O,classNames:i,styles:c,unstyled:d,"data-checked":$.checked||void 0,variant:C,ref:M}),U),b),n.createElement(x.x,Y(j({},F("inner")),{mod:{"data-label-position":v}}),n.createElement(x.x,Y(j(j(j({component:"input",id:G,ref:t,checked:h,disabled:O,mod:{error:!!T,indeterminate:w}},F("input",{focusable:!0})),B),$),{type:"checkbox"})),n.createElement(D,j({indeterminate:w},F("icon")))))});$.classes=j(j({},N),R.J),$.displayName="@mantine/core/Checkbox",$.Group=O},76198:function(e,t,r){"use strict";r.d(t,{P:function(){return L}});var n=r(67294),a=Object.defineProperty,i=Object.defineProperties,o=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,t,r)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&d(e,r,t[r]);if(s)for(var r of s(t))c.call(t,r)&&d(e,r,t[r]);return e},p=(e,t)=>i(e,o(t)),_=(e,t)=>{var r={};for(var n in e)l.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&s)for(var n of s(e))0>t.indexOf(n)&&c.call(e,n)&&(r[n]=e[n]);return r};let m=(0,n.forwardRef)((e,t)=>{var{size:r="var(--cb-icon-size, 70%)",style:a}=e,i=_(e,["size","style"]);return n.createElement("svg",u({viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:p(u({},a),{width:r,height:r}),ref:t},i),n.createElement("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))});m.displayName="@mantine/core/CloseIcon";var g={root:"m-86a44da5","root--subtle":"m-220c80f2"},f=r(86610),E=r(70405),b=r(30370),S=r(86109),h=r(8586),v=r(48468),y=r(72622),T=Object.defineProperty,O=Object.defineProperties,C=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,A=(e,t,r)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,x=(e,t)=>{for(var r in t||(t={}))R.call(t,r)&&A(e,r,t[r]);if(N)for(var r of N(t))I.call(t,r)&&A(e,r,t[r]);return e},w=(e,t)=>O(e,C(t)),D=(e,t)=>{var r={};for(var n in e)R.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&N)for(var n of N(e))0>t.indexOf(n)&&I.call(e,n)&&(r[n]=e[n]);return r};let M={variant:"subtle"},P=(0,h.Z)((e,{size:t,radius:r,iconSize:n})=>({root:{"--cb-size":(0,v.ap)(t,"cb-size"),"--cb-radius":void 0===r?void 0:(0,v.H5)(r),"--cb-icon-size":(0,y.h)(n)}})),L=(0,E.b)((e,t)=>{let r=(0,b.w)("CloseButton",M,e),{iconSize:a,children:i,vars:o,radius:s,className:l,classNames:c,style:d,styles:u,unstyled:p,"data-disabled":_,disabled:E,variant:h}=r,v=D(r,["iconSize","children","vars","radius","className","classNames","style","styles","unstyled","data-disabled","disabled","variant"]),y=(0,S.y)({name:"CloseButton",props:r,className:l,style:d,classes:g,classNames:c,styles:u,unstyled:p,vars:o,varsResolver:P});return n.createElement(f.k,x(w(x({ref:t},v),{unstyled:p,variant:h,disabled:E,mod:{disabled:E||_}}),y("root",{variant:h,active:!0})),n.createElement(m,null),i)});L.classes=g,L.displayName="@mantine/core/CloseButton"},53777:function(e,t,r){"use strict";r.d(t,{E:function(){return T}});var n=r(67294),a={root:"m-b183c0a2"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(40184),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={},y=(0,c.Z)((e,{color:t})=>({root:{"--code-bg":t?(0,d.p)(t,e):void 0}})),T=(0,i.d)((e,t)=>{let r=(0,o.w)("Code",v,e),{classNames:i,className:c,style:d,styles:u,unstyled:p,vars:_,color:m,block:g,variant:f}=r,E=h(r,["classNames","className","style","styles","unstyled","vars","color","block","variant"]),T=(0,s.y)({name:"Code",props:r,classes:a,className:c,style:d,classNames:i,styles:u,unstyled:p,vars:_,varsResolver:y});return n.createElement(l.x,S(b(b({component:g?"pre":"code",variant:f,ref:t,mod:{block:g}},T("root")),E),{dir:"ltr"}))});T.classes=a,T.displayName="@mantine/core/Code"},35901:function(e,t,r){"use strict";r.d(t,{z:function(){return eQ}});var n=r(67294),a=r(643),i=r(14372),o=r(56578),s=r(83443),l=r(45763);let[c,d]=(0,l.R)("ColorPicker component was not found in tree");var u=r(81110),p=Object.defineProperty,_=Object.defineProperties,m=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,b=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,S=(e,t)=>{for(var r in t||(t={}))f.call(t,r)&&b(e,r,t[r]);if(g)for(var r of g(t))E.call(t,r)&&b(e,r,t[r]);return e},h=(e,t)=>_(e,m(t)),v=(e,t)=>{var r={};for(var n in e)f.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&g)for(var n of g(e))0>t.indexOf(n)&&E.call(e,n)&&(r[n]=e[n]);return r};let y=(0,n.forwardRef)((e,t)=>{var{className:r,style:a,size:i,position:o}=e,s=v(e,["className","style","size","position"]);let{getStyles:l}=d();return n.createElement(u.x,S(h(S({ref:t},l("thumb",{style:a})),{__vars:{"--_thumb-y-offset":`${100*o.y}%`,"--_thumb-x-offset":`${100*o.x}%`}}),s))});y.displayName="@mantine/core/ColorPickerThumb";var T=r(43440),O=r(72622),C=Object.defineProperty,N=Object.defineProperties,R=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,D=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(I)for(var r of I(t))x.call(t,r)&&w(e,r,t[r]);return e},M=(e,t)=>N(e,R(t)),P=(e,t)=>{var r={};for(var n in e)A.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&I)for(var n of I(e))0>t.indexOf(n)&&x.call(e,n)&&(r[n]=e[n]);return r};let L=(0,n.forwardRef)((e,t)=>{let{className:r,onChange:a,onChangeEnd:l,maxValue:c,round:p,size:_="md",focusable:m=!0,value:g,overlays:f,thumbColor:E="transparent",onScrubStart:b,onScrubEnd:S}=e,h=P(e,["className","onChange","onChangeEnd","maxValue","round","size","focusable","value","overlays","thumbColor","onScrubStart","onScrubEnd"]),{getStyles:v}=d(),C=(0,T.rZ)(),[N,R]=(0,n.useState)({y:0,x:g/c}),I=(0,n.useRef)(N),A=e=>p?Math.round(e*c):e*c,{ref:x}=(0,o.r)(({x:e,y:t})=>{I.current={x:e,y:t},null==a||a(A(e))},{onScrubEnd:()=>{let{x:e}=I.current;null==l||l(A(e)),null==S||S()},onScrubStart:b});(0,i.l)(()=>{R({y:0,x:g/c})},[g]);let w=(e,t)=>{e.preventDefault();let r=(0,o.E)(t);null==a||a(A(r.x)),null==l||l(A(r.x))},L=e=>{switch(e.key){case"ArrowRight":w(e,{x:N.x+.05,y:N.y});break;case"ArrowLeft":w(e,{x:N.x-.05,y:N.y})}},k=f.map((e,t)=>n.createElement("div",M(D({},v("sliderOverlay")),{style:e,key:t})));return n.createElement(u.x,M(D(M(D({},h),{ref:(0,s.Yx)(x,t)}),v("slider")),{role:"slider","aria-valuenow":g,"aria-valuemax":c,"aria-valuemin":0,tabIndex:m?0:-1,onKeyDown:L,"data-focus-ring":C.focusRing}),k,n.createElement(y,D({position:N,size:_},v("thumb",{style:{top:(0,O.h)(1),background:E}}))))});L.displayName="@mantine/core/ColorSlider";var k=r(27843),F=r(30370),U=Object.defineProperty,B=Object.defineProperties,G=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,z=(e,t,r)=>t in e?U(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,V=(e,t)=>{for(var r in t||(t={}))Y.call(t,r)&&z(e,r,t[r]);if(j)for(var r of j(t))H.call(t,r)&&z(e,r,t[r]);return e},$=(e,t)=>B(e,G(t)),q=(e,t)=>{var r={};for(var n in e)Y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&j)for(var n of j(e))0>t.indexOf(n)&&H.call(e,n)&&(r[n]=e[n]);return r};let W={},Q=(0,n.forwardRef)((e,t)=>{let r=(0,F.w)("AlphaSlider",W,e),{value:a,onChange:i,onChangeEnd:o,color:s}=r,l=q(r,["value","onChange","onChangeEnd","color"]);return n.createElement(L,$(V({},l),{ref:t,value:a,onChange:e=>null==i?void 0:i((0,k.NM)(e,2)),onChangeEnd:e=>null==o?void 0:o((0,k.NM)(e,2)),maxValue:1,round:!1,"data-alpha":!0,overlays:[{backgroundImage:"linear-gradient(45deg, var(--_slider-checkers) 25%, transparent 25%), linear-gradient(-45deg, var(--_slider-checkers) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--_slider-checkers) 75%), linear-gradient(-45deg, var(--mantine-color-body) 75%, var(--_slider-checkers) 75%)",backgroundSize:`${(0,O.h)(8)} ${(0,O.h)(8)}`,backgroundPosition:`0 0, 0 ${(0,O.h)(4)}, ${(0,O.h)(4)} -${(0,O.h)(4)}, -${(0,O.h)(4)} 0`},{backgroundImage:`linear-gradient(90deg, transparent, ${s})`},{boxShadow:`rgba(0, 0, 0, .1) 0 0 0 ${(0,O.h)(1)} inset, rgb(0, 0, 0, .15) 0 0 ${(0,O.h)(4)} inset`}]}))});Q.displayName="@mantine/core/AlphaSlider";var K=Object.defineProperty,Z=Object.defineProperties,X=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,er=(e,t,r)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,en=(e,t)=>{for(var r in t||(t={}))ee.call(t,r)&&er(e,r,t[r]);if(J)for(var r of J(t))et.call(t,r)&&er(e,r,t[r]);return e},ea=(e,t)=>Z(e,X(t)),ei=(e,t)=>{var r={};for(var n in e)ee.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&J)for(var n of J(e))0>t.indexOf(n)&&et.call(e,n)&&(r[n]=e[n]);return r};let eo={},es=(0,n.forwardRef)((e,t)=>{let r=(0,F.w)("HueSlider",eo,e),{value:a,onChange:i,onChangeEnd:o,color:s}=r,l=ei(r,["value","onChange","onChangeEnd","color"]);return n.createElement(L,ea(en({},l),{ref:t,value:a,onChange:i,onChangeEnd:o,maxValue:360,thumbColor:`hsl(${a}, 100%, 50%)`,round:!0,"data-hue":!0,overlays:[{backgroundImage:"linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))"},{boxShadow:`rgba(0, 0, 0, .1) 0 0 0 ${(0,O.h)(1)} inset, rgb(0, 0, 0, .15) 0 0 ${(0,O.h)(4)} inset`}]}))});es.displayName="@mantine/core/HueSlider";var el=r(64922),ec=Object.defineProperty,ed=Object.defineProperties,eu=Object.getOwnPropertyDescriptors,ep=Object.getOwnPropertySymbols,e_=Object.prototype.hasOwnProperty,em=Object.prototype.propertyIsEnumerable,eg=(e,t,r)=>t in e?ec(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ef=(e,t)=>{for(var r in t||(t={}))e_.call(t,r)&&eg(e,r,t[r]);if(ep)for(var r of ep(t))em.call(t,r)&&eg(e,r,t[r]);return e},eE=(e,t)=>ed(e,eu(t)),eb=(e,t)=>{var r={};for(var n in e)e_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ep)for(var n of ep(e))0>t.indexOf(n)&&em.call(e,n)&&(r[n]=e[n]);return r};function eS(e){var{className:t,onChange:r,onChangeEnd:a,value:i,saturationLabel:s,focusable:l=!0,size:c,color:p,onScrubStart:_,onScrubEnd:m}=e,g=eb(e,["className","onChange","onChangeEnd","value","saturationLabel","focusable","size","color","onScrubStart","onScrubEnd"]);let{getStyles:f}=d(),[E,b]=(0,n.useState)({x:i.s/100,y:1-i.v/100}),S=(0,n.useRef)(E),{ref:h}=(0,o.r)(({x:e,y:t})=>{S.current={x:e,y:t},r({s:Math.round(100*e),v:Math.round((1-t)*100)})},{onScrubEnd:()=>{let{x:e,y:t}=S.current;a({s:Math.round(100*e),v:Math.round((1-t)*100)}),null==m||m()},onScrubStart:_});(0,n.useEffect)(()=>{b({x:i.s/100,y:1-i.v/100})},[i.s,i.v]);let v=(e,t)=>{e.preventDefault();let n=(0,o.E)(t);r({s:Math.round(100*n.x),v:Math.round((1-n.y)*100)}),a({s:Math.round(100*n.x),v:Math.round((1-n.y)*100)})},T=e=>{switch(e.key){case"ArrowUp":v(e,{y:E.y-.05,x:E.x});break;case"ArrowDown":v(e,{y:E.y+.05,x:E.x});break;case"ArrowRight":v(e,{x:E.x+.05,y:E.y});break;case"ArrowLeft":v(e,{x:E.x-.05,y:E.y})}};return n.createElement(u.x,eE(ef(eE(ef({},f("saturation")),{ref:h}),g),{role:"slider","aria-label":s,"aria-valuenow":E.x,"aria-valuetext":(0,el.Rt)("rgba",i),tabIndex:l?0:-1,onKeyDown:T}),n.createElement("div",ef({},f("saturationOverlay",{style:{backgroundColor:`hsl(${i.h}, 100%, 50%)`}}))),n.createElement("div",ef({},f("saturationOverlay",{style:{backgroundImage:"linear-gradient(90deg, #fff, transparent)"}}))),n.createElement("div",ef({},f("saturationOverlay",{style:{backgroundImage:"linear-gradient(0deg, #000, transparent)"}}))),n.createElement(y,ef({position:E,size:c},f("thumb",{style:{backgroundColor:p}}))))}eS.displayName="@mantine/core/Saturation";var eh=r(221),ev=Object.defineProperty,ey=Object.defineProperties,eT=Object.getOwnPropertyDescriptors,eO=Object.getOwnPropertySymbols,eC=Object.prototype.hasOwnProperty,eN=Object.prototype.propertyIsEnumerable,eR=(e,t,r)=>t in e?ev(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eI=(e,t)=>{for(var r in t||(t={}))eC.call(t,r)&&eR(e,r,t[r]);if(eO)for(var r of eO(t))eN.call(t,r)&&eR(e,r,t[r]);return e},eA=(e,t)=>ey(e,eT(t)),ex=(e,t)=>{var r={};for(var n in e)eC.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eO)for(var n of eO(e))0>t.indexOf(n)&&eN.call(e,n)&&(r[n]=e[n]);return r};let ew=(0,n.forwardRef)((e,t)=>{var{className:r,datatype:a,setValue:i,onChangeEnd:o,size:s,focusable:l,data:c,swatchesPerRow:p}=e,_=ex(e,["className","datatype","setValue","onChangeEnd","size","focusable","data","swatchesPerRow"]);let m=d(),g=c.map((e,t)=>n.createElement(eh.b,eA(eI({},m.getStyles("swatch")),{unstyled:m.unstyled,component:"button",type:"button",color:e,key:t,radius:"sm",onClick:()=>{i(e),null==o||o(e)},"aria-label":e,tabIndex:l?0:-1,"data-swatch":!0})));return n.createElement(u.x,eI(eA(eI({},m.getStyles("swatches")),{ref:t}),_),g)});ew.displayName="@mantine/core/Swatches";var eD={wrapper:"m-fee9c77",preview:"m-9dddfbac",body:"m-bffecc3e",sliders:"m-3283bb96",thumb:"m-40d572ba",swatch:"m-d8ee6fd8",swatches:"m-5711e686",saturation:"m-202a296e",saturationOverlay:"m-11b3db02",slider:"m-d856d47d",sliderOverlay:"m-8f327113"},eM=r(3154),eP=r(86109),eL=r(8586),ek=r(48468),eF=Object.defineProperty,eU=Object.defineProperties,eB=Object.getOwnPropertyDescriptors,eG=Object.getOwnPropertySymbols,ej=Object.prototype.hasOwnProperty,eY=Object.prototype.propertyIsEnumerable,eH=(e,t,r)=>t in e?eF(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ez=(e,t)=>{for(var r in t||(t={}))ej.call(t,r)&&eH(e,r,t[r]);if(eG)for(var r of eG(t))eY.call(t,r)&&eH(e,r,t[r]);return e},eV=(e,t)=>eU(e,eB(t)),e$=(e,t)=>{var r={};for(var n in e)ej.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eG)for(var n of eG(e))0>t.indexOf(n)&&eY.call(e,n)&&(r[n]=e[n]);return r};let eq={swatchesPerRow:7,withPicker:!0,focusable:!0,__staticSelector:"ColorPicker"},eW=(0,eL.Z)((e,{size:t,swatchesPerRow:r})=>({wrapper:{"--cp-preview-size":(0,ek.ap)(t,"cp-preview-size"),"--cp-width":(0,ek.ap)(t,"cp-width"),"--cp-body-spacing":(0,ek.bG)(t),"--cp-swatch-size":`${100/r}%`,"--cp-thumb-size":(0,ek.ap)(t,"cp-thumb-size"),"--cp-saturation-height":(0,ek.ap)(t,"cp-saturation-height")}})),eQ=(0,eM.d)((e,t)=>{let r=(0,F.w)("ColorPicker",eq,e),{classNames:o,className:s,style:l,styles:d,unstyled:p,vars:_,format:m,value:g,defaultValue:f,onChange:E,onChangeEnd:b,withPicker:S,size:h,saturationLabel:v,hueLabel:y,alphaLabel:T,focusable:O,swatches:C,swatchesPerRow:N,fullWidth:R,onColorSwatchClick:I,__staticSelector:A}=r,x=e$(r,["classNames","className","style","styles","unstyled","vars","format","value","defaultValue","onChange","onChangeEnd","withPicker","size","saturationLabel","hueLabel","alphaLabel","focusable","swatches","swatchesPerRow","fullWidth","onColorSwatchClick","__staticSelector"]),w=(0,eP.y)({name:A,props:r,classes:eD,className:s,style:l,classNames:o,styles:d,unstyled:p,rootSelector:"wrapper",vars:_,varsResolver:eW}),D=(0,n.useRef)(m),M=(0,n.useRef)(),P=(0,n.useRef)(-1),L=(0,n.useRef)(!1),U="hexa"===m||"rgba"===m||"hsla"===m,[B,G,j]=(0,a.C)({value:g,defaultValue:f,finalValue:"#FFFFFF",onChange:E}),[Y,H]=(0,n.useState)((0,k.lu)(B)),z=()=>{window.clearTimeout(P.current),L.current=!0},V=()=>{window.clearTimeout(P.current),P.current=window.setTimeout(()=>{L.current=!1},200)},$=e=>{H(t=>{let r=ez(ez({},t),e);return M.current=(0,el.Rt)(D.current,r),r}),G(M.current)};return(0,i.l)(()=>{(0,k.fi)(g)&&!L.current&&H((0,k.lu)(g))},[g]),(0,i.l)(()=>{D.current=m,G((0,el.Rt)(m,Y))},[m]),n.createElement(c,{value:{getStyles:w,unstyled:p}},n.createElement(u.x,ez(eV(ez({ref:t},w("wrapper")),{size:h,mod:{"full-width":R}}),x),S&&n.createElement(n.Fragment,null,n.createElement(eS,{value:Y,onChange:$,onChangeEnd:({s:e,v:t})=>null==b?void 0:b((0,el.Rt)(D.current,eV(ez({},Y),{s:e,v:t}))),color:B,size:h,focusable:O,saturationLabel:v,onScrubStart:z,onScrubEnd:V}),n.createElement("div",ez({},w("body")),n.createElement("div",ez({},w("sliders")),n.createElement(es,{value:Y.h,onChange:e=>$({h:e}),onChangeEnd:e=>null==b?void 0:b((0,el.Rt)(D.current,eV(ez({},Y),{h:e}))),size:h,focusable:O,"aria-label":y,onScrubStart:z,onScrubEnd:V}),U&&n.createElement(Q,{value:Y.a,onChange:e=>$({a:e}),onChangeEnd:e=>{null==b||b((0,el.Rt)(D.current,eV(ez({},Y),{a:e})))},size:h,color:(0,el.Rt)("hex",Y),focusable:O,"aria-label":T,onScrubStart:z,onScrubEnd:V})),U&&n.createElement(eh.b,ez({color:B,radius:"sm"},w("preview"))))),Array.isArray(C)&&n.createElement(ew,{data:C,swatchesPerRow:N,focusable:O,setValue:G,onChangeEnd:e=>{let t=(0,el.Rt)(m,(0,k.lu)(e));null==I||I(t),null==b||b(t),j||H((0,k.lu)(e))}})))});eQ.classes=eD,eQ.displayName="@mantine/core/ColorPicker"},64922:function(e,t,r){"use strict";r.d(t,{Rt:function(){return d}});var n=r(27843);function a({h:e,s:t,v:r,a}){let i=e/360*6,o=t/100,s=r/100,l=Math.floor(i),c=s*(1-o),d=s*(1-(i-l)*o),u=s*(1-(1-i+l)*o),p=l%6;return{r:(0,n.NM)(255*[s,d,c,c,u,s][p]),g:(0,n.NM)(255*[u,s,s,d,c,c][p]),b:(0,n.NM)(255*[c,c,u,s,s,d][p]),a:(0,n.NM)(a,2)}}function i(e,t){let{r,g:i,b:o,a:s}=a(e);return t?`rgba(${r}, ${i}, ${o}, ${(0,n.NM)(s,2)})`:`rgb(${r}, ${i}, ${o})`}function o({h:e,s:t,v:r,a},i){let o=(200-t)*r/100,s={h:Math.round(e),s:Math.round(o>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0),l:Math.round(o/2)};return i?`hsla(${s.h}, ${s.s}%, ${s.l}%, ${(0,n.NM)(a,2)})`:`hsl(${s.h}, ${s.s}%, ${s.l}%)`}function s(e){let t=e.toString(16);return t.length<2?`0${t}`:t}function l(e){let{r:t,g:r,b:n}=a(e);return`#${s(t)}${s(r)}${s(n)}`}let c={hex:l,hexa:e=>(function(e){let t=Math.round(255*e.a);return`${l(e)}${s(t)}`})(e),rgb:e=>i(e,!1),rgba:e=>i(e,!0),hsl:e=>o(e,!1),hsla:e=>o(e,!0)};function d(e,t){return t?e in c?c[e](t):c.hex(t):"#000000"}},27843:function(e,t,r){"use strict";r.d(t,{NM:function(){return p},fi:function(){return y},lu:function(){return T}});var n=Object.defineProperty,a=Object.defineProperties,i=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>a(e,i(t));function p(e,t=0,r=10**t){return Math.round(r*e)/r}let _={grad:.9,turn:360,rad:360/(2*Math.PI)},m=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;function g(e){let t=m.exec(e);return t?function({h:e,s:t,l:r,a:n}){let a=t*((r<50?r:100-r)/100);return{h:e,s:a>0?2*a/(r+a)*100:0,v:r+a,a:n}}({h:function(e,t="deg"){return Number(e)*(_[t]||1)}(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}}function f({r:e,g:t,b:r,a:n}){let a=Math.max(e,t,r),i=a-Math.min(e,t,r),o=i?a===e?(t-r)/i:a===t?2+(r-e)/i:4+(e-t)/i:0;return{h:p(60*(o<0?o+6:o),3),s:p(a?i/a*100:0,3),v:p(a/255*100,3),a:n}}function E(e){let t="#"===e[0]?e.slice(1):e;return 3===t.length?f({r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:1}):f({r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16),a:1})}let b=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;function S(e){let t=b.exec(e);return t?f({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}}let h={hex:/^#?([0-9A-F]{3}){1,2}$/i,hexa:/^#?([0-9A-F]{4}){1,2}$/i,rgb:/^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,rgba:/^rgba\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,hsl:/hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/i,hsla:/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d*(?:\.\d+)?)\)$/i},v={hex:E,hexa:function(e){let t="#"===e[0]?e.slice(1):e,r=e=>p(parseInt(e,16)/255,3);if(4===t.length){let e=t.slice(0,3),n=r(t[3]+t[3]),a=u(d({},E(e)),{a:n});return a}let n=t.slice(0,6),a=r(t.slice(6,8)),i=u(d({},E(n)),{a});return i},rgb:S,rgba:S,hsl:g,hsla:g};function y(e){for(let[,t]of Object.entries(h))if(t.test(e))return!0;return!1}function T(e){if("string"!=typeof e)return{h:0,s:0,v:0,a:1};if("transparent"===e)return{h:0,s:0,v:0,a:0};let t=e.trim();for(let[e,r]of Object.entries(h))if(r.test(t))return v[e](t);return{h:0,s:0,v:0,a:1}}},221:function(e,t,r){"use strict";r.d(t,{b:function(){return v}});var n=r(67294),a={root:"m-de3d2490",colorOverlay:"m-862f3d1b",shadowOverlay:"m-98ae7f22",alphaOverlay:"m-95709ac0",childrenOverlay:"m-93e74e3"},i=r(70405),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(48468),u=r(72622),p=Object.defineProperty,_=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))m.call(t,r)&&f(e,r,t[r]);if(_)for(var r of _(t))g.call(t,r)&&f(e,r,t[r]);return e},b=(e,t)=>{var r={};for(var n in e)m.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&_)for(var n of _(e))0>t.indexOf(n)&&g.call(e,n)&&(r[n]=e[n]);return r};let S={withShadow:!0},h=(0,c.Z)((e,{radius:t,size:r})=>({root:{"--cs-radius":void 0===t?void 0:(0,d.H5)(t),"--cs-size":(0,u.h)(r)}})),v=(0,i.b)((e,t)=>{let r=(0,o.w)("ColorSwatch",S,e),i=(0,o.w)("ColorSwatch",S,r),{classNames:c,className:d,style:u,styles:p,unstyled:_,vars:m,color:g,size:f,radius:v,withShadow:y,children:T,variant:O}=i,C=b(i,["classNames","className","style","styles","unstyled","vars","color","size","radius","withShadow","children","variant"]),N=(0,s.y)({name:"ColorSwatch",props:r,classes:a,className:d,style:u,classNames:c,styles:p,unstyled:_,vars:m,varsResolver:h});return n.createElement(l.x,E(E({ref:t,variant:O,size:f},N("root",{focusable:!0})),C),n.createElement("span",E({},N("alphaOverlay"))),y&&n.createElement("span",E({},N("shadowOverlay"))),n.createElement("span",E({},N("colorOverlay",{style:{backgroundColor:g}}))),n.createElement("span",E({},N("childrenOverlay")),T))});v.classes=a,v.displayName="@mantine/core/ColorSwatch"},77331:function(e,t){"use strict";t.Z={dropdown:"m-88b62a41",options:"m-b2821a6e",option:"m-92253aa5",search:"m-985517d8",empty:"m-2530cd1d",header:"m-858f94bd",footer:"m-82b967cb",group:"m-254f3e4f",groupLabel:"m-2bb2e9e5",chevron:"m-2943220b",optionsDropdownScrollArea:"m-71d052f9",optionsDropdownOption:"m-390b5f4",optionsDropdownCheckIcon:"m-8ee53fc2"}},63017:function(e,t,r){"use strict";r.d(t,{d:function(){return T}});var n=r(67294),a=r(77331),i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(48468),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={error:null},y=(0,c.Z)((e,{size:t})=>({chevron:{"--combobox-chevron-size":(0,d.ap)(t,"combobox-chevron-size")}})),T=(0,i.d)((e,t)=>{let r=(0,o.w)("ComboboxChevron",v,e),{size:i,error:c,style:d,className:u,classNames:p,styles:_,unstyled:m,vars:g}=r,f=h(r,["size","error","style","className","classNames","styles","unstyled","vars"]),E=(0,s.y)({name:"ComboboxChevron",classes:a.Z,props:r,style:d,className:u,classNames:p,styles:_,unstyled:m,vars:g,varsResolver:y,rootSelector:"chevron"});return n.createElement(l.x,S(b(b({component:"svg"},f),E("chevron")),{size:i,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",mod:["combobox-chevron",{error:c}],ref:t}),n.createElement("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))});T.classes=a.Z,T.displayName="@mantine/core/ComboboxChevron"},7995:function(e,t,r){"use strict";function n(e){return e?e.map(function e(t){return"string"==typeof t?{value:t,label:t}:"number"==typeof t?{value:t.toString(),label:t.toString()}:"group"in t?{group:t.group,items:t.items.map(t=>e(t))}:t}):[]}r.d(t,{R:function(){return n}})},79810:function(e,t,r){"use strict";r.d(t,{q:function(){return m}});var n=r(67294),a=r(921),i=r(30370),o=Object.defineProperty,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&d(e,r,t[r]);if(s)for(var r of s(t))c.call(t,r)&&d(e,r,t[r]);return e},p=(e,t)=>{var r={};for(var n in e)l.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&s)for(var n of s(e))0>t.indexOf(n)&&c.call(e,n)&&(r[n]=e[n]);return r};let _={timeout:1e3};function m(e){let t=(0,i.w)("CopyButton",_,e),{children:r,timeout:o,value:s}=t,l=p(t,["children","timeout","value"]),c=(0,a.V)({timeout:o}),d=()=>c.copy(s);return n.createElement(n.Fragment,null,r(u({copy:d,copied:c.copied},l)))}m.displayName="@mantine/core/CopyButton"},68112:function(e,t,r){"use strict";r.d(t,{Y:function(){return I}});var n=r(67294),a=r(72622),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=(e,t)=>o(e,s(t));function m(e,t,r,n){return"center"===e||"center"===n?{top:t}:"end"===e?{bottom:r}:"start"===e?{top:r}:{}}function g(e,t,r,n,a){return"center"===e||"center"===n?{left:t}:"end"===e?{["ltr"===a?"right":"left"]:r}:"start"===e?{["ltr"===a?"left":"right"]:r}:{}}let f={bottom:"borderTopLeftRadius",left:"borderTopRightRadius",right:"borderBottomLeftRadius",top:"borderBottomRightRadius"};var E=r(12917),b=Object.defineProperty,S=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>S(e,h(t)),R=(e,t)=>{var r={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&v)for(var n of v(e))0>t.indexOf(n)&&T.call(e,n)&&(r[n]=e[n]);return r};let I=(0,n.forwardRef)((e,t)=>{var{position:r,arrowSize:i,arrowOffset:o,arrowRadius:s,arrowPosition:l,visible:c,arrowX:d,arrowY:u,style:b}=e,S=R(e,["position","arrowSize","arrowOffset","arrowRadius","arrowPosition","visible","arrowX","arrowY","style"]);let{dir:h}=(0,E.gm)();return c?n.createElement("div",N(C({},S),{ref:t,style:C(C({},b),function({position:e,arrowSize:t,arrowOffset:r,arrowRadius:n,arrowPosition:i,arrowX:o,arrowY:s,dir:l}){let[c,d="center"]=e.split("-"),u={width:(0,a.h)(t),height:(0,a.h)(t),transform:"rotate(45deg)",position:"absolute",[f[c]]:(0,a.h)(n)},E=(0,a.h)(-t/2);return"left"===c?_(p(p({},u),m(d,s,r,i)),{right:E,borderLeftColor:"transparent",borderBottomColor:"transparent"}):"right"===c?_(p(p({},u),m(d,s,r,i)),{left:E,borderRightColor:"transparent",borderTopColor:"transparent"}):"top"===c?_(p(p({},u),g(d,o,r,i,l)),{bottom:E,borderTopColor:"transparent",borderLeftColor:"transparent"}):"bottom"===c?_(p(p({},u),g(d,o,r,i,l)),{top:E,borderBottomColor:"transparent",borderRightColor:"transparent"}):{}}({position:r,arrowSize:i,arrowOffset:o,arrowRadius:s,arrowPosition:l,dir:h,arrowX:d,arrowY:u}))})):null});I.displayName="@mantine/core/FloatingArrow"},2761:function(e,t,r){"use strict";function n(e,t){if("rtl"===e&&(t.includes("right")||t.includes("left"))){let[e,r]=t.split("-"),n="right"===e?"left":"right";return void 0===r?n:`${n}-${r}`}return t}r.d(t,{_:function(){return n}})},1395:function(e,t,r){"use strict";r.d(t,{U:function(){return a}});var n=r(67294);function a({open:e,close:t,openDelay:r,closeDelay:a}){let i=(0,n.useRef)(-1),o=(0,n.useRef)(-1),s=()=>{window.clearTimeout(i.current),window.clearTimeout(o.current)},l=()=>{s(),0===r||void 0===r?e():i.current=window.setTimeout(e,r)},c=()=>{s(),0===a||void 0===a?t():o.current=window.setTimeout(t,a)};return(0,n.useEffect)(()=>s,[]),{openDropdown:l,closeDropdown:c}}},19217:function(e,t,r){"use strict";r.d(t,{L:function(){return o}});var n=r(67294),a=r(25772),i=r(14372);function o({opened:e,floating:t,position:r,positionDependencies:o}){let[s,l]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(t.refs.reference.current&&t.refs.floating.current)return(0,a.Me)(t.refs.reference.current,t.refs.floating.current,t.update)},[t.refs.reference.current,t.refs.floating.current,e,s,r]),(0,i.l)(()=>{t.update()},o),(0,i.l)(()=>{l(e=>e+1)},[e])}},60099:function(e,t,r){"use strict";r.d(t,{i:function(){return p}});var n=r(67294);let a=/input|select|textarea|button|object/,i="a, input, select, textarea, button, object, [tabindex]";function o(e){let t=e.getAttribute("tabindex");return null===t&&(t=void 0),parseInt(t,10)}function s(e){let t=e.nodeName.toLowerCase(),r=!Number.isNaN(o(e)),n=a.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||r;return n&&function(e){let t=e.getAttribute("aria-hidden")||e.getAttribute("hidden")||"hidden"===e.getAttribute("type");if(t)return!1;let r=e;for(;r&&r!==document.body&&11!==r.nodeType;){if("none"===r.style.display)return!1;r=r.parentNode}return!0}(e)}function l(e){let t=o(e),r=Number.isNaN(t);return(r||t>=0)&&s(e)}var c=r(97718),d=r(83443),u=r(12322);function p({children:e,active:t=!0,refProp:r="ref"}){let a=function(e=!0){let t=(0,n.useRef)(),r=(0,n.useRef)(null),a=e=>{let t=e.querySelector("[data-autofocus]");if(!t){let r=Array.from(e.querySelectorAll(i));!(t=r.find(l)||r.find(s)||null)&&s(e)&&(t=e)}t&&t.focus({preventScroll:!0})},o=(0,n.useCallback)(n=>{if(e){if(null===n){r.current&&(r.current(),r.current=null);return}r.current=function(e,t="body > :not(script)"){let r=(0,c.k)(),n=Array.from(document.querySelectorAll(t)).map(t=>{var n;if((null==(n=null==t?void 0:t.shadowRoot)?void 0:n.contains(e))||t.contains(e))return;let a=t.getAttribute("aria-hidden"),i=t.getAttribute("data-hidden"),o=t.getAttribute("data-focus-id");return t.setAttribute("data-focus-id",r),null===a||"false"===a?t.setAttribute("aria-hidden","true"):i||o||t.setAttribute("data-hidden",a),{node:t,ariaHidden:i||null}});return()=>{n.forEach(e=>{e&&r===e.node.getAttribute("data-focus-id")&&(null===e.ariaHidden?e.node.removeAttribute("aria-hidden"):e.node.setAttribute("aria-hidden",e.ariaHidden),e.node.removeAttribute("data-focus-id"),e.node.removeAttribute("data-hidden"))})}}(n),t.current!==n&&(n?(setTimeout(()=>{n.getRootNode()&&a(n)}),t.current=n):t.current=null)}},[e]);return(0,n.useEffect)(()=>{if(!e)return;t.current&&setTimeout(()=>a(t.current));let n=e=>{"Tab"===e.key&&t.current&&function(e,t){let r=Array.from(e.querySelectorAll(i)).filter(l);if(!r.length){t.preventDefault();return}let n=r[t.shiftKey?0:r.length-1],a=e.getRootNode(),o=n===a.activeElement||e===a.activeElement;if(!o)return;t.preventDefault();let s=r[t.shiftKey?r.length-1:0];s&&s.focus()}(t.current,e)};return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n),r.current&&r.current()}},[e]),o}(t),o=(0,d.Yx)(a,null==e?void 0:e.ref);return(0,u.k)(e)?(0,n.cloneElement)(e,{[r]:o}):e}p.displayName="@mantine/core/FocusTrap"},16262:function(e,t,r){"use strict";r.d(t,{Z:function(){return T}});var n=r(67294),a={root:"m-4081bf90"},i=r(48468),o=r(3154),s=r(30370),l=r(86109),c=r(81110),d=r(8586),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={preventGrowOverflow:!0,gap:"md",align:"center",justify:"flex-start",wrap:"wrap"},y=(0,d.Z)((e,{grow:t,preventGrowOverflow:r,gap:n,align:a,justify:o,wrap:s},{childWidth:l})=>({root:{"--group-child-width":t&&r?l:void 0,"--group-gap":(0,i.bG)(n),"--group-align":a,"--group-justify":o,"--group-wrap":s}})),T=(0,o.d)((e,t)=>{let r=(0,s.w)("Group",v,e),{classNames:o,className:d,style:u,styles:p,unstyled:_,children:m,gap:g,align:f,justify:E,wrap:T,grow:O,preventGrowOverflow:C,vars:N,variant:R,__size:I}=r,A=h(r,["classNames","className","style","styles","unstyled","children","gap","align","justify","wrap","grow","preventGrowOverflow","vars","variant","__size"]),x=n.Children.toArray(m).filter(Boolean),w=x.length,D=(0,i.bG)(null!=g?g:"md"),M=`calc(${100/w}% - (${D} - ${D} / ${w}))`,P=(0,l.y)({name:"Group",props:r,stylesCtx:{childWidth:M},className:d,style:u,classes:a,classNames:o,styles:p,unstyled:_,vars:N,varsResolver:y});return n.createElement(c.x,b(S(b({},P("root")),{ref:t,variant:R,mod:{grow:O},size:I}),A),x)});T.classes=a,T.displayName="@mantine/core/Group"},62401:function(e,t,r){"use strict";r.d(t,{y:function(){return h}});var n=r(67294);function a(e){return e.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&")}var i=r(72039),o=r(16445),s=r(70405),l=r(30370),c=Object.defineProperty,d=Object.defineProperties,u=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>d(e,u(t)),b=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};let S={},h=(0,s.b)((e,t)=>{let r=(0,l.w)("Highlight",S,e),{unstyled:s,children:c,highlight:d,highlightStyles:u,color:p}=r,_=b(r,["unstyled","children","highlight","highlightStyles","color"]),m=function(e,t){if(null==t)return[{chunk:e,highlighted:!1}];let r=Array.isArray(t)?t.map(a):a(t),n=Array.isArray(r)?r.filter(e=>e.trim().length>0).length>0:""!==r.trim();if(!n)return[{chunk:e,highlighted:!1}];let i="string"==typeof r?r.trim():r.filter(e=>0!==e.trim().length).map(e=>e.trim()).join("|"),o=RegExp(`(${i})`,"gi"),s=e.split(o).map(e=>({chunk:e,highlighted:o.test(e)})).filter(({chunk:e})=>e);return s}(c,d);return n.createElement(i.x,E(f({unstyled:s,ref:t},_),{__staticSelector:"Highlight"}),m.map(({chunk:e,highlighted:t},r)=>t?n.createElement(o.v,{unstyled:s,key:r,color:p,style:u,"data-highlight":e},e):n.createElement("span",{key:r},e)))});h.classes=i.x.classes,h.displayName="@mantine/core/Highlight"},95958:function(e,t,r){"use strict";r.d(t,{Z:function(){return h},J:function(){return S}});var n=r(67294),a={root:"m-5f75b09e",body:"m-5f6e695e",labelWrapper:"m-d3ea56bb",label:"m-8ee546b8",description:"m-328f68c0",error:"m-8e8a99cc"},i=r(52561),o=r(86109),s=r(81110),l=r(48468),c=Object.defineProperty,d=Object.defineProperties,u=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>d(e,u(t)),b=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};let S=a,h=(0,n.forwardRef)((e,t)=>{var{__staticSelector:r,__stylesApiProps:c,className:d,classNames:u,styles:p,unstyled:_,children:m,label:g,description:S,id:h,disabled:v,error:y,size:T,labelPosition:O="left",variant:C,style:N,vars:R}=e,I=b(e,["__staticSelector","__stylesApiProps","className","classNames","styles","unstyled","children","label","description","id","disabled","error","size","labelPosition","variant","style","vars"]);let A=(0,o.y)({name:r,props:c,className:d,style:N,classes:a,classNames:u,styles:p,unstyled:_});return n.createElement(s.x,f(E(f({},A("root")),{ref:t,__vars:{"--label-fz":(0,l.yv)(T),"--label-lh":(0,l.ap)(T,"label-lh")},mod:{"label-position":O},variant:C,size:T}),I),n.createElement("div",f({},A("body")),m,n.createElement("div",f({},A("labelWrapper")),g&&n.createElement("label",E(f({},A("label")),{"data-disabled":v||void 0,htmlFor:h}),g),S&&n.createElement(i.I.Description,f({size:T},A("description")),S),y&&"boolean"!==y&&n.createElement(i.I.Error,f({size:T},A("error")),y))))});h.displayName="@mantine/core/InlineInput"},52561:function(e,t,r){"use strict";r.d(t,{I:function(){return eD}});var n=r(67294),a=r(22895),i={wrapper:"m-6c018570",input:"m-8fb7ebe7",section:"m-82577fc2",placeholder:"m-88bacfd0",root:"m-46b77525",label:"m-8fdc1311",required:"m-78a94662",error:"m-8f816625",description:"m-fe47ce59"},o=r(48468),s=r(3154),l=r(30370),c=r(86109),d=r(81110),u=r(8586),p=Object.defineProperty,_=Object.defineProperties,m=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,b=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,S=(e,t)=>{for(var r in t||(t={}))f.call(t,r)&&b(e,r,t[r]);if(g)for(var r of g(t))E.call(t,r)&&b(e,r,t[r]);return e},h=(e,t)=>_(e,m(t)),v=(e,t)=>{var r={};for(var n in e)f.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&g)for(var n of g(e))0>t.indexOf(n)&&E.call(e,n)&&(r[n]=e[n]);return r};let y={labelElement:"label"},T=(0,u.Z)((e,{size:t})=>({label:{"--input-label-size":(0,o.yv)(t),"--input-asterisk-color":void 0}})),O=(0,s.d)((e,t)=>{let r=(0,l.w)("InputLabel",y,e),o=(0,l.w)("InputLabel",y,r),{classNames:s,className:u,style:p,styles:_,unstyled:m,vars:g,labelElement:f,size:E,required:b,htmlFor:O,onMouseDown:C,children:N,__staticSelector:R,variant:I}=o,A=v(o,["classNames","className","style","styles","unstyled","vars","labelElement","size","required","htmlFor","onMouseDown","children","__staticSelector","variant"]),x=(0,c.y)({name:["InputWrapper",R],props:r,classes:i,className:u,style:p,classNames:s,styles:_,unstyled:m,rootSelector:"label",vars:g,varsResolver:T}),w=(0,a.D)(),D=(null==w?void 0:w.getStyles)||x;return n.createElement(d.x,S(h(S({},D("label")),{component:f,variant:I,size:E,ref:t,htmlFor:"label"===f?O:void 0,mod:{required:b},onMouseDown:e=>{null==C||C(e),!e.defaultPrevented&&e.detail>1&&e.preventDefault()}}),A),N,b&&n.createElement("span",h(S({},D("required")),{"aria-hidden":!0})," *"))});O.classes=i,O.displayName="@mantine/core/InputLabel";var C=r(72622),N=Object.defineProperty,R=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,x=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,w=(e,t)=>{for(var r in t||(t={}))I.call(t,r)&&x(e,r,t[r]);if(R)for(var r of R(t))A.call(t,r)&&x(e,r,t[r]);return e},D=(e,t)=>{var r={};for(var n in e)I.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&R)for(var n of R(e))0>t.indexOf(n)&&A.call(e,n)&&(r[n]=e[n]);return r};let M={},P=(0,u.Z)((e,{size:t})=>({error:{"--input-error-size":void 0===t?void 0:`calc(${(0,o.yv)(t)} - ${(0,C.h)(2)})`}})),L=(0,s.d)((e,t)=>{let r=(0,l.w)("InputError",M,e),{classNames:o,className:s,style:u,styles:p,unstyled:_,vars:m,size:g,__staticSelector:f,variant:E}=r,b=D(r,["classNames","className","style","styles","unstyled","vars","size","__staticSelector","variant"]),S=(0,c.y)({name:["InputWrapper",f],props:r,classes:i,className:s,style:u,classNames:o,styles:p,unstyled:_,rootSelector:"error",vars:m,varsResolver:P}),h=(0,a.D)(),v=(null==h?void 0:h.getStyles)||S;return n.createElement(d.x,w(w({component:"p",ref:t,variant:E,size:g},v("error")),b))});L.classes=i,L.displayName="@mantine/core/InputError";var k=Object.defineProperty,F=Object.getOwnPropertySymbols,U=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,G=(e,t,r)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,j=(e,t)=>{for(var r in t||(t={}))U.call(t,r)&&G(e,r,t[r]);if(F)for(var r of F(t))B.call(t,r)&&G(e,r,t[r]);return e},Y=(e,t)=>{var r={};for(var n in e)U.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&F)for(var n of F(e))0>t.indexOf(n)&&B.call(e,n)&&(r[n]=e[n]);return r};let H={},z=(0,u.Z)((e,{size:t})=>({description:{"--input-description-size":void 0===t?void 0:`calc(${(0,o.yv)(t)} - ${(0,C.h)(2)})`}})),V=(0,s.d)((e,t)=>{let r=(0,l.w)("InputDescription",H,e),o=(0,l.w)("InputDescription",H,r),{classNames:s,className:u,style:p,styles:_,unstyled:m,vars:g,size:f,__staticSelector:E,variant:b}=o,S=Y(o,["classNames","className","style","styles","unstyled","vars","size","__staticSelector","variant"]),h=(0,a.D)(),v=(0,c.y)({name:["InputWrapper",E],props:r,classes:i,className:u,style:p,classNames:s,styles:_,unstyled:m,rootSelector:"description",vars:g,varsResolver:z}),y=(null==h?void 0:h.getStyles)||v;return n.createElement(d.x,j(j({component:"p",ref:t,variant:b,size:f},y("description")),S))});V.classes=i,V.displayName="@mantine/core/InputDescription";var $=Object.defineProperty,q=Object.defineProperties,W=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,J=(e,t)=>{for(var r in t||(t={}))K.call(t,r)&&X(e,r,t[r]);if(Q)for(var r of Q(t))Z.call(t,r)&&X(e,r,t[r]);return e},ee=(e,t)=>q(e,W(t)),et=(e,t)=>{var r={};for(var n in e)K.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&Q)for(var n of Q(e))0>t.indexOf(n)&&Z.call(e,n)&&(r[n]=e[n]);return r};let er={},en=(0,s.d)((e,t)=>{let r=(0,l.w)("InputPlaceholder",er,e),a=(0,l.w)("InputPlaceholder",er,r),{classNames:o,className:s,style:u,styles:p,unstyled:_,vars:m,__staticSelector:g,variant:f,error:E}=a,b=et(a,["classNames","className","style","styles","unstyled","vars","__staticSelector","variant","error"]),S=(0,c.y)({name:["InputPlaceholder",g],props:r,classes:i,className:s,style:u,classNames:o,styles:p,unstyled:_,rootSelector:"placeholder"});return n.createElement(d.x,J(ee(J({},S("placeholder")),{mod:{error:!!E},component:"span",variant:f,ref:t}),b))});en.classes=i,en.displayName="@mantine/core/InputPlaceholder";var ea=r(9779),ei=Object.defineProperty,eo=Object.defineProperties,es=Object.getOwnPropertyDescriptors,el=Object.getOwnPropertySymbols,ec=Object.prototype.hasOwnProperty,ed=Object.prototype.propertyIsEnumerable,eu=(e,t,r)=>t in e?ei(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ep=(e,t)=>{for(var r in t||(t={}))ec.call(t,r)&&eu(e,r,t[r]);if(el)for(var r of el(t))ed.call(t,r)&&eu(e,r,t[r]);return e},e_=(e,t)=>eo(e,es(t)),em=(e,t)=>{var r={};for(var n in e)ec.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&el)for(var n of el(e))0>t.indexOf(n)&&ed.call(e,n)&&(r[n]=e[n]);return r};let eg={labelElement:"label",inputContainer:e=>e,inputWrapperOrder:["label","description","input","error"]},ef=(0,u.Z)((e,{size:t})=>({label:{"--input-label-size":(0,o.yv)(t),"--input-asterisk-color":void 0},error:{"--input-error-size":void 0===t?void 0:`calc(${(0,o.yv)(t)} - ${(0,C.h)(2)})`},description:{"--input-description-size":void 0===t?void 0:`calc(${(0,o.yv)(t)} - ${(0,C.h)(2)})`}})),eE=(0,s.d)((e,t)=>{let r=(0,l.w)("InputWrapper",eg,e),{classNames:o,className:s,style:u,styles:p,unstyled:_,vars:m,size:g,variant:f,__staticSelector:E,inputContainer:b,inputWrapperOrder:S,label:h,error:v,description:y,labelProps:T,descriptionProps:C,errorProps:N,labelElement:R,children:I,withAsterisk:A,id:x,required:w,__stylesApiProps:D}=r,M=em(r,["classNames","className","style","styles","unstyled","vars","size","variant","__staticSelector","inputContainer","inputWrapperOrder","label","error","description","labelProps","descriptionProps","errorProps","labelElement","children","withAsterisk","id","required","__stylesApiProps"]),P=(0,c.y)({name:["InputWrapper",E],props:D||r,classes:i,className:s,style:u,classNames:o,styles:p,unstyled:_,vars:m,varsResolver:ef}),k={size:g,variant:f,__staticSelector:E},F=(0,ea.M)(x),U=(null==N?void 0:N.id)||`${F}-error`,B=(null==C?void 0:C.id)||`${F}-description`,G=!!v&&"boolean"!=typeof v,j=!!y,Y=`${G?U:""} ${j?B:""}`,H=Y.trim().length>0?Y.trim():void 0,z=(null==T?void 0:T.id)||`${F}-label`,$=h&&n.createElement(O,ep(ep({key:"label",labelElement:R,id:z,htmlFor:F,required:"boolean"==typeof A?A:w},k),T),h),q=j&&n.createElement(V,e_(ep(ep({key:"description"},C),k),{size:(null==C?void 0:C.size)||k.size,id:(null==C?void 0:C.id)||B}),y),W=n.createElement(n.Fragment,{key:"input"},b(I)),Q=G&&n.createElement(L,e_(ep(ep({},N),k),{size:(null==N?void 0:N.size)||k.size,key:"error",id:(null==N?void 0:N.id)||U}),v),K=S.map(e=>{switch(e){case"label":return $;case"input":return W;case"description":return q;case"error":return Q;default:return null}});return n.createElement(a.I,{value:ep({getStyles:P,describedBy:H,inputId:F,labelId:z},function(e,{hasDescription:t,hasError:r}){let n=e.findIndex(e=>"input"===e),a=e[n-1],i=e[n+1];return{offsetBottom:t&&"description"===i||r&&"error"===i,offsetTop:t&&"description"===a||r&&"error"===a}}(S,{hasDescription:j,hasError:G}))},n.createElement(d.x,ep(ep({ref:t,variant:f,size:g},P("root")),M),K))});eE.classes=i,eE.displayName="@mantine/core/InputWrapper";var eb=r(7872),eS=r(70405),eh=Object.defineProperty,ev=Object.defineProperties,ey=Object.getOwnPropertyDescriptors,eT=Object.getOwnPropertySymbols,eO=Object.prototype.hasOwnProperty,eC=Object.prototype.propertyIsEnumerable,eN=(e,t,r)=>t in e?eh(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eR=(e,t)=>{for(var r in t||(t={}))eO.call(t,r)&&eN(e,r,t[r]);if(eT)for(var r of eT(t))eC.call(t,r)&&eN(e,r,t[r]);return e},eI=(e,t)=>ev(e,ey(t)),eA=(e,t)=>{var r={};for(var n in e)eO.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eT)for(var n of eT(e))0>t.indexOf(n)&&eC.call(e,n)&&(r[n]=e[n]);return r};let ex={variant:"default",leftSectionPointerEvents:"none",rightSectionPointerEvents:"none",withAria:!0,withErrorStyles:!0},ew=(0,u.Z)((e,t,r)=>({wrapper:{"--input-margin-top":r.offsetTop?"calc(var(--mantine-spacing-xs) / 2)":void 0,"--input-margin-bottom":r.offsetBottom?"calc(var(--mantine-spacing-xs) / 2)":void 0,"--input-height":(0,o.ap)(t.size,"input-height"),"--input-fz":(0,o.yv)(t.size),"--input-radius":void 0===t.radius?void 0:(0,o.H5)(t.radius),"--input-left-section-width":void 0!==t.leftSectionWidth?(0,C.h)(t.leftSectionWidth):void 0,"--input-right-section-width":void 0!==t.rightSectionWidth?(0,C.h)(t.rightSectionWidth):void 0,"--input-padding-y":t.multiline?(0,o.ap)(t.size,"input-padding-y"):void 0,"--input-left-section-pointer-events":t.leftSectionPointerEvents,"--input-right-section-pointer-events":t.rightSectionPointerEvents}})),eD=(0,eS.b)((e,t)=>{let r=(0,l.w)("Input",ex,e),{classNames:o,className:s,style:u,styles:p,unstyled:_,required:m,__staticSelector:g,__stylesApiProps:f,size:E,wrapperProps:b,error:S,disabled:h,leftSection:v,leftSectionProps:y,leftSectionWidth:T,rightSection:O,rightSectionProps:C,rightSectionWidth:N,rightSectionPointerEvents:R,leftSectionPointerEvents:I,variant:A,vars:x,pointer:w,multiline:D,radius:M,id:P,withAria:L,withErrorStyles:k}=r,F=eA(r,["classNames","className","style","styles","unstyled","required","__staticSelector","__stylesApiProps","size","wrapperProps","error","disabled","leftSection","leftSectionProps","leftSectionWidth","rightSection","rightSectionProps","rightSectionWidth","rightSectionPointerEvents","leftSectionPointerEvents","variant","vars","pointer","multiline","radius","id","withAria","withErrorStyles"]),{styleProps:U,rest:B}=(0,eb.c)(F),G=(0,a.D)(),j={offsetBottom:null==G?void 0:G.offsetBottom,offsetTop:null==G?void 0:G.offsetTop},Y=(0,c.y)({name:["Input",g],props:f||r,classes:i,className:s,style:u,classNames:o,styles:p,unstyled:_,stylesCtx:j,rootSelector:"wrapper",vars:x,varsResolver:ew}),H=L?{required:m,disabled:h,"aria-invalid":!!S,"aria-describedby":null==G?void 0:G.describedBy,id:(null==G?void 0:G.inputId)||P}:{};return n.createElement(d.x,eI(eR(eR(eR({},Y("wrapper")),U),b),{mod:{error:!!S&&k,pointer:w,disabled:h,multiline:D,"data-with-right-section":!!O,"data-with-left-section":!!v},variant:A,size:E}),v&&n.createElement("div",eR(eI(eR({},y),{"data-position":"left"}),Y("section",{className:null==y?void 0:y.className,style:null==y?void 0:y.style})),v),n.createElement(d.x,eR(eI(eR(eR({component:"input"},B),H),{ref:t,required:m,mod:{disabled:h,error:!!S&&k},variant:A}),Y("input"))),O&&n.createElement("div",eR(eI(eR({},C),{"data-position":"right"}),Y("section",{className:null==C?void 0:C.className,style:null==C?void 0:C.style})),O))});eD.classes=i,eD.Wrapper=eE,eD.Label=O,eD.Error=L,eD.Description=V,eD.Placeholder=en,eD.displayName="@mantine/core/Input"},22895:function(e,t,r){"use strict";r.d(t,{D:function(){return i},I:function(){return a}});var n=r(50377);let[a,i]=(0,n.V)({offsetBottom:!1,offsetTop:!1,describedBy:void 0,getStyles:null,inputId:void 0,labelId:void 0})},23957:function(e,t,r){"use strict";r.d(t,{k:function(){return g}});var n=r(30370),a=r(7872),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=(e,t)=>o(e,s(t)),m=(e,t)=>{var r={};for(var n in e)c.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&l)for(var n of l(e))0>t.indexOf(n)&&d.call(e,n)&&(r[n]=e[n]);return r};function g(e,t,r){let i=(0,n.w)(e,t,r),{label:o,description:s,error:l,required:c,classNames:d,styles:u,className:g,unstyled:f,__staticSelector:E,__stylesApiProps:b,errorProps:S,labelProps:h,descriptionProps:v,wrapperProps:y,id:T,size:O,style:C,inputContainer:N,inputWrapperOrder:R,withAsterisk:I,variant:A,vars:x}=i,w=m(i,["label","description","error","required","classNames","styles","className","unstyled","__staticSelector","__stylesApiProps","errorProps","labelProps","descriptionProps","wrapperProps","id","size","style","inputContainer","inputWrapperOrder","withAsterisk","variant","vars"]),{styleProps:D,rest:M}=(0,a.c)(w),P=p({label:o,description:s,error:l,required:c,classNames:d,className:g,__staticSelector:E,__stylesApiProps:b||i,errorProps:S,labelProps:h,descriptionProps:v,unstyled:f,styles:u,size:O,style:C,inputContainer:N,inputWrapperOrder:R,withAsterisk:I,variant:A,id:T},y);return _(p({},M),{classNames:d,styles:u,unstyled:f,wrapperProps:p(p({},P),D),inputProps:{required:c,classNames:d,styles:u,unstyled:f,size:O,__staticSelector:E,__stylesApiProps:b||i,error:l,variant:A,id:T}})}},70097:function(e,t,r){"use strict";r.d(t,{M:function(){return b}});var n=r(67294),a=r(23957),i=r(52561),o=r(70405),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>l(e,c(t)),f=(e,t)=>{var r={};for(var n in e)u.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&d)for(var n of d(e))0>t.indexOf(n)&&p.call(e,n)&&(r[n]=e[n]);return r};let E={__staticSelector:"InputBase",withAria:!0},b=(0,o.b)((e,t)=>{let r=(0,a.k)("InputBase",E,e),{inputProps:o,wrapperProps:s}=r,l=f(r,["inputProps","wrapperProps"]);return n.createElement(i.I.Wrapper,m({},s),n.createElement(i.I,g(m(m({},o),l),{ref:t})))});b.classes=m(m({},i.I.classes),i.I.Wrapper.classes),b.displayName="@mantine/core/InputBase"},28086:function(e,t,r){"use strict";r.d(t,{m:function(){return i}});var n=r(67294),a=r(22895);function i({children:e,role:t}){let r=(0,a.D)();return r?n.createElement("div",{role:t,"aria-labelledby":r.labelId,"aria-describedby":r.describedBy},e):n.createElement(n.Fragment,null,e)}},99888:function(e,t,r){"use strict";r.d(t,{T:function(){return h}});var n=r(67294),a={root:"m-dc6f14e2"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(48468),u=Object.defineProperty,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};let b={},S=(0,c.Z)((e,{size:t})=>({root:{"--kbd-fz":(0,d.ap)(t,"kbd-fz"),"--kbd-padding":(0,d.ap)(t,"kbd-padding")}})),h=(0,i.d)((e,t)=>{let r=(0,o.w)("Kbd",b,e),{classNames:i,className:c,style:d,styles:u,unstyled:p,vars:_}=r,m=E(r,["classNames","className","style","styles","unstyled","vars"]),g=(0,s.y)({name:"Kbd",classes:a,props:r,className:c,style:d,classNames:i,styles:u,unstyled:p,vars:_,varsResolver:S});return n.createElement(l.x,f(f({component:"kbd",ref:t},g("root")),m))});h.classes=a,h.displayName="@mantine/core/Kbd"},77015:function(e,t,r){"use strict";r.d(t,{a:function(){return ea}});var n=r(67294),a=r(40624),i={root:"m-5ae2e3c",barsLoader:"m-7a2bd4cd",bar:"m-870bb79","bars-loader-animation":"m-5d2b3b9d",dotsLoader:"m-4e3f22d7",dot:"m-870c4af","loader-dots-animation":"m-aac34a1",ovalLoader:"m-b34414df","oval-loader-animation":"m-f8e89c4b"},o=r(81110),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>l(e,c(t)),f=(e,t)=>{var r={};for(var n in e)u.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&d)for(var n of d(e))0>t.indexOf(n)&&p.call(e,n)&&(r[n]=e[n]);return r};let E=(0,n.forwardRef)((e,t)=>{var{className:r}=e,s=f(e,["className"]);return n.createElement(o.x,g(m({component:"span",className:(0,a.Z)(i.barsLoader,r)},s),{ref:t}),n.createElement("span",{className:i.bar}),n.createElement("span",{className:i.bar}),n.createElement("span",{className:i.bar}))});var b=Object.defineProperty,S=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>S(e,h(t)),R=(e,t)=>{var r={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&v)for(var n of v(e))0>t.indexOf(n)&&T.call(e,n)&&(r[n]=e[n]);return r};let I=(0,n.forwardRef)((e,t)=>{var{className:r}=e,s=R(e,["className"]);return n.createElement(o.x,N(C({component:"span",className:(0,a.Z)(i.ovalLoader,r)},s),{ref:t}))});var A=Object.defineProperty,x=Object.defineProperties,w=Object.getOwnPropertyDescriptors,D=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,L=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,k=(e,t)=>{for(var r in t||(t={}))M.call(t,r)&&L(e,r,t[r]);if(D)for(var r of D(t))P.call(t,r)&&L(e,r,t[r]);return e},F=(e,t)=>x(e,w(t)),U=(e,t)=>{var r={};for(var n in e)M.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&D)for(var n of D(e))0>t.indexOf(n)&&P.call(e,n)&&(r[n]=e[n]);return r};let B=(0,n.forwardRef)((e,t)=>{var{className:r}=e,s=U(e,["className"]);return n.createElement(o.x,F(k({component:"span",className:(0,a.Z)(i.dotsLoader,r)},s),{ref:t}),n.createElement("span",{className:i.dot}),n.createElement("span",{className:i.dot}),n.createElement("span",{className:i.dot}))});var G=r(48468),j=r(40184),Y=r(3154),H=r(30370),z=r(86109),V=r(8586),$=Object.defineProperty,q=Object.defineProperties,W=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,J=(e,t)=>{for(var r in t||(t={}))K.call(t,r)&&X(e,r,t[r]);if(Q)for(var r of Q(t))Z.call(t,r)&&X(e,r,t[r]);return e},ee=(e,t)=>q(e,W(t)),et=(e,t)=>{var r={};for(var n in e)K.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&Q)for(var n of Q(e))0>t.indexOf(n)&&Z.call(e,n)&&(r[n]=e[n]);return r};let er={loaders:{bars:E,oval:I,dots:B},type:"oval"},en=(0,V.Z)((e,{size:t,color:r})=>({root:{"--loader-size":(0,G.ap)(t,"loader-size"),"--loader-color":r?(0,j.p)(r,e):void 0}})),ea=(0,Y.d)((e,t)=>{let r=(0,H.w)("Loader",er,e),{size:a,color:s,type:l,vars:c,className:d,style:u,classNames:p,styles:_,unstyled:m,loaders:g,variant:f}=r,E=et(r,["size","color","type","vars","className","style","classNames","styles","unstyled","loaders","variant"]),b=(0,z.y)({name:"Loader",props:r,classes:i,className:d,style:u,classNames:p,styles:_,unstyled:m,vars:c,varsResolver:en});return n.createElement(o.x,J(ee(J({},b("root")),{ref:t,component:g[l],variant:f,size:a}),E))});ea.classes=i,ea.displayName="@mantine/core/Loader"},16445:function(e,t,r){"use strict";r.d(t,{v:function(){return v}});var n=r(67294),a=r(52845);function i({color:e,theme:t,defaultShade:r}){let n=(0,a.E)({color:e,theme:t});return n.isThemeColor?void 0===n.shade?`var(--mantine-color-${n.color}-${r})`:`var(${n.variable})`:e}var o={root:"m-bcb3f3c2"},s=r(3154),l=r(30370),c=r(86109),d=r(81110),u=r(8586),p=Object.defineProperty,_=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))m.call(t,r)&&f(e,r,t[r]);if(_)for(var r of _(t))g.call(t,r)&&f(e,r,t[r]);return e},b=(e,t)=>{var r={};for(var n in e)m.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&_)for(var n of _(e))0>t.indexOf(n)&&g.call(e,n)&&(r[n]=e[n]);return r};let S={color:"yellow"},h=(0,u.Z)((e,{color:t})=>({root:{"--mark-bg-dark":i({color:t,theme:e,defaultShade:5}),"--mark-bg-light":i({color:t,theme:e,defaultShade:2})}})),v=(0,s.d)((e,t)=>{let r=(0,l.w)("Mark",S,e),{classNames:a,className:i,style:s,styles:u,unstyled:p,vars:_,color:m,variant:g}=r,f=b(r,["classNames","className","style","styles","unstyled","vars","color","variant"]),v=(0,c.y)({name:"Mark",props:r,className:i,style:s,classes:o,classNames:a,styles:u,unstyled:p,vars:_,varsResolver:h});return n.createElement(d.x,E(E({component:"mark",ref:t,variant:g},v("root")),f))});v.classes=o,v.displayName="@mantine/core/Mark"},87910:function(e,t,r){"use strict";r.d(t,{v:function(){return eP}});var n=r(67294),a=r(643),i=r(14372),o={dropdown:"m-dc9b7c9f",label:"m-9bfac126",divider:"m-efdf90cb",item:"m-99ac2aa1",itemLabel:"m-5476e0d3",itemSection:"m-8b75e504"},s=r(45763);let[l,c]=(0,s.R)("Menu component was not found in the tree");var d=r(3154),u=r(30370),p=r(81110),_=Object.defineProperty,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let h={},v=(0,d.d)((e,t)=>{let r=(0,u.w)("MenuDivider",h,e),{classNames:a,className:i,style:o,styles:s,vars:l}=r,d=S(r,["classNames","className","style","styles","vars"]),_=c();return n.createElement(p.x,b(b({ref:t},_.getStyles("divider",{className:i,style:o,styles:s,classNames:a})),d))});v.classes=o,v.displayName="@mantine/core/MenuDivider";var y=r(84131),T=r(35070),O=Object.defineProperty,C=Object.defineProperties,N=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,x=(e,t,r)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,w=(e,t)=>{for(var r in t||(t={}))I.call(t,r)&&x(e,r,t[r]);if(R)for(var r of R(t))A.call(t,r)&&x(e,r,t[r]);return e},D=(e,t)=>C(e,N(t)),M=(e,t)=>{var r={};for(var n in e)I.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&R)for(var n of R(e))0>t.indexOf(n)&&A.call(e,n)&&(r[n]=e[n]);return r};let P={},L=(0,d.d)((e,t)=>{let r=(0,u.w)("MenuDropdown",P,e),{classNames:a,className:i,style:o,styles:s,vars:l,onMouseEnter:d,onMouseLeave:p,children:_}=r,m=M(r,["classNames","className","style","styles","vars","onMouseEnter","onMouseLeave","children"]),g=(0,n.useRef)(null),f=c(),E=e=>{var t,r;("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),null==(r=null==(t=g.current)?void 0:t.querySelectorAll("[data-menu-item]:not(:disabled)")[0])||r.focus())},b=(0,T.x)(d,()=>"hover"===f.trigger&&f.openDropdown()),S=(0,T.x)(p,()=>"hover"===f.trigger&&f.closeDropdown());return n.createElement(y.J.Dropdown,w(D(w({},m),{onMouseEnter:b,onMouseLeave:S,role:"menu","aria-orientation":"vertical",ref:t}),f.getStyles("dropdown",{className:i,style:o,styles:s,classNames:a})),n.createElement("div",{tabIndex:-1,"data-menu-dropdown":!0,"data-autofocus":!0,onKeyDown:E,ref:g,style:{outline:0}},_))});L.classes=o,L.displayName="@mantine/core/MenuDropdown";var k=r(83443),F=r(86610),U=r(70405),B=r(43440),G=r(12917),j=r(49999),Y=Object.defineProperty,H=Object.defineProperties,z=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,W=(e,t,r)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Q=(e,t)=>{for(var r in t||(t={}))$.call(t,r)&&W(e,r,t[r]);if(V)for(var r of V(t))q.call(t,r)&&W(e,r,t[r]);return e},K=(e,t)=>H(e,z(t)),Z=(e,t)=>{var r={};for(var n in e)$.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&V)for(var n of V(e))0>t.indexOf(n)&&q.call(e,n)&&(r[n]=e[n]);return r};let X={},J=(0,U.b)((e,t)=>{let r=(0,u.w)("MenuItem",X,e),{classNames:a,className:i,style:o,styles:s,vars:l,color:d,closeMenuOnClick:p,leftSection:_,rightSection:m,children:g,disabled:f}=r,E=Z(r,["classNames","className","style","styles","vars","color","closeMenuOnClick","leftSection","rightSection","children","disabled"]),b=c(),S=(0,B.rZ)(),{dir:h}=(0,G.gm)(),v=(0,n.useRef)(),y=b.getItemIndex(v.current),O=(0,T.x)(E.onMouseLeave,()=>b.setHovered(-1)),C=(0,T.x)(E.onMouseEnter,()=>b.setHovered(b.getItemIndex(v.current))),N=(0,T.x)(E.onClick,()=>{"boolean"==typeof p?p&&b.closeDropdownImmediately():b.closeOnItemClick&&b.closeDropdownImmediately()}),R=(0,T.x)(E.onFocus,()=>b.setHovered(b.getItemIndex(v.current))),I=d?S.variantColorResolver({color:d,theme:S,variant:"light"}):void 0;return n.createElement(F.k,K(Q(K(Q({},E),{unstyled:b.unstyled,tabIndex:-1,onFocus:R}),b.getStyles("item",{className:i,style:o,styles:s,classNames:a})),{ref:(0,k.Yx)(v,t),role:"menuitem",disabled:f,"data-menu-item":!0,"data-disabled":f||void 0,"data-hovered":b.hovered===y||void 0,onMouseEnter:C,onMouseLeave:O,onClick:N,onKeyDown:(0,j.R)({siblingSelector:"[data-menu-item]",parentSelector:"[data-menu-dropdown]",activateOnFocus:!1,loop:b.loop,dir:h,orientation:"vertical",onKeyDown:E.onKeydown}),__vars:{"--menu-item-color":null==I?void 0:I.color,"--menu-item-hover":null==I?void 0:I.hover}}),_&&n.createElement("div",K(Q({},b.getStyles("itemSection",{styles:s,classNames:a})),{"data-position":"left"}),_),g&&n.createElement("div",Q({},b.getStyles("itemLabel",{styles:s,classNames:a})),g),m&&n.createElement("div",K(Q({},b.getStyles("itemSection",{styles:s,classNames:a})),{"data-position":"right"}),m))});J.classes=o,J.displayName="@mantine/core/MenuItem";var ee=Object.defineProperty,et=Object.getOwnPropertySymbols,er=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,ea=(e,t,r)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ei=(e,t)=>{for(var r in t||(t={}))er.call(t,r)&&ea(e,r,t[r]);if(et)for(var r of et(t))en.call(t,r)&&ea(e,r,t[r]);return e},eo=(e,t)=>{var r={};for(var n in e)er.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&et)for(var n of et(e))0>t.indexOf(n)&&en.call(e,n)&&(r[n]=e[n]);return r};let es={},el=(0,d.d)((e,t)=>{let r=(0,u.w)("MenuLabel",es,e),{classNames:a,className:i,style:o,styles:s,vars:l}=r,d=eo(r,["classNames","className","style","styles","vars"]),_=c();return n.createElement(p.x,ei(ei({ref:t},_.getStyles("label",{className:i,style:o,styles:s,classNames:a})),d))});el.classes=o,el.displayName="@mantine/core/MenuLabel";var ec=r(12322),ed=Object.defineProperty,eu=Object.getOwnPropertySymbols,ep=Object.prototype.hasOwnProperty,e_=Object.prototype.propertyIsEnumerable,em=(e,t,r)=>t in e?ed(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eg=(e,t)=>{for(var r in t||(t={}))ep.call(t,r)&&em(e,r,t[r]);if(eu)for(var r of eu(t))e_.call(t,r)&&em(e,r,t[r]);return e},ef=(e,t)=>{var r={};for(var n in e)ep.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eu)for(var n of eu(e))0>t.indexOf(n)&&e_.call(e,n)&&(r[n]=e[n]);return r};let eE={refProp:"ref"},eb=(0,n.forwardRef)((e,t)=>{let r=(0,u.w)("MenuTarget",eE,e),{children:a,refProp:i}=r,o=ef(r,["children","refProp"]);if(!(0,ec.k)(a))throw Error("Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");let s=c(),l=(0,T.x)(a.props.onClick,()=>"click"===s.trigger&&s.toggleDropdown()),d=(0,T.x)(a.props.onMouseEnter,()=>"hover"===s.trigger&&s.openDropdown()),p=(0,T.x)(a.props.onMouseLeave,()=>"hover"===s.trigger&&s.closeDropdown());return n.createElement(y.J.Target,eg({refProp:i,popupType:"menu",ref:t},o),(0,n.cloneElement)(a,{onClick:l,onMouseEnter:d,onMouseLeave:p,"data-expanded":!!s.opened||void 0}))});eb.displayName="@mantine/core/MenuTarget";var eS=r(1395),eh=r(43723),ev=r(86109),ey=r(28816),eT=Object.defineProperty,eO=Object.defineProperties,eC=Object.getOwnPropertyDescriptors,eN=Object.getOwnPropertySymbols,eR=Object.prototype.hasOwnProperty,eI=Object.prototype.propertyIsEnumerable,eA=(e,t,r)=>t in e?eT(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ex=(e,t)=>{for(var r in t||(t={}))eR.call(t,r)&&eA(e,r,t[r]);if(eN)for(var r of eN(t))eI.call(t,r)&&eA(e,r,t[r]);return e},ew=(e,t)=>eO(e,eC(t)),eD=(e,t)=>{var r={};for(var n in e)eR.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eN)for(var n of eN(e))0>t.indexOf(n)&&eI.call(e,n)&&(r[n]=e[n]);return r};let eM={closeOnItemClick:!0,loop:!0,trigger:"click",openDelay:0,closeDelay:100};function eP(e){let t=(0,u.w)("Menu",eM,e),{children:r,onOpen:s,onClose:c,opened:d,defaultOpened:p,onChange:_,closeOnItemClick:m,loop:g,closeOnEscape:f,trigger:E,openDelay:b,closeDelay:S,classNames:h,styles:v,unstyled:T,variant:O,vars:C}=t,N=eD(t,["children","onOpen","onClose","opened","defaultOpened","onChange","closeOnItemClick","loop","closeOnEscape","trigger","openDelay","closeDelay","classNames","styles","unstyled","variant","vars"]),R=(0,ev.y)({name:"Menu",classes:o,props:t,classNames:h,styles:v,unstyled:T}),[I,{setHovered:A,resetHovered:x}]=function(){let[e,t]=(0,n.useState)(-1),r=()=>t(-1);return[e,{setHovered:t,resetHovered:r}]}(),[w,D]=(0,a.C)({value:d,defaultValue:p,finalValue:!1,onChange:_}),M=()=>{D(!1),w&&(null==c||c())},P=()=>{D(!0),w||null==s||s()},L=()=>{w?M():P()},{openDropdown:k,closeDropdown:F}=(0,eS.U)({open:P,close:M,closeDelay:S,openDelay:b}),U=e=>{var t;return e?Array.from((null==(t=(0,eh.p)(e,"[data-menu-dropdown]"))?void 0:t.querySelectorAll("[data-menu-item]"))||[]).findIndex(t=>t===e):null},{resolvedClassNames:B,resolvedStyles:G}=(0,ey.h)({classNames:h,styles:v,props:t});return(0,i.l)(()=>{x()},[w]),n.createElement(l,{value:{getStyles:R,opened:w,toggleDropdown:L,getItemIndex:U,hovered:I,setHovered:A,closeOnItemClick:m,closeDropdown:"click"===E?M:F,openDropdown:"click"===E?P:k,closeDropdownImmediately:M,loop:g,trigger:E,unstyled:T}},n.createElement(y.J,ew(ex({},N),{opened:w,onChange:L,defaultOpened:p,trapFocus:"click"===E,closeOnEscape:f&&"click"===E,__staticSelector:"Menu",classNames:B,styles:G,unstyled:T,variant:O}),r))}eP.extend=e=>e,eP.classes=o,eP.displayName="@mantine/core/Menu",eP.Item=J,eP.Label=el,eP.Dropdown=L,eP.Target=eb,eP.Divider=v},29613:function(e,t,r){"use strict";r.d(t,{u:function(){return eq}});var n=r(67294),a=r(45763);let[i,o]=(0,a.R)("Modal component was not found in tree");var s={root:"m-9df02822",content:"m-54c44539",inner:"m-1f958f16",header:"m-d0e2b9cd"},l=r(11486),c=r(3154),d=r(30370),u=r(86109),p=r(88380),_=r(8586),m=r(48468),g=r(72622),f=Object.defineProperty,E=Object.defineProperties,b=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,y=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,T=(e,t)=>{for(var r in t||(t={}))h.call(t,r)&&y(e,r,t[r]);if(S)for(var r of S(t))v.call(t,r)&&y(e,r,t[r]);return e},O=(e,t)=>E(e,b(t)),C=(e,t)=>{var r={};for(var n in e)h.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&S)for(var n of S(e))0>t.indexOf(n)&&v.call(e,n)&&(r[n]=e[n]);return r};let N={__staticSelector:"Modal",closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,p.w)("modal"),transitionProps:{duration:200,transition:"pop"}},R=(0,_.Z)((e,{radius:t,size:r,yOffset:n,xOffset:a})=>({root:{"--modal-radius":void 0===t?void 0:(0,m.H5)(t),"--modal-size":(0,m.ap)(r,"modal-size"),"--modal-y-offset":(0,g.h)(n),"--modal-x-offset":(0,g.h)(a)}})),I=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalRoot",N,e),{classNames:a,className:o,style:c,styles:p,unstyled:_,vars:m,yOffset:g,scrollAreaComponent:f,radius:E,fullScreen:b,centered:S,xOffset:h,__staticSelector:v}=r,y=C(r,["classNames","className","style","styles","unstyled","vars","yOffset","scrollAreaComponent","radius","fullScreen","centered","xOffset","__staticSelector"]),I=(0,u.y)({name:v,classes:s,props:r,className:o,style:c,classNames:a,styles:p,unstyled:_,vars:m,varsResolver:R});return n.createElement(i,{value:{yOffset:g,scrollAreaComponent:f,getStyles:I}},n.createElement(l.e,T(O(T({ref:t},I("root")),{"data-full-screen":b||void 0,"data-centered":S||void 0,unstyled:_}),y)))});I.classes=s,I.displayName="@mantine/core/ModalRoot";var A=r(11601),x=Object.defineProperty,w=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,P=(e,t,r)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,L=(e,t)=>{for(var r in t||(t={}))D.call(t,r)&&P(e,r,t[r]);if(w)for(var r of w(t))M.call(t,r)&&P(e,r,t[r]);return e},k=(e,t)=>{var r={};for(var n in e)D.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&w)for(var n of w(e))0>t.indexOf(n)&&M.call(e,n)&&(r[n]=e[n]);return r};let F={},U=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalBody",F,e),{classNames:a,className:i,style:s,styles:l,vars:c}=r,u=k(r,["classNames","className","style","styles","vars"]),p=o();return n.createElement(A.y,L(L({ref:t},p.getStyles("body",{classNames:a,style:s,styles:l,className:i})),u))});U.classes=s,U.displayName="@mantine/core/ModalBody";var B=r(87699),G=Object.defineProperty,j=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,z=(e,t,r)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,V=(e,t)=>{for(var r in t||(t={}))Y.call(t,r)&&z(e,r,t[r]);if(j)for(var r of j(t))H.call(t,r)&&z(e,r,t[r]);return e},$=(e,t)=>{var r={};for(var n in e)Y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&j)for(var n of j(e))0>t.indexOf(n)&&H.call(e,n)&&(r[n]=e[n]);return r};let q={},W=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalCloseButton",q,e),{classNames:a,className:i,style:s,styles:l,vars:c}=r,u=$(r,["classNames","className","style","styles","vars"]),p=o();return n.createElement(B._,V(V({ref:t},p.getStyles("close",{classNames:a,style:s,styles:l,className:i})),u))});W.classes=s,W.displayName="@mantine/core/ModalCloseButton";var Q=r(56270),K=Object.defineProperty,Z=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,ee=(e,t,r)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,et=(e,t)=>{for(var r in t||(t={}))X.call(t,r)&&ee(e,r,t[r]);if(Z)for(var r of Z(t))J.call(t,r)&&ee(e,r,t[r]);return e},er=(e,t)=>{var r={};for(var n in e)X.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&Z)for(var n of Z(e))0>t.indexOf(n)&&J.call(e,n)&&(r[n]=e[n]);return r};let en={},ea=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalOverlay",en,e),{classNames:a,className:i,style:s,styles:l,vars:c}=r,u=er(r,["classNames","className","style","styles","vars"]),p=o();return n.createElement(Q.e,et(et({ref:t},p.getStyles("overlay",{classNames:a,style:s,styles:l,className:i})),u))});ea.classes=s,ea.displayName="@mantine/core/ModalOverlay";var ei=r(92942),eo=r(72354),es=Object.defineProperty,el=Object.defineProperties,ec=Object.getOwnPropertyDescriptors,ed=Object.getOwnPropertySymbols,eu=Object.prototype.hasOwnProperty,ep=Object.prototype.propertyIsEnumerable,e_=(e,t,r)=>t in e?es(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,em=(e,t)=>{for(var r in t||(t={}))eu.call(t,r)&&e_(e,r,t[r]);if(ed)for(var r of ed(t))ep.call(t,r)&&e_(e,r,t[r]);return e},eg=(e,t)=>el(e,ec(t)),ef=(e,t)=>{var r={};for(var n in e)eu.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ed)for(var n of ed(e))0>t.indexOf(n)&&ep.call(e,n)&&(r[n]=e[n]);return r};let eE={},eb=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalContent",eE,e),{classNames:a,className:i,style:s,styles:l,vars:c,children:u}=r,p=ef(r,["classNames","className","style","styles","vars","children"]),_=o(),m=_.scrollAreaComponent||ei.Z;return n.createElement(eo.G,em(eg(em({},_.getStyles("content",{className:i,style:s,styles:l,classNames:a})),{innerProps:_.getStyles("inner",{className:i,style:s,styles:l,classNames:a}),ref:t}),p),n.createElement(m,{style:{maxHeight:`calc(100vh - (${(0,g.h)(_.yOffset)} * 2))`}},u))});eb.classes=s,eb.displayName="@mantine/core/ModalContent";var eS=r(57446),eh=Object.defineProperty,ev=Object.getOwnPropertySymbols,ey=Object.prototype.hasOwnProperty,eT=Object.prototype.propertyIsEnumerable,eO=(e,t,r)=>t in e?eh(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eC=(e,t)=>{for(var r in t||(t={}))ey.call(t,r)&&eO(e,r,t[r]);if(ev)for(var r of ev(t))eT.call(t,r)&&eO(e,r,t[r]);return e},eN=(e,t)=>{var r={};for(var n in e)ey.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ev)for(var n of ev(e))0>t.indexOf(n)&&eT.call(e,n)&&(r[n]=e[n]);return r};let eR={},eI=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalTitle",eR,e),{classNames:a,className:i,style:s,styles:l,vars:c}=r,u=eN(r,["classNames","className","style","styles","vars"]),p=o();return n.createElement(eS.q,eC(eC({ref:t},p.getStyles("title",{classNames:a,style:s,styles:l,className:i})),u))});eI.classes=s,eI.displayName="@mantine/core/ModalTitle";var eA=r(59110),ex=Object.defineProperty,ew=Object.getOwnPropertySymbols,eD=Object.prototype.hasOwnProperty,eM=Object.prototype.propertyIsEnumerable,eP=(e,t,r)=>t in e?ex(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eL=(e,t)=>{for(var r in t||(t={}))eD.call(t,r)&&eP(e,r,t[r]);if(ew)for(var r of ew(t))eM.call(t,r)&&eP(e,r,t[r]);return e},ek=(e,t)=>{var r={};for(var n in e)eD.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ew)for(var n of ew(e))0>t.indexOf(n)&&eM.call(e,n)&&(r[n]=e[n]);return r};let eF={},eU=(0,c.d)((e,t)=>{let r=(0,d.w)("ModalHeader",eF,e),{classNames:a,className:i,style:s,styles:l,vars:c}=r,u=ek(r,["classNames","className","style","styles","vars"]),p=o();return n.createElement(eA.o,eL(eL({ref:t},p.getStyles("header",{classNames:a,style:s,styles:l,className:i})),u))});eU.classes=s,eU.displayName="@mantine/core/ModalHeader";var eB=Object.defineProperty,eG=Object.getOwnPropertySymbols,ej=Object.prototype.hasOwnProperty,eY=Object.prototype.propertyIsEnumerable,eH=(e,t,r)=>t in e?eB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ez=(e,t)=>{for(var r in t||(t={}))ej.call(t,r)&&eH(e,r,t[r]);if(eG)for(var r of eG(t))eY.call(t,r)&&eH(e,r,t[r]);return e},eV=(e,t)=>{var r={};for(var n in e)ej.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eG)for(var n of eG(e))0>t.indexOf(n)&&eY.call(e,n)&&(r[n]=e[n]);return r};let e$={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,p.w)("modal"),transitionProps:{duration:200,transition:"pop"},withOverlay:!0,withCloseButton:!0},eq=(0,c.d)((e,t)=>{let r=(0,d.w)("Modal",e$,e),{title:a,withOverlay:i,overlayProps:o,withCloseButton:s,closeButtonProps:l,children:c,radius:u}=r,p=eV(r,["title","withOverlay","overlayProps","withCloseButton","closeButtonProps","children","radius"]);return n.createElement(I,ez({ref:t,radius:u},p),i&&n.createElement(ea,ez({},o)),n.createElement(eb,{radius:u},(!!a||s)&&n.createElement(eU,null,a&&n.createElement(eI,null,a),s&&n.createElement(W,ez({},l))),n.createElement(U,null,c)))});eq.classes=s,eq.displayName="@mantine/core/Modal",eq.Root=I,eq.Overlay=ea,eq.Content=eb,eq.Body=U,eq.Header=eU,eq.Title=eI,eq.CloseButton=W},98173:function(e,t,r){"use strict";r.d(t,{i:function(){return a},q:function(){return i}});var n=r(45763);let[a,i]=(0,n.R)("ModalBase component was not found in tree")},11486:function(e,t,r){"use strict";r.d(t,{e:function(){return O}});var n=r(67294),a=r(82827),i=r(98173),o=r(9779),s=r(37662),l=r(67990),c=r(34223),d=r(95036),u=r(81110),p=r(88380),_=r(48468),m=Object.defineProperty,g=Object.defineProperties,f=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(E)for(var r of E(t))S.call(t,r)&&h(e,r,t[r]);return e},y=(e,t)=>g(e,f(t)),T=(e,t)=>{var r={};for(var n in e)b.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&E)for(var n of E(e))0>t.indexOf(n)&&S.call(e,n)&&(r[n]=e[n]);return r};let O=(0,n.forwardRef)((e,t)=>{var{keepMounted:r,opened:m,onClose:g,id:f,transitionProps:E,trapFocus:b,closeOnEscape:S,returnFocus:h,closeOnClickOutside:O,withinPortal:C,portalProps:N,lockScroll:R,children:I,zIndex:A,shadow:x,padding:w,__vars:D,unstyled:M}=e,P=T(e,["keepMounted","opened","onClose","id","transitionProps","trapFocus","closeOnEscape","returnFocus","closeOnClickOutside","withinPortal","portalProps","lockScroll","children","zIndex","shadow","padding","__vars","unstyled"]);let{_id:L,titleMounted:k,bodyMounted:F,shouldLockScroll:U,setTitleMounted:B,setBodyMounted:G}=function({id:e,transitionProps:t,opened:r,trapFocus:a,closeOnEscape:i,onClose:d,returnFocus:u}){let p=(0,o.M)(e),[_,m]=(0,n.useState)(!1),[g,f]=(0,n.useState)(!1),E="number"==typeof(null==t?void 0:t.duration)?null==t?void 0:t.duration:200,b=function({opened:e,transitionDuration:t}){let[r,a]=(0,n.useState)(e),i=(0,n.useRef)(),o=(0,c.J)(),s=o?0:t;return(0,n.useEffect)(()=>(e?(a(!0),window.clearTimeout(i.current)):0===s?a(!1):i.current=window.setTimeout(()=>a(!1),s),()=>window.clearTimeout(i.current)),[e,s]),r}({opened:r,transitionDuration:E});return(0,s.s)("keydown",e=>{!a&&"Escape"===e.key&&i&&d()}),(0,l.u)({opened:r,shouldReturnFocus:a&&u}),{_id:p,titleMounted:_,bodyMounted:g,shouldLockScroll:b,setTitleMounted:m,setBodyMounted:f}}({id:f,transitionProps:E,opened:m,trapFocus:b,closeOnEscape:S,onClose:g,returnFocus:h});return n.createElement(d.q,y(v({},N),{withinPortal:C}),n.createElement(i.i,{value:{opened:m,onClose:g,closeOnClickOutside:O,transitionProps:y(v({},E),{keepMounted:r}),getTitleId:()=>`${L}-title`,getBodyId:()=>`${L}-body`,titleMounted:k,bodyMounted:F,setTitleMounted:B,setBodyMounted:G,trapFocus:b,closeOnEscape:S,zIndex:A,unstyled:M}},n.createElement(a.Z,{enabled:U&&R},n.createElement(u.x,y(v({ref:t},P),{__vars:y(v({},D),{"--mb-z-index":(A||(0,p.w)("modal")).toString(),"--mb-shadow":(0,_.Xj)(x),"--mb-padding":(0,_.bG)(w)})}),I))))})},38355:function(e,t){"use strict";t.Z={title:"m-615af6c9",header:"m-b5489c3c",inner:"m-60c222c7",content:"m-fd1ab0aa",close:"m-606cb269",body:"m-5df29311"}},11601:function(e,t,r){"use strict";r.d(t,{y:function(){return b}});var n=r(67294),a=r(40624),i=r(98173),o=r(38355),s=r(81110),l=Object.defineProperty,c=Object.defineProperties,d=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,m=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))p.call(t,r)&&m(e,r,t[r]);if(u)for(var r of u(t))_.call(t,r)&&m(e,r,t[r]);return e},f=(e,t)=>c(e,d(t)),E=(e,t)=>{var r={};for(var n in e)p.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&u)for(var n of u(e))0>t.indexOf(n)&&_.call(e,n)&&(r[n]=e[n]);return r};let b=(0,n.forwardRef)((e,t)=>{var{className:r}=e,l=E(e,["className"]);let c=function(){let e=(0,i.q)();return(0,n.useEffect)(()=>(e.setBodyMounted(!0),()=>e.setBodyMounted(!1)),[]),e.getBodyId()}(),d=(0,i.q)();return n.createElement(s.x,f(g({ref:t},l),{id:c,className:(0,a.Z)({[o.Z.body]:!d.unstyled},r)}))});b.displayName="@mantine/core/ModalBaseBody"},87699:function(e,t,r){"use strict";r.d(t,{_:function(){return b}});var n=r(67294),a=r(40624),i=r(98173),o=r(38355),s=r(76198),l=Object.defineProperty,c=Object.defineProperties,d=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,m=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))p.call(t,r)&&m(e,r,t[r]);if(u)for(var r of u(t))_.call(t,r)&&m(e,r,t[r]);return e},f=(e,t)=>c(e,d(t)),E=(e,t)=>{var r={};for(var n in e)p.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&u)for(var n of u(e))0>t.indexOf(n)&&_.call(e,n)&&(r[n]=e[n]);return r};let b=(0,n.forwardRef)((e,t)=>{var{className:r,onClick:l}=e,c=E(e,["className","onClick"]);let d=(0,i.q)();return n.createElement(s.P,f(g({ref:t},c),{onClick:e=>{d.onClose(),null==l||l(e)},className:(0,a.Z)({[o.Z.close]:!d.unstyled},r),unstyled:d.unstyled}))});b.displayName="@mantine/core/ModalBaseCloseButton"},72354:function(e,t,r){"use strict";r.d(t,{G:function(){return h}});var n=r(67294),a=r(40624),i=r(98173),o=r(38355),s=r(56338),l=r(60099),c=r(93384),d=Object.defineProperty,u=Object.defineProperties,p=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))m.call(t,r)&&f(e,r,t[r]);if(_)for(var r of _(t))g.call(t,r)&&f(e,r,t[r]);return e},b=(e,t)=>u(e,p(t)),S=(e,t)=>{var r={};for(var n in e)m.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&_)for(var n of _(e))0>t.indexOf(n)&&g.call(e,n)&&(r[n]=e[n]);return r};let h=(0,n.forwardRef)((e,t)=>{var{transitionProps:r,className:d,innerProps:u,onKeyDown:p,style:_}=e,m=S(e,["transitionProps","className","innerProps","onKeyDown","style"]);let g=(0,i.q)(),f=e=>{var t;let r=(null==(t=e.target)?void 0:t.getAttribute("data-mantine-stop-propagation"))!=="true";r&&"Escape"===e.key&&g.closeOnEscape&&g.onClose(),null==p||p(e)};return n.createElement(s.u,E(E({mounted:g.opened,transition:"pop"},g.transitionProps),r),e=>n.createElement("div",b(E({},u),{className:(0,a.Z)({[o.Z.inner]:!g.unstyled},u.className)}),n.createElement(l.i,{active:g.opened&&g.trapFocus},n.createElement(c.X,b(E({},m),{component:"section",role:"dialog",tabIndex:-1,"aria-modal":!0,"aria-describedby":g.bodyMounted?g.getBodyId():void 0,"aria-labelledby":g.titleMounted?g.getTitleId():void 0,onKeyDown:f,ref:t,style:[_,e],className:(0,a.Z)({[o.Z.content]:!g.unstyled},d),unstyled:g.unstyled}),m.children))))})},59110:function(e,t,r){"use strict";r.d(t,{o:function(){return g}});var n=r(67294),a=r(40624),i=r(38355),o=r(98173),s=r(81110),l=Object.defineProperty,c=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,p=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&p(e,r,t[r]);if(c)for(var r of c(t))u.call(t,r)&&p(e,r,t[r]);return e},m=(e,t)=>{var r={};for(var n in e)d.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&c)for(var n of c(e))0>t.indexOf(n)&&u.call(e,n)&&(r[n]=e[n]);return r};let g=(0,n.forwardRef)((e,t)=>{var{className:r}=e,l=m(e,["className"]);let c=(0,o.q)();return n.createElement(s.x,_({ref:t,className:(0,a.Z)({[i.Z.header]:!c.unstyled},r)},l))});g.displayName="@mantine/core/ModalBaseHeader"},56270:function(e,t,r){"use strict";r.d(t,{e:function(){return O}});var n=r(67294),a=r(98173),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e};let u={duration:200,timingFunction:"ease",transition:"fade"};var p=r(56338),_=r(9065),m=Object.defineProperty,g=Object.defineProperties,f=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(E)for(var r of E(t))S.call(t,r)&&h(e,r,t[r]);return e},y=(e,t)=>g(e,f(t)),T=(e,t)=>{var r={};for(var n in e)b.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&E)for(var n of E(e))0>t.indexOf(n)&&S.call(e,n)&&(r[n]=e[n]);return r};let O=(0,n.forwardRef)((e,t)=>{var{onClick:r,transitionProps:i,style:o}=e,s=T(e,["onClick","transitionProps","style"]);let l=(0,a.q)(),c=function(e){let t=(0,a.q)();return d(d(d({},u),t.transitionProps),e)}(i);return n.createElement(p.u,y(v({mounted:l.opened},c),{transition:"fade"}),e=>n.createElement(_.a,v({ref:t,fixed:!0,style:[o,e],zIndex:l.zIndex,unstyled:l.unstyled,onClick:e=>{null==r||r(e),l.closeOnClickOutside&&l.onClose()}},s)))});O.displayName="@mantine/core/ModalBaseOverlay"},57446:function(e,t,r){"use strict";r.d(t,{q:function(){return b}});var n=r(67294),a=r(40624),i=r(98173),o=r(38355),s=r(81110),l=Object.defineProperty,c=Object.defineProperties,d=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,m=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))p.call(t,r)&&m(e,r,t[r]);if(u)for(var r of u(t))_.call(t,r)&&m(e,r,t[r]);return e},f=(e,t)=>c(e,d(t)),E=(e,t)=>{var r={};for(var n in e)p.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&u)for(var n of u(e))0>t.indexOf(n)&&_.call(e,n)&&(r[n]=e[n]);return r};let b=(0,n.forwardRef)((e,t)=>{var{className:r}=e,l=E(e,["className"]);let c=function(){let e=(0,i.q)();return(0,n.useEffect)(()=>(e.setTitleMounted(!0),()=>e.setTitleMounted(!1)),[]),e.getTitleId()}(),d=(0,i.q)();return n.createElement(s.x,f(g({component:"h2",ref:t,className:(0,a.Z)({[o.Z.title]:!d.unstyled},r)},l),{id:c}))});b.displayName="@mantine/core/ModalBaseTitle"},92942:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(67294);function a({children:e}){return n.createElement(n.Fragment,null,e)}},86888:function(e,t,r){"use strict";r.d(t,{p:function(){return I}});var n=r(67294),a=Object.defineProperty,i=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(e,t,r)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&l(e,r,t[r]);if(i)for(var r of i(t))s.call(t,r)&&l(e,r,t[r]);return e},d=(e,t)=>{var r={};for(var n in e)o.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&i)for(var n of i(e))0>t.indexOf(n)&&s.call(e,n)&&(r[n]=e[n]);return r};function u({data:e}){if("group"in e){let t=e.items.map(e=>n.createElement(u,{key:e.value,data:e}));return n.createElement("optgroup",{label:e.group},t)}let t=d(e,["value","label"]);return n.createElement("option",c({key:e.value,value:e.value},t),e.label)}u.displayName="@mantine/core/NativeSelectOption";var p=r(7995),_=r(70097),m=r(63017),g=r(3154),f=r(30370),E=Object.defineProperty,b=Object.defineProperties,S=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,T=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))v.call(t,r)&&T(e,r,t[r]);if(h)for(var r of h(t))y.call(t,r)&&T(e,r,t[r]);return e},C=(e,t)=>b(e,S(t)),N=(e,t)=>{var r={};for(var n in e)v.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>t.indexOf(n)&&y.call(e,n)&&(r[n]=e[n]);return r};let R={rightSectionPointerEvents:"none"},I=(0,g.d)((e,t)=>{let r=(0,f.w)("NativeSelect",R,e),{data:a,children:i,size:o,error:s,rightSection:l,unstyled:c}=r,d=N(r,["data","children","size","error","rightSection","unstyled"]),g=(0,p.R)(a).map((e,t)=>n.createElement(u,{key:t,data:e}));return n.createElement(_.M,C(O({component:"select",ref:t},d),{__staticSelector:"NativeSelect",size:o,pointer:!0,error:s,unstyled:c,rightSection:l||n.createElement(m.d,{size:o,error:s,unstyled:c})}),i||g)});I.classes=_.M.classes,I.displayName="@mantine/core/NativeSelect"},36523:function(e,t,r){"use strict";r.d(t,{P:function(){return N}});var n=r(67294),a={root:"m-a513464",icon:"m-a4ceffb",loader:"m-b0920b15",body:"m-a49ed24",title:"m-3feedf16",description:"m-3d733a3a",closeButton:"m-919a4d88"},i=r(77015),o=r(76198),s=r(3154),l=r(30370),c=r(86109),d=r(81110),u=r(8586),p=r(48468),_=r(40184),m=Object.defineProperty,g=Object.defineProperties,f=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(E)for(var r of E(t))S.call(t,r)&&h(e,r,t[r]);return e},y=(e,t)=>g(e,f(t)),T=(e,t)=>{var r={};for(var n in e)b.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&E)for(var n of E(e))0>t.indexOf(n)&&S.call(e,n)&&(r[n]=e[n]);return r};let O={withCloseButton:!0},C=(0,u.Z)((e,{radius:t,color:r})=>({root:{"--notification-radius":void 0===t?void 0:(0,p.H5)(t),"--notification-color":r?(0,_.p)(r,e):void 0}})),N=(0,s.d)((e,t)=>{let r=(0,l.w)("Notification",O,e),{className:s,color:u,radius:p,loading:_,withCloseButton:m,withBorder:g,title:f,icon:E,children:b,onClose:S,closeButtonProps:h,classNames:N,style:R,styles:I,unstyled:A,variant:x,vars:w}=r,D=T(r,["className","color","radius","loading","withCloseButton","withBorder","title","icon","children","onClose","closeButtonProps","classNames","style","styles","unstyled","variant","vars"]),M=(0,c.y)({name:"Notification",classes:a,props:r,className:s,style:R,classNames:N,styles:I,unstyled:A,vars:w,varsResolver:C});return n.createElement(d.x,y(v(y(v({},M("root")),{mod:{"data-with-icon":!!E||_,"data-with-border":g},ref:t,variant:x}),D),{role:"alert"}),E&&!_&&n.createElement("div",v({},M("icon")),E),_&&n.createElement(i.a,v({size:28,color:u},M("loader"))),n.createElement("div",v({},M("body")),f&&n.createElement("div",v({},M("title")),f),n.createElement(d.x,y(v({},M("description")),{mod:{"data-with-title":!!f}}),b)),m&&n.createElement(o.P,v(y(v({iconSize:16,color:"gray"},h),{unstyled:A,onClick:S}),M("closeButton"))))});N.classes=a,N.displayName="@mantine/core/Notification"},9065:function(e,t,r){"use strict";r.d(t,{a:function(){return N}});var n=r(67294),a={root:"m-9814e45f"},i=r(26754),o=r(70405),s=r(30370),l=r(86109),c=r(81110),d=r(88380),u=r(8586),p=r(72622),_=r(48468),m=Object.defineProperty,g=Object.defineProperties,f=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(E)for(var r of E(t))S.call(t,r)&&h(e,r,t[r]);return e},y=(e,t)=>g(e,f(t)),T=(e,t)=>{var r={};for(var n in e)b.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&E)for(var n of E(e))0>t.indexOf(n)&&S.call(e,n)&&(r[n]=e[n]);return r};let O={zIndex:(0,d.w)("modal")},C=(0,u.Z)((e,{gradient:t,color:r,backgroundOpacity:n,blur:a,radius:o,zIndex:s})=>({root:{"--overlay-bg":t||(void 0!==r||void 0!==n)&&(0,i.m)(r||"#000",null!=n?n:.6)||void 0,"--overlay-filter":a?`blur(${(0,p.h)(a)})`:void 0,"--overlay-radius":void 0===o?void 0:(0,_.H5)(o),"--overlay-z-index":null==s?void 0:s.toString()}})),N=(0,o.b)((e,t)=>{let r=(0,s.w)("Overlay",O,e),{classNames:i,className:o,style:d,styles:u,unstyled:p,vars:_,fixed:m,center:g,children:f,radius:E,zIndex:b,gradient:S,blur:h,color:N,backgroundOpacity:R}=r,I=T(r,["classNames","className","style","styles","unstyled","vars","fixed","center","children","radius","zIndex","gradient","blur","color","backgroundOpacity"]),A=(0,l.y)({name:"Overlay",props:r,classes:a,className:o,style:d,classNames:i,styles:u,unstyled:p,vars:_,varsResolver:C});return n.createElement(c.x,v(y(v({ref:t},A("root")),{mod:{center:g,fixed:m}}),I),f)});N.classes=a,N.displayName="@mantine/core/Overlay"},93384:function(e,t,r){"use strict";r.d(t,{X:function(){return T}});var n=r(67294),a={root:"m-1b7284a3"},i=r(48468),o=r(70405),s=r(30370),l=r(86109),c=r(81110),d=r(8586),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={},y=(0,d.Z)((e,{radius:t,shadow:r})=>({root:{"--paper-radius":void 0===t?void 0:(0,i.H5)(t),"--paper-shadow":(0,i.Xj)(r)}})),T=(0,o.b)((e,t)=>{let r=(0,s.w)("Paper",v,e),{classNames:i,className:o,style:d,styles:u,unstyled:p,withBorder:_,vars:m,radius:g,shadow:f,variant:E}=r,T=h(r,["classNames","className","style","styles","unstyled","withBorder","vars","radius","shadow","variant"]),O=(0,l.y)({name:"Paper",props:r,classes:a,className:o,style:d,classNames:i,styles:u,unstyled:p,vars:m,varsResolver:y});return n.createElement(c.x,b(S(b({ref:t,mod:{"data-with-border":_}},O("root")),{variant:E}),T))});T.classes=a,T.displayName="@mantine/core/Paper"},84131:function(e,t,r){"use strict";r.d(t,{J:function(){return eu}});var n=r(67294),a=r(9779),i=r(72641),o=r(643),s=r(14372),l=r(63349),c=r(95954),d=r(2216),u=r(19217),p=r(45763);let[_,m]=(0,p.R)("Popover component was not found in the tree");var g=r(40624),f=r(83443),E=r(12322),b=r(3154),S=r(30370),h=Object.defineProperty,v=Object.defineProperties,y=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,N=(e,t,r)=>t in e?h(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,R=(e,t)=>{for(var r in t||(t={}))O.call(t,r)&&N(e,r,t[r]);if(T)for(var r of T(t))C.call(t,r)&&N(e,r,t[r]);return e},I=(e,t)=>v(e,y(t)),A=(e,t)=>{var r={};for(var n in e)O.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&T)for(var n of T(e))0>t.indexOf(n)&&C.call(e,n)&&(r[n]=e[n]);return r};let x={refProp:"ref",popupType:"dialog"},w=(0,b.d)((e,t)=>{let r=(0,S.w)("PopoverTarget",x,e),{children:a,refProp:i,popupType:o}=r,s=A(r,["children","refProp","popupType"]);if(!(0,E.k)(a))throw Error("Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");let l=m(),c=(0,f.Yx)(l.reference,a.ref,t),d=l.withRoles?{"aria-haspopup":o,"aria-expanded":l.opened,"aria-controls":l.getDropdownId(),id:l.getTargetId()}:{};return(0,n.cloneElement)(a,R(I(R(R(R({},s),d),l.targetProps),{className:(0,g.Z)(l.targetProps.className,s.className,a.props.className),[i]:c}),l.controlled?null:{onClick:l.onToggle}))});w.displayName="@mantine/core/PopoverTarget";var D=r(67990),M={dropdown:"m-38a85659",arrow:"m-a31dc6c1"},P=r(95036),L=r(56338),k=r(60099);let F=()=>{};var U=r(68112),B=r(81110),G=r(72622),j=Object.defineProperty,Y=Object.defineProperties,H=Object.getOwnPropertyDescriptors,z=Object.getOwnPropertySymbols,V=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,q=(e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,W=(e,t)=>{for(var r in t||(t={}))V.call(t,r)&&q(e,r,t[r]);if(z)for(var r of z(t))$.call(t,r)&&q(e,r,t[r]);return e},Q=(e,t)=>Y(e,H(t)),K=(e,t)=>{var r={};for(var n in e)V.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&z)for(var n of z(e))0>t.indexOf(n)&&$.call(e,n)&&(r[n]=e[n]);return r};let Z={},X=(0,b.d)((e,t)=>{var r,a,i,o,s;let l=(0,S.w)("PopoverDropdown",Z,e),{className:c,style:d,vars:u,children:p,onKeyDownCapture:_,variant:g,classNames:E,styles:b}=l,h=K(l,["className","style","vars","children","onKeyDownCapture","variant","classNames","styles"]),v=m(),y=(0,D.u)({opened:v.opened,shouldReturnFocus:v.returnFocus}),T=v.withRoles?{"aria-labelledby":v.getTargetId(),id:v.getDropdownId(),role:"dialog",tabIndex:-1}:{},O=(0,f.Yx)(t,v.floating);return v.disabled?null:n.createElement(P.q,Q(W({},v.portalProps),{withinPortal:v.withinPortal}),n.createElement(L.u,Q(W({mounted:v.opened},v.transitionProps),{transition:(null==(r=v.transitionProps)?void 0:r.transition)||"fade",duration:null!=(i=null==(a=v.transitionProps)?void 0:a.duration)?i:150,keepMounted:v.keepMounted,exitDuration:"number"==typeof(null==(o=v.transitionProps)?void 0:o.exitDuration)?v.transitionProps.exitDuration:null==(s=v.transitionProps)?void 0:s.duration}),e=>{var t,r;return n.createElement(k.i,{active:v.trapFocus},n.createElement(B.x,W(Q(W(W({},T),h),{variant:g,ref:O,onKeyDownCapture:function(e,t={active:!0}){return"function"==typeof e&&t.active?r=>{var n;"Escape"===r.key&&(e(r),null==(n=t.onTrigger)||n.call(t))}:t.onKeyDown||F}(v.onClose,{active:v.closeOnEscape,onTrigger:y,onKeyDown:_}),"data-position":v.placement}),v.getStyles("dropdown",{className:c,props:l,classNames:E,styles:b,style:[Q(W({},e),{zIndex:v.zIndex,top:null!=(t=v.y)?t:0,left:null!=(r=v.x)?r:0,width:"target"===v.width?void 0:(0,G.h)(v.width)}),d]})),p,n.createElement(U.Y,W({ref:v.arrowRef,arrowX:v.arrowX,arrowY:v.arrowY,visible:v.withArrow,position:v.placement,arrowSize:v.arrowSize,arrowRadius:v.arrowRadius,arrowOffset:v.arrowOffset,arrowPosition:v.arrowPosition},v.getStyles("arrow",{props:l,classNames:E,styles:b})))))}))});X.classes=M,X.displayName="@mantine/core/PopoverDropdown";var J=r(2761),ee=r(88380),et=r(86109),er=r(12917),en=r(8586),ea=r(48468),ei=Object.getOwnPropertySymbols,eo=Object.prototype.hasOwnProperty,es=Object.prototype.propertyIsEnumerable,el=(e,t)=>{var r={};for(var n in e)eo.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ei)for(var n of ei(e))0>t.indexOf(n)&&es.call(e,n)&&(r[n]=e[n]);return r};let ec={position:"bottom",offset:8,positionDependencies:[],transitionProps:{transition:"fade",duration:150},middlewares:{flip:!0,shift:!0,inline:!1},arrowSize:7,arrowOffset:5,arrowRadius:0,arrowPosition:"side",closeOnClickOutside:!0,withinPortal:!0,closeOnEscape:!0,trapFocus:!1,withRoles:!0,returnFocus:!1,clickOutsideEvents:["mousedown","touchstart"],zIndex:(0,ee.w)("popover"),__staticSelector:"Popover",width:"max-content"},ed=(0,en.Z)((e,{radius:t,shadow:r})=>({dropdown:{"--popover-radius":void 0===t?void 0:(0,ea.H5)(t),"--popover-shadow":(0,ea.Xj)(r)}}));function eu(e){var t,r,p,m,g,f;let E=(0,S.w)("Popover",ec,e),{children:b,position:h,offset:v,onPositionChange:y,positionDependencies:T,opened:O,transitionProps:C,width:N,middlewares:R,withArrow:I,arrowSize:A,arrowOffset:x,arrowRadius:w,arrowPosition:D,unstyled:P,classNames:L,styles:k,closeOnClickOutside:F,withinPortal:U,portalProps:B,closeOnEscape:G,clickOutsideEvents:j,trapFocus:Y,onClose:H,onOpen:z,onChange:V,zIndex:$,radius:q,shadow:W,id:Q,defaultOpened:K,__staticSelector:Z,withRoles:X,disabled:ee,returnFocus:en,variant:ea,keepMounted:ei,vars:eo}=E,es=el(E,["children","position","offset","onPositionChange","positionDependencies","opened","transitionProps","width","middlewares","withArrow","arrowSize","arrowOffset","arrowRadius","arrowPosition","unstyled","classNames","styles","closeOnClickOutside","withinPortal","portalProps","closeOnEscape","clickOutsideEvents","trapFocus","onClose","onOpen","onChange","zIndex","radius","shadow","id","defaultOpened","__staticSelector","withRoles","disabled","returnFocus","variant","keepMounted","vars"]),eu=(0,et.y)({name:Z,props:E,classes:M,classNames:L,styles:k,unstyled:P,rootSelector:"dropdown",vars:eo,varsResolver:ed}),ep=(0,n.useRef)(null),[e_,em]=(0,n.useState)(null),[eg,ef]=(0,n.useState)(null),{dir:eE}=(0,er.gm)(),eb=(0,a.M)(Q),eS=function(e){let[t,r]=(0,o.C)({value:e.opened,defaultValue:e.defaultOpened,finalValue:!1,onChange:e.onChange}),n=()=>{var n;t&&(null==(n=e.onClose)||n.call(e),r(!1))},a=()=>{var n,a;t?(null==(n=e.onClose)||n.call(e),r(!1)):(null==(a=e.onOpen)||a.call(e),r(!0))},i=(0,d.YF)({placement:e.position,middleware:[...function(e){var t,r,n;let a=[(0,l.cv)(e.offset)];return(null==(t=e.middlewares)?void 0:t.shift)&&a.push((0,l.uY)({limiter:(0,l.dr)()})),(null==(r=e.middlewares)?void 0:r.flip)&&a.push((0,l.RR)()),(null==(n=e.middlewares)?void 0:n.inline)&&a.push((0,l.Qo)()),a.push((0,c.x7)({element:e.arrowRef,padding:e.arrowOffset})),a}(e),..."target"===e.width?[(0,l.dp)({apply({rects:e}){var t,r;Object.assign(null!=(r=null==(t=i.refs.floating.current)?void 0:t.style)?r:{},{width:`${e.reference.width}px`})}})]:[]]});return(0,u.L)({opened:e.opened,position:e.position,positionDependencies:e.positionDependencies||[],floating:i}),(0,s.l)(()=>{var t;null==(t=e.onPositionChange)||t.call(e,i.placement)},[i.placement]),(0,s.l)(()=>{var t,r;e.opened?null==(r=e.onOpen)||r.call(e):null==(t=e.onClose)||t.call(e)},[e.opened]),{floating:i,controlled:"boolean"==typeof e.opened,opened:t,onClose:n,onToggle:a}}({middlewares:R,width:N,position:(0,J._)(eE,h),offset:"number"==typeof v?v+(I?A/2:0):v,arrowRef:ep,arrowOffset:x,onPositionChange:y,positionDependencies:T,opened:O,defaultOpened:K,onChange:V,onOpen:z,onClose:H});(0,i.O)(()=>F&&eS.onClose(),j,[e_,eg]);let eh=(0,n.useCallback)(e=>{em(e),eS.floating.refs.setReference(e)},[eS.floating.refs.setReference]),ev=(0,n.useCallback)(e=>{ef(e),eS.floating.refs.setFloating(e)},[eS.floating.refs.setFloating]);return n.createElement(_,{value:{returnFocus:en,disabled:ee,controlled:eS.controlled,reference:eh,floating:ev,x:eS.floating.x,y:eS.floating.y,arrowX:null==(p=null==(r=null==(t=eS.floating)?void 0:t.middlewareData)?void 0:r.arrow)?void 0:p.x,arrowY:null==(f=null==(g=null==(m=eS.floating)?void 0:m.middlewareData)?void 0:g.arrow)?void 0:f.y,opened:eS.opened,arrowRef:ep,transitionProps:C,width:N,withArrow:I,arrowSize:A,arrowOffset:x,arrowRadius:w,arrowPosition:D,placement:eS.floating.placement,trapFocus:Y,withinPortal:U,portalProps:B,zIndex:$,radius:q,shadow:W,closeOnEscape:G,onClose:eS.onClose,onToggle:eS.onToggle,getTargetId:()=>`${eb}-target`,getDropdownId:()=>`${eb}-dropdown`,withRoles:X,targetProps:es,__staticSelector:Z,classNames:L,styles:k,unstyled:P,variant:ea,keepMounted:ei,getStyles:eu}},b)}eu.Target=w,eu.Dropdown=X,eu.displayName="@mantine/core/Popover",eu.extend=e=>e},95036:function(e,t,r){"use strict";r.d(t,{q:function(){return p}});var n=r(67294),a=r(41458),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{withinPortal:t=!0,children:r}=e,i=u(e,["withinPortal","children"]);return t?n.createElement(a.h,d({},i),r):n.createElement(n.Fragment,null,r)}p.displayName="@mantine/core/OptionalPortal"},41458:function(e,t,r){"use strict";r.d(t,{h:function(){return _}});var n=r(67294),a=r(73935),i=r(67510),o=r(83443),s=r(30370),l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t)=>{var r={};for(var n in e)c.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&l)for(var n of l(e))0>t.indexOf(n)&&d.call(e,n)&&(r[n]=e[n]);return r};let p={},_=(0,n.forwardRef)((e,t)=>{let r=(0,s.w)("Portal",p,e),{children:l,target:c}=r,d=u(r,["children","target"]),[_,m]=(0,n.useState)(!1),g=(0,n.useRef)(null);return((0,i.Y)(()=>(m(!0),g.current=c?"string"==typeof c?document.querySelector(c):c:function(e){let t=document.createElement("div");return t.setAttribute("data-portal","true"),"string"==typeof e.className&&t.classList.add(e.className),"object"==typeof e.style&&Object.assign(t.style,e.style),"string"==typeof e.id&&t.setAttribute("id",e.id),t}(d),(0,o.kR)(t,g.current),!c&&g.current&&document.body.appendChild(g.current),()=>{!c&&g.current&&document.body.removeChild(g.current)}),[c]),_&&g.current)?(0,a.createPortal)(n.createElement(n.Fragment,null,l),g.current):null});_.displayName="@mantine/core/Portal"},18094:function(e,t,r){"use strict";r.d(t,{x:function(){return t3}});var n=r(67294),a=r(45763);let[i,o]=(0,a.R)("ScrollArea.Root component was not found in tree");var s=r(83443);function l(e){let t=(0,n.useRef)(e);return(0,n.useEffect)(()=>{t.current=e}),(0,n.useMemo)(()=>(...e)=>{var r;return null==(r=t.current)?void 0:r.call(t,...e)},[])}function c(e,t){let r=l(e),a=(0,n.useRef)(0);return(0,n.useEffect)(()=>()=>window.clearTimeout(a.current),[]),(0,n.useCallback)(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(r,t)},[r,t])}var d=r(67510);function u(e,t){let r=l(t);(0,d.Y)(()=>{let t=0;if(e){let n=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(r)});return n.observe(e),()=>{window.cancelAnimationFrame(t),n.unobserve(e)}}},[e,r])}let[p,_]=(0,a.R)("ScrollAreaScrollbar was not found in tree");function m(e,t,{checkForDefaultPrevented:r=!0}={}){return n=>{null==e||e(n),!1!==r&&n.defaultPrevented||null==t||t(n)}}var g=Object.defineProperty,f=Object.defineProperties,E=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,v=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&v(e,r,t[r]);if(b)for(var r of b(t))h.call(t,r)&&v(e,r,t[r]);return e},T=(e,t)=>f(e,E(t)),O=(e,t)=>{var r={};for(var n in e)S.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&b)for(var n of b(e))0>t.indexOf(n)&&h.call(e,n)&&(r[n]=e[n]);return r};let C=(0,n.forwardRef)((e,t)=>{let{sizes:r,hasThumb:a,onThumbChange:i,onThumbPointerUp:d,onThumbPointerDown:_,onThumbPositionChange:g,onDragScroll:f,onWheelScroll:E,onResize:b}=e,S=O(e,["sizes","hasThumb","onThumbChange","onThumbPointerUp","onThumbPointerDown","onThumbPositionChange","onDragScroll","onWheelScroll","onResize"]),h=o(),[v,C]=n.useState(null),N=(0,s.Yx)(t,e=>C(e)),R=n.useRef(null),I=n.useRef(""),{viewport:A}=h,x=r.content-r.viewport,w=l(E),D=l(g),M=c(b,10),P=e=>{if(R.current){let t=e.clientX-R.current.left,r=e.clientY-R.current.top;f({x:t,y:r})}};return(0,n.useEffect)(()=>{let e=e=>{let t=e.target,r=null==v?void 0:v.contains(t);r&&w(e,x)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[A,v,x,w]),(0,n.useEffect)(D,[r,D]),u(v,M),u(h.content,M),n.createElement(p,{value:{scrollbar:v,hasThumb:a,onThumbChange:l(i),onThumbPointerUp:l(d),onThumbPositionChange:D,onThumbPointerDown:l(_)}},n.createElement("div",T(y({},S),{ref:N,style:y({position:"absolute"},S.style),onPointerDown:m(e.onPointerDown,e=>{if(0===e.button){let t=e.target;t.setPointerCapture(e.pointerId),R.current=v.getBoundingClientRect(),I.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",P(e)}}),onPointerMove:m(e.onPointerMove,P),onPointerUp:m(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=I.current,R.current=null})})))});function N(e,t){let r=e/t;return Number.isNaN(r)?0:r}function R(e){let t=N(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function I(e){return e?parseInt(e,10):0}var A=Object.defineProperty,x=Object.defineProperties,w=Object.getOwnPropertyDescriptors,D=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,L=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,k=(e,t)=>{for(var r in t||(t={}))M.call(t,r)&&L(e,r,t[r]);if(D)for(var r of D(t))P.call(t,r)&&L(e,r,t[r]);return e},F=(e,t)=>x(e,w(t)),U=(e,t)=>{var r={};for(var n in e)M.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&D)for(var n of D(e))0>t.indexOf(n)&&P.call(e,n)&&(r[n]=e[n]);return r};let B=(0,n.forwardRef)((e,t)=>{let{sizes:r,onSizesChange:a,style:i}=e,l=U(e,["sizes","onSizesChange","style"]),c=o(),[d,u]=(0,n.useState)(),p=(0,n.useRef)(null),_=(0,s.Yx)(t,p,c.onScrollbarXChange);return(0,n.useEffect)(()=>{p.current&&u(getComputedStyle(p.current))},[p]),n.createElement(C,F(k({"data-orientation":"horizontal"},l),{ref:_,sizes:r,style:F(k({},i),{"--sa-thumb-width":`${R(r)}px`}),onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,r)=>{if(c.viewport){let n=c.viewport.scrollLeft+t.deltaX;e.onWheelScroll(n),n>0&&n{p.current&&c.viewport&&d&&a({content:c.viewport.scrollWidth,viewport:c.viewport.offsetWidth,scrollbar:{size:p.current.clientWidth,paddingStart:I(d.paddingLeft),paddingEnd:I(d.paddingRight)}})}}))});var G=Object.defineProperty,j=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,H=Object.getOwnPropertySymbols,z=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,$=(e,t,r)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,q=(e,t)=>{for(var r in t||(t={}))z.call(t,r)&&$(e,r,t[r]);if(H)for(var r of H(t))V.call(t,r)&&$(e,r,t[r]);return e},W=(e,t)=>j(e,Y(t)),Q=(e,t)=>{var r={};for(var n in e)z.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&H)for(var n of H(e))0>t.indexOf(n)&&V.call(e,n)&&(r[n]=e[n]);return r};let K=(0,n.forwardRef)((e,t)=>{let{sizes:r,onSizesChange:a,style:i}=e,l=Q(e,["sizes","onSizesChange","style"]),c=o(),[d,u]=n.useState(),p=(0,n.useRef)(null),_=(0,s.Yx)(t,p,c.onScrollbarYChange);return(0,n.useEffect)(()=>{p.current&&u(getComputedStyle(p.current))},[p]),n.createElement(C,W(q({},l),{"data-orientation":"vertical",ref:_,sizes:r,style:q({"--sa-thumb-height":`${R(r)}px`},i),onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,r)=>{if(c.viewport){let n=c.viewport.scrollTop+t.deltaY;e.onWheelScroll(n),n>0&&n{p.current&&c.viewport&&d&&a({content:c.viewport.scrollHeight,viewport:c.viewport.offsetHeight,scrollbar:{size:p.current.clientHeight,paddingStart:I(d.paddingTop),paddingEnd:I(d.paddingBottom)}})}}))});var Z=r(12917);function X(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function J(e,t,r="ltr"){let n=R(t),a=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,i=t.scrollbar.size-a,o=t.content-t.viewport,s=function(e,[t,r]){return Math.min(r,Math.max(t,e))}(e,"ltr"===r?[0,o]:[-1*o,0]),l=X([0,o],[0,i-n]);return l(s)}var ee=Object.defineProperty,et=Object.defineProperties,er=Object.getOwnPropertyDescriptors,en=Object.getOwnPropertySymbols,ea=Object.prototype.hasOwnProperty,ei=Object.prototype.propertyIsEnumerable,eo=(e,t,r)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,es=(e,t)=>{for(var r in t||(t={}))ea.call(t,r)&&eo(e,r,t[r]);if(en)for(var r of en(t))ei.call(t,r)&&eo(e,r,t[r]);return e},el=(e,t)=>et(e,er(t)),ec=(e,t)=>{var r={};for(var n in e)ea.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&en)for(var n of en(e))0>t.indexOf(n)&&ei.call(e,n)&&(r[n]=e[n]);return r};let ed=(0,n.forwardRef)((e,t)=>{let{orientation:r="vertical"}=e,a=ec(e,["orientation"]),{dir:i}=(0,Z.gm)(),s=o(),l=(0,n.useRef)(null),c=(0,n.useRef)(0),[d,u]=(0,n.useState)({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),p=N(d.viewport,d.content),_=el(es({},a),{sizes:d,onSizesChange:u,hasThumb:Boolean(p>0&&p<1),onThumbChange:e=>{l.current=e},onThumbPointerUp:()=>{c.current=0},onThumbPointerDown:e=>{c.current=e}}),m=(e,t)=>(function(e,t,r,n="ltr"){let a=R(r),i=t||a/2,o=r.scrollbar.paddingStart+i,s=r.scrollbar.size-r.scrollbar.paddingEnd-(a-i),l=r.content-r.viewport,c=X([o,s],"ltr"===n?[0,l]:[-1*l,0]);return c(e)})(e,c.current,d,t);return"horizontal"===r?n.createElement(B,el(es({},_),{ref:t,onThumbPositionChange:()=>{if(s.viewport&&l.current){let e=s.viewport.scrollLeft,t=J(e,d,i);l.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{s.viewport&&(s.viewport.scrollLeft=e)},onDragScroll:e=>{s.viewport&&(s.viewport.scrollLeft=m(e,i))}})):"vertical"===r?n.createElement(K,el(es({},_),{ref:t,onThumbPositionChange:()=>{if(s.viewport&&l.current){let e=s.viewport.scrollTop,t=J(e,d);l.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{s.viewport&&(s.viewport.scrollTop=e)},onDragScroll:e=>{s.viewport&&(s.viewport.scrollTop=m(e))}})):null});var eu=Object.defineProperty,ep=Object.defineProperties,e_=Object.getOwnPropertyDescriptors,em=Object.getOwnPropertySymbols,eg=Object.prototype.hasOwnProperty,ef=Object.prototype.propertyIsEnumerable,eE=(e,t,r)=>t in e?eu(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eb=(e,t)=>{for(var r in t||(t={}))eg.call(t,r)&&eE(e,r,t[r]);if(em)for(var r of em(t))ef.call(t,r)&&eE(e,r,t[r]);return e},eS=(e,t)=>ep(e,e_(t)),eh=(e,t)=>{var r={};for(var n in e)eg.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&em)for(var n of em(e))0>t.indexOf(n)&&ef.call(e,n)&&(r[n]=e[n]);return r};let ev=(0,n.forwardRef)((e,t)=>{let r=o(),{forceMount:a}=e,i=eh(e,["forceMount"]),[s,l]=(0,n.useState)(!1),d="horizontal"===e.orientation,p=c(()=>{if(r.viewport){let e=r.viewport.offsetWidtht in e?ey(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eA=(e,t)=>{for(var r in t||(t={}))eN.call(t,r)&&eI(e,r,t[r]);if(eC)for(var r of eC(t))eR.call(t,r)&&eI(e,r,t[r]);return e},ex=(e,t)=>eT(e,eO(t)),ew=(e,t)=>{var r={};for(var n in e)eN.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eC)for(var n of eC(e))0>t.indexOf(n)&&eR.call(e,n)&&(r[n]=e[n]);return r};let eD=(0,n.forwardRef)((e,t)=>{let{forceMount:r}=e,a=ew(e,["forceMount"]),i=o(),[s,l]=(0,n.useState)(!1);return((0,n.useEffect)(()=>{let{scrollArea:e}=i,t=0;if(e){let r=()=>{window.clearTimeout(t),l(!0)},n=()=>{t=window.setTimeout(()=>l(!1),i.scrollHideDelay)};return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",n),()=>{window.clearTimeout(t),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",n)}}},[i.scrollArea,i.scrollHideDelay]),r||s)?n.createElement(ev,ex(eA({"data-state":s?"visible":"hidden"},a),{ref:t})):null});var eM=Object.defineProperty,eP=Object.defineProperties,eL=Object.getOwnPropertyDescriptors,ek=Object.getOwnPropertySymbols,eF=Object.prototype.hasOwnProperty,eU=Object.prototype.propertyIsEnumerable,eB=(e,t,r)=>t in e?eM(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eG=(e,t)=>{for(var r in t||(t={}))eF.call(t,r)&&eB(e,r,t[r]);if(ek)for(var r of ek(t))eU.call(t,r)&&eB(e,r,t[r]);return e},ej=(e,t)=>eP(e,eL(t)),eY=(e,t)=>{var r={};for(var n in e)eF.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ek)for(var n of ek(e))0>t.indexOf(n)&&eU.call(e,n)&&(r[n]=e[n]);return r};let eH=(0,n.forwardRef)((e,t)=>{let{forceMount:r}=e,a=eY(e,["forceMount"]),i=o(),s="horizontal"===e.orientation,[l,d]=(0,n.useState)("hidden"),u=c(()=>d("idle"),100);return((0,n.useEffect)(()=>{if("idle"===l){let e=window.setTimeout(()=>d("hidden"),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[l,i.scrollHideDelay]),(0,n.useEffect)(()=>{let{viewport:e}=i,t=s?"scrollLeft":"scrollTop";if(e){let r=e[t],n=()=>{let n=e[t],a=r!==n;a&&(d("scrolling"),u()),r=n};return e.addEventListener("scroll",n),()=>e.removeEventListener("scroll",n)}},[i.viewport,s,u]),r||"hidden"!==l)?n.createElement(ed,ej(eG({"data-state":"hidden"===l?"hidden":"visible"},a),{ref:t,onPointerEnter:m(e.onPointerEnter,()=>d("interacting")),onPointerLeave:m(e.onPointerLeave,()=>d("idle"))})):null});var ez=Object.defineProperty,eV=Object.defineProperties,e$=Object.getOwnPropertyDescriptors,eq=Object.getOwnPropertySymbols,eW=Object.prototype.hasOwnProperty,eQ=Object.prototype.propertyIsEnumerable,eK=(e,t,r)=>t in e?ez(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eZ=(e,t)=>{for(var r in t||(t={}))eW.call(t,r)&&eK(e,r,t[r]);if(eq)for(var r of eq(t))eQ.call(t,r)&&eK(e,r,t[r]);return e},eX=(e,t)=>eV(e,e$(t)),eJ=(e,t)=>{var r={};for(var n in e)eW.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eq)for(var n of eq(e))0>t.indexOf(n)&&eQ.call(e,n)&&(r[n]=e[n]);return r};let e0=n.forwardRef((e,t)=>{let{forceMount:r}=e,a=eJ(e,["forceMount"]),i=o(),{onScrollbarXEnabledChange:s,onScrollbarYEnabledChange:l}=i,c="horizontal"===e.orientation;return n.useEffect(()=>(c?s(!0):l(!0),()=>{c?s(!1):l(!1)}),[c,s,l]),"hover"===i.type?n.createElement(eD,eX(eZ({},a),{ref:t,forceMount:r})):"scroll"===i.type?n.createElement(eH,eX(eZ({},a),{ref:t,forceMount:r})):"auto"===i.type?n.createElement(ev,eX(eZ({},a),{ref:t,forceMount:r})):"always"===i.type?n.createElement(ed,eX(eZ({},a),{ref:t})):null});var e1=Object.defineProperty,e2=Object.defineProperties,e3=Object.getOwnPropertyDescriptors,e4=Object.getOwnPropertySymbols,e6=Object.prototype.hasOwnProperty,e5=Object.prototype.propertyIsEnumerable,e8=(e,t,r)=>t in e?e1(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e9=(e,t)=>{for(var r in t||(t={}))e6.call(t,r)&&e8(e,r,t[r]);if(e4)for(var r of e4(t))e5.call(t,r)&&e8(e,r,t[r]);return e},e7=(e,t)=>e2(e,e3(t)),te=(e,t)=>{var r={};for(var n in e)e6.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&e4)for(var n of e4(e))0>t.indexOf(n)&&e5.call(e,n)&&(r[n]=e[n]);return r};let tt=n.forwardRef((e,t)=>{let{style:r}=e,a=te(e,["style"]),i=o(),[s,l]=n.useState(0),[c,d]=n.useState(0),p=Boolean(s&&c);return u(i.scrollbarX,()=>{var e;let t=(null==(e=i.scrollbarX)?void 0:e.offsetHeight)||0;i.onCornerHeightChange(t),d(t)}),u(i.scrollbarY,()=>{var e;let t=(null==(e=i.scrollbarY)?void 0:e.offsetWidth)||0;i.onCornerWidthChange(t),l(t)}),p?n.createElement("div",e7(e9({},a),{ref:t,style:e7(e9({},r),{width:s,height:c})})):null}),tr=n.forwardRef((e,t)=>{let r=o(),a=Boolean(r.scrollbarX&&r.scrollbarY),i="scroll"!==r.type&&a;return i?n.createElement(tt,e7(e9({},e),{ref:t})):null});var tn=r(30370),ta=r(81110),ti=Object.defineProperty,to=Object.defineProperties,ts=Object.getOwnPropertyDescriptors,tl=Object.getOwnPropertySymbols,tc=Object.prototype.hasOwnProperty,td=Object.prototype.propertyIsEnumerable,tu=(e,t,r)=>t in e?ti(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tp=(e,t)=>{for(var r in t||(t={}))tc.call(t,r)&&tu(e,r,t[r]);if(tl)for(var r of tl(t))td.call(t,r)&&tu(e,r,t[r]);return e},t_=(e,t)=>to(e,ts(t)),tm=(e,t)=>{var r={};for(var n in e)tc.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&tl)for(var n of tl(e))0>t.indexOf(n)&&td.call(e,n)&&(r[n]=e[n]);return r};let tg={scrollHideDelay:1e3,type:"hover"},tf=(0,n.forwardRef)((e,t)=>{let r=(0,tn.w)("ScrollAreaRoot",tg,e),{type:a,scrollHideDelay:o}=r,l=tm(r,["type","scrollHideDelay"]),[c,d]=(0,n.useState)(null),[u,p]=(0,n.useState)(null),[_,m]=(0,n.useState)(null),[g,f]=(0,n.useState)(null),[E,b]=(0,n.useState)(null),[S,h]=(0,n.useState)(0),[v,y]=(0,n.useState)(0),[T,O]=(0,n.useState)(!1),[C,N]=(0,n.useState)(!1),R=(0,s.Yx)(t,e=>d(e));return n.createElement(i,{value:{type:a,scrollHideDelay:o,scrollArea:c,viewport:u,onViewportChange:p,content:_,onContentChange:m,scrollbarX:g,onScrollbarXChange:f,scrollbarXEnabled:T,onScrollbarXEnabledChange:O,scrollbarY:E,onScrollbarYChange:b,scrollbarYEnabled:C,onScrollbarYEnabledChange:N,onCornerWidthChange:h,onCornerHeightChange:y}},n.createElement(ta.x,t_(tp({},l),{ref:R,__vars:{"--sa-corner-width":`${S}px`,"--sa-corner-height":`${v}px`}})))});tf.displayName="@mantine/core/ScrollAreaRoot";var tE=Object.defineProperty,tb=Object.defineProperties,tS=Object.getOwnPropertyDescriptors,th=Object.getOwnPropertySymbols,tv=Object.prototype.hasOwnProperty,ty=Object.prototype.propertyIsEnumerable,tT=(e,t,r)=>t in e?tE(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tO=(e,t)=>{for(var r in t||(t={}))tv.call(t,r)&&tT(e,r,t[r]);if(th)for(var r of th(t))ty.call(t,r)&&tT(e,r,t[r]);return e},tC=(e,t)=>tb(e,tS(t)),tN=(e,t)=>{var r={};for(var n in e)tv.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&th)for(var n of th(e))0>t.indexOf(n)&&ty.call(e,n)&&(r[n]=e[n]);return r};let tR=(0,n.forwardRef)((e,t)=>{var{children:r,style:a}=e,i=tN(e,["children","style"]);let l=o(),c=(0,s.Yx)(t,l.onViewportChange);return n.createElement(ta.x,tC(tO({},i),{ref:c,style:tO({overflowX:l.scrollbarXEnabled?"scroll":"hidden",overflowY:l.scrollbarYEnabled?"scroll":"hidden"},a)}),n.createElement("div",{style:{minWidth:"100%",display:"table"},ref:l.onContentChange},r))});tR.displayName="@mantine/core/ScrollAreaViewport";var tI={root:"m-d57069b5",viewport:"m-c0783ff9",viewportInner:"m-f8f631dd",scrollbar:"m-c44ba933",thumb:"m-d8b5e363",corner:"m-21657268"},tA=Object.defineProperty,tx=Object.defineProperties,tw=Object.getOwnPropertyDescriptors,tD=Object.getOwnPropertySymbols,tM=Object.prototype.hasOwnProperty,tP=Object.prototype.propertyIsEnumerable,tL=(e,t,r)=>t in e?tA(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tk=(e,t)=>{for(var r in t||(t={}))tM.call(t,r)&&tL(e,r,t[r]);if(tD)for(var r of tD(t))tP.call(t,r)&&tL(e,r,t[r]);return e},tF=(e,t)=>tx(e,tw(t)),tU=(e,t)=>{var r={};for(var n in e)tM.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&tD)for(var n of tD(e))0>t.indexOf(n)&&tP.call(e,n)&&(r[n]=e[n]);return r};let tB=(0,n.forwardRef)((e,t)=>{let{style:r}=e,a=tU(e,["style"]),i=o(),l=_(),{onThumbPositionChange:d}=l,u=(0,s.Yx)(t,e=>l.onThumbChange(e)),p=(0,n.useRef)(),g=c(()=>{p.current&&(p.current(),p.current=void 0)},100);return(0,n.useEffect)(()=>{let{viewport:e}=i;if(e){let t=()=>{if(g(),!p.current){let t=function(e,t=()=>{}){let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function a(){let i={left:e.scrollLeft,top:e.scrollTop},o=r.left!==i.left,s=r.top!==i.top;(o||s)&&t(),r=i,n=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(n)}(e,d);p.current=t,d()}};return d(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}},[i.viewport,g,d]),n.createElement("div",tF(tk({"data-state":l.hasThumb?"visible":"hidden"},a),{ref:u,style:tk({width:"var(--sa-thumb-width)",height:"var(--sa-thumb-height)"},r),onPointerDownCapture:m(e.onPointerDownCapture,e=>{let t=e.target,r=t.getBoundingClientRect(),n=e.clientX-r.left,a=e.clientY-r.top;l.onThumbPointerDown({x:n,y:a})}),onPointerUp:m(e.onPointerUp,l.onThumbPointerUp)}))}),tG=n.forwardRef((e,t)=>{let{forceMount:r}=e,a=tU(e,["forceMount"]),i=_();return r||i.hasThumb?n.createElement(tB,tk({ref:t},a)):null});var tj=r(3154),tY=r(86109),tH=r(8586),tz=r(72622),tV=Object.defineProperty,t$=Object.defineProperties,tq=Object.getOwnPropertyDescriptors,tW=Object.getOwnPropertySymbols,tQ=Object.prototype.hasOwnProperty,tK=Object.prototype.propertyIsEnumerable,tZ=(e,t,r)=>t in e?tV(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tX=(e,t)=>{for(var r in t||(t={}))tQ.call(t,r)&&tZ(e,r,t[r]);if(tW)for(var r of tW(t))tK.call(t,r)&&tZ(e,r,t[r]);return e},tJ=(e,t)=>t$(e,tq(t)),t0=(e,t)=>{var r={};for(var n in e)tQ.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&tW)for(var n of tW(e))0>t.indexOf(n)&&tK.call(e,n)&&(r[n]=e[n]);return r};let t1={scrollHideDelay:1e3,type:"hover"},t2=(0,tH.Z)((e,{scrollbarSize:t})=>({root:{"--scrollarea-scrollbar-size":(0,tz.h)(t)}})),t3=(0,tj.d)((e,t)=>{let r=(0,tn.w)("ScrollArea",t1,e),{classNames:a,className:i,style:o,styles:s,unstyled:l,scrollbarSize:c,vars:d,type:u,scrollHideDelay:p,viewportProps:_,viewportRef:m,onScrollPositionChange:g,children:f,offsetScrollbars:E}=r,b=t0(r,["classNames","className","style","styles","unstyled","scrollbarSize","vars","type","scrollHideDelay","viewportProps","viewportRef","onScrollPositionChange","children","offsetScrollbars"]),[S,h]=(0,n.useState)(!1),v=(0,tY.y)({name:"ScrollArea",props:r,classes:tI,className:i,style:o,classNames:a,styles:s,unstyled:l,vars:d,varsResolver:t2});return n.createElement(tf,tX(tX({type:"never"===u?"always":u,scrollHideDelay:p,ref:t},v("root")),b),n.createElement(tR,tJ(tX(tX({},_),v("viewport")),{ref:m,"data-offset-scrollbars":!0===E?"xy":E||void 0,onScroll:"function"==typeof g?({currentTarget:e})=>g({x:e.scrollLeft,y:e.scrollTop}):void 0}),f),n.createElement(e0,tJ(tX({},v("scrollbar")),{orientation:"horizontal","data-hidden":"never"===u||void 0,forceMount:!0,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)}),n.createElement(tG,tX({},v("thumb")))),n.createElement(e0,tJ(tX({},v("scrollbar")),{orientation:"vertical","data-hidden":"never"===u||void 0,forceMount:!0,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1)}),n.createElement(tG,tX({},v("thumb")))),n.createElement(tr,tJ(tX({},v("corner")),{"data-hovered":S||void 0,"data-hidden":"never"===u||void 0})))});t3.displayName="@mantine/core/ScrollArea";let t4=(0,tj.d)((e,t)=>{let r=(0,tn.w)("ScrollAreaAutosize",t1,e),{children:a,classNames:i,styles:o,scrollbarSize:s,scrollHideDelay:l,type:c,dir:d,offsetScrollbars:u,viewportRef:p,onScrollPositionChange:_,unstyled:m,variant:g,viewportProps:f,style:E,vars:b}=r,S=t0(r,["children","classNames","styles","scrollbarSize","scrollHideDelay","type","dir","offsetScrollbars","viewportRef","onScrollPositionChange","unstyled","variant","viewportProps","style","vars"]);return n.createElement(ta.x,tJ(tX({},S),{ref:t,style:[{display:"flex"},E]}),n.createElement(ta.x,{style:{display:"flex",flexDirection:"column",flex:1}},n.createElement(t3,{classNames:i,styles:o,scrollHideDelay:l,scrollbarSize:s,type:c,dir:d,offsetScrollbars:u,viewportRef:p,onScrollPositionChange:_,unstyled:m,variant:g,viewportProps:f,vars:b},a)))});t3.classes=tI,t4.displayName="@mantine/core/ScrollAreaAutosize",t4.classes=tI,t3.Autosize=t4},72454:function(e,t,r){"use strict";r.d(t,{s:function(){return x}});var n=r(67294),a=r(643),i=r(9779),o=r(28038),s=r(83443),l={root:"m-cf365364",indicator:"m-9e182ccd",label:"m-1738fcb2",input:"m-1714d588",control:"m-69686b9b"},c=r(3154),d=r(30370),u=r(86109),p=r(12917),_=r(43440),m=r(81110),g=r(8586),f=r(48468),E=r(40184),b=Object.defineProperty,S=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>S(e,h(t)),R=(e,t)=>{var r={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&v)for(var n of v(e))0>t.indexOf(n)&&T.call(e,n)&&(r[n]=e[n]);return r};let I={},A=(0,g.Z)((e,{radius:t,color:r,transitionDuration:n,size:a,transitionTimingFunction:i})=>({root:{"--sc-radius":void 0===t?void 0:(0,f.H5)(t),"--sc-color":r?(0,E.p)(r,e):void 0,"--sc-shadow":r?void 0:"var(--mantine-shadow-xs)","--sc-transition-duration":void 0===n?void 0:`${n}ms`,"--sc-transition-timing-function":i,"--sc-padding":(0,f.ap)(a,"sc-padding"),"--sc-font-size":(0,f.yv)(a)}})),x=(0,c.d)((e,t)=>{var r,c,g,f;let E=(0,d.w)("SegmentedControl",I,e),{classNames:b,className:S,style:h,styles:v,unstyled:y,vars:T,data:O,value:x,defaultValue:w,onChange:D,size:M,name:P,disabled:L,readOnly:k,fullWidth:F,orientation:U,radius:B,color:G,transitionDuration:j,transitionTimingFunction:Y,variant:H}=E,z=R(E,["classNames","className","style","styles","unstyled","vars","data","value","defaultValue","onChange","size","name","disabled","readOnly","fullWidth","orientation","radius","color","transitionDuration","transitionTimingFunction","variant"]),V=(0,u.y)({name:"SegmentedControl",props:E,classes:l,className:S,style:h,classNames:b,styles:v,unstyled:y,vars:T,varsResolver:A}),{dir:$}=(0,p.gm)(),q=(0,_.rZ)(),W=O.map(e=>"string"==typeof e?{label:e,value:e}:e),[Q,K]=(0,a.C)({value:x,defaultValue:w,finalValue:Array.isArray(O)&&null!=(f=null!=(g=null==(r=W.find(e=>!e.disabled))?void 0:r.value)?g:null==(c=O[0])?void 0:c.value)?f:null,onChange:D}),[Z,X]=(0,n.useState)({width:0,height:0,translate:[0,0]}),J=(0,i.M)(P),ee=(0,n.useRef)({}),[et,er]=(0,o.y)();(0,n.useEffect)(()=>{if(Q in ee.current&&et.current){let e=ee.current[Q];if(e){let t=e.getBoundingClientRect(),r=e.offsetWidth/t.width,n=e.clientWidth*r||0,a=e.clientHeight*r||0,i=er.width-e.parentElement.offsetLeft+4-n,o=e.parentElement.offsetLeft-4;X({width:n,height:a,translate:["rtl"===$?-1*i:o,e.parentElement.offsetTop-4]})}else X({width:0,height:0,translate:[0,0]})}},[Q,er,$]);let en=W.map(e=>n.createElement(m.x,N(C({},V("control")),{mod:{active:Q===e.value,orientation:U},key:e.value}),n.createElement("input",N(C({},V("input")),{disabled:L||e.disabled,type:"radio",name:J,value:e.value,id:`${J}-${e.value}`,checked:Q===e.value,onChange:()=>!k&&K(e.value),"data-focus-ring":q.focusRing})),n.createElement(m.x,N(C({component:"label"},V("label")),{mod:{active:Q===e.value&&!(L||e.disabled),disabled:L||e.disabled},htmlFor:`${J}-${e.value}`,ref:t=>{ee.current[e.value]=t},__vars:{"--sc-label-color":void 0!==G?"var(--mantine-color-white)":void 0}}),e.label))),ea=(0,s.Yx)(et,t);return 0===O.length?null:n.createElement(m.x,N(C(N(C({},V("root")),{variant:H,size:M,ref:ea,mod:{"full-width":F,orientation:U}}),z),{role:"radiogroup"}),"string"==typeof Q&&n.createElement(m.x,N(C({component:"span"},V("indicator")),{__vars:{"--sc-indicator-width":`${Z.width}px`,"--sc-indicator-height":`${Z.height}px`,"--sc-indicator-transform":`translate(${Z.translate[0]}px, ${Z.translate[1]}px)`}})),en)});x.classes=l,x.displayName="@mantine/core/SegmentedControl"},83871:function(e,t,r){"use strict";r.d(t,{I:function(){return i},Y:function(){return a}});var n=r(45763);let[a,i]=(0,n.R)("SliderProvider was not found in tree")},46371:function(e,t){"use strict";t.Z={root:"m-dd36362e",label:"m-c9357328",thumb:"m-c9a9a60a",trackContainer:"m-a8645c2",track:"m-c9ade57f",bar:"m-38aeed47",markWrapper:"m-b7b0423a",mark:"m-dd33bc19",markLabel:"m-68c77a5b"}},94278:function(e,t,r){"use strict";r.d(t,{i:function(){return F}});var n=r(67294),a=r(643),i=r(71062),o=r(56578),s=r(83443),l=r(38310),c=r(9207),d=r(5748),u=r(94662),p=r(38523),_=r(22561),m=r(73319),g=r(83871),f=r(46371),E=r(3154),b=r(30370),S=r(86109),h=r(12917),v=r(8586),y=r(48468),T=r(40184),O=r(72622),C=Object.defineProperty,N=Object.defineProperties,R=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,D=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(I)for(var r of I(t))x.call(t,r)&&w(e,r,t[r]);return e},M=(e,t)=>N(e,R(t)),P=(e,t)=>{var r={};for(var n in e)A.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&I)for(var n of I(e))0>t.indexOf(n)&&x.call(e,n)&&(r[n]=e[n]);return r};let L={radius:"xl",min:0,max:100,step:1,marks:[],label:e=>e,labelTransitionProps:{transition:"fade",duration:0},labelAlwaysOn:!1,thumbLabel:"",showLabelOnHover:!0,disabled:!1,scale:e=>e},k=(0,v.Z)((e,{size:t,color:r,thumbSize:n,radius:a})=>({root:{"--slider-size":(0,y.ap)(t,"slider-size"),"--slider-color":r?(0,T.p)(r,e):void 0,"--slider-radius":void 0===a?void 0:(0,y.H5)(a),"--slider-thumb-size":void 0!==n?(0,O.h)(n):"calc(var(--slider-size) * 2)"}})),F=(0,E.d)((e,t)=>{let r=(0,b.w)("Slider",L,e),{classNames:E,styles:v,value:y,onChange:T,onChangeEnd:O,size:C,min:N,max:R,step:I,precision:A,defaultValue:x,name:w,marks:F,label:U,labelTransitionProps:B,labelAlwaysOn:G,thumbLabel:j,showLabelOnHover:Y,thumbChildren:H,disabled:z,unstyled:V,scale:$,inverted:q,className:W,style:Q,vars:K}=r,Z=P(r,["classNames","styles","value","onChange","onChangeEnd","size","min","max","step","precision","defaultValue","name","marks","label","labelTransitionProps","labelAlwaysOn","thumbLabel","showLabelOnHover","thumbChildren","disabled","unstyled","scale","inverted","className","style","vars"]),X=(0,S.y)({name:"Slider",props:r,classes:f.Z,classNames:E,className:W,styles:v,style:Q,vars:K,varsResolver:k,unstyled:V}),{dir:J}=(0,h.gm)(),[ee,et]=(0,n.useState)(!1),[er,en]=(0,a.C)({value:"number"==typeof y?(0,i.u)(y,N,R):y,defaultValue:"number"==typeof x?(0,i.u)(x,N,R):x,finalValue:(0,i.u)(0,N,R),onChange:T}),ea=(0,n.useRef)(er),ei=(0,n.useRef)(),eo=(0,n.useRef)(),es=(0,u.b)({value:er,min:N,max:R}),el=$(er),ec="function"==typeof U?U(el):U,ed=null!=A?A:(0,m.p)(I),eu=(0,n.useCallback)(({x:e})=>{if(!z){let t=(0,p.i)({value:e,min:N,max:R,step:I,precision:ed});en(t),ea.current=t}},[z,N,R,I,ed,en]),{ref:ep,active:e_}=(0,o.r)(eu,{onScrubEnd:()=>null==O?void 0:O(ea.current)},J),em=e=>{var t,r,n,a,i,o;if(!z)switch(e.key){case"ArrowUp":{e.preventDefault(),null==(t=eo.current)||t.focus();let r=(0,_.J)(Math.min(Math.max(er+I,N),R),ed);null==O||O(r),en(r);break}case"ArrowRight":{e.preventDefault(),null==(r=eo.current)||r.focus();let t=(0,_.J)(Math.min(Math.max("rtl"===J?er-I:er+I,N),R),ed);null==O||O(t),en(t);break}case"ArrowDown":{e.preventDefault(),null==(n=eo.current)||n.focus();let t=(0,_.J)(Math.min(Math.max(er-I,N),R),ed);null==O||O(t),en(t);break}case"ArrowLeft":{e.preventDefault(),null==(a=eo.current)||a.focus();let t=(0,_.J)(Math.min(Math.max("rtl"===J?er+I:er-I,N),R),ed);null==O||O(t),en(t);break}case"Home":e.preventDefault(),null==(i=eo.current)||i.focus(),null==O||O(N),en(N);break;case"End":e.preventDefault(),null==(o=eo.current)||o.focus(),null==O||O(R),en(R)}};return n.createElement(g.Y,{value:{getStyles:X}},n.createElement(l.l,M(D({},Z),{ref:(0,s.Yx)(t,ei),onKeyDownCapture:em,onMouseDownCapture:()=>{var e;return null==(e=ei.current)?void 0:e.focus()},size:C,disabled:z}),n.createElement(c.f,{inverted:q,offset:0,filled:es,marks:F,min:N,max:R,value:el,disabled:z,containerProps:{ref:ep,onMouseEnter:Y?()=>et(!0):void 0,onMouseLeave:Y?()=>et(!1):void 0}},n.createElement(d.b,{max:R,min:N,value:el,position:es,dragging:e_,label:ec,ref:eo,labelTransitionProps:B,labelAlwaysOn:G,thumbLabel:j,showLabelOnHover:Y,isHovered:ee,disabled:z},H)),n.createElement("input",{type:"hidden",name:w,value:el})))});F.classes=f.Z,F.displayName="@mantine/core/Slider"},38310:function(e,t,r){"use strict";r.d(t,{l:function(){return _}});var n=r(67294),a=r(83871),i=r(81110),o=Object.defineProperty,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&d(e,r,t[r]);if(s)for(var r of s(t))c.call(t,r)&&d(e,r,t[r]);return e},p=(e,t)=>{var r={};for(var n in e)l.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&s)for(var n of s(e))0>t.indexOf(n)&&c.call(e,n)&&(r[n]=e[n]);return r};let _=(0,n.forwardRef)((e,t)=>{var{size:r,disabled:o,variant:s,color:l,thumbSize:c,radius:d}=e,_=p(e,["size","disabled","variant","color","thumbSize","radius"]);let{getStyles:m}=(0,a.I)();return n.createElement(i.x,u(u({tabIndex:-1,variant:s,size:r,ref:t},m("root")),_))});_.displayName="@mantine/core/SliderRoot"},5748:function(e,t,r){"use strict";r.d(t,{b:function(){return f}});var n=r(67294),a=r(83871),i=r(56338),o=r(81110),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>l(e,c(t));let f=(0,n.forwardRef)(({max:e,min:t,value:r,position:s,label:l,dragging:c,onMouseDown:d,onKeyDownCapture:u,labelTransitionProps:p,labelAlwaysOn:_,thumbLabel:f,onFocus:E,onBlur:b,showLabelOnHover:S,isHovered:h,children:v=null,disabled:y},T)=>{let{getStyles:O}=(0,a.I)(),[C,N]=(0,n.useState)(!1);return n.createElement(o.x,g(m({tabIndex:0,role:"slider","aria-label":f,"aria-valuemax":e,"aria-valuemin":t,"aria-valuenow":r,ref:T,__vars:{"--slider-thumb-offset":`${s}%`}},O("thumb",{focusable:!0})),{mod:{dragging:c,disabled:y},onFocus:()=>{N(!0),"function"==typeof E&&E()},onBlur:()=>{N(!1),"function"==typeof b&&b()},onTouchStart:d,onMouseDown:d,onKeyDownCapture:u,onClick:e=>e.stopPropagation()}),v,n.createElement(i.u,m({mounted:null!=l&&!!(_||c||C||S&&h),transition:"fade",duration:0},p),e=>n.createElement("div",m({},O("label",{style:e})),l)))});f.displayName="@mantine/core/SliderThumb"},9207:function(e,t,r){"use strict";r.d(t,{f:function(){return R}});var n=r(67294),a=r(94662),i=r(83871),o=r(81110),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>l(e,c(t));function f({marks:e,min:t,max:r,disabled:s,value:l,offset:c,inverted:d}){let{getStyles:u}=(0,i.I)();if(!e)return null;let p=e.map((e,i)=>n.createElement(o.x,g(m({},u("markWrapper")),{__vars:{"--mark-offset":`${(0,a.b)({value:e.value,min:t,max:r})}%`},key:i}),n.createElement(o.x,g(m({},u("mark")),{mod:{filled:function({mark:e,offset:t,value:r,inverted:n=!1}){return n?"number"==typeof t&&e.value<=t||e.value>=r:"number"==typeof t?e.value>=t&&e.value<=r:e.value<=r}({mark:e,value:l,offset:c,inverted:d}),disabled:s}})),e.label&&n.createElement("div",m({},u("markLabel")),e.label)));return n.createElement("div",null,p)}f.displayName="@mantine/core/SliderMarks";var E=Object.defineProperty,b=Object.defineProperties,S=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,T=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))v.call(t,r)&&T(e,r,t[r]);if(h)for(var r of h(t))y.call(t,r)&&T(e,r,t[r]);return e},C=(e,t)=>b(e,S(t)),N=(e,t)=>{var r={};for(var n in e)v.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>t.indexOf(n)&&y.call(e,n)&&(r[n]=e[n]);return r};function R(e){var{filled:t,children:r,offset:a,disabled:s,marksOffset:l,inverted:c,containerProps:d}=e,u=N(e,["filled","children","offset","disabled","marksOffset","inverted","containerProps"]);let{getStyles:p}=(0,i.I)();return n.createElement(n.Fragment,null,n.createElement(o.x,O(C(O({},p("trackContainer")),{mod:{disabled:s}}),d),n.createElement(o.x,C(O({},p("track")),{mod:{inverted:c,disabled:s}}),n.createElement(o.x,O({mod:{inverted:c,disabled:s},__vars:{"--slider-bar-width":`calc(${t}% + var(--slider-size))`,"--slider-bar-offset":`calc(${a}% - var(--slider-size))`}},p("bar"))),r,n.createElement(f,C(O({},u),{offset:l,disabled:s,inverted:c})))))}R.displayName="@mantine/core/SliderTrack"},38523:function(e,t,r){"use strict";function n({value:e,containerWidth:t,min:r,max:n,step:a,precision:i}){let o=(t?Math.min(Math.max(e,0),t)/t:e)*(n-r),s=Math.max((0!==o?Math.round(o/a)*a:0)+r,r);return void 0!==i?Number(s.toFixed(i)):s}r.d(t,{i:function(){return n}})},22561:function(e,t,r){"use strict";function n(e,t){return parseFloat(e.toFixed(t))}r.d(t,{J:function(){return n}})},94662:function(e,t,r){"use strict";function n({value:e,min:t,max:r}){return Math.min(Math.max((e-t)/(r-t)*100,0),100)}r.d(t,{b:function(){return n}})},73319:function(e,t,r){"use strict";function n(e){if(!e)return 0;let t=e.toString().split(".");return t.length>1?t[1].length:0}r.d(t,{p:function(){return n}})},75253:function(e,t,r){"use strict";r.d(t,{K:function(){return T}});var n=r(67294),a={root:"m-6d731127"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=r(8586),d=r(48468),u=Object.defineProperty,p=Object.defineProperties,_=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e},S=(e,t)=>p(e,_(t)),h=(e,t)=>{var r={};for(var n in e)g.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&m)for(var n of m(e))0>t.indexOf(n)&&f.call(e,n)&&(r[n]=e[n]);return r};let v={gap:"md",align:"stretch",justify:"flex-start"},y=(0,c.Z)((e,{gap:t,align:r,justify:n})=>({root:{"--stack-gap":(0,d.bG)(t),"--stack-align":r,"--stack-justify":n}})),T=(0,i.d)((e,t)=>{let r=(0,o.w)("Stack",v,e),{classNames:i,className:c,style:d,styles:u,unstyled:p,vars:_,align:m,justify:g,gap:f,variant:E}=r,T=h(r,["classNames","className","style","styles","unstyled","vars","align","justify","gap","variant"]),O=(0,s.y)({name:"Stack",props:r,classes:a,className:c,style:d,classNames:i,styles:u,unstyled:p,vars:_,varsResolver:y});return n.createElement(l.x,b(S(b({ref:t},O("root")),{variant:E}),T))});T.classes=a,T.displayName="@mantine/core/Stack"},87809:function(e,t,r){"use strict";r.d(t,{r:function(){return V}});var n=r(67294),a=r(9779),i=r(643);let o=(0,n.createContext)(null),s=o.Provider,l=()=>(0,n.useContext)(o);var c=r(52561),d=r(28086),u=r(3154),p=r(30370),_=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))b.call(t,r)&&S(e,r,t[r]);return e},v=(e,t)=>m(e,g(t)),y=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&b.call(e,n)&&(r[n]=e[n]);return r};let T={},O=(0,u.d)((e,t)=>{let r=(0,p.w)("SwitchGroup",T,e),{value:a,defaultValue:o,onChange:l,size:u,wrapperProps:_,children:m}=r,g=y(r,["value","defaultValue","onChange","size","wrapperProps","children"]),[f,E]=(0,i.C)({value:a,defaultValue:o,finalValue:[],onChange:l}),b=e=>{let t=e.currentTarget.value;E(f.includes(t)?f.filter(e=>e!==t):[...f,t])};return n.createElement(s,{value:{value:f,onChange:b,size:u}},n.createElement(c.I.Wrapper,v(h(h({size:u,ref:t},_),g),{labelElement:"div",__staticSelector:"SwitchGroup"}),n.createElement(d.m,{role:"group"},m)))});O.classes=c.I.Wrapper.classes,O.displayName="@mantine/core/SwitchGroup";var C={root:"m-5f93f3bb",input:"m-926b4011",track:"m-9307d992",thumb:"m-93039a1d",trackLabel:"m-8277e082"},N=r(95958),R=r(86109),I=r(7872),A=r(81110),x=r(8586),w=r(48468),D=r(40184),M=Object.defineProperty,P=Object.defineProperties,L=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,F=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,B=(e,t,r)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,G=(e,t)=>{for(var r in t||(t={}))F.call(t,r)&&B(e,r,t[r]);if(k)for(var r of k(t))U.call(t,r)&&B(e,r,t[r]);return e},j=(e,t)=>P(e,L(t)),Y=(e,t)=>{var r={};for(var n in e)F.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&k)for(var n of k(e))0>t.indexOf(n)&&U.call(e,n)&&(r[n]=e[n]);return r};let H={labelPosition:"right"},z=(0,x.Z)((e,{radius:t,color:r,size:n})=>({root:{"--switch-radius":void 0===t?void 0:(0,w.H5)(t),"--switch-height":(0,w.ap)(n,"switch-height"),"--switch-width":(0,w.ap)(n,"switch-width"),"--switch-thumb-size":(0,w.ap)(n,"switch-thumb-size"),"--switch-label-font-size":(0,w.ap)(n,"switch-label-font-size"),"--switch-track-label-padding":(0,w.ap)(n,"switch-track-label-padding"),"--switch-color":r?(0,D.p)(r,e):void 0}})),V=(0,u.d)((e,t)=>{var r;let o=(0,p.w)("Switch",H,e),{classNames:s,className:c,style:d,styles:u,unstyled:_,vars:m,color:g,label:f,offLabel:E,onLabel:b,id:S,size:h,radius:v,wrapperProps:y,children:T,thumbIcon:O,checked:x,defaultChecked:w,onChange:D,labelPosition:M,description:P,error:L,disabled:k,variant:F,rootRef:U}=o,B=Y(o,["classNames","className","style","styles","unstyled","vars","color","label","offLabel","onLabel","id","size","radius","wrapperProps","children","thumbIcon","checked","defaultChecked","onChange","labelPosition","description","error","disabled","variant","rootRef"]),V=l(),$=h||(null==V?void 0:V.size),q=(0,R.y)({name:"Switch",props:o,classes:C,className:c,style:d,classNames:s,styles:u,unstyled:_,vars:m,varsResolver:z}),{styleProps:W,rest:Q}=(0,I.c)(B),K=(0,a.M)(S),Z=V?{checked:V.value.includes(Q.value),onChange:V.onChange}:{},[X,J]=(0,i.C)({value:null!=(r=Z.checked)?r:x,defaultValue:w,finalValue:!1});return n.createElement(N.Z,G(G(j(G({},q("root")),{__staticSelector:"Switch",__stylesApiProps:o,id:K,size:$,labelPosition:M,label:f,description:P,error:L,disabled:k,classNames:s,styles:u,unstyled:_,"data-checked":Z.checked||void 0,variant:F,ref:U}),W),y),n.createElement("input",G(j(G({},Q),{disabled:k,checked:X,onChange:e=>{var t;V?null==(t=Z.onChange)||t.call(Z,e):null==D||D(e),J(e.currentTarget.checked)},id:K,ref:t,type:"checkbox"}),q("input"))),n.createElement(A.x,G({component:"label",htmlFor:K,mod:{error:L,"label-position":M}},q("track")),n.createElement(A.x,G({component:"span",mod:"reduce-motion"},q("thumb")),O),n.createElement("span",G({},q("trackLabel")),X?b:E)))});V.classes=G(G({},C),N.J),V.displayName="@mantine/core/Switch",V.Group=O},10573:function(e,t,r){"use strict";r.d(t,{i:function(){return ee}});var n=r(67294),a=r(45763);let[i,o]=(0,a.R)("Table component was not found in the tree");var s={table:"m-b23fa0ef",th:"m-4e7aa4f3",tr:"m-4e7aa4fd",td:"m-4e7aa4ef",tbody:"m-b2404537",caption:"m-9e5a3ac7",scrollContainer:"m-a100c15",scrollContainerInner:"m-62259741"},l=r(3154),c=r(30370),d=r(81110),u=Object.defineProperty,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};function b(e,t){let r=`Table${e.charAt(0).toUpperCase()}${e.slice(1)}`,a=(0,l.d)((a,i)=>{let s=(0,c.w)(r,{},a),{classNames:l,className:u,style:p,styles:_}=s,m=E(s,["classNames","className","style","styles"]),g=o();return n.createElement(d.x,f(f(f({component:e,ref:i},function(e,t){if(!t)return;let r={};return t.columnBorder&&e.withColumnBorders&&(r["data-with-column-border"]=!0),t.rowBorder&&e.withRowBorders&&(r["data-with-row-border"]=!0),t.striped&&e.striped&&(r["data-striped"]=e.striped),t.highlightOnHover&&e.highlightOnHover&&(r["data-hover"]=!0),t.captionSide&&e.captionSide&&(r["data-side"]=e.captionSide),r}(g,t)),g.getStyles(e,{className:u,classNames:l,style:p,styles:_,props:s})),m))});return a.displayName=`@mantine/core/${r}`,a.classes=s,a}let S=b("th",{columnBorder:!0}),h=b("td",{columnBorder:!0}),v=b("tr",{rowBorder:!0,striped:!0,highlightOnHover:!0}),y=b("thead"),T=b("tbody"),O=b("tfoot"),C=b("caption",{captionSide:!0});var N=r(18094),R=r(86109),I=r(8586),A=r(72622),x=Object.defineProperty,w=Object.defineProperties,D=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,k=(e,t,r)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,F=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&k(e,r,t[r]);if(M)for(var r of M(t))L.call(t,r)&&k(e,r,t[r]);return e},U=(e,t)=>w(e,D(t)),B=(e,t)=>{var r={};for(var n in e)P.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&M)for(var n of M(e))0>t.indexOf(n)&&L.call(e,n)&&(r[n]=e[n]);return r};let G={type:"scrollarea"},j=(0,I.Z)((e,{minWidth:t,type:r})=>({scrollContainer:{"--table-min-width":(0,A.h)(t),"--table-overflow":"native"===r?"auto":void 0}})),Y=(0,l.d)((e,t)=>{let r=(0,c.w)("TableScrollContainer",G,e),{classNames:a,className:i,style:o,styles:l,unstyled:u,vars:p,children:_,minWidth:m,type:g}=r,f=B(r,["classNames","className","style","styles","unstyled","vars","children","minWidth","type"]),E=(0,R.y)({name:"TableScrollContainer",classes:s,props:r,className:i,style:o,classNames:a,styles:l,unstyled:u,vars:p,varsResolver:j,rootSelector:"scrollContainer"});return n.createElement(d.x,F(F(U(F({component:"scrollarea"===g?N.x:"div"},"scrollarea"===g?{offsetScrollbars:"x"}:{}),{ref:t}),E("scrollContainer")),f),n.createElement("div",F({},E("scrollContainerInner")),_))});Y.classes=s,Y.displayName="@mantine/core/TableScrollContainer";var H=r(48468),z=r(40184),V=Object.defineProperty,$=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,Q=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,K=(e,t)=>{for(var r in t||(t={}))q.call(t,r)&&Q(e,r,t[r]);if($)for(var r of $(t))W.call(t,r)&&Q(e,r,t[r]);return e},Z=(e,t)=>{var r={};for(var n in e)q.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&$)for(var n of $(e))0>t.indexOf(n)&&W.call(e,n)&&(r[n]=e[n]);return r};let X={withRowBorders:!0,verticalSpacing:7},J=(0,I.Z)((e,{layout:t,captionSide:r,horizontalSpacing:n,verticalSpacing:a,borderColor:i,stripedColor:o,highlightOnHoverColor:s,striped:l,highlightOnHover:c})=>({table:{"--table-layout":t,"--table-caption-side":r,"--table-horizontal-spacing":(0,H.bG)(n),"--table-vertical-spacing":(0,H.bG)(a),"--table-border-color":i?(0,z.p)(i,e):void 0,"--table-striped-color":l&&o?(0,z.p)(o,e):void 0,"--table-highlight-on-hover-color":c&&s?(0,z.p)(s,e):void 0}})),ee=(0,l.d)((e,t)=>{let r=(0,c.w)("Table",X,e),{classNames:a,className:o,style:l,styles:u,unstyled:p,vars:_,horizontalSpacing:m,verticalSpacing:g,captionSide:f,stripedColor:E,highlightOnHoverColor:b,striped:S,highlightOnHover:h,withColumnBorders:v,withRowBorders:y,withTableBorder:T,borderColor:O,layout:C,variant:N}=r,I=Z(r,["classNames","className","style","styles","unstyled","vars","horizontalSpacing","verticalSpacing","captionSide","stripedColor","highlightOnHoverColor","striped","highlightOnHover","withColumnBorders","withRowBorders","withTableBorder","borderColor","layout","variant"]),A=(0,R.y)({name:"Table",props:r,className:o,style:l,classes:s,classNames:a,styles:u,unstyled:p,rootSelector:"table",vars:_,varsResolver:J});return n.createElement(i,{value:{getStyles:A,striped:!0===S?"odd":S||void 0,highlightOnHover:h,withColumnBorders:v,withRowBorders:y,captionSide:f||"bottom"}},n.createElement(d.x,K(K({component:"table",variant:N,ref:t,mod:{"data-with-table-border":T}},A("table")),I)))});ee.classes=s,ee.displayName="@mantine/core/Table",ee.Td=h,ee.Th=S,ee.Tr=v,ee.Thead=y,ee.Tbody=T,ee.Tfoot=O,ee.Caption=C,ee.ScrollContainer=Y},72039:function(e,t,r){"use strict";r.d(t,{x:function(){return C}});var n=r(67294),a={root:"m-b6d8b162"},i=r(48468),o=r(32665),s=r(70405),l=r(30370),c=r(86109),d=r(81110),u=r(8586),p=r(40184),_=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,S=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))b.call(t,r)&&S(e,r,t[r]);return e},v=(e,t)=>m(e,g(t)),y=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&f)for(var n of f(e))0>t.indexOf(n)&&b.call(e,n)&&(r[n]=e[n]);return r};let T={inherit:!1},O=(0,u.Z)((e,{variant:t,lineClamp:r,gradient:n,size:a,color:s})=>({root:{"--text-fz":(0,i.yv)(a),"--text-lh":(0,i.Dp)(a),"--text-gradient":"gradient"===t?(0,o.u)(n,e):void 0,"--text-line-clamp":"number"==typeof r?r.toString():void 0,"--text-color":s?(0,p.p)(s,e):void 0}})),C=(0,s.b)((e,t)=>{let r=(0,l.w)("Text",T,e),{lineClamp:i,truncate:o,inline:s,inherit:u,gradient:p,span:_,__staticSelector:m,vars:g,className:f,style:E,classNames:b,styles:S,unstyled:C,variant:N,mod:R,size:I}=r,A=y(r,["lineClamp","truncate","inline","inherit","gradient","span","__staticSelector","vars","className","style","classNames","styles","unstyled","variant","mod","size"]),x=(0,c.y)({name:["Text",m],props:r,classes:a,className:f,style:E,classNames:b,styles:S,unstyled:C,vars:g,varsResolver:O});return n.createElement(d.x,h(v(h({},x("root",{focusable:!0})),{ref:t,component:_?"span":"p",variant:N,mod:[{"data-truncate":"start"===o?"start":"end"===o||o?"end":void 0,"data-line-clamp":"number"==typeof i,"data-inline":s,"data-inherit":u},R],size:I}),A))});C.classes=a,C.displayName="@mantine/core/Text"},50780:function(e,t,r){"use strict";r.d(t,{o:function(){return E}});var n=r(67294),a=r(70097),i=r(3154),o=r(30370),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>l(e,c(t));let f={},E=(0,i.d)((e,t)=>{let r=(0,o.w)("TextInput",f,e);return n.createElement(a.M,g(m({component:"input",ref:t},r),{__staticSelector:"TextInput"}))});E.classes=a.M.classes,E.displayName="@mantine/core/TextInput"},44907:function(e,t,r){"use strict";r.d(t,{D:function(){return O}});var n=r(67294),a=r(72622);let i=["h1","h2","h3","h4","h5","h6"];var o={root:"m-8a5d1357"},s=r(3154),l=r(30370),c=r(86109),d=r(81110),u=r(8586),p=Object.defineProperty,_=Object.defineProperties,m=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,b=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,S=(e,t)=>{for(var r in t||(t={}))f.call(t,r)&&b(e,r,t[r]);if(g)for(var r of g(t))E.call(t,r)&&b(e,r,t[r]);return e},h=(e,t)=>_(e,m(t)),v=(e,t)=>{var r={};for(var n in e)f.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&g)for(var n of g(e))0>t.indexOf(n)&&E.call(e,n)&&(r[n]=e[n]);return r};let y={order:1},T=(0,u.Z)((e,{order:t,size:r})=>{let n=function(e,t){let r=void 0!==t?t:`h${e}`;return i.includes(r)?{fontSize:`var(--mantine-${r}-font-size)`,fontWeight:`var(--mantine-${r}-font-weight)`,lineHeight:`var(--mantine-${r}-line-height)`}:{fontSize:(0,a.h)(r),fontWeight:`var(--mantine-h${e}-font-weight)`,lineHeight:`var(--mantine-h${e}-line-height)`}}(t,r);return{root:{"--title-fw":n.fontWeight,"--title-lh":n.lineHeight,"--title-fz":n.fontSize}}}),O=(0,s.d)((e,t)=>{let r=(0,l.w)("Title",y,e),{classNames:a,className:i,style:s,styles:u,unstyled:p,order:_,vars:m,size:g,variant:f}=r,E=v(r,["classNames","className","style","styles","unstyled","order","vars","size","variant"]),b=(0,c.y)({name:"Title",props:r,classes:o,className:i,style:s,classNames:a,styles:u,unstyled:p,vars:m,varsResolver:T});return[1,2,3,4,5,6].includes(_)?n.createElement(d.x,S(h(S({},b("root")),{component:`h${_}`,variant:f,ref:t,mod:{order:_},size:g}),E)):null});O.classes=o,O.displayName="@mantine/core/Title"},46842:function(e,t,r){"use strict";r.d(t,{u:function(){return e_}});var n=r(67294),a=r(83443),i=r(40624),o={tooltip:"m-1b3c8819",arrow:"m-f898399f"},s=r(2216),l=r(63349),c=r(25772),d=r(95036),u=r(3154),p=r(30370),_=r(43440),m=r(86109),g=r(12322),f=r(81110),E=r(42654),b=r(88380),S=r(8586),h=r(48468),v=r(40184),y=Object.defineProperty,T=Object.defineProperties,O=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable,I=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))N.call(t,r)&&I(e,r,t[r]);if(C)for(var r of C(t))R.call(t,r)&&I(e,r,t[r]);return e},x=(e,t)=>T(e,O(t)),w=(e,t)=>{var r={};for(var n in e)N.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&C)for(var n of C(e))0>t.indexOf(n)&&R.call(e,n)&&(r[n]=e[n]);return r};let D={refProp:"ref",withinPortal:!0,offset:10,position:"right",zIndex:(0,b.w)("popover")},M=(0,S.Z)((e,{radius:t,color:r})=>({tooltip:{"--tooltip-radius":void 0===t?void 0:(0,h.H5)(t),"--tooltip-bg":r?(0,v.p)(r,e):void 0}})),P=(0,u.d)((e,t)=>{var r,i;let u=(0,p.w)("TooltipFloating",D,e),{children:b,refProp:S,withinPortal:h,style:v,className:y,classNames:T,styles:O,unstyled:C,radius:N,color:R,label:I,offset:P,position:L,multiline:k,zIndex:F,disabled:U,variant:B,vars:G,portalProps:j}=u,Y=w(u,["children","refProp","withinPortal","style","className","classNames","styles","unstyled","radius","color","label","offset","position","multiline","zIndex","disabled","variant","vars","portalProps"]),H=(0,_.rZ)(),z=(0,m.y)({name:"TooltipFloating",props:u,classes:o,className:y,style:v,classNames:T,styles:O,unstyled:C,rootSelector:"tooltip",vars:G,varsResolver:M}),{handleMouseMove:V,x:$,y:q,opened:W,boundaryRef:Q,floating:K,setOpened:Z}=function({offset:e,position:t}){let[r,a]=(0,n.useState)(!1),i=(0,n.useRef)(),{x:o,y:d,elements:u,refs:p,update:_,placement:m}=(0,s.YF)({placement:t,middleware:[(0,l.uY)({crossAxis:!0,padding:5,rootBoundary:"document"})]}),g=m.includes("right")?e:t.includes("left")?-1*e:0,f=m.includes("bottom")?e:t.includes("top")?-1*e:0,E=(0,n.useCallback)(({clientX:e,clientY:t})=>{p.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:e,y:t,left:e+g,top:t+f,right:e,bottom:t})})},[u.reference]);return(0,n.useEffect)(()=>{if(p.floating.current){let e=i.current;e.addEventListener("mousemove",E);let t=(0,c.Kx)(p.floating.current);return t.forEach(e=>{e.addEventListener("scroll",_)}),()=>{e.removeEventListener("mousemove",E),t.forEach(e=>{e.removeEventListener("scroll",_)})}}},[u.reference,p.floating.current,_,E,r]),{handleMouseMove:E,x:o,y:d,opened:r,setOpened:a,boundaryRef:i,floating:p.setFloating}}({offset:P,position:L});if(!(0,g.k)(b))throw Error("[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported");let X=(0,a.Yx)(Q,b.ref,t),J=e=>{var t,r;null==(r=(t=b.props).onMouseEnter)||r.call(t,e),V(e),Z(!0)},ee=e=>{var t,r;null==(r=(t=b.props).onMouseLeave)||r.call(t,e),Z(!1)};return n.createElement(n.Fragment,null,n.createElement(d.q,x(A({},j),{withinPortal:h}),n.createElement(f.x,x(A(A({},Y),z("tooltip",{style:x(A({},(0,E.c)(v,H)),{zIndex:F,display:!U&&W?"block":"none",top:null!=(r=q&&Math.round(q))?r:"",left:null!=(i=$&&Math.round($))?i:""})})),{variant:B,ref:K}),I)),(0,n.cloneElement)(b,x(A({},b.props),{[S]:X,onMouseEnter:J,onMouseLeave:ee})))});P.classes=o,P.displayName="@mantine/core/TooltipFloating";let L=(0,n.createContext)(!1),k=L.Provider,F=()=>(0,n.useContext)(L),U={openDelay:0,closeDelay:0};function B(e){let{openDelay:t,closeDelay:r,children:a}=(0,p.w)("TooltipGroup",U,e);return n.createElement(k,{value:!0},n.createElement(s.e0,{delay:{open:t,close:r}},a))}B.displayName="@mantine/core/TooltipGroup";var G=r(95954),j=r(9779),Y=r(14372),H=r(19217),z=r(2761),V=Object.defineProperty,$=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,Q=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,K=(e,t)=>{for(var r in t||(t={}))q.call(t,r)&&Q(e,r,t[r]);if($)for(var r of $(t))W.call(t,r)&&Q(e,r,t[r]);return e};let Z={duration:100,transition:"fade"};var X=r(56338),J=r(68112),ee=r(12917),et=Object.defineProperty,er=Object.defineProperties,en=Object.getOwnPropertyDescriptors,ea=Object.getOwnPropertySymbols,ei=Object.prototype.hasOwnProperty,eo=Object.prototype.propertyIsEnumerable,es=(e,t,r)=>t in e?et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,el=(e,t)=>{for(var r in t||(t={}))ei.call(t,r)&&es(e,r,t[r]);if(ea)for(var r of ea(t))eo.call(t,r)&&es(e,r,t[r]);return e},ec=(e,t)=>er(e,en(t)),ed=(e,t)=>{var r={};for(var n in e)ei.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ea)for(var n of ea(e))0>t.indexOf(n)&&eo.call(e,n)&&(r[n]=e[n]);return r};let eu={position:"top",refProp:"ref",withinPortal:!0,inline:!1,arrowSize:4,arrowOffset:5,arrowRadius:0,arrowPosition:"side",offset:5,transitionProps:{duration:100,transition:"fade"},events:{hover:!0,focus:!1,touch:!1},zIndex:(0,b.w)("popover"),positionDependencies:[]},ep=(0,S.Z)((e,{radius:t,color:r})=>({tooltip:{"--tooltip-radius":void 0===t?void 0:(0,h.H5)(t),"--tooltip-bg":r?(0,v.p)(r,e):void 0}})),e_=(0,u.d)((e,t)=>{let r=(0,p.w)("Tooltip",eu,e),c=(0,p.w)("Tooltip",eu,r),{children:u,position:_,refProp:E,label:b,openDelay:S,closeDelay:h,onPositionChange:v,opened:y,withinPortal:T,radius:O,color:C,classNames:N,styles:R,unstyled:I,style:A,className:x,withArrow:w,arrowSize:D,arrowOffset:M,arrowRadius:P,arrowPosition:L,offset:k,transitionProps:U,multiline:B,events:V,zIndex:$,disabled:q,positionDependencies:W,onClick:Q,onMouseEnter:et,onMouseLeave:er,inline:en,variant:ea,keepMounted:ei,vars:eo,portalProps:es}=c,e_=ed(c,["children","position","refProp","label","openDelay","closeDelay","onPositionChange","opened","withinPortal","radius","color","classNames","styles","unstyled","style","className","withArrow","arrowSize","arrowOffset","arrowRadius","arrowPosition","offset","transitionProps","multiline","events","zIndex","disabled","positionDependencies","onClick","onMouseEnter","onMouseLeave","inline","variant","keepMounted","vars","portalProps"]),{dir:em}=(0,ee.gm)(),eg=(0,n.useRef)(null),ef=function(e){var t,r,a;let[i,o]=(0,n.useState)(!1),c="boolean"==typeof e.opened,d=c?e.opened:i,u=F(),p=(0,j.M)(),{delay:_,currentId:m,setCurrentId:g}=(0,s.tj)(),f=(0,n.useCallback)(e=>{o(e),e&&g(p)},[g,p]),{x:E,y:b,context:S,refs:h,update:v,placement:y,middlewareData:{arrow:{x:T,y:O}={}}}=(0,s.YF)({placement:e.position,open:d,onOpenChange:f,middleware:[(0,l.cv)(e.offset),(0,l.uY)({padding:8}),(0,l.RR)(),(0,G.x7)({element:e.arrowRef,padding:e.arrowOffset}),...e.inline?[(0,l.Qo)()]:[]]}),{getReferenceProps:C,getFloatingProps:N}=(0,s.NI)([(0,s.XI)(S,{enabled:null==(t=e.events)?void 0:t.hover,delay:u?_:{open:e.openDelay,close:e.closeDelay},mouseOnly:!(null==(r=e.events)?void 0:r.touch)}),(0,s.KK)(S,{enabled:null==(a=e.events)?void 0:a.focus,keyboardOnly:!0}),(0,s.qs)(S,{role:"tooltip"}),(0,s.bQ)(S,{enabled:(e.opened,!1)}),(0,s.Qu)(S,{id:p})]);return(0,H.L)({opened:d,position:e.position,positionDependencies:e.positionDependencies,floating:{refs:h,update:v}}),(0,Y.l)(()=>{var t;null==(t=e.onPositionChange)||t.call(e,y)},[y]),{x:E,y:b,arrowX:T,arrowY:O,reference:h.setReference,floating:h.setFloating,getFloatingProps:N,getReferenceProps:C,isGroupPhase:d&&m&&m!==p,opened:d,placement:y}}({position:(0,z._)(em,_),closeDelay:h,openDelay:S,onPositionChange:v,opened:y,events:V,arrowRef:eg,arrowOffset:M,offset:"number"==typeof k?k+(w?D/2:0):k,positionDependencies:[...W,u],inline:en}),eE=(0,m.y)({name:"Tooltip",props:r,classes:o,className:x,style:A,classNames:N,styles:R,unstyled:I,rootSelector:"tooltip",vars:eo,varsResolver:ep});if(!(0,g.k)(u))throw Error("[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported");let eb=(0,a.Yx)(ef.reference,u.ref,t),eS=K(K(K({},Z),{duration:100,transition:"fade"}),U);return n.createElement(n.Fragment,null,n.createElement(d.q,ec(el({},es),{withinPortal:T}),n.createElement(X.u,ec(el({},eS),{keepMounted:ei,mounted:!q&&!!ef.opened,duration:ef.isGroupPhase?10:eS.duration}),e=>{var t,r;return n.createElement(f.x,el(ec(el({},e_),{variant:ea,mod:{multiline:B}}),ef.getFloatingProps({ref:ef.floating,className:eE("tooltip").className,style:ec(el(el({},eE("tooltip").style),e),{zIndex:$,top:null!=(t=ef.y)?t:0,left:null!=(r=ef.x)?r:0})})),b,n.createElement(J.Y,el({ref:eg,arrowX:ef.arrowX,arrowY:ef.arrowY,visible:w,position:ef.placement,arrowSize:D,arrowOffset:M,arrowRadius:P,arrowPosition:L},eE("arrow"))))})),(0,n.cloneElement)(u,ef.getReferenceProps(el({onClick:Q,onMouseEnter:et,onMouseLeave:er,onMouseMove:r.onMouseMove,onPointerDown:r.onPointerDown,onPointerEnter:r.onPointerEnter,[E]:eb,className:(0,i.Z)(x,u.props.className)},u.props))))});e_.classes=o,e_.displayName="@mantine/core/Tooltip",e_.Floating=P,e_.Group=B},56338:function(e,t,r){"use strict";r.d(t,{u:function(){return g}});var n=r(67294),a=r(14533),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e};let u={entering:"in",entered:"in",exiting:"out",exited:"out","pre-exiting":"out","pre-entering":"out"};var p=r(34223),_=r(14372),m=r(43440);function g({keepMounted:e,transition:t="fade",duration:r=250,exitDuration:i=r,mounted:o,children:s,timingFunction:l="ease",onExit:c,onEntered:g,onEnter:f,onExited:E}){let{transitionDuration:b,transitionStatus:S,transitionTimingFunction:h}=function({duration:e,exitDuration:t,timingFunction:r,mounted:a,onEnter:i,onExit:o,onEntered:s,onExited:l}){let c=(0,m.rZ)(),d=(0,p.J)(),u=!!c.respectReducedMotion&&d,[g,f]=(0,n.useState)(u?0:e),[E,b]=(0,n.useState)(a?"entered":"exited"),S=(0,n.useRef)(-1),h=r=>{let n=r?i:o,a=r?s:l;b(r?"pre-entering":"pre-exiting"),window.clearTimeout(S.current);let c=u?0:r?e:t;if(f(c),0===c)"function"==typeof n&&n(),"function"==typeof a&&a(),b(r?"entered":"exited");else{let e=window.setTimeout(()=>{"function"==typeof n&&n(),b(r?"entering":"exiting")},10);S.current=window.setTimeout(()=>{window.clearTimeout(e),"function"==typeof a&&a(),b(r?"entered":"exited")},c)}};return(0,_.l)(()=>{h(a)},[a]),(0,n.useEffect)(()=>()=>window.clearTimeout(S.current),[]),{transitionDuration:g,transitionStatus:E,transitionTimingFunction:r||"ease"}}({mounted:o,exitDuration:i,duration:r,timingFunction:l,onExit:c,onEntered:g,onEnter:f,onExited:E});return 0===b?o?n.createElement(n.Fragment,null,s({})):e?s({display:"none"}):null:"exited"===S?e?s({display:"none"}):null:n.createElement(n.Fragment,null,s(function({transition:e,state:t,duration:r,timingFunction:n}){let i={transitionDuration:`${r}ms`,transitionTimingFunction:n};return"string"==typeof e?e in a.p?d(d(d({transitionProperty:a.p[e].transitionProperty},i),a.p[e].common),a.p[e][u[t]]):{}:d(d(d({transitionProperty:e.transitionProperty},i),e.common),e[u[t]])}({transition:t,duration:b,state:S,timingFunction:h})))}g.displayName="@mantine/core/Transition"},14533:function(e,t,r){"use strict";r.d(t,{p:function(){return m}});var n=r(72622),a=Object.defineProperty,i=Object.defineProperties,o=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,t,r)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&d(e,r,t[r]);if(s)for(var r of s(t))c.call(t,r)&&d(e,r,t[r]);return e},p=(e,t)=>i(e,o(t));let _={in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:`scale(.9) translateY(${(0,n.h)(10)})`},transitionProperty:"transform, opacity"},m={fade:{in:{opacity:1},out:{opacity:0},transitionProperty:"opacity"},scale:{in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:"scale(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-y":{in:{opacity:1,transform:"scaleY(1)"},out:{opacity:0,transform:"scaleY(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-x":{in:{opacity:1,transform:"scaleX(1)"},out:{opacity:0,transform:"scaleX(0)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"skew-up":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:`translateY(-${(0,n.h)(20)}) skew(-10deg, -5deg)`},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"skew-down":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:`translateY(${(0,n.h)(20)}) skew(-10deg, -5deg)`},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-left":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:`translateY(${(0,n.h)(20)}) rotate(-5deg)`},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-right":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:`translateY(${(0,n.h)(20)}) rotate(5deg)`},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-100%)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(100%)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"slide-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(100%)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"slide-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-100%)"},common:{transformOrigin:"right"},transitionProperty:"transform, opacity"},pop:p(u({},_),{common:{transformOrigin:"center center"}}),"pop-bottom-left":p(u({},_),{common:{transformOrigin:"bottom left"}}),"pop-bottom-right":p(u({},_),{common:{transformOrigin:"bottom right"}}),"pop-top-left":p(u({},_),{common:{transformOrigin:"top left"}}),"pop-top-right":p(u({},_),{common:{transformOrigin:"top right"}})}},86610:function(e,t,r){"use strict";r.d(t,{k:function(){return h}});var n=r(67294),a={root:"m-87cf2631"},i=r(70405),o=r(30370),s=r(86109),l=r(81110),c=Object.defineProperty,d=Object.defineProperties,u=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&g(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&g(e,r,t[r]);return e},E=(e,t)=>d(e,u(t)),b=(e,t)=>{var r={};for(var n in e)_.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&p)for(var n of p(e))0>t.indexOf(n)&&m.call(e,n)&&(r[n]=e[n]);return r};let S={__staticSelector:"UnstyledButton"},h=(0,i.b)((e,t)=>{let r=(0,o.w)("UnstyledButton",S,e),{className:i,component:c="button",__staticSelector:d,unstyled:u,classNames:p,styles:_,style:m}=r,g=b(r,["className","component","__staticSelector","unstyled","classNames","styles","style"]),h=(0,s.y)({name:d,props:r,classes:a,className:i,style:m,classNames:p,styles:_,unstyled:u});return n.createElement(l.x,f(E(f({},h("root",{focusable:!0})),{component:c,ref:t,type:"button"===c?"button":void 0}),g))});h.classes=a,h.displayName="@mantine/core/UnstyledButton"},23835:function(e,t,r){"use strict";r.d(t,{T:function(){return E}});var n=r(67294),a={root:"m-515a97f8"},i=r(3154),o=r(30370),s=r(86109),l=r(81110),c=Object.defineProperty,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,_=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&_(e,r,t[r]);if(d)for(var r of d(t))p.call(t,r)&&_(e,r,t[r]);return e},g=(e,t)=>{var r={};for(var n in e)u.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&d)for(var n of d(e))0>t.indexOf(n)&&p.call(e,n)&&(r[n]=e[n]);return r};let f={},E=(0,i.d)((e,t)=>{let r=(0,o.w)("VisuallyHidden",f,e),{classNames:i,className:c,style:d,styles:u,unstyled:p,vars:_}=r,E=g(r,["classNames","className","style","styles","unstyled","vars"]),b=(0,s.y)({name:"VisuallyHidden",classes:a,props:r,className:c,style:d,classNames:i,styles:u,unstyled:p});return n.createElement(l.x,m(m({component:"span",ref:t},b("root")),E))});E.classes=a,E.displayName="@mantine/core/VisuallyHidden"},81110:function(e,t,r){"use strict";r.d(t,{x:function(){return L}});var n=r(67294),a=r(40624),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e};function u(e,t){return Array.isArray(e)?[...e].reduce((e,r)=>d(d({},e),u(r,t)),{}):"function"==typeof e?e(t):null==e?{}:e}var p=r(13035),_=Object.defineProperty,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e};function S(e){return e.startsWith("data-")?e:`data-${e}`}var h=r(43440),v=r(7872),y=r(45096),T=r(77112),O=r(43602),C=r(68947),N=r(31233),R=Object.defineProperty,I=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,D=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(I)for(var r of I(t))x.call(t,r)&&w(e,r,t[r]);return e},M=(e,t)=>{var r={};for(var n in e)A.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&I)for(var n of I(e))0>t.indexOf(n)&&x.call(e,n)&&(r[n]=e[n]);return r};let P=(0,n.forwardRef)((e,t)=>{var{component:r,style:i,__vars:o,className:s,variant:l,mod:c,size:_,hiddenFrom:m,visibleFrom:g}=e,f=M(e,["component","style","__vars","className","variant","mod","size","hiddenFrom","visibleFrom"]);let E=(0,h.rZ)(),{styleProps:N,rest:R}=(0,v.c)(f),I=(0,p.m)(),A=(0,y.n)({styleProps:N,theme:E,data:T.p});return n.createElement(n.Fragment,null,A.hasResponsiveStyles&&n.createElement(O.f,{selector:`.${I}`,styles:A.styles,media:A.media}),n.createElement(r||"div",D(D({ref:t,style:function({theme:e,style:t,vars:r,styleProps:n}){let a=u(t,e),i=u(r,e);return d(d(d({},a),i),n)}({theme:E,style:i,vars:o,styleProps:A.inlineStyles}),className:(0,a.Z)(s,{[I]:A.hasResponsiveStyles,[`mantine-hidden-from-${m}`]:m,[`mantine-visible-from-${g}`]:g}),"data-variant":l,"data-size":(0,C.s)(_)?void 0:_||void 0},function e(t){return t?"string"==typeof t?{[S(t)]:!0}:Array.isArray(t)?[...t].reduce((t,r)=>b(b({},t),e(r)),{}):Object.keys(t).reduce((e,r)=>{let n=t[r];return void 0===n||""===n||!1===n||null===n||(e[S(r)]=t[r]),e},{}):null}(c)),R)))});P.displayName="@mantine/core/Box";let L=(0,N.F)(P)},42654:function(e,t,r){"use strict";r.d(t,{c:function(){return function e(t,r){return Array.isArray(t)?[...t].reduce((t,n)=>l(l({},t),e(n,r)),{}):"function"==typeof t?t(r):null==t?{}:t}}});var n=Object.defineProperty,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,s=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&s(e,r,t[r]);if(a)for(var r of a(t))o.call(t,r)&&s(e,r,t[r]);return e}},7872:function(e,t,r){"use strict";r.d(t,{c:function(){return l}});var n=r(45016),a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,s=(e,t)=>{var r={};for(var n in e)i.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&a)for(var n of a(e))0>t.indexOf(n)&&o.call(e,n)&&(r[n]=e[n]);return r};function l(e){let{m:t,mx:r,my:a,mt:i,mb:o,ml:l,mr:c,p:d,px:u,py:p,pt:_,pb:m,pl:g,pr:f,bg:E,c:b,opacity:S,ff:h,fz:v,fw:y,lts:T,ta:O,lh:C,fs:N,tt:R,td:I,w:A,miw:x,maw:w,h:D,mih:M,mah:P,bgsz:L,bgp:k,bgr:F,bga:U,pos:B,top:G,left:j,bottom:Y,right:H,inset:z,display:V,hiddenFrom:$,visibleFrom:q}=e,W=s(e,["m","mx","my","mt","mb","ml","mr","p","px","py","pt","pb","pl","pr","bg","c","opacity","ff","fz","fw","lts","ta","lh","fs","tt","td","w","miw","maw","h","mih","mah","bgsz","bgp","bgr","bga","pos","top","left","bottom","right","inset","display","hiddenFrom","visibleFrom"]),Q=(0,n.L)({m:t,mx:r,my:a,mt:i,mb:o,ml:l,mr:c,p:d,px:u,py:p,pt:_,pb:m,pl:g,pr:f,bg:E,c:b,opacity:S,ff:h,fz:v,fw:y,lts:T,ta:O,lh:C,fs:N,tt:R,td:I,w:A,miw:x,maw:w,h:D,mih:M,mah:P,bgsz:L,bgp:k,bgr:F,bga:U,pos:B,top:G,left:j,bottom:Y,right:H,inset:z,display:V,hiddenFrom:$,visibleFrom:q});return{styleProps:Q,rest:W}}},45096:function(e,t,r){"use strict";r.d(t,{n:function(){return R}});var n=r(52845),a=r(72622);let i={color:function(e,t){let r=(0,n.E)({color:e,theme:t});return"dimmed"===r.color?"var(--mantine-color-dimmed)":"bright"===r.color?"var(--mantine-color-bright)":r.variable?`var(${r.variable})`:r.color},fontSize:function(e,t){return"string"==typeof e&&e in t.fontSizes?`var(--mantine-font-size-${e})`:"number"==typeof e||"string"==typeof e?(0,a.h)(e):e},spacing:function(e,t){if("number"==typeof e)return(0,a.h)(e);if("string"==typeof e){let r=e.replace("-","");if(!(r in t.spacing))return(0,a.h)(e);let n=`--mantine-spacing-${r}`;return e.startsWith("-")?`calc(var(${n}) * -1)`:`var(${n})`}return e},identity:function(e){return e},size:function(e){return"number"==typeof e?(0,a.h)(e):e},lineHeight:function(e,t){return"string"==typeof e&&e in t.fontSizes?`var(--mantine-line-height-${e})`:e}};var o=Object.defineProperty,s=Object.defineProperties,l=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,p=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&p(e,r,t[r]);if(c)for(var r of c(t))u.call(t,r)&&p(e,r,t[r]);return e},m=(e,t)=>s(e,l(t)),g=(e,t)=>{var r={};for(var n in e)d.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&c)for(var n of c(e))0>t.indexOf(n)&&u.call(e,n)&&(r[n]=e[n]);return r};function f(e){return e.replace("(min-width: ","").replace("em)","")}var E=r(88313),b=Object.defineProperty,S=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>S(e,h(t));function R({styleProps:e,data:t,theme:r}){return function(e){var{media:t}=e,r=g(e,["media"]);let n=Object.keys(t),a=n.sort((e,t)=>Number(f(e))-Number(f(t))).map(e=>({query:e,styles:t[e]}));return m(_({},r),{media:a})}((0,E.X)(e).reduce((n,a)=>{var o,s;if("hiddenFrom"===a||"visibleFrom"===a)return n;let l=t[a],c=Array.isArray(l.property)?l.property:[l.property],d="object"==typeof(s=e[a])&&null!==s?"base"in s?s.base:void 0:s;if(!function(e){if("object"!=typeof e||null===e)return!1;let t=Object.keys(e);return 1!==t.length||"base"!==t[0]}(e[a]))return c.forEach(e=>{n.inlineStyles[e]=i[l.type](d,r)}),n;n.hasResponsiveStyles=!0;let u="object"==typeof(o=e[a])&&null!==o?(0,E.X)(o).filter(e=>"base"!==e):[];return c.forEach(t=>{d&&(n.styles[t]=i[l.type](d,r)),u.forEach(o=>{var s;let c=`(min-width: ${r.breakpoints[o]})`;n.media[c]=N(C({},n.media[c]),{[t]:i[l.type]("object"==typeof(s=e[a])&&null!==s&&o in s?s[o]:s,r)})})}),n},{hasResponsiveStyles:!1,styles:{},inlineStyles:{},media:{}}))}},77112:function(e,t,r){"use strict";r.d(t,{p:function(){return n}});let n={m:{type:"spacing",property:"margin"},mt:{type:"spacing",property:"marginTop"},mb:{type:"spacing",property:"marginBottom"},ml:{type:"spacing",property:"marginLeft"},mr:{type:"spacing",property:"marginRight"},mx:{type:"spacing",property:["marginRight","marginLeft"]},my:{type:"spacing",property:["marginTop","marginBottom"]},p:{type:"spacing",property:"padding"},pt:{type:"spacing",property:"paddingTop"},pb:{type:"spacing",property:"paddingBottom"},pl:{type:"spacing",property:"paddingLeft"},pr:{type:"spacing",property:"paddingRight"},px:{type:"spacing",property:["paddingRight","paddingLeft"]},py:{type:"spacing",property:["paddingTop","paddingBottom"]},bg:{type:"color",property:"background"},c:{type:"color",property:"color"},opacity:{type:"identity",property:"opacity"},ff:{type:"identity",property:"fontFamily"},fz:{type:"fontSize",property:"fontSize"},fw:{type:"identity",property:"fontWeight"},lts:{type:"size",property:"letterSpacing"},ta:{type:"identity",property:"textAlign"},lh:{type:"lineHeight",property:"lineHeight"},fs:{type:"identity",property:"fontStyle"},tt:{type:"identity",property:"textTransform"},td:{type:"identity",property:"textDecoration"},w:{type:"spacing",property:"width"},miw:{type:"spacing",property:"minWidth"},maw:{type:"spacing",property:"maxWidth"},h:{type:"spacing",property:"height"},mih:{type:"spacing",property:"minHeight"},mah:{type:"spacing",property:"maxHeight"},bgsz:{type:"size",property:"backgroundSize"},bgp:{type:"identity",property:"backgroundPosition"},bgr:{type:"identity",property:"backgroundRepeat"},bga:{type:"identity",property:"backgroundAttachment"},pos:{type:"identity",property:"position"},top:{type:"identity",property:"top"},left:{type:"size",property:"left"},bottom:{type:"size",property:"bottom"},right:{type:"size",property:"right"},inset:{type:"size",property:"inset"},display:{type:"identity",property:"display"}}},13035:function(e,t,r){"use strict";r.d(t,{m:function(){return a}});var n=r(67294);function a(){let e=(0,n.useId)().replace(/:/g,"");return`__m__-${e}`}},12917:function(e,t,r){"use strict";r.d(t,{_9:function(){return s},gm:function(){return o}});var n=r(67294),a=r(67510);let i=(0,n.createContext)({dir:"ltr",toggleDirection:()=>{},setDirection:()=>{}});function o(){return(0,n.useContext)(i)}function s({children:e,initialDirection:t="ltr",detectDirection:r=!0}){let[o,s]=(0,n.useState)(t),l=e=>{s(e),document.documentElement.setAttribute("dir",e)},c=()=>l("ltr"===o?"rtl":"ltr");return(0,a.Y)(()=>{if(r){let e=document.documentElement.getAttribute("dir");("rtl"===e||"ltr"===e)&&l(e)}},[]),n.createElement(i.Provider,{value:{dir:o,toggleDirection:c,setDirection:l}},e)}},43602:function(e,t,r){"use strict";r.d(t,{f:function(){return s}});var n=r(67294),a=r(88313);function i(e){return(0,a.X)(e).reduce((t,r)=>void 0!==e[r]?`${t}${r.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}:${e[r]};`:t,"").trim()}var o=r(55043);function s({selector:e,styles:t,media:r}){let a=(0,o.R7)();return n.createElement("style",{"data-mantine-styles":"inline",nonce:null==a?void 0:a(),dangerouslySetInnerHTML:{__html:function({selector:e,styles:t,media:r}){let n=t?i(t):"",a=Array.isArray(r)?r.map(t=>`@media${t.query}{${e}{${i(t.styles)}}}`):[];return`${n?`${e}{${n}}`:""}${a.join("")}`.trim()}({selector:e,styles:t,media:r})}})}},55043:function(e,t,r){"use strict";r.d(t,{R7:function(){return l},Sm:function(){return o},XD:function(){return a},uK:function(){return s},wB:function(){return i}});var n=r(67294);let a=(0,n.createContext)(null);function i(){let e=(0,n.useContext)(a);if(!e)throw Error("[@mantine/core] MantineProvider was not found in tree");return e}function o(){return i().cssVariablesResolver}function s(){return i().classNamesPrefix}function l(){return i().getStyleNonce}},70755:function(e,t,r){"use strict";r.d(t,{m:function(){return l}});var n=r(60324),a=r(72622),i=r(88313),o=r(26754);function s(e,t,r){(0,i.X)(t).forEach(n=>Object.assign(e,{[`--mantine-${r}-${n}`]:t[n]}))}let l=e=>{let t=(0,n.j)(e,"dark"),r=(0,n.j)(e,"light"),l=e.defaultRadius in e.radius?e.radius[e.defaultRadius]:(0,a.h)(e.defaultRadius),c={variables:{"--mantine-scale":e.scale.toString(),"--mantine-cursor-type":e.cursorType,"--mantine-webkit-font-smoothing":e.fontSmoothing?"antialiased":"unset","--mantine-color-scheme":"light dark","--mantine-moz-font-smoothing":e.fontSmoothing?"grayscale":"unset","--mantine-color-white":e.white,"--mantine-color-black":e.black,"--mantine-line-height":e.lineHeights.md,"--mantine-font-family":e.fontFamily,"--mantine-font-family-monospace":e.fontFamilyMonospace,"--mantine-font-family-headings":e.headings.fontFamily,"--mantine-heading-font-weight":e.headings.fontWeight,"--mantine-radius-default":l,"--mantine-primary-color-filled":`var(--mantine-color-${e.primaryColor}-filled)`,"--mantine-primary-color-filled-hover":`var(--mantine-color-${e.primaryColor}-filled-hover)`,"--mantine-primary-color-light":`var(--mantine-color-${e.primaryColor}-light)`,"--mantine-primary-color-light-hover":`var(--mantine-color-${e.primaryColor}-light-hover)`,"--mantine-primary-color-light-color":`var(--mantine-color-${e.primaryColor}-light-color)`},light:{"--mantine-color-bright":"var(--mantine-color-black)","--mantine-color-text":e.black,"--mantine-color-body":e.white,"--mantine-color-error":e.colors.red[6],"--mantine-color-placeholder":e.colors.gray[5],"--mantine-color-anchor":e.colors[e.primaryColor][r],"--mantine-color-default":e.white,"--mantine-color-default-hover":e.colors.gray[0],"--mantine-color-default-color":e.black,"--mantine-color-default-border":e.colors.gray[4]},dark:{"--mantine-color-bright":"var(--mantine-color-white)","--mantine-color-text":"var(--mantine-color-dark-0)","--mantine-color-body":e.colors.dark[7],"--mantine-color-error":e.colors.red[9],"--mantine-color-placeholder":e.colors.dark[3],"--mantine-color-anchor":e.colors[e.primaryColor][4],"--mantine-color-default":e.colors.dark[6],"--mantine-color-default-hover":e.colors.dark[5],"--mantine-color-default-color":e.white,"--mantine-color-default-border":e.colors.dark[4]}};s(c.variables,e.breakpoints,"breakpoint"),s(c.variables,e.spacing,"spacing"),s(c.variables,e.fontSizes,"font-size"),s(c.variables,e.lineHeights,"line-height"),s(c.variables,e.shadows,"shadow"),s(c.variables,e.radius,"radius"),(0,i.X)(e.colors).forEach(n=>{e.colors[n].forEach((e,t)=>{c.variables[`--mantine-color-${n}-${t}`]=e});let a=9===r?e.colors[n][8]:e.colors[n][r+1],i=9===t?e.colors[n][8]:e.colors[n][t+1];c.light["--mantine-color-dimmed"]="var(--mantine-color-gray-6)",c.light[`--mantine-color-${n}-filled`]=e.colors[n][r],c.light[`--mantine-color-${n}-filled-hover`]=a,c.light[`--mantine-color-${n}-light`]=(0,o.m)(e.colors[n][r],.1),c.light[`--mantine-color-${n}-light-hover`]=(0,o.m)(e.colors[n][r],.12),c.light[`--mantine-color-${n}-light-color`]=e.colors[n][r],c.light[`--mantine-color-${n}-outline`]=e.colors[n][r],c.light[`--mantine-color-${n}-outline-hover`]=(0,o.m)(e.colors[n][r],.05),c.dark["--mantine-color-dimmed"]="var(--mantine-color-dark-2)",c.dark[`--mantine-color-${n}-filled`]=e.colors[n][t],c.dark[`--mantine-color-${n}-filled-hover`]=i,c.dark[`--mantine-color-${n}-light`]=(0,o.m)(e.colors[n][Math.max(0,t-2)],.15),c.dark[`--mantine-color-${n}-light-hover`]=(0,o.m)(e.colors[n][Math.max(0,t-2)],.2),c.dark[`--mantine-color-${n}-light-color`]=e.colors[n][Math.max(t-5,0)],c.dark[`--mantine-color-${n}-outline`]=e.colors[n][Math.max(t-4,0)],c.dark[`--mantine-color-${n}-outline-hover`]=(0,o.m)(e.colors[n][Math.max(t-4,0)],.05)});let d=e.headings.sizes;return(0,i.X)(d).forEach(t=>{c.variables[`--mantine-${t}-font-size`]=d[t].fontSize,c.variables[`--mantine-${t}-line-height`]=d[t].lineHeight,c.variables[`--mantine-${t}-font-weight`]=d[t].fontWeight||e.headings.fontWeight}),c}},75195:function(e,t,r){"use strict";r.d(t,{M:function(){return h}});var n=r(67294),a=r(55043);function i(e){return"auto"===e||"dark"===e||"light"===e}var o=r(67510);function s(e,t){var r;let n="auto"!==e?e:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";null==(r=t())||r.setAttribute("data-mantine-color-scheme",n)}var l=r(43440);function c(e){return Object.entries(e).map(([e,t])=>`${e}: ${t};`).join("")}function d(e,t){let r=Array.isArray(e)?e:[e];return r.reduce((e,t)=>`${t}{${e}}`,t)}var u=r(70755),p=r(57346),_=r(38621),m=r(88313);let g=(0,u.m)(_.t);function f({cssVariablesSelector:e}){let t=(0,l.rZ)(),r=(0,a.R7)(),i=(0,a.Sm)(),o=function({theme:e,generator:t}){let r=(0,u.m)(e),n=null==t?void 0:t(e);return n?(0,p.R)(r,n):r}({theme:t,generator:i}),s=":root"===e,_=s?function(e){let t={variables:{},light:{},dark:{}};return(0,m.X)(e.variables).forEach(r=>{g.variables[r]!==e.variables[r]&&(t.variables[r]=e.variables[r])}),(0,m.X)(e.light).forEach(r=>{g.light[r]!==e.light[r]&&(t.light[r]=e.light[r])}),(0,m.X)(e.dark).forEach(r=>{g.dark[r]!==e.dark[r]&&(t.dark[r]=e.dark[r])}),t}(o):o,f=function(e,t){let r=c(e.variables),n=r?d(t,r):"",a=c(e.dark),i=a?d(`${t}[data-mantine-color-scheme="dark"]`,a):"",o=c(e.light),s=o?d(`${t}[data-mantine-color-scheme="light"]`,o):"";return`${n}${i}${s}`}(_,e);return f?n.createElement("style",{"data-mantine-styles":!0,nonce:null==r?void 0:r(),dangerouslySetInnerHTML:{__html:`${f}${s?"":` + ${e}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; } + ${e}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; } +`}`}}):null}f.displayName="@mantine/CssVariables";var E=r(91624),b=r(72622);function S(){let e=(0,l.rZ)(),t=(0,a.R7)(),r=(0,m.X)(e.breakpoints).reduce((t,r)=>{let n=(0,E.px)(e.breakpoints[r]);return`${t}@media (max-width: ${(0,b.em)(n-.1)}) {.mantine-visible-from-${r} {display: none !important;}}@media (min-width: ${(0,b.em)(n)}) {.mantine-hidden-from-${r} {display: none !important;}}`},"");return n.createElement("style",{"data-mantine-styles":"classes",nonce:null==t?void 0:t(),dangerouslySetInnerHTML:{__html:r}})}function h({theme:e,children:t,getStyleNonce:r,withCssVariables:c=!0,cssVariablesSelector:d=":root",classNamesPrefix:u="mantine",colorSchemeManager:p=function({key:e="mantine-color-scheme-value"}={}){let t;return{get:t=>{if("undefined"==typeof window)return t;try{let r=window.localStorage.getItem(e);return i(r)?r:t}catch(e){return t}},set:t=>{try{window.localStorage.setItem(e,t)}catch(e){console.warn("[@mantine/core] Local storage color scheme manager was unable to save color scheme.",e)}},subscribe:r=>{t=t=>{t.storageArea===window.localStorage&&t.key===e&&i(t.newValue)&&r(t.newValue)},window.addEventListener("storage",t)},unsubscribe:()=>{window.removeEventListener("storage",t)},clear:()=>{window.localStorage.removeItem(e)}}}(),defaultColorScheme:_="light",getRootElement:m=()=>document.documentElement,cssVariablesResolver:g,forceColorScheme:E}){let{colorScheme:b,setColorScheme:h,clearColorScheme:v}=function({manager:e,defaultColorScheme:t,getRootElement:r,forceColorScheme:a}){let i=(0,n.useRef)(),[l,c]=(0,n.useState)(()=>e.get(t)),d=a||l,u=(0,n.useCallback)(t=>{a||(s(t,r),c(t),e.set(t))},[e.set,d,a]),p=(0,n.useCallback)(()=>{c(t),s(t,r),e.clear()},[e.clear,t]);return(0,n.useEffect)(()=>(e.subscribe(u),e.unsubscribe),[e.subscribe,e.unsubscribe]),(0,o.Y)(()=>{s(e.get(t),r)},[]),(0,n.useEffect)(()=>{var e;if(a)return s(a,r),()=>{};i.current=window.matchMedia("(prefers-color-scheme: dark)");let t=e=>{"auto"===l&&s(e.matches?"dark":"light",r)};return null==(e=i.current)||e.addEventListener("change",t),()=>{var e;return null==(e=i.current)?void 0:e.removeEventListener("change",t)}},[l,a]),{colorScheme:d,setColorScheme:u,clearColorScheme:p}}({defaultColorScheme:_,forceColorScheme:E,manager:p,getRootElement:m});return!function({respectReducedMotion:e,getRootElement:t}){(0,o.Y)(()=>{var r;e&&(null==(r=t())||r.setAttribute("data-respect-reduced-motion","true"))},[e])}({respectReducedMotion:(null==e?void 0:e.respectReducedMotion)||!1,getRootElement:m}),n.createElement(a.XD.Provider,{value:{colorSchemeManager:p,colorScheme:b,setColorScheme:h,clearColorScheme:v,getRootElement:m,classNamesPrefix:u,getStyleNonce:r,cssVariablesResolver:g,cssVariablesSelector:d}},n.createElement(l.M2,{theme:e},c&&n.createElement(f,{cssVariablesSelector:d}),n.createElement(S,null),t))}!function(){let e=console.error;console.error=(...t)=>{t.length>1&&"string"==typeof t[0]&&t[0].toLowerCase().includes("extra attributes from the server")&&"string"==typeof t[1]&&t[1].toLowerCase().includes("data-mantine-color-scheme")||e(...t)}}(),h.displayName="@mantine/core/MantineProvider"},43440:function(e,t,r){"use strict";r.d(t,{M2:function(){return u},rZ:function(){return d}});var n=r(67294),a=r(38621),i=r(57346);function o(e){return!(e<0)&&!(e>9)&&parseInt(e.toString(),10)===e}function s(e){if(!(e.primaryColor in e.colors))throw Error("[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color");if("object"==typeof e.primaryShade&&(!o(e.primaryShade.dark)||!o(e.primaryShade.light))||"number"==typeof e.primaryShade&&!o(e.primaryShade))throw Error("[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }")}let l=(0,n.createContext)(null),c=()=>(0,n.useContext)(l)||a.t;function d(){let e=(0,n.useContext)(l);if(!e)throw Error("@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app");return e}function u({theme:e,children:t,inherit:r=!0}){let o=c(),d=(0,n.useMemo)(()=>(function(e,t){var r;if(!t)return s(e),e;let n=(0,i.R)(e,t);return!t.fontFamily||(null==(r=t.headings)?void 0:r.fontFamily)||(n.headings.fontFamily=t.fontFamily),s(n),n})(r?o:a.t,e),[e,o,r]);return n.createElement(l.Provider,{value:d},t)}u.displayName="@mantine/core/MantineThemeProvider"},55310:function(e,t,r){"use strict";r.d(t,{_:function(){return a}});var n=r(55622);function a(e,t){if(e.startsWith("var("))return e;let{r,g:a,b:i,a:o}=(0,n.c)(e),s=1-t,l=e=>Math.round(e*s);return`rgba(${l(r)}, ${l(a)}, ${l(i)}, ${o})`}},63428:function(e,t,r){"use strict";r.d(t,{B:function(){return l}});var n=r(52845),a=r(32665),i=r(55310),o=r(26754),s=r(72622);let l=({color:e,theme:t,variant:r,gradient:l})=>{let c=(0,n.E)({color:e,theme:t});if("filled"===r)return c.isThemeColor?void 0===c.shade?{background:`var(--mantine-color-${e}-filled)`,hover:`var(--mantine-color-${e}-filled-hover)`,color:"var(--mantine-color-white)",border:`${(0,s.h)(1)} solid transparent`}:{background:`var(--mantine-color-${c.color}-${c.shade})`,hover:`var(--mantine-color-${c.color}-${9===c.shade?8:c.shade+1})`,color:"var(--mantine-color-white)",border:`${(0,s.h)(1)} solid transparent`}:{background:e,hover:(0,i._)(e,.1),color:"var(--mantine-color-white)",border:`${(0,s.h)(1)} solid transparent`};if("light"===r){if(c.isThemeColor){if(void 0===c.shade)return{background:`var(--mantine-color-${e}-light)`,hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,s.h)(1)} solid transparent`};let r=t.colors[c.color][c.shade];return{background:(0,o.m)(r,.1),hover:(0,o.m)(r,.12),color:`var(--mantine-color-${c.color}-${Math.min(c.shade,6)})`,border:`${(0,s.h)(1)} solid transparent`}}return{background:(0,o.m)(e,.1),hover:(0,o.m)(e,.12),color:e,border:`${(0,s.h)(1)} solid transparent`}}if("outline"===r)return c.isThemeColor?void 0===c.shade?{background:"transparent",hover:`var(--mantine-color-${e}-outline-hover)`,color:`var(--mantine-color-${e}-outline)`,border:`${(0,s.h)(1)} solid var(--mantine-color-${e}-outline)`}:{background:"transparent",hover:(0,o.m)(t.colors[c.color][c.shade],.05),color:`var(--mantine-color-${c.color}-${c.shade})`,border:`${(0,s.h)(1)} solid var(--mantine-color-${c.color}-${c.shade})`}:{background:"transparent",hover:(0,o.m)(e,.05),color:e,border:`${(0,s.h)(1)} solid ${e}`};if("subtle"===r){if(c.isThemeColor){if(void 0===c.shade)return{background:"transparent",hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,s.h)(1)} solid transparent`};let r=t.colors[c.color][c.shade];return{background:"transparent",hover:(0,o.m)(r,.12),color:`var(--mantine-color-${c.color}-${Math.min(c.shade,6)})`,border:`${(0,s.h)(1)} solid transparent`}}return{background:"transparent",hover:(0,o.m)(e,.12),color:e,border:`${(0,s.h)(1)} solid transparent`}}return"transparent"===r?c.isThemeColor?void 0===c.shade?{background:"transparent",hover:"transparent",color:`var(--mantine-color-${e}-light-color)`,border:`${(0,s.h)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:`var(--mantine-color-${c.color}-${Math.min(c.shade,6)})`,border:`${(0,s.h)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:e,border:`${(0,s.h)(1)} solid transparent`}:"white"===r?c.isThemeColor?void 0===c.shade?{background:"var(--mantine-color-white)",hover:(0,i._)(t.white,.01),color:`var(--mantine-color-${e}-filled)`,border:`${(0,s.h)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:(0,i._)(t.white,.01),color:`var(--mantine-color-${c.color}-${c.shade})`,border:`${(0,s.h)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:(0,i._)(t.white,.01),color:e,border:`${(0,s.h)(1)} solid transparent`}:"gradient"===r?{background:(0,a.u)(l,t),hover:(0,a.u)(l,t),color:"var(--mantine-color-white)",border:"none"}:"default"===r?{background:"var(--mantine-color-default)",hover:"var(--mantine-color-default-hover)",color:"var(--mantine-color-default-color)",border:`${(0,s.h)(1)} solid var(--mantine-color-default-border)`}:{}}},32665:function(e,t,r){"use strict";r.d(t,{u:function(){return a}});var n=r(40184);function a(e,t){let r={from:(null==e?void 0:e.from)||t.defaultGradient.from,to:(null==e?void 0:e.to)||t.defaultGradient.to,deg:(null==e?void 0:e.deg)||t.defaultGradient.deg||0},a=(0,n.p)(r.from,t),i=(0,n.p)(r.to,t);return`linear-gradient(${r.deg}deg, ${a} 0%, ${i} 100%)`}},60324:function(e,t,r){"use strict";function n(e,t){return"number"==typeof e.primaryShade?e.primaryShade:"dark"===t?e.primaryShade.dark:e.primaryShade.light}r.d(t,{j:function(){return n}})},40184:function(e,t,r){"use strict";r.d(t,{p:function(){return a}});var n=r(52845);function a(e,t){let r=(0,n.E)({color:e||t.primaryColor,theme:t});return r.variable?`var(${r.variable})`:e}},52845:function(e,t,r){"use strict";r.d(t,{E:function(){return a}});var n=r(60324);function a({color:e,theme:t,colorScheme:r}){if("string"!=typeof e)throw Error(`[@mantine/core] Failed to parse color. Instead got ${typeof e}`);if("white"===e||"black"===e)return{color:e,value:"white"===e?t.white:t.black,shade:void 0,isThemeColor:!1,variable:`--mantine-color-${e}`};let[a,i]=e.split("."),o=i?Number(i):void 0,s=a in t.colors;return s?{color:a,value:void 0!==o?t.colors[a][o]:t.colors[a][(0,n.j)(t,r||"light")],shade:o,isThemeColor:s,variable:i?`--mantine-color-${a}-${o}`:`--mantine-color-${a}-filled`}:{color:e,value:e,isThemeColor:s,shade:o,variable:void 0}}},26754:function(e,t,r){"use strict";r.d(t,{m:function(){return a}});var n=r(55622);function a(e,t){if("string"!=typeof e||t>1||t<0)return"rgba(0, 0, 0, 1)";let{r,g:a,b:i}=(0,n.c)(e);return`rgba(${r}, ${a}, ${i}, ${t})`}},55622:function(e,t,r){"use strict";function n(e){return/^#?([0-9A-F]{3}){1,2}$/i.test(e)?function(e){let t=e.replace("#","");if(3===t.length){let e=t.split("");t=[e[0],e[0],e[1],e[1],e[2],e[2]].join("")}let r=parseInt(t,16);return{r:r>>16&255,g:r>>8&255,b:255&r,a:1}}(e):e.startsWith("rgb")?function(e){let[t,r,n,a]=e.replace(/[^0-9,.]/g,"").split(",").map(Number);return{r:t,g:r,b:n,a:a||1}}(e):e.startsWith("hsl")?function(e){let t,r,n;let a=e.match(/^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i);if(!a)return{r:0,g:0,b:0,a:1};let i=parseInt(a[1],10),o=parseInt(a[2],10)/100,s=parseInt(a[3],10)/100,l=a[5]?parseFloat(a[5]):void 0,c=(1-Math.abs(2*s-1))*o,d=i/60,u=c*(1-Math.abs(d%2-1)),p=s-c/2;return d>=0&&d<1?(t=c,r=u,n=0):d>=1&&d<2?(t=u,r=c,n=0):d>=2&&d<3?(t=0,r=c,n=u):d>=3&&d<4?(t=0,r=u,n=c):d>=4&&d<5?(t=u,r=0,n=c):(t=c,r=0,n=u),{r:Math.round((t+p)*255),g:Math.round((r+p)*255),b:Math.round((n+p)*255),a:l||1}}(e):{r:0,g:0,b:0,a:1}}r.d(t,{c:function(){return n}})},28120:function(e,t,r){"use strict";function n(e){return e}r.d(t,{j:function(){return n}})},38621:function(e,t,r){"use strict";r.d(t,{t:function(){return o}});var n=r(63428),a=r(72622);let i="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",o={scale:1,fontSmoothing:!0,focusRing:"auto",white:"#fff",black:"#000",colors:{dark:["#C1C2C5","#A6A7AB","#909296","#5c5f66","#373A40","#2C2E33","#25262b","#1A1B1E","#141517","#101113"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"],red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e7f5ff","#d0ebff","#a5d8ff","#74c0fc","#4dabf7","#339af0","#228be6","#1c7ed6","#1971c2","#1864ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"]},primaryShade:{light:6,dark:8},primaryColor:"blue",variantColorResolver:n.B,fontFamily:i,fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:!1,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"",headings:{fontFamily:i,fontWeight:"700",sizes:{h1:{fontSize:(0,a.h)(34),lineHeight:"1.3"},h2:{fontSize:(0,a.h)(26),lineHeight:"1.35"},h3:{fontSize:(0,a.h)(22),lineHeight:"1.4"},h4:{fontSize:(0,a.h)(18),lineHeight:"1.45"},h5:{fontSize:(0,a.h)(16),lineHeight:"1.5"},h6:{fontSize:(0,a.h)(14),lineHeight:"1.5"}}},fontSizes:{xs:(0,a.h)(12),sm:(0,a.h)(14),md:(0,a.h)(16),lg:(0,a.h)(18),xl:(0,a.h)(20)},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:(0,a.h)(2),sm:(0,a.h)(4),md:(0,a.h)(8),lg:(0,a.h)(16),xl:(0,a.h)(32)},spacing:{xs:(0,a.h)(10),sm:(0,a.h)(12),md:(0,a.h)(16),lg:(0,a.h)(20),xl:(0,a.h)(32)},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:`0 ${(0,a.h)(1)} ${(0,a.h)(3)} rgba(0, 0, 0, 0.05), 0 ${(0,a.h)(1)} ${(0,a.h)(2)} rgba(0, 0, 0, 0.1)`,sm:`0 ${(0,a.h)(1)} ${(0,a.h)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,a.h)(10)} ${(0,a.h)(15)} ${(0,a.h)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,a.h)(7)} ${(0,a.h)(7)} ${(0,a.h)(-5)}`,md:`0 ${(0,a.h)(1)} ${(0,a.h)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,a.h)(20)} ${(0,a.h)(25)} ${(0,a.h)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,a.h)(10)} ${(0,a.h)(10)} ${(0,a.h)(-5)}`,lg:`0 ${(0,a.h)(1)} ${(0,a.h)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,a.h)(28)} ${(0,a.h)(23)} ${(0,a.h)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,a.h)(12)} ${(0,a.h)(12)} ${(0,a.h)(-7)}`,xl:`0 ${(0,a.h)(1)} ${(0,a.h)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,a.h)(36)} ${(0,a.h)(28)} ${(0,a.h)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,a.h)(17)} ${(0,a.h)(17)} ${(0,a.h)(-7)}`},other:{},components:{}}},77416:function(e,t,r){"use strict";r.d(t,{l:function(){return i}});var n=r(45599),a=r(93356);function i(e,t={getInitialValueInEffect:!0}){let r=(0,n.t)(e,t),{colorScheme:i}=(0,a.X)();return"auto"===i?r:i}},93356:function(e,t,r){"use strict";r.d(t,{X:function(){return s}});var n=r(67294),a=r(45599),i=r(55043);function o(){let e=document.createElement("style");e.innerHTML="*, *::before, *::after {transition: none !important;}",e.setAttribute("data-mantine-disable-transition","true"),document.head.appendChild(e);let t=()=>document.querySelectorAll("[data-mantine-disable-transition]").forEach(e=>e.remove());return t}function s(){let e=(0,n.useRef)(),t=(0,n.useRef)(),r=(0,n.useContext)(i.XD);if(!r)throw Error("[@mantine/core] MantineProvider was not found in tree");let s=n=>{r.setColorScheme(n),e.current=o(),window.clearTimeout(t.current),t.current=window.setTimeout(()=>{var t;null==(t=e.current)||t.call(e)},10)},l=()=>{r.clearColorScheme(),e.current=o(),window.clearTimeout(t.current),t.current=window.setTimeout(()=>{var t;null==(t=e.current)||t.call(e)},10)},c=(0,a.t)("light",{getInitialValueInEffect:!1}),d="auto"===r.colorScheme?c:r.colorScheme,u=(0,n.useCallback)(()=>s("light"===d?"dark":"light"),[s,d]);return(0,n.useEffect)(()=>()=>{var r;null==(r=e.current)||r.call(e),window.clearTimeout(t.current)},[]),{colorScheme:r.colorScheme,setColorScheme:s,clearColorScheme:l,toggleColorScheme:u}}},30370:function(e,t,r){"use strict";r.d(t,{w:function(){return u}});var n=r(43440),a=r(45016),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e};function u(e,t,r){var i;let o=(0,n.rZ)(),s=null==(i=o.components[e])?void 0:i.defaultProps,l="function"==typeof s?s(o):s;return d(d(d({},t),l),(0,a.L)(r))}},31233:function(e,t,r){"use strict";function n(e){return e}r.d(t,{F:function(){return n}})},3154:function(e,t,r){"use strict";r.d(t,{d:function(){return i},y:function(){return a}});var n=r(67294);function a(e){return e}function i(e){let t=(0,n.forwardRef)(e);return t.extend=a,t}},70405:function(e,t,r){"use strict";r.d(t,{b:function(){return i}});var n=r(67294),a=r(3154);function i(e){let t=(0,n.forwardRef)(e);return t.extend=a.y,t}},8586:function(e,t,r){"use strict";function n(e){return e}r.d(t,{Z:function(){return n}})},28816:function(e,t,r){"use strict";r.d(t,{h:function(){return o}});var n=r(77006),a=r(42169),i=r(43440);function o({classNames:e,styles:t,props:r,stylesCtx:o}){let s=(0,i.rZ)();return{resolvedClassNames:(0,n.m)({theme:s,classNames:e,props:r,stylesCtx:o||void 0}),resolvedStyles:(0,a.i)({theme:s,styles:t,props:r,stylesCtx:o||void 0})}}},33583:function(e,t,r){"use strict";r.d(t,{C:function(){return a},_:function(){return i}});var n=r(40624);let a={always:"mantine-focus-always",auto:"mantine-focus-auto",never:"mantine-focus-never"};function i({theme:e,options:t,unstyled:r}){return(0,n.Z)((null==t?void 0:t.focusable)&&!r&&(e.focusClassName||a[e.focusRing]),(null==t?void 0:t.active)&&!r&&e.activeClassName)}},77006:function(e,t,r){"use strict";r.d(t,{m:function(){return i}});var n=r(40624);let a={};function i({theme:e,classNames:t,props:r,stylesCtx:i}){let o=Array.isArray(t)?t:[t],s=o.map(t=>"function"==typeof t?t(e,r,i):t||a);return function(e){let t={};return e.forEach(e=>{Object.entries(e).forEach(([e,r])=>{t[e]?t[e]=(0,n.Z)(t[e],r):t[e]=r})}),t}(s)}},42169:function(e,t,r){"use strict";r.d(t,{i:function(){return c}});var n=Object.defineProperty,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,s=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&s(e,r,t[r]);if(a)for(var r of a(t))o.call(t,r)&&s(e,r,t[r]);return e};function c({theme:e,styles:t,props:r,stylesCtx:n}){let a=Array.isArray(t)?t:[t];return a.reduce((t,a)=>"function"==typeof a?l(l({},t),a(e,r,n)):l(l({},t),a),{})}},86109:function(e,t,r){"use strict";r.d(t,{y:function(){return L}});var n=r(40624),a=r(77006),i=r(33583),o=r(42169),s=Object.defineProperty,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=Object.defineProperty,m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&E(e,r,t[r]);if(m)for(var r of m(t))f.call(t,r)&&E(e,r,t[r]);return e};function S({style:e,theme:t}){return Array.isArray(e)?[...e].reduce((e,r)=>b(b({},e),S({style:r,theme:t})),{}):"function"==typeof e?e(t):null==e?{}:e}var h=r(45016),v=Object.defineProperty,y=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,C=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,N=(e,t)=>{for(var r in t||(t={}))T.call(t,r)&&C(e,r,t[r]);if(y)for(var r of y(t))O.call(t,r)&&C(e,r,t[r]);return e},R=Object.defineProperty,I=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,D=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(I)for(var r of I(t))x.call(t,r)&&w(e,r,t[r]);return e},M=r(43440),P=r(55043);function L({name:e,classes:t,props:r,stylesCtx:s,className:l,style:c,rootSelector:d="root",unstyled:u,classNames:_,styles:m,vars:g,varsResolver:f}){let E=(0,M.rZ)(),b=(0,P.uK)(),v=(Array.isArray(e)?e:[e]).filter(e=>e);return(e,y)=>({className:function({theme:e,options:t,themeName:r,selector:o,classNamesPrefix:s,classNames:l,classes:c,unstyled:d,className:u,rootSelector:p,props:_,stylesCtx:m}){return(0,n.Z)((0,i._)({theme:e,options:t,unstyled:d}),function({themeName:e,theme:t,selector:r,props:n,stylesCtx:i}){return e.map(e=>{var o,s;return null==(s=(0,a.m)({theme:t,classNames:null==(o=t.components[e])?void 0:o.classNames,props:n,stylesCtx:i}))?void 0:s[r]})}({theme:e,themeName:r,selector:o,props:_,stylesCtx:m}),function({options:e,classes:t,selector:r,unstyled:n}){return(null==e?void 0:e.variant)&&!n?t[`${r}--${e.variant}`]:void 0}({options:t,classes:c,selector:o,unstyled:d}),function({selector:e,stylesCtx:t,theme:r,classNames:n,props:i}){return(0,a.m)({theme:r,classNames:n,props:i,stylesCtx:t})[e]}({selector:o,stylesCtx:m,theme:e,classNames:l,props:_}),function({selector:e,stylesCtx:t,options:r,props:n,theme:i}){return(0,a.m)({theme:i,classNames:null==r?void 0:r.classNames,props:(null==r?void 0:r.props)||n,stylesCtx:t})[e]}({selector:o,stylesCtx:m,options:t,props:_,theme:e}),function({rootSelector:e,selector:t,className:r}){return e===t?r:void 0}({rootSelector:p,selector:o,className:u}),function({selector:e,classes:t,unstyled:r}){return r?void 0:t[e]}({selector:o,classes:c,unstyled:d}),function({themeName:e,classNamesPrefix:t,selector:r}){return e.map(e=>`${t}-${e}-${r}`)}({themeName:r,classNamesPrefix:s,selector:o}),null==t?void 0:t.className)}({theme:E,options:y,themeName:v,selector:e,classNamesPrefix:b,classNames:_,classes:t,unstyled:u,className:l,rootSelector:d,props:r,stylesCtx:s}),style:function({theme:e,themeName:t,selector:r,options:n,props:a,stylesCtx:i,rootSelector:s,styles:l,style:c,vars:d,varsResolver:u}){return D(D(D(D(D(D({},function({theme:e,themeName:t,props:r,stylesCtx:n,selector:a}){return t.map(t=>{var i;return(0,o.i)({theme:e,styles:null==(i=e.components[t])?void 0:i.styles,props:r,stylesCtx:n})[a]}).reduce((e,t)=>p(p({},e),t),{})}({theme:e,themeName:t,props:a,stylesCtx:i,selector:r})),(0,o.i)({theme:e,styles:l,props:a,stylesCtx:i})[r]),(0,o.i)({theme:e,styles:null==n?void 0:n.styles,props:(null==n?void 0:n.props)||a,stylesCtx:i})[r]),function({vars:e,varsResolver:t,theme:r,props:n,stylesCtx:a,selector:i,themeName:o}){var s;return null==(s=[null==t?void 0:t(r,n,a),...o.map(e=>{var t,i,o;return null==(o=null==(i=null==(t=r.components)?void 0:t[e])?void 0:i.vars)?void 0:o.call(i,r,n,a)}),null==e?void 0:e(r,n,a)].reduce((e,t)=>(t&&Object.keys(t).forEach(r=>{e[r]=N(N({},e[r]),(0,h.L)(t[r]))}),e),{}))?void 0:s[i]}({theme:e,props:a,stylesCtx:i,vars:d,varsResolver:u,selector:r,themeName:t})),s===r?S({style:c,theme:e}):null),S({style:null==n?void 0:n.style,theme:e}))}({theme:E,themeName:v,selector:e,options:y,props:r,stylesCtx:s,rootSelector:d,styles:m,style:c,vars:g,varsResolver:f})})}},35070:function(e,t,r){"use strict";function n(e,t){return r=>{null==e||e(r),null==t||t(r)}}r.d(t,{x:function(){return n}})},50377:function(e,t,r){"use strict";r.d(t,{V:function(){return a}});var n=r(67294);function a(e=null){let t=(0,n.createContext)(e),r=()=>(0,n.useContext)(t),a=({children:e,value:r})=>n.createElement(t.Provider,{value:r},e);return[a,r]}},45763:function(e,t,r){"use strict";r.d(t,{R:function(){return a}});var n=r(67294);function a(e){let t=(0,n.createContext)(null),r=()=>{let r=(0,n.useContext)(t);if(null===r)throw Error(e);return r},a=({children:e,value:r})=>n.createElement(t.Provider,{value:r},e);return[a,r]}},49999:function(e,t,r){"use strict";r.d(t,{R:function(){return a}});var n=r(43723);function a({parentSelector:e,siblingSelector:t,onKeyDown:r,loop:a=!0,activateOnFocus:i=!1,dir:o="rtl",orientation:s}){return l=>{var c;null==r||r(l);let d=Array.from((null==(c=(0,n.p)(l.currentTarget,e))?void 0:c.querySelectorAll(t))||[]).filter(t=>{var r;return r=l.currentTarget,(0,n.p)(r,e)===(0,n.p)(t,e)}),u=d.findIndex(e=>l.currentTarget===e),p=function(e,t,r){for(let r=e+1;r=0;r-=1)if(!t[r].disabled)return r;if(r){for(let e=t.length-1;e>-1;e-=1)if(!t[e].disabled)return e}return e}(u,d,a),m="rtl"===o?_:p,g="rtl"===o?p:_;switch(l.key){case"ArrowRight":"horizontal"===s&&(l.stopPropagation(),l.preventDefault(),d[m].focus(),i&&d[m].click());break;case"ArrowLeft":"horizontal"===s&&(l.stopPropagation(),l.preventDefault(),d[g].focus(),i&&d[g].click());break;case"ArrowUp":"vertical"===s&&(l.stopPropagation(),l.preventDefault(),d[_].focus(),i&&d[_].click());break;case"ArrowDown":"vertical"===s&&(l.stopPropagation(),l.preventDefault(),d[p].focus(),i&&d[p].click());break;case"Home":l.stopPropagation(),l.preventDefault(),d[0].disabled||d[0].focus();break;case"End":{l.stopPropagation(),l.preventDefault();let e=d.length-1;d[e].disabled||d[e].focus()}}}}},57346:function(e,t,r){"use strict";r.d(t,{R:function(){return function e(t,r){let n=l({},t);return c(t)&&c(r)&&Object.keys(r).forEach(a=>{c(r[a])&&a in t?n[a]=e(n[a],r[a]):n[a]=r[a]}),n}}});var n=Object.defineProperty,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,s=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&s(e,r,t[r]);if(a)for(var r of a(t))o.call(t,r)&&s(e,r,t[r]);return e};function c(e){return e&&"object"==typeof e&&!Array.isArray(e)}},45016:function(e,t,r){"use strict";function n(e){return Object.keys(e).reduce((t,r)=>(void 0!==e[r]&&(t[r]=e[r]),t),{})}r.d(t,{L:function(){return n}})},43723:function(e,t,r){"use strict";function n(e,t){let r=e;for(;(r=r.parentElement)&&!r.matches(t););return r}r.d(t,{p:function(){return n}})},88380:function(e,t,r){"use strict";r.d(t,{w:function(){return a}});let n={app:100,modal:200,popover:300,overlay:400,max:9999};function a(e){return n[e]}},48468:function(e,t,r){"use strict";r.d(t,{Dp:function(){return c},H5:function(){return s},Xj:function(){return d},ap:function(){return i},bG:function(){return o},yv:function(){return l}});var n=r(68947),a=r(72622);function i(e,t="size",r=!0){if(void 0!==e)return(0,n.s)(e)?r?(0,a.h)(e):e:`var(--${t}-${e})`}function o(e){return i(e,"mantine-spacing")}function s(e){return void 0===e?"var(--mantine-radius-default)":i(e,"mantine-radius")}function l(e){return i(e,"mantine-font-size")}function c(e){return i(e,"mantine-line-height",!1)}function d(e){if(e)return i(e,"mantine-shadow")}},12322:function(e,t,r){"use strict";r.d(t,{k:function(){return a}});var n=r(67294);function a(e){return!Array.isArray(e)&&null!==e&&"object"==typeof e&&e.type!==n.Fragment}},68947:function(e,t,r){"use strict";function n(e){return"number"==typeof e||"string"==typeof e&&(!!(e.startsWith("calc(")||e.startsWith("var("))||/[0-9]/.test(e.trim().replace("-","")[0]))}r.d(t,{s:function(){return n}})},88313:function(e,t,r){"use strict";function n(e){return Object.keys(e)}r.d(t,{X:function(){return n}})},91624:function(e,t,r){"use strict";function n(e){var t;let r="string"==typeof e&&e.includes("var(--mantine-scale)")?null==(t=e.match(/^calc\((.*?)\)$/))?void 0:t[1].split("*")[0].trim():e;return"number"==typeof r?r:"string"==typeof r?r.includes("calc")||r.includes("var")?r:r.includes("px")?Number(r.replace("px","")):r.includes("rem")?16*Number(r.replace("rem","")):r.includes("em")?16*Number(r.replace("em","")):Number(r):NaN}r.d(t,{px:function(){return n}})},72622:function(e,t,r){"use strict";function n(e){return`calc(${e} * var(--mantine-scale))`}function a(e,{shouldScale:t=!1}={}){return r=>{if(0===r||"0"===r)return"0";if("number"==typeof r){let a=`${r/16}${e}`;return t?n(a):a}if("string"==typeof r){if(r.includes("calc(")||r.includes("var("))return r;if(r.includes(e))return t?n(r):r;let a=r.replace("px","");if(!Number.isNaN(Number(a))){let r=`${Number(a)/16}${e}`;return t?n(r):r}}return r}}r.d(t,{em:function(){return o},h:function(){return i}});let i=a("rem",{shouldScale:!0}),o=a("em")},75744:function(e,t,r){"use strict";r.d(t,{B:function(){return e8}});var n=r(67294),a=r(40624),i={root:"m-761fa02a"},o=Object.defineProperty,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&d(e,r,t[r]);if(s)for(var r of s(t))c.call(t,r)&&d(e,r,t[r]);return e},p=(e,t)=>{var r={};for(var n in e)l.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&s)for(var n of s(e))0>t.indexOf(n)&&c.call(e,n)&&(r[n]=e[n]);return r};function _(e){var{className:t}=e,r=p(e,["className"]);return n.createElement("div",u({className:(0,a.Z)(i.root,t)},r))}var m=r(81110),g=r(72622),f={demo:"m-a3c6e060",demoInner:"m-ad8eb9d6"};function E({withPadding:e=!0,centered:t,maxWidth:r,minHeight:a,children:i,dimmed:o,striped:s}){return n.createElement(m.x,{className:f.demo,mod:{"with-padding":e,centered:t,dimmed:o,striped:s},__vars:{"--demo-flex":r?"1":void 0,"--demo-max-width":r?(0,g.h)(r):void 0,"--demo-min-height":a?(0,g.h)(a):void 0,"--demo-margin-y":r&&t?"auto":void 0}},n.createElement("div",{className:f.demoInner},i))}var b=r(4270);function S({code:e,children:t,withPadding:r,centered:a,defaultExpanded:i=!0,maxWidth:o,minHeight:s,dimmed:l,striped:c}){return n.createElement(_,null,n.createElement(E,{withPadding:r,centered:a,maxWidth:o,minHeight:s,dimmed:l,striped:c},t),n.createElement(b.E,{code:e,defaultExpanded:i}))}var h=r(75253);function v(e,t){let r=e.reduce((e,t)=>(e[t.prop]=t.libraryValue,e),{});return Object.keys(t).reduce((e,n)=>(t[n]!==r[n]&&(e[n]=t[n]),e),{})}var y={controls:"m-b14e0e0b"},T=r(72039),O={columns:"m-df4e856a",controls:"m-de00ac9",header:"m-c4d78f60"};function C({children:e,withPadding:t,centered:r,maxWidth:a,minHeight:i,title:o,description:s,controls:l,dimmed:c,striped:d}){return n.createElement("div",{className:O.columns},n.createElement(E,{withPadding:t,maxWidth:a,minHeight:i,centered:r,dimmed:c,striped:d},e),n.createElement("div",{className:O.controls},o&&n.createElement("div",{className:O.header},n.createElement(T.x,{fw:500,fz:"sm",mb:5},o),s&&n.createElement(T.x,{c:"dimmed",fz:11,lh:1.45},s)),l))}var N=r(87809),R=r(54431);function I(e){return(0,R.j)(e.replace(/([a-z])([A-Z])/g,"$1 $2").toLowerCase())}var A=Object.defineProperty,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,M=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,P=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&M(e,r,t[r]);if(x)for(var r of x(t))D.call(t,r)&&M(e,r,t[r]);return e},L=(e,t)=>{var r={};for(var n in e)w.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&x)for(var n of x(e))0>t.indexOf(n)&&D.call(e,n)&&(r[n]=e[n]);return r},k=r(52561),F=r(72454);function U(e){return e.map(e=>"string"==typeof e?{label:(0,R.j)(e),value:e}:{value:e.value,label:(0,R.j)(e.label)})}var B=Object.defineProperty,G=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,H=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,z=(e,t)=>{for(var r in t||(t={}))j.call(t,r)&&H(e,r,t[r]);if(G)for(var r of G(t))Y.call(t,r)&&H(e,r,t[r]);return e},V=(e,t)=>{var r={};for(var n in e)j.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&G)for(var n of G(e))0>t.indexOf(n)&&Y.call(e,n)&&(r[n]=e[n]);return r},$=r(38621),q=r(221),W=r(38238),Q=r(16262),K=r(84131),Z=r(86610),X=r(35901);function J(){return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 200",style:{width:(0,g.h)(18),height:(0,g.h)(18)}},n.createElement("path",{fill:"#FF5178",d:"M100 0a100 100 0 00-50 13.398l30 51.961A40 40 0 01100 60V0z"}),n.createElement("path",{fill:"#FF9259",d:"M49.982 13.408a99.999 99.999 0 00-36.595 36.61l51.968 29.99a40 40 0 0114.638-14.645l-30.01-51.955z"}),n.createElement("path",{fill:"#FFD23B",d:"M13.386 50.02A100 100 0 000 100.025l60-.014a40 40 0 015.354-20.002L13.386 50.021z"}),n.createElement("path",{fill:"#89C247",d:"M0 100a99.999 99.999 0 0013.398 50l51.961-30A40.001 40.001 0 0160 100H0z"}),n.createElement("path",{fill:"#49B296",d:"M13.39 149.989a100.001 100.001 0 0036.599 36.607l30.006-51.958a39.99 39.99 0 01-14.639-14.643l-51.965 29.994z"}),n.createElement("path",{fill:"#2897B1",d:"M49.989 186.596A99.995 99.995 0 0099.987 200l.008-60a39.996 39.996 0 01-20-5.362l-30.007 51.958z"}),n.createElement("path",{fill:"#3EC3FF",d:"M100 200c17.554 0 34.798-4.621 50-13.397l-30-51.962A40 40 0 01100 140v60z"}),n.createElement("path",{fill:"#09A1E5",d:"M150.003 186.601a100.001 100.001 0 0036.601-36.604l-51.962-29.998a40 40 0 01-14.641 14.641l30.002 51.961z"}),n.createElement("path",{fill:"#077CCC",d:"M186.607 149.992A99.993 99.993 0 00200 99.99l-60 .006a39.998 39.998 0 01-5.357 20.001l51.964 29.995z"}),n.createElement("path",{fill:"#622876",d:"M200 100c0-17.554-4.621-34.798-13.397-50l-51.962 30A39.997 39.997 0 01140 100h60z"}),n.createElement("path",{fill:"#962B7C",d:"M186.597 49.99a99.994 99.994 0 00-36.606-36.598l-29.995 51.965a40 40 0 0114.643 14.64l51.958-30.006z"}),n.createElement("path",{fill:"#CB2E81",d:"M149.976 13.384A99.999 99.999 0 0099.973 0l.016 60a40.001 40.001 0 0120.002 5.353l29.985-51.97z"}))}var ee={swatch:"m-5e1a038c",check:"m-f9decbb8",colorControl:"m-2f5f7bca"},et=Object.defineProperty,er=Object.getOwnPropertySymbols,en=Object.prototype.hasOwnProperty,ea=Object.prototype.propertyIsEnumerable,ei=(e,t,r)=>t in e?et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eo=(e,t)=>{for(var r in t||(t={}))en.call(t,r)&&ei(e,r,t[r]);if(er)for(var r of er(t))ea.call(t,r)&&ei(e,r,t[r]);return e},es=(e,t)=>{var r={};for(var n in e)en.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&er)for(var n of er(e))0>t.indexOf(n)&&ea.call(e,n)&&(r[n]=e[n]);return r},el=r(50780),ec=Object.defineProperty,ed=Object.getOwnPropertySymbols,eu=Object.prototype.hasOwnProperty,ep=Object.prototype.propertyIsEnumerable,e_=(e,t,r)=>t in e?ec(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,em=(e,t)=>{for(var r in t||(t={}))eu.call(t,r)&&e_(e,r,t[r]);if(ed)for(var r of ed(t))ep.call(t,r)&&e_(e,r,t[r]);return e},eg=(e,t)=>{var r={};for(var n in e)eu.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ed)for(var n of ed(e))0>t.indexOf(n)&&ep.call(e,n)&&(r[n]=e[n]);return r},ef=r(86888),eE=Object.defineProperty,eb=Object.getOwnPropertySymbols,eS=Object.prototype.hasOwnProperty,eh=Object.prototype.propertyIsEnumerable,ev=(e,t,r)=>t in e?eE(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ey=(e,t)=>{for(var r in t||(t={}))eS.call(t,r)&&ev(e,r,t[r]);if(eb)for(var r of eb(t))eh.call(t,r)&&ev(e,r,t[r]);return e},eT=(e,t)=>{var r={};for(var n in e)eS.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eb)for(var n of eb(e))0>t.indexOf(n)&&eh.call(e,n)&&(r[n]=e[n]);return r},eO=r(94278),eC=Object.defineProperty,eN=Object.getOwnPropertySymbols,eR=Object.prototype.hasOwnProperty,eI=Object.prototype.propertyIsEnumerable,eA=(e,t,r)=>t in e?eC(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ex=(e,t)=>{for(var r in t||(t={}))eR.call(t,r)&&eA(e,r,t[r]);if(eN)for(var r of eN(t))eI.call(t,r)&&eA(e,r,t[r]);return e},ew=(e,t)=>{var r={};for(var n in e)eR.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eN)for(var n of eN(e))0>t.indexOf(n)&&eI.call(e,n)&&(r[n]=e[n]);return r};let eD=[{value:0,label:"xs"},{value:25,label:"sm"},{value:50,label:"md"},{value:75,label:"lg"},{value:100,label:"xl"}];var eM=Object.defineProperty,eP=Object.getOwnPropertySymbols,eL=Object.prototype.hasOwnProperty,ek=Object.prototype.propertyIsEnumerable,eF=(e,t,r)=>t in e?eM(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eU=(e,t)=>{for(var r in t||(t={}))eL.call(t,r)&&eF(e,r,t[r]);if(eP)for(var r of eP(t))ek.call(t,r)&&eF(e,r,t[r]);return e},eB=(e,t)=>{var r={};for(var n in e)eL.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eP)for(var n of eP(e))0>t.indexOf(n)&&ek.call(e,n)&&(r[n]=e[n]);return r},eG=Object.defineProperty,ej=Object.defineProperties,eY=Object.getOwnPropertyDescriptors,eH=Object.getOwnPropertySymbols,ez=Object.prototype.hasOwnProperty,eV=Object.prototype.propertyIsEnumerable,e$=(e,t,r)=>t in e?eG(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eq=(e,t)=>{for(var r in t||(t={}))ez.call(t,r)&&e$(e,r,t[r]);if(eH)for(var r of eH(t))eV.call(t,r)&&e$(e,r,t[r]);return e},eW=(e,t)=>ej(e,eY(t)),eQ=(e,t)=>{var r={};for(var n in e)ez.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eH)for(var n of eH(e))0>t.indexOf(n)&&eV.call(e,n)&&(r[n]=e[n]);return r};let eK={boolean:function(e){var{value:t,onChange:r,prop:a}=e,i=L(e,["value","onChange","prop"]);return n.createElement(N.r,P({checked:t,onChange:e=>r(e.currentTarget.checked),label:I(a)},i))},segmented:function(e){var{data:t,value:r,onChange:a,prop:i}=e,o=V(e,["data","value","onChange","prop"]);return n.createElement(k.I.Wrapper,z({labelElement:"div",label:I(i)},o),n.createElement(F.s,{data:U(t),value:r,onChange:a,fullWidth:!0,transitionDuration:150}))},color:function(e){var{value:t,onChange:r,prop:a}=e,i=es(e,["value","onChange","prop"]);let[o,s]=(0,n.useState)("#fff"),l=e=>{s(e),r(e)},c=Object.keys($.t.colors).filter(e=>"dark"!==e).map(e=>n.createElement(q.b,{color:`var(--mantine-color-${e}-filled)`,component:"button",key:e,onClick:()=>r(e),radius:"sm",className:ee.swatch,"aria-label":e},t===e&&n.createElement(W.n,{className:ee.check})));return n.createElement(k.I.Wrapper,eo({labelElement:"div",label:I(a)},i),n.createElement(Q.Z,{gap:2,mt:2,wrap:"wrap"},c,n.createElement(K.J,{radius:"md",position:"bottom-end",shadow:"md"},n.createElement(K.J.Target,null,n.createElement(Z.k,{className:ee.colorControl,"aria-label":"Pick color"},n.createElement(J,null))),n.createElement(K.J.Dropdown,{p:8},n.createElement(X.z,{value:o,onChange:l,format:"rgba"})))))},string:function(e){var{value:t,onChange:r,prop:a}=e,i=eg(e,["value","onChange","prop"]);return n.createElement(el.o,em({value:t,onChange:e=>r(e.currentTarget.value),label:I(a),placeholder:"Enter prop value"},i))},select:function(e){var{value:t,onChange:r,prop:a,data:i}=e,o=eT(e,["value","onChange","prop","data"]);return n.createElement(ef.p,ey({value:t,onChange:e=>r(e.currentTarget.value),label:I(a),placeholder:"Enter prop value",data:U(i)},o))},size:function(e){var{value:t,onChange:r,prop:a}=e,i=ew(e,["value","onChange","prop"]);let o=eD.find(e=>e.label===t).value,s=e=>r(eD.find(t=>t.value===e).label);return n.createElement(k.I.Wrapper,ex({labelElement:"div",label:I(a)},i),n.createElement(eO.i,{value:o,onChange:s,label:e=>eD.find(t=>t.value===e).label,step:25,marks:eD,styles:{markLabel:{display:"none"}},thumbLabel:"Size"}))},number:function(e){var{value:t,onChange:r,prop:a,step:i,min:o,max:s}=e,l=eB(e,["value","onChange","prop","step","min","max"]);return n.createElement(k.I.Wrapper,eU({labelElement:"div",label:I(a)},l),n.createElement(eO.i,{value:t,onChange:r,step:i,min:o,max:s,thumbLabel:"Size"}))}};function eZ({code:e,controls:t,children:r,centered:a,maxWidth:i,minHeight:o,withPadding:s,dimmed:l,striped:c}){let d=t.reduce((e,t)=>(e[t.prop]=t.initialValue,e),{}),[u,p]=(0,n.useState)(d),m=(e,t)=>p(r=>eW(eq({},r),{[e]:t})),g=t.map(e=>{let t=eK[e.type],r=eQ(e,["initialValue","libraryValue"]);return n.createElement(t,eq({key:e.prop,value:u[e.prop],onChange:t=>m(e.prop,t)},r))});return n.createElement(_,null,n.createElement(C,{controls:n.createElement(h.K,{className:y.controls,gap:"sm"},g),centered:a,withPadding:s,maxWidth:i,minHeight:o,dimmed:l,striped:c},n.cloneElement(r,u)),n.createElement(b.E,{code:[{fileName:"Demo.tsx",language:"tsx",code:"function"==typeof e?e(v(t,u)):function(e,t){let r=[],n=function(e){let t=e.split("\n").find(e=>e.includes("{{props}}"));return t&&t.trim().startsWith("{{props}}")}(t),a=t.replace("{{children}}",e.children||"");for(let[t,n]of Object.entries(e))"children"!==t&&("string"==typeof n?r.push(`${t}="${n}"`):"number"==typeof n?r.push(`${t}={${n}}`):"boolean"==typeof n&&(n?r.push(t):r.push(`${t}={false}`)));if(!n){let e=r.join(" ");return e.length>0?a.replace("{{props}}",` ${e}`):a.replace("{{props}}","")}let i=a.replace(/^(\s*){{props}}(\s*)$/gm,(e,t,n)=>{let a=r.map((e,n)=>`${t}${e}${n!==r.length-1?"\n":""}`).join("");return`${a}${n}`});return i.trim().replace("\n\n","\n")}(v(t,u),e)}]}))}var eX={selector:"m-22105db1"};function eJ(e){return e?`.${e} { + outline: 2px solid #fe0d45; + outline-offset: -2px; +} +`:"/*\n * Hover over selectors to apply outline styles\n *\n */"}function e0({data:e,code:t,withPadding:r,maxWidth:a,centered:i,children:o,dimmed:s,striped:l}){let[c,d]=n.useState(null),u=Object.keys(e.selectors),p=u.map(t=>n.createElement(Z.k,{className:eX.selector,key:t,onMouseEnter:()=>d(t),onMouseLeave:()=>d(null)},n.createElement(T.x,{mb:2},t),n.createElement(T.x,{fz:11,c:"dimmed"},e.selectors[t]))),m=c?` classNames={{ ${c}: classes.${c} }}`:"";return n.createElement(n.Fragment,null,n.createElement("style",{dangerouslySetInnerHTML:{__html:eJ(c)}}),n.createElement(_,null,n.createElement(C,{withPadding:r,maxWidth:a,centered:i,controls:p,dimmed:s,striped:l,title:"Component Styles API",description:"Hover over selectors to highlight corresponding elements"},n.cloneElement(o,{classNames:u.reduce((e,t)=>(e[t]=t,e),{})})),n.createElement(b.E,{code:[{fileName:"Demo.module.css",language:"css",code:eJ(c)},{fileName:"Demo.tsx",language:"tsx",code:t.replace("{{props}}",m)}]})))}var e1=Object.defineProperty,e2=Object.getOwnPropertySymbols,e3=Object.prototype.hasOwnProperty,e4=Object.prototype.propertyIsEnumerable,e6=(e,t,r)=>t in e?e1(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e5=(e,t)=>{for(var r in t||(t={}))e3.call(t,r)&&e6(e,r,t[r]);if(e2)for(var r of e2(t))e4.call(t,r)&&e6(e,r,t[r]);return e};function e8({data:e}){let{component:t}=e;switch(e.type){case"code":return n.createElement(S,e5({},e),n.createElement(t,null));case"configurator":return n.createElement(eZ,e5({},e),n.createElement(t,null));case"styles-api":return n.createElement(e0,e5({},e),n.createElement(t,null));default:return null}}},4270:function(e,t,r){"use strict";r.d(t,{E:function(){return c},L:function(){return l}});var n=r(67294),a=r(45301),i={code:"m-66990f0a"},o=r(97378),s=r(69458);function l(e){return e.endsWith(".ts")||e.endsWith(".tsx")?n.createElement(o.K,{size:18}):e.endsWith(".css")?n.createElement(s.L,{size:18}):null}function c({code:e,defaultExpanded:t=!0}){let r="string"==typeof e?{code:e,fileName:"Demo.tsx",language:"tsx"}:e;return n.createElement(n.Fragment,null,r&&n.createElement(a.Q,{code:r,className:i.code,getFileIcon:l,withExpandButton:!0,defaultExpanded:t}))}},69458:function(e,t,r){"use strict";r.d(t,{L:function(){return p}});var n=r(72622),a=r(67294),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{size:t,style:r}=e,i=u(e,["size","style"]);return a.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({width:(0,n.h)(t),height:(0,n.h)(t)},r)},i),a.createElement("path",{fill:"#0277BD",d:"M41 5H7l3 34 14 4 14-4 3-34z"}),a.createElement("path",{fill:"#039BE5",d:"M24 8v31.9l11.2-3.2L37.7 8z"}),a.createElement("path",{fill:"#FFF",d:"M33.1 13H24v4h4.9l-.3 4H24v4h4.4l-.3 4.5-4.1 1.4v4.2l7.9-2.6.7-11.5z"}),a.createElement("path",{fill:"#EEE",d:"M24 13v4h-8.9l-.3-4H24zm-4.6 8l.2 4H24v-4h-4.6zm.4 6h-4l.3 5.5 7.9 2.6v-4.2l-4.1-1.4-.1-2.5z"}))}},47776:function(e,t,r){"use strict";r.d(t,{D:function(){return p}});var n=r(67294),a=r(72622),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{size:t,style:r}=e,i=u(e,["size","style"]);return n.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 256 199",style:d({width:(0,a.h)(t),height:(0,a.h)(t)},r)},i),n.createElement("path",{fill:"currentColor",d:"M216.856 16.597A208.5 208.5 0 00164.042 0c-2.275 4.113-4.933 9.646-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.807 207.807 0 00-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.13 161.13 0 0079.735 175.3a136.374 136.374 0 01-21.846-10.632 108.542 108.542 0 005.356-4.237c42.122 19.702 87.89 19.702 129.51 0 1.751 1.46 3.543 2.88 5.355 4.237a136.011 136.011 0 01-21.886 10.653c4.006 8.02 8.638 15.671 13.873 22.848 21.142-6.581 42.646-16.637 64.815-33.213 5.316-56.288-9.081-105.09-38.056-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18z"}))}},805:function(e,t,r){"use strict";r.d(t,{E:function(){return p}});var n=r(67294),a=r(72622),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{size:t,style:r}=e,i=u(e,["size","style"]);return n.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",style:d({width:(0,a.h)(t),height:(0,a.h)(t)},r),fill:"currentColor"},i),n.createElement("path",{fillRule:"evenodd",d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"}))}},14237:function(e,t,r){"use strict";r.d(t,{_:function(){return g}});var n=r(67294),a=r(72622),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=(e,t)=>o(e,s(t)),m=(e,t)=>{var r={};for(var n in e)c.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&l)for(var n of l(e))0>t.indexOf(n)&&d.call(e,n)&&(r[n]=e[n]);return r};function g(e){var{size:t,style:r}=e,i=m(e,["size","style"]);return n.createElement("svg",_(p({},i),{preserveAspectRatio:"xMidYMid",viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",style:p({width:(0,a.h)(t),height:(0,a.h)(t)},r)}),n.createElement("path",{d:"M0 256V0h256v256z",fill:"#C12127"}),n.createElement("path",{d:"M48 48h160v160h-32V80h-48v128H48z",fill:"#FFF"}))}},97378:function(e,t,r){"use strict";r.d(t,{K:function(){return p}});var n=r(72622),a=r(67294),i=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>{var r={};for(var n in e)s.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&o)for(var n of o(e))0>t.indexOf(n)&&l.call(e,n)&&(r[n]=e[n]);return r};function p(e){var{size:t,style:r}=e,i=u(e,["size","style"]);return a.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({width:(0,n.h)(t),height:(0,n.h)(t)},r)},i),a.createElement("path",{fill:"#1976d2",d:"M6 6h36v36H6z"}),a.createElement("path",{fill:"#fff",d:"M27.49 22H14.227v3.264h4.757V40h3.769V25.264h4.737zM39.194 26.084s-1.787-1.192-3.807-1.192-2.747.96-2.747 1.986c0 2.648 7.381 2.383 7.381 7.712 0 8.209-11.254 4.568-11.254 4.568V35.22s2.152 1.622 4.733 1.622 2.483-1.688 2.483-1.92c0-2.449-7.315-2.449-7.315-7.878 0-7.381 10.658-4.469 10.658-4.469l-.132 3.509z"}))}},98998:function(e,t,r){"use strict";r.d(t,{D:function(){return k}});var n=r(67294),a=r(72622),i=r(43440),o=r(52845);function s({color:e,inverted:t}){let r=(0,i.rZ)(),n=(0,o.E)({color:e||"blue",theme:r}),a=n.isThemeColor?r.colors[n.color][5]:e;return{background:t?r.white:a,color:t?a:r.white}}var l=Object.defineProperty,c=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,p=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&p(e,r,t[r]);if(c)for(var r of c(t))u.call(t,r)&&p(e,r,t[r]);return e},m=(e,t)=>{var r={};for(var n in e)d.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&c)for(var n of c(e))0>t.indexOf(n)&&u.call(e,n)&&(r[n]=e[n]);return r};function g(e){var{size:t,color:r,variant:i,inverted:o,style:l}=e,c=m(e,["size","color","variant","inverted","style"]);let d=s({color:r,inverted:o});return n.createElement("svg",_({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 163 163",style:_({width:(0,a.h)(t),height:(0,a.h)(t)},l)},c),n.createElement("path",{fill:d.background,d:"M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"}),n.createElement("path",{fill:d.color,d:"M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.145 6.145 0 00-1.616 1.786 6.21 6.21 0 00-.694 4.693 6.21 6.21 0 001.028 2.186 6.151 6.151 0 006.457 2.319 6.154 6.154 0 002.177-1.035 50.083 50.083 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.165 49.165 0 004.071-19.69 49.167 49.167 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.112 50.112 0 00-7.952-7.397 6.15 6.15 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"}),n.createElement("path",{fill:d.color,fillRule:"evenodd",d:"M56.236 79.391a9.342 9.342 0 01.632-3.608 9.262 9.262 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.145 9.145 0 012.995 2.063 9.262 9.262 0 011.967 3.077 9.339 9.339 0 01-2.125 10.003 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.3 9.3 0 01-2.755-6.395z",clipRule:"evenodd"}))}var f=r(40624),E={logo:"m-2075ec07",mantineUILogo:"m-36ceca49"},b=Object.defineProperty,S=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,O=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,C=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&O(e,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&O(e,r,t[r]);return e},N=(e,t)=>S(e,h(t)),R=(e,t)=>{var r={};for(var n in e)y.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&v)for(var n of v(e))0>t.indexOf(n)&&T.call(e,n)&&(r[n]=e[n]);return r};function I(e){var{size:t,color:r,variant:i,inverted:o,style:l,className:c}=e,d=R(e,["size","color","variant","inverted","style","className"]);let u=s({color:r,inverted:o});return n.createElement("svg",N(C({},d),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 623 163",style:C({height:(0,a.h)(t)},l),className:(0,f.Z)(E.logo,{[E.mantineUILogo]:"ui.mantine.dev"===i},c)}),n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("path",{style:{fill:"ui.mantine.dev"===i?"var(--mantine-logo-fill)":void 0},fill:u.background,fillRule:"nonzero",d:"M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"}),n.createElement("g",{fill:u.color,style:{fill:"ui.mantine.dev"===i?"var(--mantine-logo-color)":void 0}},n.createElement("path",{fillRule:"nonzero",d:"M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.142 6.142 0 00-1.616 1.786 6.211 6.211 0 00-.694 4.693c.197.79.546 1.533 1.028 2.186a6.154 6.154 0 008.634 1.284 50.112 50.112 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.166 49.166 0 004.071-19.69 49.166 49.166 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.11 50.11 0 00-7.952-7.397 6.149 6.149 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"}),n.createElement("path",{d:"M56.236 79.391a9.342 9.342 0 01.632-3.608 9.261 9.261 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.144 9.144 0 012.995 2.063 9.261 9.261 0 011.967 3.077 9.34 9.34 0 01.63 3.608 9.299 9.299 0 01-2.755 6.395 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.299 9.299 0 01-2.755-6.395z"})),n.createElement("path",{fill:"currentColor",fillRule:"nonzero",d:"M291.736 126.644c1.984 0 3.823-.434 5.518-1.302 1.695-.868 2.542-2.129 2.542-3.782v-77.5c0-2.976-.827-5.063-2.48-6.262-1.653-1.199-3.513-1.798-5.58-1.798-1.901 0-3.555.207-4.96.62-1.405.413-2.666 1.24-3.782 2.48s-2.418 3.059-3.906 5.456l-15.252 27.776-15.128-27.776c-1.323-2.397-2.583-4.216-3.782-5.456-1.199-1.24-2.48-2.067-3.844-2.48-1.364-.413-3.038-.62-5.022-.62-1.984 0-3.823.6-5.518 1.798-1.695 1.199-2.542 3.286-2.542 6.262v77.5c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302 2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V67.248l14.26 26.784c.744 1.24 1.591 2.087 2.542 2.542.95.455 1.88.682 2.79.682.992 0 1.984-.248 2.976-.744s1.86-1.323 2.604-2.48l14.384-25.792v53.32c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302zm34.375 1.116c4.298 0 7.956-.992 10.974-2.976 3.017-1.984 5.642-4.257 7.874-6.82v3.596c0 1.405.682 2.604 2.046 3.596 1.364.992 3.08 1.488 5.146 1.488 2.232 0 4.092-.496 5.58-1.488 1.488-.992 2.232-2.19 2.232-3.596V91.18c0-4.216-.889-8.143-2.666-11.78-1.778-3.637-4.609-6.613-8.494-8.928-3.886-2.315-9.052-3.472-15.5-3.472-2.894 0-5.87.372-8.928 1.116-3.059.744-5.642 1.798-7.75 3.162-2.108 1.364-3.162 2.914-3.162 4.65 0 1.819.475 3.596 1.426 5.332.95 1.736 2.294 2.604 4.03 2.604 1.074 0 2.066-.33 2.976-.992.91-.661 2.211-1.302 3.906-1.922 1.694-.62 4.112-.93 7.254-.93 2.81 0 4.98.579 6.51 1.736 1.53 1.157 2.645 2.604 3.348 4.34a14.092 14.092 0 011.054 5.332v1.612h-5.084c-5.704 0-10.726.537-15.066 1.612-4.34 1.075-7.73 2.935-10.168 5.58-2.439 2.645-3.658 6.324-3.658 11.036 0 5.621 1.591 9.775 4.774 12.462 3.182 2.687 6.964 4.03 11.346 4.03zm6.448-11.904c-1.819 0-3.369-.537-4.65-1.612-1.282-1.075-1.922-2.77-1.922-5.084 0-2.315.764-4.03 2.294-5.146 1.53-1.116 3.534-1.84 6.014-2.17 2.48-.33 5.084-.496 7.812-.496h1.86v2.604c0 1.984-.6 3.885-1.798 5.704-1.199 1.819-2.666 3.307-4.402 4.464-1.736 1.157-3.472 1.736-5.208 1.736zm84.169 10.788c2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.971-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114C410.9 68.137 407.345 67 403.46 67c-4.133 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.183-1.364 4.836-1.364 1.984 0 3.803.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.432 0c2.315 0 4.03-.703 5.146-2.108 1.116-1.405 1.674-2.976 1.674-4.712 0-1.653-.558-3.183-1.674-4.588-1.116-1.405-2.831-2.108-5.146-2.108h-4.836c-2.563 0-4.36-.496-5.394-1.488-1.033-.992-1.55-2.687-1.55-5.084V79.4h14.632c1.323 0 2.335-.6 3.038-1.798.703-1.199 1.054-2.542 1.054-4.03 0-1.488-.351-2.831-1.054-4.03-.703-1.199-1.715-1.798-3.038-1.798H452.38V46.416c0-1.488-.847-2.687-2.542-3.596-1.695-.91-3.534-1.364-5.518-1.364-1.819 0-3.596.455-5.332 1.364-1.736.91-2.604 2.108-2.604 3.596v60.14c0 6.944 1.963 12.028 5.89 15.252 3.927 3.224 9.61 4.836 17.05 4.836h4.836zM487.232 54.6c2.397 0 4.443-.806 6.138-2.418 1.695-1.612 2.542-3.41 2.542-5.394 0-2.15-.847-3.989-2.542-5.518-1.695-1.53-3.74-2.294-6.138-2.294-2.397 0-4.464.765-6.2 2.294-1.736 1.53-2.604 3.369-2.604 5.518 0 1.984.868 3.782 2.604 5.394 1.736 1.612 3.803 2.418 6.2 2.418zm0 72.044c2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V72.704c0-1.488-.785-2.687-2.356-3.596-1.57-.91-3.472-1.364-5.704-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612zm65.247 0c2.066 0 3.926-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.972-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114-3.224-2.273-6.779-3.41-10.664-3.41-4.134 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.182-1.364 4.836-1.364 1.984 0 3.802.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.68 1.116c4.464 0 8.328-.558 11.594-1.674 3.265-1.116 5.786-2.48 7.564-4.092 1.777-1.612 2.666-3.12 2.666-4.526 0-.827-.248-1.798-.744-2.914a8.641 8.641 0 00-2.108-2.914c-.91-.827-1.984-1.24-3.224-1.24-1.158 0-2.398.372-3.72 1.116-1.323.744-2.894 1.53-4.712 2.356-1.819.827-4.092 1.24-6.82 1.24-4.299 0-7.792-1.095-10.478-3.286-2.687-2.19-4.03-5.063-4.03-8.618v-1.86h25.172c1.901 0 3.74-.186 5.518-.558 1.777-.372 3.244-1.323 4.402-2.852 1.157-1.53 1.736-4.071 1.736-7.626 0-4.63-1.199-8.68-3.596-12.152-2.398-3.472-5.518-6.2-9.362-8.184-3.844-1.984-8.08-2.976-12.71-2.976-5.043 0-9.61 1.137-13.702 3.41-4.092 2.273-7.358 5.29-9.796 9.052-2.439 3.761-3.658 7.874-3.658 12.338v10.54c0 5.043 1.281 9.486 3.844 13.33 2.562 3.844 6.096 6.82 10.602 8.928 4.505 2.108 9.692 3.162 15.562 3.162zm4.092-35.836h-18.104v-3.472c0-1.984.516-3.7 1.55-5.146 1.033-1.447 2.376-2.563 4.03-3.348 1.653-.785 3.43-1.178 5.332-1.178 1.984 0 3.802.413 5.456 1.24 1.653.827 2.976 1.984 3.968 3.472s1.488 3.183 1.488 5.084c0 1.323-.269 2.211-.806 2.666-.538.455-1.509.682-2.914.682z"})))}var A=Object.defineProperty,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,M=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,P=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&M(e,r,t[r]);if(x)for(var r of x(t))D.call(t,r)&&M(e,r,t[r]);return e},L=(e,t)=>{var r={};for(var n in e)w.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&x)for(var n of x(e))0>t.indexOf(n)&&D.call(e,n)&&(r[n]=e[n]);return r};function k(e){var{type:t}=e,r=L(e,["type"]);return"mark"===t?n.createElement(g,P({},r)):n.createElement(I,P({},r))}},91047:function(e,t,r){"use strict";r.d(t,{$:function(){return n}});let n={docsLink:"https://mantine.dev",uiLink:"https://ui.mantine.dev/",discordLink:"https://discord.gg/wbH82zuWMN",twitterLink:"https://twitter.com/mantinedev",npmLink:"https://www.npmjs.com/org/mantine",discordColor:"#5865f2",twitterColor:"#1C8CD8",gitHubLinks:{mantine:"https://github.com/mantinedev/mantine",mantineUi:"https://github.com/mantinedev/ui.mantine.dev",discussions:"https://github.com/mantinedev/mantine/discussions",organization:"https://github.com/mantinedev",releases:"https://github.com/mantinedev/mantine/releases"}}},72641:function(e,t,r){"use strict";r.d(t,{O:function(){return i}});var n=r(67294);let a=["mousedown","touchstart"];function i(e,t,r){let i=(0,n.useRef)();return(0,n.useEffect)(()=>{let n=t=>{let{target:n}=null!=t?t:{};if(Array.isArray(r)){let a=(null==n?void 0:n.hasAttribute("data-ignore-outside-clicks"))||!document.body.contains(n)&&"HTML"!==n.tagName,i=r.every(e=>!!e&&!t.composedPath().includes(e));i&&!a&&e()}else i.current&&!i.current.contains(n)&&e()};return(t||a).forEach(e=>document.addEventListener(e,n)),()=>{(t||a).forEach(e=>document.removeEventListener(e,n))}},[i,e,r]),i}},921:function(e,t,r){"use strict";r.d(t,{V:function(){return a}});var n=r(67294);function a({timeout:e=2e3}={}){let[t,r]=(0,n.useState)(null),[a,i]=(0,n.useState)(!1),[o,s]=(0,n.useState)(null),l=t=>{window.clearTimeout(o),s(window.setTimeout(()=>i(!1),e)),i(t)},c=e=>{"clipboard"in navigator?navigator.clipboard.writeText(e).then(()=>l(!0)).catch(e=>r(e)):r(Error("useClipboard: navigator.clipboard is not supported"))},d=()=>{i(!1),r(null),window.clearTimeout(o)};return{copy:c,reset:d,error:t,copied:a}}},45599:function(e,t,r){"use strict";r.d(t,{t:function(){return a}});var n=r(3921);function a(e,t){return(0,n.a)("(prefers-color-scheme: dark)","dark"===e,t)?"dark":"light"}},14372:function(e,t,r){"use strict";r.d(t,{l:function(){return a}});var n=r(67294);function a(e,t){let r=(0,n.useRef)(!1);(0,n.useEffect)(()=>()=>{r.current=!1},[]),(0,n.useEffect)(()=>{if(r.current)return e();r.current=!0},t)}},67990:function(e,t,r){"use strict";r.d(t,{u:function(){return i}});var n=r(67294),a=r(14372);function i({opened:e,shouldReturnFocus:t=!0}){let r=(0,n.useRef)(),i=()=>{var e;r.current&&"focus"in r.current&&"function"==typeof r.current.focus&&(null==(e=r.current)||e.focus({preventScroll:!0}))};return(0,a.l)(()=>{let n=-1,a=e=>{"Tab"===e.key&&window.clearTimeout(n)};return document.addEventListener("keydown",a),e?r.current=document.activeElement:t&&(n=window.setTimeout(i,10)),()=>{window.clearTimeout(n),document.removeEventListener("keydown",a)}},[e,t]),i}},26899:function(e,t,r){"use strict";r.d(t,{N:function(){return i}});var n=r(67294);let a=e=>(e+1)%1e6;function i(){let[,e]=(0,n.useReducer)(a,0);return e}},4617:function(e,t,r){"use strict";r.d(t,{k:function(){return p},yr:function(){return _}});var n=Object.defineProperty,a=Object.defineProperties,i=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&c(e,r,t[r]);if(o)for(var r of o(t))l.call(t,r)&&c(e,r,t[r]);return e},u=(e,t)=>a(e,i(t));function p(e){return t=>(function(e,t){let{alt:r,ctrl:n,meta:a,mod:i,shift:o,key:s}=e,{altKey:l,ctrlKey:c,metaKey:d,shiftKey:u,key:p}=t;if(r!==l)return!1;if(i){if(!c&&!d)return!1}else if(n!==c||a!==d)return!1;return o===u&&!!s&&(p.toLowerCase()===s.toLowerCase()||t.code.replace("Key","").toLowerCase()===s.toLowerCase())})(function(e){let t=e.toLowerCase().split("+").map(e=>e.trim()),r={alt:t.includes("alt"),ctrl:t.includes("ctrl"),meta:t.includes("meta"),mod:t.includes("mod"),shift:t.includes("shift")},n=["alt","ctrl","meta","shift","mod"],a=t.find(e=>!n.includes(e));return u(d({},r),{key:a})}(e),t)}function _(e){return t=>{let r="nativeEvent"in t?t.nativeEvent:t;e.forEach(([e,n,a={preventDefault:!0}])=>{p(e)(r)&&(a.preventDefault&&t.preventDefault(),n(r))})}}},34354:function(e,t,r){"use strict";r.d(t,{A:function(){return i}});var n=r(67294),a=r(4617);function i(e,t=["INPUT","TEXTAREA","SELECT"],r=!1){(0,n.useEffect)(()=>{let n=n=>{e.forEach(([e,i,o={preventDefault:!0}])=>{(0,a.k)(e)(n)&&function(e,t,r=!1){return!(e.target instanceof HTMLElement)||(r?!t.includes(e.target.tagName):!e.target.isContentEditable&&!t.includes(e.target.tagName))}(n,t,r)&&(o.preventDefault&&n.preventDefault(),i(n))})};return document.documentElement.addEventListener("keydown",n),()=>document.documentElement.removeEventListener("keydown",n)},[e])}},9779:function(e,t,r){"use strict";r.d(t,{M:function(){return s}});var n=r(67294),a=r(67510);let i=n["useId".toString()]||(()=>void 0);var o=r(97718);function s(e){let t=function(){let e=i();return e?`mantine-${e.replace(/:/g,"")}`:""}(),[r,s]=(0,n.useState)(t);return((0,a.Y)(()=>{s((0,o.k)())},[]),"string"==typeof e)?e:"undefined"==typeof window?t:r}},67510:function(e,t,r){"use strict";r.d(t,{Y:function(){return a}});var n=r(67294);let a="undefined"!=typeof document?n.useLayoutEffect:n.useEffect},83281:function(e,t,r){"use strict";r.d(t,{_:function(){return o}});var n=r(67294),a=r(37662);function i(e){try{return JSON.parse(e)}catch(t){return e}}function o(e){return(function(e,t){let r="localStorage"===e?"mantine-local-storage":"mantine-session-storage",{getItem:o,setItem:s,removeItem:l}=function(e){let t=t=>{try{return window[e].getItem(t)}catch(e){return console.warn("use-local-storage: Failed to get value from storage, localStorage is blocked"),null}},r=(t,r)=>{try{window[e].setItem(t,r)}catch(e){console.warn("use-local-storage: Failed to set value to storage, localStorage is blocked")}},n=t=>{try{window[e].removeItem(t)}catch(e){console.warn("use-local-storage: Failed to remove value from storage, localStorage is blocked")}};return{getItem:t,setItem:r,removeItem:n}}(e);return function({key:c,defaultValue:d,getInitialValueInEffect:u=!0,deserialize:p=i,serialize:_=e=>(function(e,t){try{return JSON.stringify(e)}catch(e){throw Error(`@mantine/hooks ${t}: Failed to serialize the value`)}})(e,t)}){let m=(0,n.useCallback)(t=>{if("undefined"==typeof window||!(e in window)||null===window[e]||t)return d;let r=o(c);return null!==r?p(r):d},[c,d]),[g,f]=(0,n.useState)(m(u)),E=(0,n.useCallback)(e=>{e instanceof Function?f(t=>{let n=e(t);return s(c,_(n)),window.dispatchEvent(new CustomEvent(r,{detail:{key:c,value:e(t)}})),n}):(s(c,_(e)),window.dispatchEvent(new CustomEvent(r,{detail:{key:c,value:e}})),f(e))},[c]),b=(0,n.useCallback)(()=>{l(c),window.dispatchEvent(new CustomEvent(r,{detail:{key:c,value:d}}))},[]);return(0,a.s)("storage",t=>{var r;t.storageArea===window[e]&&t.key===c&&f(p(null!=(r=t.newValue)?r:void 0))}),(0,a.s)(r,e=>{e.detail.key===c&&f(e.detail.value)}),(0,n.useEffect)(()=>{void 0!==d&&void 0===g&&E(d)},[d,g,E]),(0,n.useEffect)(()=>{u&&f(m())},[]),[void 0===g?d:g,E,b]}})("localStorage","use-local-storage")(e)}},3921:function(e,t,r){"use strict";r.d(t,{a:function(){return a}});var n=r(67294);function a(e,t,{getInitialValueInEffect:r}={getInitialValueInEffect:!0}){let[a,i]=(0,n.useState)(r?t:"boolean"==typeof t?t:!!("undefined"!=typeof window&&"matchMedia"in window)&&window.matchMedia(e).matches),o=(0,n.useRef)();return(0,n.useEffect)(()=>{if("matchMedia"in window)return o.current=window.matchMedia(e),i(o.current.matches),function(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch(r){return e.addListener(t),()=>e.removeListener(t)}}(o.current,e=>i(e.matches))},[e]),a}},83443:function(e,t,r){"use strict";r.d(t,{Yx:function(){return o},kR:function(){return a},lq:function(){return i}});var n=r(67294);function a(e,t){"function"==typeof e?e(t):"object"==typeof e&&null!==e&&"current"in e&&(e.current=t)}function i(...e){return t=>{e.forEach(e=>a(e,t))}}function o(...e){return(0,n.useCallback)(i(...e),e)}},56578:function(e,t,r){"use strict";r.d(t,{E:function(){return i},r:function(){return o}});var n=r(67294),a=r(71062);let i=e=>({x:(0,a.u)(e.x,0,1),y:(0,a.u)(e.y,0,1)});function o(e,t,r="ltr"){let i=(0,n.useRef)(null),o=(0,n.useRef)(!1),s=(0,n.useRef)(!1),l=(0,n.useRef)(0),[c,d]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{o.current=!0},[]),(0,n.useEffect)(()=>{var n,c;let u=({x:t,y:n})=>{cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{if(o.current&&i.current){i.current.style.userSelect="none";let o=i.current.getBoundingClientRect();if(o.width&&o.height){let i=(0,a.u)((t-o.left)/o.width,0,1);e({x:"ltr"===r?i:1-i,y:(0,a.u)((n-o.top)/o.height,0,1)})}}})},p=()=>{document.addEventListener("mousemove",E),document.addEventListener("mouseup",g),document.addEventListener("touchmove",S),document.addEventListener("touchend",g)},_=()=>{document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",g),document.removeEventListener("touchmove",S),document.removeEventListener("touchend",g)},m=()=>{!s.current&&o.current&&(s.current=!0,"function"==typeof(null==t?void 0:t.onScrubStart)&&t.onScrubStart(),d(!0),p())},g=()=>{s.current&&o.current&&(s.current=!1,d(!1),_(),setTimeout(()=>{"function"==typeof(null==t?void 0:t.onScrubEnd)&&t.onScrubEnd()},0))},f=e=>{m(),e.preventDefault(),E(e)},E=e=>u({x:e.clientX,y:e.clientY}),b=e=>{e.cancelable&&e.preventDefault(),m(),S(e)},S=e=>{e.cancelable&&e.preventDefault(),u({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})};return null==(n=i.current)||n.addEventListener("mousedown",f),null==(c=i.current)||c.addEventListener("touchstart",b,{passive:!1}),()=>{i.current&&(i.current.removeEventListener("mousedown",f),i.current.removeEventListener("touchstart",b))}},[r,e]),{ref:i,active:c}}},34223:function(e,t,r){"use strict";r.d(t,{J:function(){return a}});var n=r(3921);function a(e,t){return(0,n.a)("(prefers-reduced-motion: reduce)",e,t)}},28038:function(e,t,r){"use strict";r.d(t,{h:function(){return o},y:function(){return i}});var n=r(67294);let a={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function i(){let e=(0,n.useRef)(0),t=(0,n.useRef)(null),[r,i]=(0,n.useState)(a),o=(0,n.useMemo)(()=>"undefined"!=typeof window?new ResizeObserver(r=>{let n=r[0];n&&(cancelAnimationFrame(e.current),e.current=requestAnimationFrame(()=>{t.current&&i(n.contentRect)}))}):null,[]);return(0,n.useEffect)(()=>(t.current&&(null==o||o.observe(t.current)),()=>{null==o||o.disconnect(),e.current&&cancelAnimationFrame(e.current)}),[t.current]),[t,r]}function o(){let[e,{width:t,height:r}]=i();return{ref:e,width:t,height:r}}},643:function(e,t,r){"use strict";r.d(t,{C:function(){return a}});var n=r(67294);function a({value:e,defaultValue:t,finalValue:r,onChange:a=()=>{}}){let[i,o]=(0,n.useState)(void 0!==t?t:r),s=e=>{o(e),null==a||a(e)};return void 0!==e?[e,a,!0]:[i,s,!1]}},37662:function(e,t,r){"use strict";r.d(t,{s:function(){return a}});var n=r(67294);function a(e,t,r){(0,n.useEffect)(()=>(window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)),[e,t])}},71062:function(e,t,r){"use strict";function n(e,t,r){return void 0===t&&void 0===r?e:void 0!==t&&void 0===r?Math.max(e,t):void 0===t&&void 0!==r?Math.min(e,r):Math.min(Math.max(e,t),r)}r.d(t,{u:function(){return n}})},97718:function(e,t,r){"use strict";function n(){return`mantine-${Math.random().toString(36).slice(2,11)}`}r.d(t,{k:function(){return n}})},54431:function(e,t,r){"use strict";function n(e){return"string"!=typeof e?"":e.charAt(0).toUpperCase()+e.slice(1)}r.d(t,{j:function(){return n}})},94478:function(e,t,r){"use strict";r.d(t,{qk:function(){return _},Ro:function(){return o}});var n,a=r(67294);let i="undefined"!=typeof window?a.useLayoutEffect:a.useEffect,[o,s]=(n="mantine-modals",[function(e){let t=Object.keys(e).reduce((t,r)=>(t[`${n}:${r}`]=t=>e[r](t.detail),t),{});i(()=>(Object.keys(t).forEach(e=>{window.removeEventListener(e,t[e]),window.addEventListener(e,t[e])}),()=>Object.keys(t).forEach(e=>{window.removeEventListener(e,t[e])})),[t])},function(e){return(...t)=>{var r,a;return r=`${n}:${String(e)}`,a=t[0],void window.dispatchEvent(new CustomEvent(r,{detail:a}))}}]),l=s("openModal"),c=s("closeModal"),d=s("closeAllModals"),u=s("openConfirmModal"),p=e=>s("openContextModal")(e),_={open:l,close:c,closeAll:d,openConfirmModal:u,openContextModal:p}},30644:function(e,t,r){"use strict";r.d(t,{yK:function(){return E},N9:function(){return b},Ps:function(){return m},zn:function(){return g}});var n=r(97718),a=r(67294),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=(e,t)=>o(e,s(t));let m=function(e){let t=e,r=!1,n=new Set;return{getState:()=>t,updateState(e){t="function"==typeof e?e(t):e},setState(e){this.updateState(e),n.forEach(e=>e(t))},initialize(e){r||(t=e,r=!0)},subscribe:e=>(n.add(e),()=>n.delete(e))}}({notifications:[],queue:[],limit:5}),g=(e=m)=>(0,a.useSyncExternalStore)(e.subscribe,()=>e.getState(),()=>e.getState());function f(e,t){let r=e.getState(),n=t([...r.notifications,...r.queue]);e.setState({notifications:n.slice(0,r.limit),queue:n.slice(r.limit),limit:r.limit})}function E(e,t=m){return f(t,t=>t.filter(t=>{var r;return t.id!==e||(null==(r=t.onClose)||r.call(t,t),!1)})),e}let b={show:function(e,t=m){let r=e.id||(0,n.k)();return f(t,t=>e.id&&t.some(t=>t.id===e.id)?t:[...t,_(p({},e),{id:r})]),r},hide:E,update:function(e,t=m){return f(t,t=>t.map(t=>t.id===e.id?p(p({},t),e):t)),e.id},clean:function(e=m){f(e,()=>[])},cleanQueue:function(e=m){f(e,t=>t.slice(0,e.getState().limit))},updateState:f}},42445:function(e,t,r){"use strict";r.d(t,{$:function(){return tl}});var n=r(67294),a=r(643),i=r(88380),o=r(3154),s=r(30370),l=r(59277),c=r(52561),d={root:"m-d2b315db",content:"m-3cd250e0",body:"m-d2abce9b",search:"m-f366a061",actionsList:"m-6e463822",action:"m-d49bb8ef",actionBody:"m-3d475731",actionSection:"m-832642f6",actionLabel:"m-6c2a1345",actionDescription:"m-a6d9d78d",empty:"m-82f78f74",footer:"m-ddcaf054",actionsGroup:"m-5a3e5f7b"},u=r(45763);let[p,_]=(0,u.R)("Spotlight component was not found in tree");var m=Object.defineProperty,g=Object.defineProperties,f=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&h(e,r,t[r]);if(E)for(var r of E(t))S.call(t,r)&&h(e,r,t[r]);return e},y=(e,t)=>g(e,f(t)),T=(e,t)=>{var r={};for(var n in e)b.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&E)for(var n of E(e))0>t.indexOf(n)&&S.call(e,n)&&(r[n]=e[n]);return r};let O={size:"lg"},C=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightSearch",O,e),{classNames:a,styles:i,onKeyDown:o,onChange:d,vars:u,value:p}=r,m=T(r,["classNames","styles","onKeyDown","onChange","vars","value"]),g=_(),f=g.getStyles("search"),E=e=>{null==o||o(e),"ArrowDown"===e.nativeEvent.code&&(e.preventDefault(),l.j5.selectNextAction(g.store)),"ArrowUp"===e.nativeEvent.code&&(e.preventDefault(),l.j5.selectPreviousAction(g.store)),"Enter"===e.nativeEvent.code&&(e.preventDefault(),l.j5.triggerSelectedAction(g.store))};return n.createElement(c.I,y(v({ref:t,classNames:[{input:f.className},a],styles:[{input:f.style},i]},m),{value:null!=p?p:g.query,onChange:e=>{g.setQuery(e.currentTarget.value),null==d||d(e)},onKeyDown:E}))});C.classes=d,C.displayName="@mantine/spotlight/SpotlightSearch";var N=r(18094),R=Object.defineProperty,I=Object.defineProperties,A=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,M=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,P=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&M(e,r,t[r]);if(x)for(var r of x(t))D.call(t,r)&&M(e,r,t[r]);return e},L=(e,t)=>I(e,A(t)),k=(e,t)=>{var r={};for(var n in e)w.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&x)for(var n of x(e))0>t.indexOf(n)&&D.call(e,n)&&(r[n]=e[n]);return r};let F={},U=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightActionsList",F,e),{className:a,style:i,id:o,children:c,vars:d,classNames:u,styles:p}=r,m=k(r,["className","style","id","children","vars","classNames","styles"]),g=_(),f=`mantine-${(0,n.useId)().replace(/:/g,"")}`,E=o||f;return(0,n.useEffect)(()=>(l.j5.setListId(E,g.store),()=>l.j5.setListId("",g.store)),[]),n.createElement(N.x.Autosize,P(L(P({},g.getStyles("actionsList",{className:a,style:i,classNames:u,styles:p})),{ref:t,type:"scroll",scrollbarSize:"var(--spotlight-actions-list-padding)",offsetScrollbars:"y",id:E}),m),c)});U.classes=d,U.displayName="@mantine/spotlight/SpotlightActionsList";var B=r(62401),G=r(86610),j=r(81110),Y=Object.defineProperty,H=Object.defineProperties,z=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,W=(e,t,r)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Q=(e,t)=>{for(var r in t||(t={}))$.call(t,r)&&W(e,r,t[r]);if(V)for(var r of V(t))q.call(t,r)&&W(e,r,t[r]);return e},K=(e,t)=>H(e,z(t)),Z=(e,t)=>{var r={};for(var n in e)$.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&V)for(var n of V(e))0>t.indexOf(n)&&q.call(e,n)&&(r[n]=e[n]);return r};let X={dimmedSections:!0,highlightQuery:!1},J=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightAction",X,e),{className:a,style:i,classNames:o,styles:c,id:d,description:u,label:p,leftSection:m,rightSection:g,children:f,dimmedSections:E,highlightQuery:b,highlightColor:S,closeSpotlightOnTrigger:h,onClick:v,onMouseDown:y,keywords:T,vars:O}=r,C=Z(r,["className","style","classNames","styles","id","description","label","leftSection","rightSection","children","dimmedSections","highlightQuery","highlightColor","closeSpotlightOnTrigger","onClick","onMouseDown","keywords","vars"]),N=_(),R={classNames:o,styles:c},I=b&&"string"==typeof p?n.createElement(B.y,Q({component:"span",highlight:N.query,color:S},N.getStyles("actionLabel",R)),p):n.createElement("span",Q({},N.getStyles("actionLabel",R)),p);return n.createElement(G.k,K(Q(Q({ref:t,"data-action":!0},N.getStyles("action",Q({className:a,style:i},R))),C),{onMouseDown:e=>{e.preventDefault(),null==y||y(e)},onClick:e=>{null==v||v(e),(null!=h?h:N.closeOnActionTrigger)&&l.j5.close(N.store)},tabIndex:-1}),f||n.createElement(n.Fragment,null,m&&n.createElement(j.x,Q({component:"span",mod:{position:"left",dimmed:E}},N.getStyles("actionSection",R)),m),n.createElement("span",Q({},N.getStyles("actionBody",R)),I,n.createElement("span",Q({},N.getStyles("actionDescription",R)),u)),g&&n.createElement(j.x,Q({component:"span",mod:{position:"right",dimmed:E}},N.getStyles("actionSection",R)),g)))});J.classes=d,J.displayName="@mantine/spotlight/SpotlightAction";var ee=Object.defineProperty,et=Object.getOwnPropertySymbols,er=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,ea=(e,t,r)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ei=(e,t)=>{for(var r in t||(t={}))er.call(t,r)&&ea(e,r,t[r]);if(et)for(var r of et(t))en.call(t,r)&&ea(e,r,t[r]);return e},eo=(e,t)=>{var r={};for(var n in e)er.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&et)for(var n of et(e))0>t.indexOf(n)&&en.call(e,n)&&(r[n]=e[n]);return r};let es={},el=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightEmpty",es,e),{className:a,style:i,classNames:o,styles:l}=r,c=eo(r,["className","style","classNames","styles"]),d=_();return n.createElement(j.x,ei(ei({ref:t},d.getStyles("empty",{classNames:o,styles:l,className:a,style:i})),c))});el.classes=d,el.displayName="@mantine/spotlight/SpotlightEmpty";var ec=Object.defineProperty,ed=Object.getOwnPropertySymbols,eu=Object.prototype.hasOwnProperty,ep=Object.prototype.propertyIsEnumerable,e_=(e,t,r)=>t in e?ec(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,em=(e,t)=>{for(var r in t||(t={}))eu.call(t,r)&&e_(e,r,t[r]);if(ed)for(var r of ed(t))ep.call(t,r)&&e_(e,r,t[r]);return e},eg=(e,t)=>{var r={};for(var n in e)eu.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ed)for(var n of ed(e))0>t.indexOf(n)&&ep.call(e,n)&&(r[n]=e[n]);return r};let ef={},eE=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightFooter",ef,e),{className:a,style:i,classNames:o,styles:l}=r,c=eg(r,["className","style","classNames","styles"]),d=_();return n.createElement(j.x,em(em({ref:t},d.getStyles("footer",{className:a,classNames:o,style:i,styles:l})),c))});eE.classes=d,eE.displayName="@mantine/spotlight/SpotlightFooter";var eb=Object.defineProperty,eS=Object.defineProperties,eh=Object.getOwnPropertyDescriptors,ev=Object.getOwnPropertySymbols,ey=Object.prototype.hasOwnProperty,eT=Object.prototype.propertyIsEnumerable,eO=(e,t,r)=>t in e?eb(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eC=(e,t)=>{for(var r in t||(t={}))ey.call(t,r)&&eO(e,r,t[r]);if(ev)for(var r of ev(t))eT.call(t,r)&&eO(e,r,t[r]);return e},eN=(e,t)=>eS(e,eh(t)),eR=(e,t)=>{var r={};for(var n in e)ey.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ev)for(var n of ev(e))0>t.indexOf(n)&&eT.call(e,n)&&(r[n]=e[n]);return r};let eI={},eA=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightActionsGroup",eI,e),{className:a,style:i,styles:o,classNames:l,label:c,children:d}=r,u=eR(r,["className","style","styles","classNames","label","children"]),p=_();return n.createElement(j.x,eN(eC(eN(eC({},p.getStyles("actionsGroup",{className:a,style:i,classNames:l,styles:o})),{ref:t}),u),{__vars:{"--spotlight-label":`'${c}'`}}),d)});eA.classes=d,eA.displayName="@mantine/core/SpotlightActionsGroup";var ex=r(43440),ew=r(86109),eD=r(29613),eM=r(77006),eP=r(42169),eL=r(72622),ek=r(34354),eF=r(14372),eU=Object.defineProperty,eB=Object.defineProperties,eG=Object.getOwnPropertyDescriptors,ej=Object.getOwnPropertySymbols,eY=Object.prototype.hasOwnProperty,eH=Object.prototype.propertyIsEnumerable,ez=(e,t,r)=>t in e?eU(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eV=(e,t)=>{for(var r in t||(t={}))eY.call(t,r)&&ez(e,r,t[r]);if(ej)for(var r of ej(t))eH.call(t,r)&&ez(e,r,t[r]);return e},e$=(e,t)=>eB(e,eG(t)),eq=(e,t)=>{var r={};for(var n in e)eY.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&ej)for(var n of ej(e))0>t.indexOf(n)&&eH.call(e,n)&&(r[n]=e[n]);return r};let eW={size:600,yOffset:80,zIndex:(0,i.w)("max"),overlayProps:{backgroundOpacity:.35,blur:7},transitionProps:{duration:200,transition:"pop"},store:l.x9,clearQueryOnClose:!0,closeOnActionTrigger:!0,shortcut:"mod + K",maxHeight:400,scrollable:!1},eQ=(0,o.d)((e,t)=>{let r=(0,s.w)("SpotlightRoot",eW,e),{classNames:a,className:i,style:o,styles:c,unstyled:u,vars:_,store:m,children:g,query:f,onQueryChange:E,transitionProps:b,clearQueryOnClose:S,shortcut:h,tagsToIgnore:v,triggerOnContentEditable:y,disabled:T,onSpotlightOpen:O,onSpotlightClose:C,forceOpened:N,closeOnActionTrigger:R,maxHeight:I,scrollable:A}=r,x=eq(r,["classNames","className","style","styles","unstyled","vars","store","children","query","onQueryChange","transitionProps","clearQueryOnClose","shortcut","tagsToIgnore","triggerOnContentEditable","disabled","onSpotlightOpen","onSpotlightClose","forceOpened","closeOnActionTrigger","maxHeight","scrollable"]),w=(0,ex.rZ)(),{opened:D,query:M}=(0,l.QP)(m),P=e=>{null==E||E(e),l.j5.setQuery(e,m)},L=(0,ew.y)({name:"Spotlight",classes:d,props:r,className:i,style:o,classNames:a,styles:c,unstyled:u});return((0,ek.A)(function(e,t){if(!e)return[];let r=()=>l.j5.open(t);return Array.isArray(e)?e.map(e=>[e,r]):[[e,r]]}(h,m),v,y),(0,eF.l)(()=>{D?null==O||O():null==C||C()},[D]),T)?null:n.createElement(p,{value:{getStyles:L,query:f||M,setQuery:P,store:m,closeOnActionTrigger:R}},n.createElement(eD.u,e$(eV({ref:t},x),{withCloseButton:!1,opened:D||!!N,padding:0,onClose:()=>l.j5.close(m),className:i,style:o,classNames:(0,eM.m)({theme:w,classNames:[d,a],props:r,stylesCtx:void 0}),styles:(0,eP.i)({theme:w,styles:c,props:r,stylesCtx:void 0}),transitionProps:e$(eV({},b),{onExited:()=>{var e;S&&P(""),l.j5.clearSpotlightState({clearQuery:S},m),null==(e=null==b?void 0:b.onExited)||e.call(b)}}),__vars:{"--spotlight-max-height":A?(0,eL.h)(I):void 0},__staticSelector:"Spotlight","data-scrollable":A||void 0}),g))});eQ.classes=d,eQ.displayName="@mantine/spotlight/SpotlightRoot";var eK=Object.defineProperty,eZ=Object.defineProperties,eX=Object.getOwnPropertyDescriptors,eJ=Object.getOwnPropertySymbols,e0=Object.prototype.hasOwnProperty,e1=Object.prototype.propertyIsEnumerable,e2=(e,t,r)=>t in e?eK(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e3=(e,t)=>{for(var r in t||(t={}))e0.call(t,r)&&e2(e,r,t[r]);if(eJ)for(var r of eJ(t))e1.call(t,r)&&e2(e,r,t[r]);return e},e4=(e,t)=>eZ(e,eX(t));let e6=(e,t)=>{let r=e.trim().toLowerCase(),n=[[],[]],a=t.reduce((e,t)=>"actions"in t?[...e,...t.actions.map(e=>e4(e3({},e),{group:t.group}))]:[...e,t],[]);return a.forEach(e=>{var t,a,i;(null==(t=e.label)?void 0:t.toLowerCase().includes(r))?n[0].push(e):((null==(a=e.description)?void 0:a.toLowerCase().includes(r))||(Array.isArray(i=e.keywords)?i.map(e=>e.trim()).join(",").toLowerCase().trim():"string"==typeof i?i.toLowerCase().trim():"").includes(r))&&n[1].push(e)}),function(e){let t={},r=[];return e.forEach(e=>{e.group?(t[e.group]||(t[e.group]={pushed:!1,data:{group:e.group,actions:[]}}),t[e.group].data.actions.push(e),t[e.group].pushed||(t[e.group].pushed=!0,r.push(t[e.group].data))):r.push(e)}),r}(n.flat())};function e5(e){return void 0!==e.group&&Array.isArray(e.actions)}var e8=Object.defineProperty,e9=Object.defineProperties,e7=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertySymbols,tt=Object.prototype.hasOwnProperty,tr=Object.prototype.propertyIsEnumerable,tn=(e,t,r)=>t in e?e8(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ta=(e,t)=>{for(var r in t||(t={}))tt.call(t,r)&&tn(e,r,t[r]);if(te)for(var r of te(t))tr.call(t,r)&&tn(e,r,t[r]);return e},ti=(e,t)=>e9(e,e7(t)),to=(e,t)=>{var r={};for(var n in e)tt.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&te)for(var n of te(e))0>t.indexOf(n)&&tr.call(e,n)&&(r[n]=e[n]);return r};let ts={size:600,yOffset:80,limit:1/0,zIndex:(0,i.w)("max"),overlayProps:{backgroundOpacity:.35,blur:7},transitionProps:{duration:200,transition:"pop"},store:l.x9,filter:e6,clearQueryOnClose:!0,closeOnActionTrigger:!0,shortcut:"mod + K",highlightQuery:!1},tl=(0,o.d)((e,t)=>{let r=(0,s.w)("Spotlight",ts,e),{searchProps:i,filter:o,query:l,onQueryChange:c,actions:d,nothingFound:u,highlightQuery:p,limit:_}=r,m=to(r,["searchProps","filter","query","onQueryChange","actions","nothingFound","highlightQuery","limit"]),[g,f]=(0,a.C)({value:l,defaultValue:"",finalValue:"",onChange:c}),E=(function e(t,r){let n=[];if(!Array.isArray(t))return[];for(let a=0;a=r)break;e5(i)&&n.push({group:i.group,actions:e(i.actions,r-n.length)}),e5(i)||n.push(i)}return n})(o(g,d),_).map(e=>{if(e5(e)){let t=e.actions.map(e=>{var{id:t}=e,r=to(e,["id"]);return n.createElement(J,ta({key:t,highlightQuery:p},r))});return n.createElement(eA,{key:e.group,label:e.group},t)}return n.createElement(J,ta({key:e.id,highlightQuery:p},e))});return n.createElement(eQ,ti(ta({},m),{query:g,onQueryChange:f,ref:t}),n.createElement(C,ta({},i)),n.createElement(U,null,E,0===E.length&&u&&n.createElement(el,null,u)))});tl.classes=d,tl.displayName="@mantine/spotlight/Spotlight",tl.Search=C,tl.ActionsList=U,tl.Action=J,tl.Empty=el,tl.ActionsGroup=eA,tl.Footer=eE,tl.Root=eQ,tl.open=l.US.open,tl.close=l.US.close,tl.toggle=l.US.toggle},59277:function(e,t,r){"use strict";r.d(t,{Gv:function(){return T},US:function(){return C},j5:function(){return y},x9:function(){return O},QP:function(){return g}});var n=r(71062),a=r(67294),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(l)for(var r of l(t))d.call(t,r)&&u(e,r,t[r]);return e},_=(e,t)=>o(e,s(t));let m=()=>(function(e){let t=e,r=!1,n=new Set;return{getState:()=>t,updateState(e){t="function"==typeof e?e(t):e},setState(e){this.updateState(e),n.forEach(e=>e(t))},initialize(e){r||(t=e,r=!0)},subscribe:e=>(n.add(e),()=>n.delete(e))}})({opened:!1,empty:!1,selected:-1,listId:"",query:"",registeredActions:new Set}),g=e=>(0,a.useSyncExternalStore)(e.subscribe,()=>e.getState(),()=>e.getState());function f(e,t){let r=t.getState();t.setState(p(p({},r),e(t.getState())))}function E(e){f(()=>({opened:!0}),e)}function b(e){f(()=>({opened:!1}),e)}function S(e){f(e=>({opened:!e.opened}),e)}function h(e,t){t.updateState(t=>_(p({},t),{selected:e}))}function v(e,t){var r,a;let i=t.getState(),o=document.getElementById(i.listId),s=o.querySelector("[data-selected]"),l=o.querySelectorAll("[data-action]"),c=-1===e?l.length-1:e===l.length?0:e,d=(0,n.u)(c,0,l.length-1);return null==s||s.removeAttribute("data-selected"),null==(r=l[d])||r.scrollIntoView({block:"nearest"}),null==(a=l[d])||a.setAttribute("data-selected","true"),h(d,t),d}let y={open:E,close:b,toggle:S,updateState:f,setSelectedAction:h,setListId:function(e,t){t.updateState(t=>_(p({},t),{listId:e}))},selectAction:v,selectNextAction:function(e){return v(e.getState().selected+1,e)},selectPreviousAction:function(e){return v(e.getState().selected-1,e)},triggerSelectedAction:function(e){let t=e.getState(),r=document.querySelector(`#${t.listId} [data-selected]`);null==r||r.click()},registerAction:function(e,t){let r=t.getState();return r.registeredActions.add(e),()=>{r.registeredActions.delete(e)}},setQuery:function(e,t){f(()=>({query:e}),t),Promise.resolve().then(()=>{v(0,t),f(e=>({empty:e.query.trim().length>0&&0===e.registeredActions.size}),t)})},clearSpotlightState:function({clearQuery:e},t){t.updateState(t=>_(p({},t),{selected:-1,query:e?"":t.query,empty:!e&&t.empty}))}};function T(){let e=m();return[e,{open:()=>E(e),close:()=>b(e),toggle:()=>S(e)}]}let[O,C]=T(),{open:N,close:R,toggle:I}=C}},function(e){var t=function(t){return e(e.s=t)};e.O(0,[9774,179],function(){return t(6840),t(80880)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/_error-02cc11fd74b4e5ff.js b/_next/static/chunks/pages/_error-02cc11fd74b4e5ff.js new file mode 100644 index 00000000000..9cce52168bc --- /dev/null +++ b/_next/static/chunks/pages/_error-02cc11fd74b4e5ff.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4820],{81981:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(97345)}])}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=81981)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/about-96a8f9469a92aa1e.js b/_next/static/chunks/pages/about-96a8f9469a92aa1e.js new file mode 100644 index 00000000000..17afefe8df6 --- /dev/null +++ b/_next/static/chunks/pages/about-96a8f9469a92aa1e.js @@ -0,0 +1,7 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2521],{33507:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},12162:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},8427:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("calendar","IconCalendar",[["path",{d:"M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z",key:"svg-0"}],["path",{d:"M16 3v4",key:"svg-1"}],["path",{d:"M8 3v4",key:"svg-2"}],["path",{d:"M4 11h16",key:"svg-3"}],["path",{d:"M11 15h1",key:"svg-4"}],["path",{d:"M12 15v3",key:"svg-5"}]])},38767:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("license","IconLicense",[["path",{d:"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11",key:"svg-0"}],["path",{d:"M9 7l4 0",key:"svg-1"}],["path",{d:"M9 11l4 0",key:"svg-2"}]])},94342:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("list","IconList",[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]])},30471:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("pencil","IconPencil",[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]])},62640:function(e,n,s){"use strict";s.d(n,{Z:function(){return t}});var t=(0,s(30853).Z)("switch-2","IconSwitch2",[["path",{d:"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M3 7h5l7 10h6",key:"svg-2"}],["path",{d:"M18 20l3 -3l-3 -3",key:"svg-3"}]])},5199:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/about",function(){return s(98593)}])},98593:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return M}});var t=s(85893),a=s(11151),i=s(19905),r=s(9904),o=s(98998);let c=` +import { MantineLogo } from '@mantine/ds'; + +function Demo() { + return ; +} +`,l={type:"configurator",component:o.D,code:c,centered:!0,controls:[{type:"color",prop:"color",initialValue:"blue",libraryValue:null},{type:"segmented",prop:"type",data:["full","mark"],initialValue:"full",libraryValue:"full"},{prop:"size",type:"number",initialValue:30,libraryValue:30,max:50,min:10,step:5}]};s(67294);var d=s(16262),h=s(14469),v=s(921),p=s(66865),u=s.n(p);function m(e){let{image:n,code:s,fileName:a,imageWidth:i,background:r,...o}=e,c=(0,v.V)();return(0,t.jsxs)("div",{...o,children:[(0,t.jsx)("div",{className:u().imageWrapper,style:{background:r},children:(0,t.jsx)("img",{src:n,alt:"Mantine logo",className:u().image,width:i})}),(0,t.jsxs)(d.Z,{wrap:"nowrap",grow:!0,mt:"xs",children:[(0,t.jsx)(h.z,{component:"a",download:a,href:"data:image/svg+xml;charset=utf-8;base64,".concat(btoa(s)),children:"Download svg"}),(0,t.jsx)(h.z,{variant:c.copied?"filled":"default",color:"teal",onClick:()=>c.copy(s),children:c.copied?"Copied":"Copy svg code"})]})]})}let f=[{image:"/_next/static/media/mantine-logo.075997af.svg",code:'',background:"var(--mantine-color-white)",fileName:"mantine-logo.svg",imageWidth:47},{image:"/_next/static/media/mantine-logo-full.37ba3fa3.svg",code:'',background:"var(--mantine-color-white)",fileName:"mantine-logo-full.svg",imageWidth:180},{image:"/_next/static/media/mantine-logo-white.3885310a.svg",code:'',background:"var(--mantine-color-dark-8)",fileName:"mantine-logo-white.svg",imageWidth:180}];var g=s(69124),x=s.n(g);function j(){let e=f.map(e=>(0,t.jsx)(m,{className:x().asset,...e},e.fileName));return(0,t.jsx)("div",{className:x().root,children:e})}let w=(0,i.A)(r.us.About);function y(e){let n=Object.assign({h1:"h1",p:"p",a:"a",h2:"h2",ul:"ul",li:"li",code:"code"},(0,a.ah)(),e.components),{InstallScript:s,Demo:i}=n;return i||k("Demo",!0),s||k("InstallScript",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"about-mantine",children:"About Mantine"}),"\n",(0,t.jsxs)(n.p,{children:["Mantine is a React components library focused on providing great user and developer experience.\nMantine development was started in January 2021 and the 1.0 version was released on ",(0,t.jsx)(n.a,{href:"https://github.com/mantinedev/mantine/releases/tag/1.0.0",children:"May 3rd, 2021"}),",\nand since then, ",(0,t.jsx)(n.a,{href:"https://github.com/mantinedev/mantine/releases",children:"more than 150 releases have been published"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"browser-support",children:"Browser support"}),"\n",(0,t.jsx)(n.p,{children:"Mantine is tested on real devices in the following browsers before each minor and major release: Chrome, Safari, Firefox,\nEdge, Safari for iOS, Chrome for Android. Testing in other browsers is not performed."}),"\n",(0,t.jsx)(n.p,{children:"All Mantine components and hooks were tested to work in the following browsers:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Chromium browsers 108+ – Chrome, Edge, Chrome for Android, etc."}),"\n",(0,t.jsx)(n.li,{children:"Firefox 101+"}),"\n",(0,t.jsx)(n.li,{children:"Safari 15.4+"}),"\n",(0,t.jsx)(n.li,{children:"IE (any version) is not supported"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["In most cases, Mantine components and hooks will work in any browser that is supported\nby your React version that you are using. But you may experience some minor visual bugs\ncaused by unsupported CSS properties/selectors (for example, ",(0,t.jsx)(n.a,{href:"https://caniuse.com/flexbox-gap",children:"flexbox gap"}),", ",(0,t.jsx)(n.a,{href:"https://caniuse.com/mdn-css_types_length_viewport_percentage_units_dynamic",children:"dvh units"})," and ",(0,t.jsx)(n.a,{href:"https://caniuse.com/css-has",children:"has pseudo-class"}),")."]}),"\n",(0,t.jsx)(n.p,{children:"If you need to support older browsers, you should:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["check the component ",(0,t.jsx)(n.code,{children:"Browser support"})," section before usage and decide whether this component will work for your case"]}),"\n",(0,t.jsx)(n.li,{children:"install corresponding polyfills that are required for hook/component to work in older browsers"}),"\n",(0,t.jsx)(n.li,{children:"check that component works in those browsers on your side (we do not test Mantine in browsers that are older than those that are listed above)"}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"releases-cycle",children:"Releases cycle"}),"\n",(0,t.jsxs)(n.p,{children:["All ",(0,t.jsx)(n.code,{children:"@mantine/*"})," packages follow ",(0,t.jsx)(n.a,{href:"https://semver.org/",children:"semver"}),":"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Patches (1.0.X) are usually released every one or two weeks"}),"\n",(0,t.jsx)(n.li,{children:"Minor versions (1.X.0) are usually released on the first Tuesday of each month or once every two months"}),"\n",(0,t.jsx)(n.li,{children:"Major versions (X.0.0) are released when breaking changes are required, usually a new major version is released once every 6 months/1 year"}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"previous-versions-documentation",children:"Previous versions documentation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["v1 (1.3.1) – ",(0,t.jsx)(n.a,{href:"https://v1.mantine.dev/",children:"v1.mantine.dev"})]}),"\n",(0,t.jsxs)(n.li,{children:["v2 (2.5.1) – ",(0,t.jsx)(n.a,{href:"https://v2.mantine.dev/",children:"v2.mantine.dev"})]}),"\n",(0,t.jsxs)(n.li,{children:["v3 (3.6.14) – ",(0,t.jsx)(n.a,{href:"https://v3.mantine.dev/",children:"v3.mantine.dev"})]}),"\n",(0,t.jsxs)(n.li,{children:["v4 (4.2.12) – ",(0,t.jsx)(n.a,{href:"https://v4.mantine.dev/",children:"v4.mantine.dev"})]}),"\n",(0,t.jsxs)(n.li,{children:["v5 (5.10.5) – ",(0,t.jsx)(n.a,{href:"https://v5.mantine.dev/",children:"v5.mantine.dev"})]}),"\n",(0,t.jsxs)(n.li,{children:["v6 (6.0.21) – ",(0,t.jsx)(n.a,{href:"https://v6.mantine.dev/",children:"v6.mantine.dev"})]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"project-maintenance",children:"Project maintenance"}),"\n",(0,t.jsxs)(n.p,{children:["Mantine is built and maintained by ",(0,t.jsx)(n.a,{href:"https://github.com/rtivital",children:"Vitaly Rtishchev"})," and ",(0,t.jsx)(n.a,{href:"https://github.com/mantinedev/mantine/graphs/contributors",children:"more than 300 other contributors"}),".\nMost of new features and components/hooks are added to the library based on feedback from the community –\nyou can participate in new features discussions on ",(0,t.jsx)(n.a,{href:"https://github.com/mantinedev/mantine/discussions",children:"GitHub"})," or ",(0,t.jsx)(n.a,{href:"https://discord.gg/wbH82zuWMN",children:"Discord"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"mantine-logo",children:"Mantine logo"}),"\n",(0,t.jsxs)(n.p,{children:["Download Mantine logos in ",(0,t.jsx)(n.code,{children:".svg"})," format:"]}),"\n",(0,t.jsx)(j,{}),"\n",(0,t.jsxs)(n.p,{children:["You can also install ",(0,t.jsx)(n.code,{children:"@mantine/ds"})," package and import ",(0,t.jsx)(n.code,{children:"MantineLogo"})," component.\nNote that the package depends on ",(0,t.jsx)(n.code,{children:"@mantine/core"})," and ",(0,t.jsx)(n.code,{children:"@mantine/hooks"})," packages."]}),"\n",(0,t.jsx)(s,{packages:"@mantine/ds"}),"\n",(0,t.jsx)(i,{data:l})]})}var M=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(w,Object.assign({},e,{children:(0,t.jsx)(y,e)}))};function k(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},66865:function(e){e.exports={image:"LogoAsset_image__oT0ug",imageWrapper:"LogoAsset_imageWrapper__RGuvE"}},69124:function(e){e.exports={root:"LogoAssets_root__XdBon",asset:"LogoAssets_asset__f_nfJ"}}},function(e){e.O(0,[8992,178,9774,2888,179],function(){return e(e.s=5199)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/app-shell-f557ba684ed5d6f0.js b/_next/static/chunks/pages/app-shell-f557ba684ed5d6f0.js new file mode 100644 index 00000000000..06ca6ee3a81 --- /dev/null +++ b/_next/static/chunks/pages/app-shell-f557ba684ed5d6f0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9743],{33507:function(e,n,l){"use strict";l.d(n,{Z:function(){return a}});var a=(0,l(30853).Z)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},90663:function(e,n,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app-shell",function(){return l(72755)}])},10953:function(e,n,l){"use strict";l.d(n,{y:function(){return r}});var a=l(85893);l(67294);var o=l(9008),t=l.n(o);function r(e){let{title:n,description:l}=e,o=n?"".concat(n," | Mantine"):"Mantine",r=l||"React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience";return(0,a.jsxs)(t(),{children:[(0,a.jsx)("title",{children:o}),(0,a.jsx)("meta",{name:"description",content:r}),(0,a.jsx)("meta",{name:"og:title",content:o}),(0,a.jsx)("meta",{name:"og:description",content:r}),(0,a.jsx)("meta",{name:"twitter:title",content:o}),(0,a.jsx)("meta",{name:"twitter:description",content:r})]})}},72755:function(e,n,l){"use strict";l.r(n),l.d(n,{default:function(){return nP}});var a=l(85893),o=l(67294),t=l(11163),r=l(45301),i=l(4270),s=l(10953),p=l(41664),d=l.n(p),c=l(12177),m=l(86610),h=l(72039),u=l(20902),f=l(16262),b=l(14469),x=l(72622),v=l(83449),g=l(18094),y=l(30853),S=(0,y.Z)("layout-board","IconLayoutBoard",[["path",{d:"M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z",key:"svg-0"}],["path",{d:"M4 9h8",key:"svg-1"}],["path",{d:"M12 15h8",key:"svg-2"}],["path",{d:"M12 4v16",key:"svg-3"}]]),j=(0,y.Z)("code","IconCode",[["path",{d:"M7 8l-4 4l4 4",key:"svg-0"}],["path",{d:"M17 8l4 4l-4 4",key:"svg-1"}],["path",{d:"M14 4l-4 16",key:"svg-2"}]]),A=l(33507),w=l(13490);let k=[{id:"BasicAppShell",name:"Basic app shell",description:"App shell with Header and Navbar"},{id:"ResponsiveSizes",name:"Responsive width and height",description:"App shell with responsive navbar width and header height"},{id:"MobileNavbar",name:"Mobile only navbar",description:"Navbar visible only on mobile"},{id:"CollapseDesktop",name:"Collapsible navbar",description:"Collapsible navbar both on desktop and mobile"},{id:"FullLayout",name:"AppShell with all elements",description:"Navbar, header, aside and footer used together"},{id:"AltLayout",name:"Alt layout",description:"Navbar and Aside are rendered on top on Header and Footer"},{id:"NoTransitions",name:"Without transitions",description:"Disable all collapse/expand animations"},{id:"Disabled",name:"Disabled app shell",description:"Hide all app shell elements with disabled prop"},{id:"Headroom",name:"Usage with use-headroom",description:"Hide header on scroll down and show on scroll up"},{id:"NavbarSection",name:"Navbar with sections",description:"AppShell.Section component usage"}];var N=l(42409),O=l.n(N);function M(){let[e,{open:n,close:l}]=(0,c.q)(),o=(0,t.useRouter)(),r=o.query.e,i="code"===o.query.s?"code":"demo",s=k.map(e=>(0,a.jsxs)(m.k,{component:d(),href:"/app-shell?e=".concat(e.id),mod:{active:o.query.e===e.id},className:O().control,onClick:l,children:[(0,a.jsx)(h.x,{span:!0,className:O().name,children:e.name}),(0,a.jsx)(h.x,{span:!0,className:O().description,children:e.description})]},e.id));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.D,{zIndex:1e3,children:(0,a.jsxs)(f.Z,{p:"xl",children:[(0,a.jsx)(b.z,{component:d(),href:"/core/app-shell",variant:"default",size:"md",leftSection:(0,a.jsx)(A.Z,{className:"mantine-rotate-rtl",style:{width:(0,x.h)(20),height:(0,x.h)(20)}}),style:{boxShadow:"var(--mantine-shadow-sm)"},radius:"xl",children:"Back to documentation"}),(0,a.jsxs)(b.z,{component:d(),href:"/app-shell?e=".concat(r,"&s=").concat("code"===i?"demo":"code"),variant:"default",size:"md",w:160,leftSection:(0,a.jsx)("code"===i?S:j,{style:{width:(0,x.h)(20),height:(0,x.h)(20)}}),style:{boxShadow:"var(--mantine-shadow-sm)"},radius:"xl",children:["View ","code"===i?"demo":"code"]}),(0,a.jsx)(b.z,{onClick:n,size:"md",radius:"xl",leftSection:(0,a.jsx)(w.Z,{style:{width:(0,x.h)(20),height:(0,x.h)(20)}}),w:"var(--button-height)",style:{boxShadow:"var(--mantine-shadow-sm)"},"aria-label":"Other examples",className:O().menuButton})]})}),(0,a.jsx)(v.d,{opened:e,onClose:l,zIndex:2e3,position:"right",withCloseButton:!1,padding:0,children:(0,a.jsx)(g.x,{h:"100dvh",type:"hover",p:"md",children:s})})]})}var z=l(45763);let[B,D]=(0,z.R)("AppShell was not found in tree");var H={root:"m-89ab340",navbar:"m-45252eee",aside:"m-9cdde9a",header:"m-3b16f56b",main:"m-8983817",footer:"m-3840c879",section:"m-6dcfc7c7"},F=l(3154),P=l(30370),_=l(81110),C=Object.defineProperty,E=Object.defineProperties,G=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,q=(e,n,l)=>n in e?C(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,T=(e,n)=>{for(var l in n||(n={}))I.call(n,l)&&q(e,l,n[l]);if(L)for(var l of L(n))Z.call(n,l)&&q(e,l,n[l]);return e},U=(e,n)=>E(e,G(n)),X=(e,n)=>{var l={};for(var a in e)I.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&L)for(var a of L(e))0>n.indexOf(a)&&Z.call(e,a)&&(l[a]=e[a]);return l};let R={},J=(0,F.d)((e,n)=>{let l=(0,P.w)("AppShellNavbar",R,e),{classNames:a,className:t,style:r,styles:i,unstyled:s,vars:p,withBorder:d,zIndex:c}=l,m=X(l,["classNames","className","style","styles","unstyled","vars","withBorder","zIndex"]),h=D();return h.disabled?null:o.createElement(_.x,U(T(T({component:"nav",ref:n,mod:{"with-border":null!=d?d:h.withBorder}},h.getStyles("navbar",{className:t,classNames:a,styles:i,style:r})),m),{__vars:{"--app-shell-navbar-z-index":`calc(${null!=c?c:h.zIndex} + 1)`}}))});J.classes=H,J.displayName="@mantine/core/AppShellNavbar";var Y=l(40624),$=l(82827),V=Object.defineProperty,Q=Object.defineProperties,W=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,el=(e,n,l)=>n in e?V(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,ea=(e,n)=>{for(var l in n||(n={}))ee.call(n,l)&&el(e,l,n[l]);if(K)for(var l of K(n))en.call(n,l)&&el(e,l,n[l]);return e},eo=(e,n)=>Q(e,W(n)),et=(e,n)=>{var l={};for(var a in e)ee.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&K)for(var a of K(e))0>n.indexOf(a)&&en.call(e,a)&&(l[a]=e[a]);return l};let er={},ei=(0,F.d)((e,n)=>{var l;let a=(0,P.w)("AppShellHeader",er,e),{classNames:t,className:r,style:i,styles:s,unstyled:p,vars:d,withBorder:c,zIndex:m}=a,h=et(a,["classNames","className","style","styles","unstyled","vars","withBorder","zIndex"]),u=D();return u.disabled?null:o.createElement(_.x,eo(ea(ea({component:"header",ref:n,mod:{"with-border":null!=c?c:u.withBorder}},u.getStyles("header",{className:(0,Y.Z)($.Z.classNames.zeroRight,r),classNames:t,styles:s,style:i})),h),{__vars:{"--app-shell-header-z-index":null==(l=null!=m?m:u.zIndex)?void 0:l.toString()}}))});ei.classes=H,ei.displayName="@mantine/core/AppShellHeader";var es=Object.defineProperty,ep=Object.defineProperties,ed=Object.getOwnPropertyDescriptors,ec=Object.getOwnPropertySymbols,em=Object.prototype.hasOwnProperty,eh=Object.prototype.propertyIsEnumerable,eu=(e,n,l)=>n in e?es(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,ef=(e,n)=>{for(var l in n||(n={}))em.call(n,l)&&eu(e,l,n[l]);if(ec)for(var l of ec(n))eh.call(n,l)&&eu(e,l,n[l]);return e},eb=(e,n)=>ep(e,ed(n)),ex=(e,n)=>{var l={};for(var a in e)em.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&ec)for(var a of ec(e))0>n.indexOf(a)&&eh.call(e,a)&&(l[a]=e[a]);return l};let ev={},eg=(0,F.d)((e,n)=>{var l;let a=(0,P.w)("AppShellFooter",ev,e),{classNames:t,className:r,style:i,styles:s,unstyled:p,vars:d,withBorder:c,zIndex:m}=a,h=ex(a,["classNames","className","style","styles","unstyled","vars","withBorder","zIndex"]),u=D();return u.disabled?null:o.createElement(_.x,eb(ef(ef({component:"footer",ref:n,mod:{"with-border":null!=c?c:u.withBorder}},u.getStyles("footer",{className:(0,Y.Z)($.Z.classNames.zeroRight,r),classNames:t,styles:s,style:i})),h),{__vars:{"--app-shell-footer-z-index":null==(l=null!=m?m:u.zIndex)?void 0:l.toString()}}))});eg.classes=H,eg.displayName="@mantine/core/AppShellFooter";var ey=Object.defineProperty,eS=Object.defineProperties,ej=Object.getOwnPropertyDescriptors,eA=Object.getOwnPropertySymbols,ew=Object.prototype.hasOwnProperty,ek=Object.prototype.propertyIsEnumerable,eN=(e,n,l)=>n in e?ey(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,eO=(e,n)=>{for(var l in n||(n={}))ew.call(n,l)&&eN(e,l,n[l]);if(eA)for(var l of eA(n))ek.call(n,l)&&eN(e,l,n[l]);return e},eM=(e,n)=>eS(e,ej(n)),ez=(e,n)=>{var l={};for(var a in e)ew.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&eA)for(var a of eA(e))0>n.indexOf(a)&&ek.call(e,a)&&(l[a]=e[a]);return l};let eB={},eD=(0,F.d)((e,n)=>{let l=(0,P.w)("AppShellAside",eB,e),{classNames:a,className:t,style:r,styles:i,unstyled:s,vars:p,withBorder:d,zIndex:c}=l,m=ez(l,["classNames","className","style","styles","unstyled","vars","withBorder","zIndex"]),h=D();return h.disabled?null:o.createElement(_.x,eM(eO(eO({component:"aside",ref:n,mod:{"with-border":null!=d?d:h.withBorder}},h.getStyles("aside",{className:t,classNames:a,styles:i,style:r})),m),{__vars:{"--app-shell-aside-z-index":`calc(${null!=c?c:h.zIndex} + 1)`}}))});eD.classes=H,eD.displayName="@mantine/core/AppShellAside";var eH=Object.defineProperty,eF=Object.getOwnPropertySymbols,eP=Object.prototype.hasOwnProperty,e_=Object.prototype.propertyIsEnumerable,eC=(e,n,l)=>n in e?eH(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,eE=(e,n)=>{for(var l in n||(n={}))eP.call(n,l)&&eC(e,l,n[l]);if(eF)for(var l of eF(n))e_.call(n,l)&&eC(e,l,n[l]);return e},eG=(e,n)=>{var l={};for(var a in e)eP.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&eF)for(var a of eF(e))0>n.indexOf(a)&&e_.call(e,a)&&(l[a]=e[a]);return l};let eL={},eI=(0,F.d)((e,n)=>{let l=(0,P.w)("AppShellMain",eL,e),{classNames:a,className:t,style:r,styles:i,vars:s}=l,p=eG(l,["classNames","className","style","styles","vars"]),d=D();return o.createElement(_.x,eE(eE({component:"main",ref:n},d.getStyles("main",{className:t,style:r,classNames:a,styles:i})),p))});eI.classes=H,eI.displayName="@mantine/core/AppShellMain";var eZ=l(70405),eq=Object.defineProperty,eT=Object.getOwnPropertySymbols,eU=Object.prototype.hasOwnProperty,eX=Object.prototype.propertyIsEnumerable,eR=(e,n,l)=>n in e?eq(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,eJ=(e,n)=>{for(var l in n||(n={}))eU.call(n,l)&&eR(e,l,n[l]);if(eT)for(var l of eT(n))eX.call(n,l)&&eR(e,l,n[l]);return e},eY=(e,n)=>{var l={};for(var a in e)eU.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&eT)for(var a of eT(e))0>n.indexOf(a)&&eX.call(e,a)&&(l[a]=e[a]);return l};let e$={},eV=(0,eZ.b)((e,n)=>{let l=(0,P.w)("AppShellSection",e$,e),{classNames:a,className:t,style:r,styles:i,vars:s,grow:p}=l,d=eY(l,["classNames","className","style","styles","vars","grow"]),c=D();return o.createElement(_.x,eJ(eJ({ref:n,mod:{grow:p}},c.getStyles("section",{className:t,style:r,classNames:a,styles:i})),d))});function eQ(e){return"object"==typeof e&&null!==e&&(1!==Object.keys(e).length||!("base"in e))}function eW(e){let n="object"==typeof e&&null!==e&&void 0!==e.base&&1===Object.keys(e).length;return"number"==typeof e||"string"==typeof e||n}function eK(e){return"object"==typeof e?e.base:e}eV.classes=H,eV.displayName="@mantine/core/AppShellSection";var e0=l(88313),e1=l(30514),e2=l(48468);function e3(e){return 0===Number(e)?"0px":(0,e2.bG)(e)}var e6=l(57197),e4=l(55043),e8=l(43440),e5=l(43602);function e7({navbar:e,header:n,aside:l,footer:a,padding:t}){let r=(0,e8.rZ)(),i=(0,e4.wB)(),{media:s,baseStyles:p}=function({navbar:e,header:n,footer:l,aside:a,padding:o,theme:t}){let r={},i={},s={};!function({baseStyles:e,minMediaStyles:n,maxMediaStyles:l,navbar:a,theme:o}){var t,r,i;let s=null==a?void 0:a.width,p="translateX(calc(var(--app-shell-navbar-width) * -1))",d="translateX(var(--app-shell-navbar-width))";if((null==a?void 0:a.breakpoint)&&!(null==(t=null==a?void 0:a.collapsed)?void 0:t.mobile)&&(l[null==a?void 0:a.breakpoint]=l[null==a?void 0:a.breakpoint]||{},l[null==a?void 0:a.breakpoint]["--app-shell-navbar-width"]="100%",l[null==a?void 0:a.breakpoint]["--app-shell-navbar-offset"]="0px"),eW(s)){let n=(0,x.h)(eK(s));e["--app-shell-navbar-width"]=n,e["--app-shell-navbar-offset"]=n}if(eQ(s)&&(void 0!==s.base&&(e["--app-shell-navbar-width"]=(0,x.h)(s.base),e["--app-shell-navbar-offset"]=(0,x.h)(s.base)),(0,e0.X)(s).forEach(e=>{"base"!==e&&(n[e]=n[e]||{},n[e]["--app-shell-navbar-width"]=(0,x.h)(s[e]),n[e]["--app-shell-navbar-offset"]=(0,x.h)(s[e]))})),null==(r=null==a?void 0:a.collapsed)?void 0:r.desktop){let e=a.breakpoint;n[e]=n[e]||{},n[e]["--app-shell-navbar-transform"]=p,n[e]["--app-shell-navbar-transform-rtl"]=d,n[e]["--app-shell-navbar-offset"]="0px !important"}if(null==(i=null==a?void 0:a.collapsed)?void 0:i.mobile){let e=(0,e1.o)(a.breakpoint,o)-.1;l[e]=l[e]||{},l[e]["--app-shell-navbar-width"]="100%",l[e]["--app-shell-navbar-offset"]="0px",l[e]["--app-shell-navbar-transform"]=p,l[e]["--app-shell-navbar-transform-rtl"]=d}}({baseStyles:s,minMediaStyles:r,maxMediaStyles:i,navbar:e,theme:t}),function({baseStyles:e,minMediaStyles:n,maxMediaStyles:l,aside:a,theme:o}){var t,r,i;let s=null==a?void 0:a.width,p="translateX(var(--app-shell-aside-width))",d="translateX(calc(var(--app-shell-aside-width) * -1))";if((null==a?void 0:a.breakpoint)&&!(null==(t=null==a?void 0:a.collapsed)?void 0:t.mobile)&&(l[null==a?void 0:a.breakpoint]=l[null==a?void 0:a.breakpoint]||{},l[null==a?void 0:a.breakpoint]["--app-shell-aside-width"]="100%",l[null==a?void 0:a.breakpoint]["--app-shell-aside-offset"]="0px"),eW(s)){let n=(0,x.h)(eK(s));e["--app-shell-aside-width"]=n,e["--app-shell-aside-offset"]=n}if(eQ(s)&&(void 0!==s.base&&(e["--app-shell-aside-width"]=(0,x.h)(s.base),e["--app-shell-aside-offset"]=(0,x.h)(s.base)),(0,e0.X)(s).forEach(e=>{"base"!==e&&(n[e]=n[e]||{},n[e]["--app-shell-aside-width"]=(0,x.h)(s[e]),n[e]["--app-shell-aside-offset"]=(0,x.h)(s[e]))})),null==(r=null==a?void 0:a.collapsed)?void 0:r.desktop){let e=a.breakpoint;n[e]=n[e]||{},n[e]["--app-shell-aside-transform"]=p,n[e]["--app-shell-aside-transform-rtl"]=d,n[e]["--app-shell-aside-offset"]="0px !important"}if(null==(i=null==a?void 0:a.collapsed)?void 0:i.mobile){let e=(0,e1.o)(a.breakpoint,o)-.1;l[e]=l[e]||{},l[e]["--app-shell-aside-width"]="100%",l[e]["--app-shell-aside-offset"]="0px",l[e]["--app-shell-aside-transform"]=p,l[e]["--app-shell-aside-transform-rtl"]=d}}({baseStyles:s,minMediaStyles:r,maxMediaStyles:i,aside:a,theme:t}),function({baseStyles:e,minMediaStyles:n,header:l}){var a;let o=null==l?void 0:l.height,t=null==(a=null==l?void 0:l.offset)||a;if(eW(o)){let n=(0,x.h)(eK(o));e["--app-shell-header-height"]=n,t&&(e["--app-shell-header-offset"]=n)}eQ(o)&&(void 0!==o.base&&(e["--app-shell-header-height"]=(0,x.h)(o.base),t&&(e["--app-shell-header-offset"]=(0,x.h)(o.base))),(0,e0.X)(o).forEach(e=>{"base"!==e&&(n[e]=n[e]||{},n[e]["--app-shell-header-height"]=(0,x.h)(o[e]),t&&(n[e]["--app-shell-header-offset"]=(0,x.h)(o[e])))})),(null==l?void 0:l.collapsed)&&(e["--app-shell-header-transform"]="translateY(calc(var(--app-shell-header-height) * -1))",e["--app-shell-header-offset"]="0px !important")}({baseStyles:s,minMediaStyles:r,header:n}),function({baseStyles:e,minMediaStyles:n,footer:l}){var a;let o=null==l?void 0:l.height,t=null==(a=null==l?void 0:l.offset)||a;if(eW(o)){let n=(0,x.h)(eK(o));e["--app-shell-footer-height"]=n,t&&(e["--app-shell-footer-offset"]=n)}eQ(o)&&(void 0!==o.base&&(e["--app-shell-footer-height"]=(0,x.h)(o.base),t&&(e["--app-shell-footer-offset"]=(0,x.h)(o.base))),(0,e0.X)(o).forEach(e=>{"base"!==e&&(n[e]=n[e]||{},n[e]["--app-shell-footer-height"]=(0,x.h)(o[e]),t&&(n[e]["--app-shell-footer-offset"]=(0,x.h)(o[e])))})),(null==l?void 0:l.collapsed)&&(e["--app-shell-footer-transform"]="translateY(var(--app-shell-footer-height))",e["--app-shell-footer-offset"]="0px !important")}({baseStyles:s,minMediaStyles:r,footer:l}),function({padding:e,baseStyles:n,minMediaStyles:l}){eW(e)&&(n["--app-shell-padding"]=e3(eK(e))),eQ(e)&&(e.base&&(n["--app-shell-padding"]=e3(e.base)),(0,e0.X)(e).forEach(n=>{"base"!==n&&(l[n]=l[n]||{},l[n]["--app-shell-padding"]=e3(e[n]))}))}({baseStyles:s,minMediaStyles:r,padding:o});let p=(0,e6.I)((0,e0.X)(r),t).map(e=>({query:`(min-width: ${(0,x.em)(e.px)})`,styles:r[e.value]})),d=(0,e6.I)((0,e0.X)(i),t).map(e=>({query:`(max-width: ${(0,x.em)(e.px)})`,styles:i[e.value]})),c=[...p,...d];return{baseStyles:s,media:c}}({navbar:e,header:n,footer:a,aside:l,padding:t,theme:r});return o.createElement(e5.f,{media:s,styles:p,selector:i.cssVariablesSelector})}var e9=l(37662),ne=l(67510),nn=l(86109),nl=l(88380),na=l(8586),no=Object.defineProperty,nt=Object.defineProperties,nr=Object.getOwnPropertyDescriptors,ni=Object.getOwnPropertySymbols,ns=Object.prototype.hasOwnProperty,np=Object.prototype.propertyIsEnumerable,nd=(e,n,l)=>n in e?no(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,nc=(e,n)=>{for(var l in n||(n={}))ns.call(n,l)&&nd(e,l,n[l]);if(ni)for(var l of ni(n))np.call(n,l)&&nd(e,l,n[l]);return e},nm=(e,n)=>nt(e,nr(n)),nh=(e,n)=>{var l={};for(var a in e)ns.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&ni)for(var a of ni(e))0>n.indexOf(a)&&np.call(e,a)&&(l[a]=e[a]);return l};let nu={withBorder:!0,padding:0,transitionDuration:200,transitionTimingFunction:"ease",zIndex:(0,nl.w)("app")},nf=(0,na.Z)((e,{transitionDuration:n,transitionTimingFunction:l})=>({root:{"--app-shell-transition-duration":`${n}ms`,"--app-shell-transition-timing-function":l}})),nb=(0,F.d)((e,n)=>{let l=(0,P.w)("AppShell",nu,e),{classNames:a,className:t,style:r,styles:i,unstyled:s,vars:p,navbar:d,withBorder:c,padding:m,transitionDuration:h,transitionTimingFunction:u,header:f,zIndex:b,layout:x,disabled:v,aside:g,footer:y}=l,S=nh(l,["classNames","className","style","styles","unstyled","vars","navbar","withBorder","padding","transitionDuration","transitionTimingFunction","header","zIndex","layout","disabled","aside","footer"]),j=(0,nn.y)({name:"AppShell",classes:H,props:l,className:t,style:r,classNames:a,styles:i,unstyled:s,vars:p,varsResolver:nf}),A=function({transitionDuration:e,disabled:n}){let[l,a]=(0,o.useState)(!1),t=(0,o.useRef)(),r=(0,o.useRef)();return(0,e9.s)("resize",()=>{a(!0),clearTimeout(t.current),t.current=window.setTimeout(()=>a(!1),200)}),(0,ne.Y)(()=>{a(!0),clearTimeout(r.current),r.current=window.setTimeout(()=>a(!1),e||0)},[n,e]),l}({disabled:v,transitionDuration:h});return o.createElement(B,{value:{getStyles:j,withBorder:c,zIndex:b,disabled:v}},o.createElement(e7,{navbar:d,header:f,aside:g,footer:y,padding:m}),o.createElement(_.x,nc(nm(nc({ref:n},j("root")),{mod:{resizing:A,layout:x,disabled:v}}),S)))});nb.classes=H,nb.displayName="@mantine/core/AppShell",nb.Navbar=J,nb.Header=ei,nb.Main=eI,nb.Aside=eD,nb.Footer=eg,nb.Section=eV;var nx=l(1907),nv=l(64594),ng=l(98998),ny=l(17532),nS=l.n(ny),nj=l(18312),nA=JSON.parse('[{"fileName":"BasicAppShell.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function BasicAppShell() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n Main\\n \\n );\\n}\\n"}]'),nw=JSON.parse('[{"fileName":"ResponsiveSizes.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function ResponsiveSizes() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n Main\\n \\n );\\n}\\n"}]'),nk=JSON.parse('[{"fileName":"MobileNavbar.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, UnstyledButton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\nimport classes from \'./MobileNavbar.module.css\';\\n\\nexport function MobileNavbar() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n Home\\n Blog\\n Contacts\\n Support\\n \\n \\n \\n \\n\\n \\n Home\\n Blog\\n Contacts\\n Support\\n \\n\\n \\n Navbar is only visible on mobile, links that are rendered in the header on desktop are\\n hidden on mobile in header and rendered in navbar instead.\\n \\n \\n );\\n}\\n"},{"fileName":"MobileNavbar.module.css","language":"css","code":".control {\\n display: block;\\n padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);\\n border-radius: var(--mantine-radius-md);\\n font-weight: 500;\\n\\n @mixin hover {\\n background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));\\n }\\n}\\n"}]'),nN=JSON.parse('[{"fileName":"FullLayout.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function FullLayout() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n \\n Aside is hidden on on md breakpoint and cannot be opened when it is collapsed\\n \\n Aside\\n Footer\\n \\n );\\n}\\n"}]'),nO=JSON.parse('[{"fileName":"AltLayout.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton, Text } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function AltLayout() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n \\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n \\n Alt layout – Navbar and Aside are rendered on top on Header and Footer\\n \\n Aside\\n Footer\\n \\n );\\n}\\n"}]'),nM=JSON.parse('[{"fileName":"CollapseDesktop.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function CollapseDesktop() {\\n const [mobileOpened, { toggle: toggleMobile }] = useDisclosure();\\n const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n Main\\n \\n );\\n}\\n"}]'),nz=JSON.parse('[{"fileName":"NoTransitions.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function NoTransitions() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n Main\\n \\n );\\n}\\n"}]'),nB=JSON.parse('[{"fileName":"Disabled.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton, Button } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function Disabled() {\\n const [opened, { toggle }] = useDisclosure();\\n const [disabled, { toggle: toggleDisabled }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar\\n {Array(15)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n \\n \\n \\n \\n );\\n}\\n"}]'),nD=JSON.parse('[{"fileName":"Headroom.tsx","language":"tsx","code":"import { useHeadroom } from \'@mantine/hooks\';\\nimport { AppShell, Group, Text, rem } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nconst lorem =\\n \'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos ullam, ex cum repellat alias ea nemo. Ducimus ex nesciunt hic ad saepe molestiae nobis necessitatibus laboriosam officia, reprehenderit, earum fugiat?\';\\n\\nexport function Headroom() {\\n const pinned = useHeadroom({ fixedAt: 120 });\\n\\n return (\\n \\n \\n \\n \\n \\n \\n\\n \\n {Array(40)\\n .fill(0)\\n .map((_, index) => (\\n \\n {lorem}\\n \\n ))}\\n \\n \\n );\\n}\\n"}]'),nH=JSON.parse('[{"fileName":"NavbarSection.tsx","language":"tsx","code":"import { useDisclosure } from \'@mantine/hooks\';\\nimport { AppShell, Burger, Group, Skeleton, ScrollArea } from \'@mantine/core\';\\nimport { MantineLogo } from \'@mantine/ds\';\\n\\nexport function NavbarSection() {\\n const [opened, { toggle }] = useDisclosure();\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n Navbar header\\n \\n 60 links in a scrollable section\\n {Array(60)\\n .fill(0)\\n .map((_, index) => (\\n \\n ))}\\n \\n Navbar footer – always at the bottom\\n \\n Main\\n \\n );\\n}\\n"}]');let nF={BasicAppShell:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Main"})]})},code:nA},ResponsiveSizes:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:{base:60,md:70,lg:80}},navbar:{width:{base:200,md:300,lg:400},breakpoint:"sm",collapsed:{mobile:!e}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Main"})]})},code:nw},MobileNavbar:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{desktop:!0,mobile:!e}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsxs)(f.Z,{justify:"space-between",style:{flex:1},children:[(0,a.jsx)(ng.D,{size:30}),(0,a.jsxs)(f.Z,{ml:"xl",gap:0,visibleFrom:"sm",children:[(0,a.jsx)(m.k,{className:nS().control,children:"Home"}),(0,a.jsx)(m.k,{className:nS().control,children:"Blog"}),(0,a.jsx)(m.k,{className:nS().control,children:"Contacts"}),(0,a.jsx)(m.k,{className:nS().control,children:"Support"})]})]})]})}),(0,a.jsxs)(nb.Navbar,{py:"md",px:4,children:[(0,a.jsx)(m.k,{className:nS().control,children:"Home"}),(0,a.jsx)(m.k,{className:nS().control,children:"Blog"}),(0,a.jsx)(m.k,{className:nS().control,children:"Contacts"}),(0,a.jsx)(m.k,{className:nS().control,children:"Support"})]}),(0,a.jsx)(nb.Main,{children:"Navbar is only visible on mobile, links that are rendered in the header on desktop are hidden on mobile in header and rendered in navbar instead."})]})},code:nk},FullLayout:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},footer:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},aside:{width:300,breakpoint:"md",collapsed:{desktop:!1,mobile:!0}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Aside is hidden on on md breakpoint and cannot be opened when it is collapsed"}),(0,a.jsx)(nb.Aside,{p:"md",children:"Aside"}),(0,a.jsx)(nb.Footer,{p:"md",children:"Footer"})]})},code:nN},AltLayout:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{layout:"alt",header:{height:60},footer:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},aside:{width:300,breakpoint:"md",collapsed:{desktop:!1,mobile:!0}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:[(0,a.jsxs)(f.Z,{children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(h.x,{children:"Navbar"})]}),Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Alt layout – Navbar and Aside are rendered on top on Header and Footer"}),(0,a.jsx)(nb.Aside,{p:"md",children:"Aside"}),(0,a.jsx)(nb.Footer,{p:"md",children:"Footer"})]})},code:nO},CollapseDesktop:{component:function(){let[e,{toggle:n}]=(0,c.q)(),[l,{toggle:o}]=(0,c.q)(!0);return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e,desktop:!l}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(nx.O,{opened:l,onClick:o,visibleFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Main"})]})},code:nM},NoTransitions:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},transitionDuration:0,padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:"Main"})]})},code:nz},Disabled:{component:function(){let[e,{toggle:n}]=(0,c.q)(),[l,{toggle:o}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},padding:"md",disabled:l,children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:["Navbar",Array(15).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Main,{children:(0,a.jsx)(b.z,{onClick:o,children:"Toggle disabled"})})]})},code:nB},Headroom:{component:function(){let e=(0,nj.Jd)({fixedAt:120});return(0,a.jsxs)(nb,{header:{height:60,collapsed:!e,offset:!1},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsx)(f.Z,{h:"100%",px:"md",children:(0,a.jsx)(ng.D,{size:30})})}),(0,a.jsx)(nb.Main,{pt:"calc(".concat((0,x.h)(60)," + var(--mantine-spacing-md))"),children:Array(40).fill(0).map((e,n)=>(0,a.jsx)(h.x,{size:"lg",my:"md",maw:600,mx:"auto",children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos ullam, ex cum repellat alias ea nemo. Ducimus ex nesciunt hic ad saepe molestiae nobis necessitatibus laboriosam officia, reprehenderit, earum fugiat?"},n))})]})},code:nD},NavbarSection:{component:function(){let[e,{toggle:n}]=(0,c.q)();return(0,a.jsxs)(nb,{header:{height:60},navbar:{width:300,breakpoint:"sm",collapsed:{mobile:!e}},padding:"md",children:[(0,a.jsx)(nb.Header,{children:(0,a.jsxs)(f.Z,{h:"100%",px:"md",children:[(0,a.jsx)(nx.O,{opened:e,onClick:n,hiddenFrom:"sm",size:"sm"}),(0,a.jsx)(ng.D,{size:30})]})}),(0,a.jsxs)(nb.Navbar,{p:"md",children:[(0,a.jsx)(nb.Section,{children:"Navbar header"}),(0,a.jsxs)(nb.Section,{grow:!0,my:"md",component:g.x,children:["60 links in a scrollable section",Array(60).fill(0).map((e,n)=>(0,a.jsx)(nv.O,{h:28,mt:"sm",animate:!1},n))]}),(0,a.jsx)(nb.Section,{children:"Navbar footer – always at the bottom"})]}),(0,a.jsx)(nb.Main,{children:"Main"})]})},code:nH}};var nP=function(){let e=(0,t.useRouter)(),n=e.query.e,l=e.query.s;if((0,o.useEffect)(()=>{!n||n in nF||e.replace("/app-shell?e=BasicAppShell")},[n]),!(n in nF))return(0,a.jsx)(M,{});let p=nF[n];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.y,{title:"AppShell examples",description:"10+ examples of using Mantine AppShell component"}),(0,a.jsxs)("div",{children:["code"===l?(0,a.jsx)(r.Q,{code:p.code,getFileIcon:i.L}):(0,a.jsx)(p.component,{}),(0,a.jsx)(M,{})]})]})}},42409:function(e){e.exports={control:"ExamplesDrawer_control__H3knj",name:"ExamplesDrawer_name__FumgI",description:"ExamplesDrawer_description__sqCa6",menuButton:"ExamplesDrawer_menuButton__9S_8Y"}},17532:function(e){e.exports={control:"MobileNavbar_control___PSpX"}},20902:function(e,n,l){"use strict";l.d(n,{D:function(){return k}});var a=l(67294),o={root:"m-7f854edf"},t=l(95036),r=l(3154),i=l(30370),s=l(86109),p=l(81110),d=l(88380),c=l(8586),m=l(72622),h=Object.defineProperty,u=Object.defineProperties,f=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,g=(e,n,l)=>n in e?h(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,y=(e,n)=>{for(var l in n||(n={}))x.call(n,l)&&g(e,l,n[l]);if(b)for(var l of b(n))v.call(n,l)&&g(e,l,n[l]);return e},S=(e,n)=>u(e,f(n)),j=(e,n)=>{var l={};for(var a in e)x.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&b)for(var a of b(e))0>n.indexOf(a)&&v.call(e,a)&&(l[a]=e[a]);return l};let A={position:{bottom:0,right:0},zIndex:(0,d.w)("modal"),withinPortal:!0},w=(0,c.Z)((e,{zIndex:n,position:l})=>({root:{"--affix-z-index":null==n?void 0:n.toString(),"--affix-top":(0,m.h)(null==l?void 0:l.top),"--affix-left":(0,m.h)(null==l?void 0:l.left),"--affix-bottom":(0,m.h)(null==l?void 0:l.bottom),"--affix-right":(0,m.h)(null==l?void 0:l.right)}})),k=(0,r.d)((e,n)=>{let l=(0,i.w)("Affix",A,e),{classNames:r,className:d,style:c,styles:m,unstyled:h,vars:u,portalProps:f,zIndex:b,withinPortal:x}=l,v=j(l,["classNames","className","style","styles","unstyled","vars","portalProps","zIndex","withinPortal"]),g=(0,s.y)({name:"Affix",classes:o,props:l,className:d,style:c,classNames:r,styles:m,unstyled:h,vars:u,varsResolver:w});return a.createElement(t.q,S(y({},f),{withinPortal:x}),a.createElement(p.x,y(y({ref:n},g("root")),v)))});k.classes=o,k.displayName="@mantine/core/Affix"},64594:function(e,n,l){"use strict";l.d(n,{O:function(){return w}});var a=l(67294),o={root:"m-18320242","skeleton-fade":"m-299c329c"},t=l(3154),r=l(30370),i=l(86109),s=l(81110),p=l(8586),d=l(72622),c=l(48468),m=Object.defineProperty,h=Object.defineProperties,u=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,v=(e,n,l)=>n in e?m(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,g=(e,n)=>{for(var l in n||(n={}))b.call(n,l)&&v(e,l,n[l]);if(f)for(var l of f(n))x.call(n,l)&&v(e,l,n[l]);return e},y=(e,n)=>h(e,u(n)),S=(e,n)=>{var l={};for(var a in e)b.call(e,a)&&0>n.indexOf(a)&&(l[a]=e[a]);if(null!=e&&f)for(var a of f(e))0>n.indexOf(a)&&x.call(e,a)&&(l[a]=e[a]);return l};let j={visible:!0,animate:!0},A=(0,p.Z)((e,{width:n,height:l,radius:a,circle:o})=>({root:{"--skeleton-height":(0,d.h)(l),"--skeleton-width":o?(0,d.h)(l):(0,d.h)(n),"--skeleton-radius":o?"1000px":void 0===a?void 0:(0,c.H5)(a)}})),w=(0,t.d)((e,n)=>{let l=(0,r.w)("Skeleton",j,e),{classNames:t,className:p,style:d,styles:c,unstyled:m,vars:h,width:u,height:f,circle:b,visible:x,radius:v,animate:w}=l,k=S(l,["classNames","className","style","styles","unstyled","vars","width","height","circle","visible","radius","animate"]),N=(0,i.y)({name:"Skeleton",classes:o,props:l,className:p,style:d,classNames:t,styles:c,unstyled:m,vars:h,varsResolver:A});return a.createElement(s.x,g(y(g({ref:n},N("root")),{mod:{visible:x,animate:w}}),k))});w.classes=o,w.displayName="@mantine/core/Skeleton"},30514:function(e,n,l){"use strict";l.d(n,{o:function(){return o}});var a=l(91624);function o(e,n){return e in n.breakpoints?(0,a.px)(n.breakpoints[e]):(0,a.px)(e)}},57197:function(e,n,l){"use strict";l.d(n,{I:function(){return o}});var a=l(30514);function o(e,n){let l=e.map(e=>({value:e,px:(0,a.o)(e,n)}));return l.sort((e,n)=>e.px-n.px),l}},12177:function(e,n,l){"use strict";l.d(n,{q:function(){return o}});var a=l(67294);function o(e=!1,n){let{onOpen:l,onClose:o}=n||{},[t,r]=(0,a.useState)(e),i=(0,a.useCallback)(()=>{r(e=>e||(null==l||l(),!0))},[l]),s=(0,a.useCallback)(()=>{r(e=>e?(null==o||o(),!1):e)},[o]),p=(0,a.useCallback)(()=>{t?s():i()},[s,i,t]);return[t,{open:i,close:s,toggle:p}]}},18312:function(e,n,l){"use strict";l.d(n,{Jd:function(){return p}});var a=l(67294),o=l(98200),t=l(67510);let r=(e,n)=>e<=n,i=(e,n)=>e<=n,s=(e,n,l)=>!i(e,n)&&!r(e,l);function p({fixedAt:e=0,onPin:n,onFix:l,onRelease:p}={}){let d=(0,a.useRef)(0),[{y:c}]=(0,o.b)();return(0,t.Y)(()=>{i(c,d.current)&&(null==n||n())},[c,n]),(0,t.Y)(()=>{r(c,e)&&(null==l||l())},[c,e,l]),(0,t.Y)(()=>{s(c,d.current,e)&&(null==p||p())},[c,p]),(0,t.Y)(()=>{d.current=window.scrollY},[c]),!!(i(c,d.current)||r(c,e))}},98200:function(e,n,l){"use strict";l.d(n,{b:function(){return i}});var a=l(67294),o=l(37662);function t(){return"undefined"!=typeof window?{x:window.pageXOffset,y:window.pageYOffset}:{x:0,y:0}}function r({x:e,y:n}){if("undefined"!=typeof window){let l={behavior:"smooth"};"number"==typeof e&&(l.left=e),"number"==typeof n&&(l.top=n),window.scrollTo(l)}}function i(){let[e,n]=(0,a.useState)({x:0,y:0});return(0,o.s)("scroll",()=>n(t())),(0,o.s)("resize",()=>n(t())),(0,a.useEffect)(()=>{n(t())},[]),[e,r]}}},function(e){e.O(0,[3449,9774,2888,179],function(){return e(e.s=90663)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/changelog/7-0-0-20978a86a6ad1fe7.js b/_next/static/chunks/pages/changelog/7-0-0-20978a86a6ad1fe7.js new file mode 100644 index 00000000000..45ae722b165 --- /dev/null +++ b/_next/static/chunks/pages/changelog/7-0-0-20978a86a6ad1fe7.js @@ -0,0 +1,731 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3544],{84744:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changelog/7-0-0",function(){return r(63775)}])},63775:function(e,n,r){"use strict";r.r(n);var t=r(85893),o=r(11151),s=r(19905),l=r(9904),i=r(14469),a=r(7399),c=r(68726),d=r(50898),h=r(76665),p=r(16750),m=r(53029),u=r(7702),x=r(67519),f=r(92069),j=r(76028),g=r(22547),b=r(21188),v=r(12805),y=r(57853),w=r(42720),S=r(742),E=r(73141),C=r(87952),T=r(33775),P=r(73771),O=r(77275),I=r(6430),k=r(66824),N=r(69354);let z=(0,s.A)(l.us.Changelog700);function B(e){let n=Object.assign({h2:"h2",p:"p",a:"a",code:"code",pre:"pre",ul:"ul",li:"li"},(0,o.ah)(),e.components),{Demo:r,DataTable:s}=n;return s||M("DataTable",!0),r||M("Demo",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h2,{id:"migration-to-native-css",children:"Migration to native CSS"}),"\n",(0,t.jsxs)(n.p,{children:["Mantine no longer depends on ",(0,t.jsx)(n.a,{href:"https://emotion.sh/",children:"Emotion"})," for styles generation. All ",(0,t.jsx)(n.code,{children:"@mantine/*"}),"\npackages are now shipped with native CSS files which can be imported from ",(0,t.jsx)(n.code,{children:"@mantine/{package}/styles.css"}),",\nfor example:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:"import '@mantine/core/styles.css';\n"})}),"\n",(0,t.jsx)(n.p,{children:"This change improves performance, reduces bundle size of the library and allows using Mantine\nin environments where CSS-in-JS is not supported (or supported with limitations), for example,\nNext.js app directory."}),"\n",(0,t.jsx)(n.p,{children:"Important breaking changes:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"createStyles"})," function is no longer available, use ",(0,t.jsx)(n.a,{href:"/styles/css-modules",children:"CSS modules"})," or any other styling solution of your choice instead"]}),"\n",(0,t.jsxs)(n.li,{children:["Components no longer support ",(0,t.jsx)(n.code,{children:"sx"})," prop. You can use ",(0,t.jsx)(n.code,{children:"className"})," or ",(0,t.jsx)(n.code,{children:"style"})," props instead."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"styles"})," prop no longer supports nested selectors"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["It is now recommended to use ",(0,t.jsx)(n.a,{href:"/styles/css-modules",children:"CSS modules"})," to style Mantine components.\nTo update your project to ",(0,t.jsx)(n.a,{href:"/styles/css-modules",children:"CSS modules"}),", follow the ",(0,t.jsx)(n.a,{href:"/guides/6x-to-7x",children:"6.x → 7.x migration guide"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"vanilla-extract-integration",children:"Vanilla extract integration"}),"\n",(0,t.jsxs)(n.p,{children:["If you prefer CSS-in-JS syntax for styling, you can use ",(0,t.jsx)(n.a,{href:"/styles/vanilla-extract",children:"Vanilla extract"}),"\nas a TypeScript CSS preprocessor. You will be able to use most of Mantine styling features\nwith ",(0,t.jsx)(n.a,{href:"/styles/vanilla-extract",children:"Vanilla extract"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"system-color-scheme-support",children:"System color scheme support"}),"\n",(0,t.jsxs)(n.p,{children:["All components now support system color scheme – when ",(0,t.jsx)(n.code,{children:"colorScheme"})," value is ",(0,t.jsx)(n.code,{children:"auto"}),",\ncomponents will use ",(0,t.jsx)(n.code,{children:"prefers-color-scheme"})," media query to determine if the user prefers light or dark color scheme."]}),"\n",(0,t.jsxs)(n.p,{children:["Note that ",(0,t.jsx)(n.code,{children:"auto"})," is not the default value. You need to set it manually to enable system color scheme support\nboth on ",(0,t.jsx)(n.a,{href:"/theming/mantine-provider",children:"MantineProvider"})," and in ",(0,t.jsx)(n.a,{href:"/theming/color-schemes#colorschemescript",children:"ColorSchemeScript"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'import { MantineProvider, ColorSchemeScript } from \'@mantine/core\';\n\nfunction Demo() {\n return (\n <>\n \n \n \n \n \n );\n}\n'})}),"\n",(0,t.jsx)(n.h2,{id:"built-in-color-scheme-manager",children:"Built-in color scheme manager"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/theming/mantine-provider",children:"MantineProvider"})," now comes with a built-in color scheme manager.\nIt is no longer required to use any other components to set up color scheme logic.\nColor scheme can be changed with ",(0,t.jsx)(n.a,{href:"/theming/color-schemes#use-mantine-color-scheme-hook",children:"useMantineColorScheme hook"}),":"]}),"\n",(0,t.jsx)(r,{data:a.U}),"\n",(0,t.jsx)(n.h2,{id:"css-modules-and-postcss-preset",children:"CSS modules and PostCSS preset"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/styles/css-modules",children:"CSS modules"})," is now the recommended way to style Mantine components,\nalthough it is not required – you can choose any other styling solution of your choice."]}),"\n",(0,t.jsxs)(n.p,{children:["It is also recommended to use ",(0,t.jsx)(n.a,{href:"/styles/postcss-preset",children:"postcss-preset-mantine"}),". It includes\nmixins and functions to simplify styling of Mantine components. ",(0,t.jsx)(n.a,{href:"/styles/postcss-preset",children:"postcss-preset-mantine"}),"\nis included in all templates."]}),"\n",(0,t.jsx)(n.h2,{id:"global-styles",children:"Global styles"}),"\n",(0,t.jsxs)(n.p,{children:["Mantine no longer includes normalize.css. Instead, it uses a bare minimum set of ",(0,t.jsx)(n.a,{href:"/styles/global-styles",children:"global styles"}),".\nThese styles are part of the ",(0,t.jsx)(n.code,{children:"@mantine/core"})," package and are applied automatically when you import\n",(0,t.jsx)(n.code,{children:"@mantine/core/styles.css"})," in your application. Note that these styles cannot be decoupled from the\nrest of the library."]}),"\n",(0,t.jsx)(n.h2,{id:"mantine-as-a-headless-ui-library",children:"Mantine as a headless UI library"}),"\n",(0,t.jsxs)(n.p,{children:["You can now use Mantine as a ",(0,t.jsx)(n.a,{href:"/styles/unstyled",children:"headless"})," library. To achieve that, just do not import\n",(0,t.jsx)(n.code,{children:"@mantine/*/styles.css"})," in your application. Then you will be able to apply styles with\n",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"Styles API"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"createtheme-function",children:"createTheme function"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"createTheme"})," function is a replacement for ",(0,t.jsx)(n.code,{children:"MantineThemeOverride"})," type. Use it to create a theme\noverride, it will give you autocomplete for all theme properties:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:"import { createTheme, MantineProvider } from '@mantine/core';\n\nconst theme = createTheme({\n fontFamily: 'sans-serif',\n primaryColor: 'orange',\n});\n\nfunction Demo() {\n return (\n \n \n \n );\n}\n"})}),"\n",(0,t.jsx)(n.h2,{id:"components-extend-functions",children:"Components extend functions"}),"\n",(0,t.jsxs)(n.p,{children:["All components that support ",(0,t.jsx)(n.a,{href:"/theming/default-props",children:"default props"})," or ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"Styles API"})," now have a static ",(0,t.jsx)(n.code,{children:"extend"})," function which allows getting autocomplete when customizing\n",(0,t.jsx)(n.a,{href:"/theming/default-props",children:"defaultProps"}),", ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"classNames and styles"})," of the component\non ",(0,t.jsx)(n.a,{href:"/theming/theme-object",children:"theme"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:"import { useState } from 'react';\nimport { TextInput, MantineProvider, createTheme } from '@mantine/core';\nimport classes from './Demo.module.css';\n\nconst theme = createTheme({\n components: {\n TextInput: TextInput.extends({\n styles: (theme, props) => ({\n input: {\n fontSize: props.size === 'compact' ? theme.fontSizes.sm : undefined,\n }\n })\n classNames: {\n root: classes.root,\n input: classes.input,\n label: classes.label,\n },\n\n defaultProps: {\n size: 'compact',\n },\n }),\n },\n});\n\nfunction Demo() {\n return (\n \n \n \n );\n}\n"})}),"\n",(0,t.jsx)(n.h2,{id:"classnames-based-on-component-props",children:"classNames based on component props"}),"\n",(0,t.jsxs)(n.p,{children:["You can now get component props in ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"classNames and styles"})," to conditionally apply styles.\nThis feature is a more powerful replacement for styles params."]}),"\n",(0,t.jsx)(r,{data:c.B}),"\n",(0,t.jsx)(n.h2,{id:"components-css-variables",children:"Components CSS variables"}),"\n",(0,t.jsxs)(n.p,{children:["You can now customize components ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"CSS variables"})," to change component styles based on its props.\nFor example, it can be used to add new ",(0,t.jsx)(n.a,{href:"/styles/variants-sizes",children:"sizes"}),":"]}),"\n",(0,t.jsx)(r,{data:d.g}),"\n",(0,t.jsx)(n.h2,{id:"new-variants-system",children:"New variants system"}),"\n",(0,t.jsxs)(n.p,{children:["All components now have ",(0,t.jsx)(n.code,{children:"data-variant"})," attribute on the root element, even if the component does not have any predefined variants.\nYou can use it to apply styles to all components of the same type on ",(0,t.jsx)(n.a,{href:"/theming/theme-object",children:"theme"}),":"]}),"\n",(0,t.jsx)(r,{data:h.j}),"\n",(0,t.jsx)(n.h2,{id:"new-sizes-system",children:"New sizes system"}),"\n",(0,t.jsx)(n.p,{children:"There are multiple ways to customize component sizes:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["With ",(0,t.jsx)(n.code,{children:"data-size"})," attribute"]}),"\n",(0,t.jsxs)(n.li,{children:["With component ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"CSS variables"})]}),"\n",(0,t.jsxs)(n.li,{children:["With ",(0,t.jsx)(n.a,{href:"/styles/variants-sizes#sizes-with-static-css-variables",children:"static CSS variables"})]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["Example of customizing ",(0,t.jsx)(n.a,{href:"/core/button",children:"Button"})," size with ",(0,t.jsx)(n.code,{children:"data-size"})," attribute:"]}),"\n",(0,t.jsx)(r,{data:p.R}),"\n",(0,t.jsx)(n.h2,{id:"themevariantcolorresolver",children:"theme.variantColorResolver"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/button",children:"Button"}),", ",(0,t.jsx)(n.a,{href:"/core/badge",children:"Badge"}),", ",(0,t.jsx)(n.a,{href:"/core/action-icon",children:"ActionIcon"}),", ",(0,t.jsx)(n.a,{href:"/core/theme-icon",children:"ThemeIcon"})," and other\ncomponents now support custom variants with ",(0,t.jsx)(n.a,{href:"/theming/colors#colors-variant-resolver",children:"variantColorResolver"}),"\n– it supports both changing colors of existing variants and adding new variants."]}),"\n",(0,t.jsx)(r,{data:m.D}),"\n",(0,t.jsx)(n.h2,{id:"rem-units-scaling",children:"rem units scaling"}),"\n",(0,t.jsxs)(n.p,{children:["It is now possible to scale ",(0,t.jsx)(n.a,{href:"/styles/rem#rem-units-scaling",children:"rem"})," units. It is useful when you want to change\nfont-size of ",(0,t.jsx)(n.code,{children:"html"}),"/",(0,t.jsx)(n.code,{children:":root"})," element and preserve Mantine components sizes. For example, if you would like to set ",(0,t.jsx)(n.code,{children:"html"})," font-size to ",(0,t.jsx)(n.code,{children:"10px"})," and scale Mantine components accordingly, you need\nto set ",(0,t.jsx)(n.code,{children:"scale"})," to ",(0,t.jsx)(n.code,{children:"1 / (10 / 16)"})," (16 – default font-size) = ",(0,t.jsx)(n.code,{children:"1 / 0.625"})," = ",(0,t.jsx)(n.code,{children:"1.6"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:":root {\n font-size: 10px;\n}\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:"import { MantineProvider, createTheme } from '@mantine/core';\n\nconst theme = createTheme({\n scale: 1.6,\n});\n\nfunction Demo() {\n return (\n \n \n \n );\n}\n"})}),"\n",(0,t.jsx)(n.h2,{id:"color-prop-improvements",children:"color prop improvements"}),"\n",(0,t.jsxs)(n.p,{children:["All components that support ",(0,t.jsx)(n.code,{children:"color"})," prop now support the following color values:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Key of ",(0,t.jsx)(n.code,{children:"theme.colors"}),", for example, ",(0,t.jsx)(n.code,{children:"blue"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"theme.colors"})," index reference, for example, ",(0,t.jsx)(n.code,{children:"blue.5"})]}),"\n",(0,t.jsxs)(n.li,{children:["Any valid CSS color value, for example, ",(0,t.jsx)(n.code,{children:"#fff"}),", ",(0,t.jsx)(n.code,{children:"rgba(0, 0, 0, 0.5)"}),", ",(0,t.jsx)(n.code,{children:"hsl(0, 0%, 100%)"})]}),"\n"]}),"\n",(0,t.jsx)(r,{data:u.m}),"\n",(0,t.jsx)(n.h2,{id:"components-classes",children:"Components classes"}),"\n",(0,t.jsxs)(n.p,{children:["Classes of each component are now available in ",(0,t.jsx)(n.code,{children:"Component.classes"})," object. For example, you can\nfind ",(0,t.jsx)(n.a,{href:"/core/button",children:"Button"})," classes in ",(0,t.jsx)(n.code,{children:"Button.classes"}),":"]}),"\n",(0,t.jsx)(s,{head:["Key","Class"],data:Object.keys(i.z.classes).map(e=>[e,i.z.classes[e]])}),"\n",(0,t.jsx)(n.p,{children:"You can use these classes to create components with the same styles as Mantine components:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:"import { Button } from '@mantine/core';\n\nfunction Demo() {\n return \n );\n}\n'})}),"\n",(0,t.jsx)(n.h2,{id:"numberinput-changes",children:"NumberInput changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/number-input",children:"NumberInput"})," was migrated to ",(0,t.jsx)(n.a,{href:"https://s-yadav.github.io/react-number-format/",children:"react-number-format"}),".\nIt now supports more features and has improvements in cursor position management.\nDue to migration, some of the props were renamed – follow the ",(0,t.jsx)(n.a,{href:"/core/number-input",children:"documentation"})," to learn about the changes."]}),"\n",(0,t.jsx)(r,{data:x.C}),"\n",(0,t.jsx)(n.h2,{id:"loader-changes",children:"Loader changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/loader",children:"Loader"})," component is now built with CSS only. This change improves performance and reduces\nHTML output of the component."]}),"\n",(0,t.jsx)(r,{data:f.g}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/theming/theme-object",children:"Theme"})," object no longer supports ",(0,t.jsx)(n.code,{children:"theme.loader"})," property –\nit is also now possible to add custom loaders on ",(0,t.jsx)(n.a,{href:"/theming/theme-object",children:"theme"})," with ",(0,t.jsx)(n.a,{href:"/theming/default-props",children:"default props"}),".\nSpecified ",(0,t.jsx)(n.a,{href:"/core/loader",children:"Loader"})," will be used in all components that use it under the hood (",(0,t.jsx)(n.a,{href:"/core/loading-overlay",children:"LoadingOverlay"}),", ",(0,t.jsx)(n.a,{href:"/core/button",children:"Button"}),", ",(0,t.jsx)(n.a,{href:"/core/action-icon",children:"ActionIcon"}),", ",(0,t.jsx)(n.a,{href:"/core/stepper",children:"Stepper"}),", etc.)."]}),"\n",(0,t.jsx)(r,{data:j.T}),"\n",(0,t.jsx)(n.h2,{id:"progress-changes",children:"Progress changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/progress",children:"Progress"})," component now supports compound components pattern.\nAdvanced features that were previously implemented in ",(0,t.jsx)(n.a,{href:"/core/progress",children:"Progress"})," are now supposed to be implemented with\ncompound components instead."]}),"\n",(0,t.jsx)(r,{data:g.I}),"\n",(0,t.jsx)(n.h2,{id:"table-changes",children:"Table changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/table",children:"Table"})," component changes:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"Styles API"})," support"]}),"\n",(0,t.jsxs)(n.li,{children:["It is now required to use compound components instead of elements: ",(0,t.jsx)(n.code,{children:"Table.Tr"}),", ",(0,t.jsx)(n.code,{children:"Table.Td"}),", etc."]}),"\n",(0,t.jsx)(n.li,{children:"It is now easier to override styles – all styles are added with classes instead of deeply nested selectors on root element"}),"\n",(0,t.jsxs)(n.li,{children:["New props: ",(0,t.jsx)(n.code,{children:"borderColor"}),", ",(0,t.jsx)(n.code,{children:"withRowBorders"}),", ",(0,t.jsx)(n.code,{children:"stripedColor"}),", ",(0,t.jsx)(n.code,{children:"highlightOnHoverColor"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"withBorder"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"withTableBorder"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"fontSize"})," prop was removed, use ",(0,t.jsx)(n.code,{children:"fz"})," ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style prop"})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:["New ",(0,t.jsx)(n.code,{children:"Table.ScrollContainer"})," component to create scrollable table"]}),"\n"]}),"\n",(0,t.jsx)(r,{data:b.j}),"\n",(0,t.jsx)(n.h2,{id:"group-changes",children:"Group changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/group",children:"Group"})," component changes:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"position"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"justify"})," – it now supports all ",(0,t.jsx)(n.code,{children:"justify-content"})," values"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"noWrap"})," prop was replaced with ",(0,t.jsx)(n.code,{children:'wrap="nowrap"'}),", ",(0,t.jsx)(n.code,{children:"wrap"})," prop now supports all ",(0,t.jsx)(n.code,{children:"flex-wrap"})," values"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"spacing"})," prop was replaced with ",(0,t.jsx)(n.code,{children:"gap"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"Group"})," now supports new ",(0,t.jsx)(n.code,{children:"preventGrowOverflow"})," prop which allows customizing how group items will behave when they grow larger than their dedicated space"]}),"\n"]}),"\n",(0,t.jsx)(r,{data:v.j}),"\n",(0,t.jsx)(n.h2,{id:"tabs-changes",children:"Tabs changes"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Styles API selector ",(0,t.jsx)(n.code,{children:"tabsList"})," renamed to ",(0,t.jsx)(n.code,{children:"list"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"TabProps"})," type was renamed to ",(0,t.jsx)(n.code,{children:"TabsTabProps"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"onTabChange"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"onChange"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"Tabs.List"})," ",(0,t.jsx)(n.code,{children:"position"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"justify"}),", it now supports all ",(0,t.jsx)(n.code,{children:"justify-content"})," values"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"button-changes",children:"Button changes"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"compact"})," prop was removed, use ",(0,t.jsx)(n.code,{children:'size="compact-XXX"'})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"leftIcon"})," and ",(0,t.jsx)(n.code,{children:"rightIcon"})," props were renamed to ",(0,t.jsx)(n.code,{children:"leftSection"})," and ",(0,t.jsx)(n.code,{children:"rightSection"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"uppercase"})," prop was removed, use ",(0,t.jsx)(n.code,{children:"tt"})," ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style prop"})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"loaderPosition"})," prop was removed, ",(0,t.jsx)(n.a,{href:"/core/loader",children:"Loader"})," is now always rendered in the center to prevent layout shifts"]}),"\n",(0,t.jsxs)(n.li,{children:["Styles API selectors were changed, see ",(0,t.jsx)(n.a,{href:"/core/button?t=styles-api",children:"Button Styles API"})," documentation for more details"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"appshell-changes",children:"AppShell changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/app-shell",children:"AppShell"})," component was completely rewritten, it now supports more features:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"AppShell"})," now uses compound components pattern: ",(0,t.jsx)(n.code,{children:"Navbar"}),", ",(0,t.jsx)(n.code,{children:"Aside"}),", ",(0,t.jsx)(n.code,{children:"Header"})," and ",(0,t.jsx)(n.code,{children:"Footer"})," are no longer exported from ",(0,t.jsx)(n.code,{children:"@mantine/core"})," package. Instead, use ",(0,t.jsx)(n.code,{children:"AppShell.Navbar"}),", ",(0,t.jsx)(n.code,{children:"AppShell.Aside"}),", etc."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"AppShell"})," now supports animations when navbar/aside are opened/closed"]}),"\n",(0,t.jsx)(n.li,{children:"Navbar/aside can now be collapsed on desktop – state is handled separately for mobile and desktop"}),"\n",(0,t.jsx)(n.li,{children:"Header/footer can now be collapsed the same way as navbar/aside. For example, the header can be collapsed based on scroll position or direction."}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"AppShell"})," no longer supports ",(0,t.jsx)(n.code,{children:"fixed"})," prop – all components have ",(0,t.jsx)(n.code,{children:"position: fixed"})," styles, static positioning is no longer supported"]}),"\n",(0,t.jsxs)(n.li,{children:["The documentation was updated, it now includes ",(0,t.jsx)(n.a,{href:"/app-shell?e=BasicAppShell",children:"10+ examples on a separate page"})]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"simplegrid-changes",children:"SimpleGrid changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/simple-grid",children:"SimpleGrid"})," now uses object format to define grid breakpoints and spacing,\nit works the same way as ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style props"}),"."]}),"\n",(0,t.jsx)(r,{data:y.j}),"\n",(0,t.jsx)(n.h2,{id:"grid-changes",children:"Grid changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/grid",children:"Grid"})," now uses object format in ",(0,t.jsx)(n.code,{children:"gutter"}),", ",(0,t.jsx)(n.code,{children:"offset"}),", ",(0,t.jsx)(n.code,{children:"span"})," and order props,\nall props now work the same way as ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style props"}),"."]}),"\n",(0,t.jsx)(r,{data:w.j}),"\n",(0,t.jsx)(n.h2,{id:"image-changes",children:"Image changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/image",children:"Image"})," component changes:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"Image"})," component no longer includes ",(0,t.jsx)(n.code,{children:"figure"})," and other associated elements"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"caption"})," prop is no longer available"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"width"})," and ",(0,t.jsx)(n.code,{children:"height"})," props are replaced with ",(0,t.jsx)(n.code,{children:"w"})," and ",(0,t.jsx)(n.code,{children:"h"})," ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style props"})]}),"\n",(0,t.jsx)(n.li,{children:"Placeholder functionality was replaced with fallback image"}),"\n"]}),"\n",(0,t.jsx)(r,{data:S.t}),"\n",(0,t.jsx)(n.h2,{id:"spotlight-changes",children:"Spotlight changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/others/spotlight",children:"Spotlight"})," changes:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"The logic is no longer based on React context"}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"SpotlightProvider"})," was renamed to ",(0,t.jsx)(n.code,{children:"Spotlight"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"useSpotlight"})," hook was removed, use ",(0,t.jsx)(n.code,{children:"spotlight"})," object instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"actions"})," prop now uses a different data format"]}),"\n",(0,t.jsx)(n.li,{children:"It is now possible to have multiple spotlights in the same app"}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"Spotlight"})," component now uses compound components pattern for advanced customization"]}),"\n"]}),"\n",(0,t.jsx)(r,{data:E.I}),"\n",(0,t.jsx)(n.h2,{id:"carousel-changes",children:"Carousel changes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/others/carousel",children:"Carousel"})," now uses object format for responsive values in\n",(0,t.jsx)(n.code,{children:"slideSize"})," and ",(0,t.jsx)(n.code,{children:"slideGap"})," props instead of ",(0,t.jsx)(n.code,{children:"breakpoints"})," prop:"]}),"\n",(0,t.jsx)(r,{data:C.A}),"\n",(0,t.jsx)(n.h2,{id:"mantineprism-deprecation",children:"@mantine/prism deprecation"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"@mantine/prism"})," package was deprecated in favor of ",(0,t.jsx)(n.code,{children:"@mantine/code-highlight"})," package. ",(0,t.jsx)(n.a,{href:"/others/code-highlight",children:"The new package"})," uses ",(0,t.jsx)(n.a,{href:"https://highlightjs.org/",children:"highlight.js"})," instead of ",(0,t.jsx)(n.a,{href:"https://prismjs.com/",children:"Prism"}),"."]}),"\n",(0,t.jsx)(r,{data:T.H}),"\n",(0,t.jsx)(n.h2,{id:"fieldset-component",children:"Fieldset component"}),"\n",(0,t.jsxs)(n.p,{children:["New ",(0,t.jsx)(n.a,{href:"/core/fieldset",children:"Fieldset"})," component:"]}),"\n",(0,t.jsx)(r,{data:P.j}),"\n",(0,t.jsx)(n.h2,{id:"combobox-component",children:"Combobox component"}),"\n",(0,t.jsxs)(n.p,{children:["The new ",(0,t.jsx)(n.a,{href:"/core/combobox",children:"Combobox"})," component allows building custom select, autocomplete, tags input, multiselect and other\nsimilar components. It is used as a base for updated ",(0,t.jsx)(n.a,{href:"/core/autocomplete",children:"Autocomplete"}),", ",(0,t.jsx)(n.a,{href:"/core/select",children:"Select"}),",\n",(0,t.jsx)(n.a,{href:"/core/tags-input",children:"TagsInput"})," and ",(0,t.jsx)(n.a,{href:"/core/multi-select",children:"MultiSelect"})," components."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.a,{href:"/core/combobox",children:"Combobox"})," is very flexible and allows you to have full control over the component rendering and logic.\nAdvanced features that were previously implemented in ",(0,t.jsx)(n.a,{href:"/core/autocomplete",children:"Autocomplete"}),", ",(0,t.jsx)(n.a,{href:"/core/select",children:"Select"}),"\nand ",(0,t.jsx)(n.a,{href:"/core/multi-select",children:"MultiSelect"})," are now supposed to be implemented with ",(0,t.jsx)(n.a,{href:"/core/combobox",children:"Combobox"})," instead."]}),"\n",(0,t.jsxs)(n.p,{children:["You can find 50+ ",(0,t.jsx)(n.code,{children:"Combobox"})," examples on ",(0,t.jsx)(n.a,{href:"/combobox",children:"this page"}),"."]}),"\n",(0,t.jsx)(r,{data:O.Y}),"\n",(0,t.jsx)(n.h2,{id:"tagsinput-component",children:"TagsInput component"}),"\n",(0,t.jsxs)(n.p,{children:["New ",(0,t.jsx)(n.a,{href:"/core/tags-input",children:"TagsInput"})," component based on ",(0,t.jsx)(n.a,{href:"/core/combobox",children:"Combobox"})," component.\nThe component is similar to ",(0,t.jsx)(n.a,{href:"/core/multi-select",children:"MultiSelect"})," but allows entering custom values."]}),"\n",(0,t.jsx)(r,{data:I.a}),"\n",(0,t.jsx)(n.h2,{id:"witherrorstyles-prop",children:"withErrorStyles prop"}),"\n",(0,t.jsxs)(n.p,{children:["All inputs now support ",(0,t.jsx)(n.code,{children:"withErrorStyles"})," prop, which allows removing error styles from the input.\nIt can be used to apply custom error styles without override, or use other techniques to\nindicate error state. For example, it can be used to render an icon in the right section:"]}),"\n",(0,t.jsx)(r,{data:k.v}),"\n",(0,t.jsx)(n.h2,{id:"hiddenfrom-and-visiblefrom-props",children:"hiddenFrom and visibleFrom props"}),"\n",(0,t.jsxs)(n.p,{children:["All Mantine components now support ",(0,t.jsx)(n.code,{children:"hiddenFrom"})," and ",(0,t.jsx)(n.code,{children:"visibleFrom"})," props.\nThese props accept breakpoint (",(0,t.jsx)(n.code,{children:"xs"}),", ",(0,t.jsx)(n.code,{children:"sm"}),", ",(0,t.jsx)(n.code,{children:"md"}),", ",(0,t.jsx)(n.code,{children:"lg"}),", ",(0,t.jsx)(n.code,{children:"xl"}),") and hide the component when\nviewport width is less than or greater than the specified breakpoint:"]}),"\n",(0,t.jsx)(r,{data:N.n}),"\n",(0,t.jsx)(n.h2,{id:"other-changes",children:"Other changes"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["New ",(0,t.jsx)(n.a,{href:"/core/visually-hidden",children:"VisuallyHidden"})," component"]}),"\n",(0,t.jsxs)(n.li,{children:["New ",(0,t.jsx)(n.a,{href:"/core/action-icon#actionicongroup",children:"ActionIcon.Group"})," component"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/dates/dates-provider",children:"DatesProvider"})," now supports setting timezone"]}),"\n",(0,t.jsx)(n.li,{children:"All transitions are now disabled during color scheme change"}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"theme.respectReducedMotion"})," is now set to ",(0,t.jsx)(n.code,{children:"false"})," by default – it caused a lot of confusion for users who did not know about it"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/others/notifications",children:"Notifications system"})," now exports ",(0,t.jsx)(n.code,{children:"notifications.updateState"})," function to update notifications state with a given callback"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/blockquote",children:"Blockquote"})," component has new design"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/breadcrumbs",children:"Breadcrumbs"})," component now supports ",(0,t.jsx)(n.code,{children:"separatorMargin"})," prop"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/tooltip",children:"Tooltip"})," component now supports ",(0,t.jsx)(n.code,{children:"mainAxis"})," and ",(0,t.jsx)(n.code,{children:"crossAxis"})," offset configuration"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/slider",children:"Slider and RangeSlider"})," components ",(0,t.jsx)(n.code,{children:"radius"})," prop now affects thumb as well as track"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/native-select/",children:"NativeSelect"})," component now supports setting options as ",(0,t.jsx)(n.code,{children:"children"})," and options groups"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/anchor",children:"Anchor"})," component now supports ",(0,t.jsx)(n.code,{children:"underline"})," prop which lets you configure how link will be underlined: ",(0,t.jsx)(n.code,{children:"hover"})," (default), ",(0,t.jsx)(n.code,{children:"always"})," or ",(0,t.jsx)(n.code,{children:"never"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/affix",children:"Affix"})," component no longer supports ",(0,t.jsx)(n.code,{children:"target"})," prop, use ",(0,t.jsx)(n.code,{children:"portalProps"})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/drawer",children:"Drawer"})," component no longer supports ",(0,t.jsx)(n.code,{children:"target"})," prop, use ",(0,t.jsx)(n.code,{children:"portalProps"})," instead: ",(0,t.jsx)(n.code,{children:"portalProps={{ target: '.your-selector' }}"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/container",children:"Container"})," component no longer supports ",(0,t.jsx)(n.code,{children:"sizes"})," prop, use ",(0,t.jsx)(n.a,{href:"/styles/styles-api",children:"CSS variables"})," to customize sizes on ",(0,t.jsx)(n.a,{href:"/theming/theme-object",children:"theme"})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"useComponentDefaultProps"})," hook was renamed to ",(0,t.jsx)(n.a,{href:"/theming/default-props#useprops-hook",children:"useProps"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"withinPortal"})," prop is now true by default in all overlay components (",(0,t.jsx)(n.a,{href:"/core/popover",children:"Popover"}),", ",(0,t.jsx)(n.a,{href:"/core/hover-card",children:"HoverCard"}),", ",(0,t.jsx)(n.a,{href:"/core/tooltip",children:"Tooltip"}),", etc.)"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"AlphaSlider"})," and ",(0,t.jsx)(n.code,{children:"HueSlider"})," components are no longer available, they can be used only as a part of ",(0,t.jsx)(n.a,{href:"/core/color-picker",children:"ColorPicker"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/text",children:"Text"})," default root element is now ",(0,t.jsx)(n.code,{children:"

"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/title",children:"Title"})," no longer supports all ",(0,t.jsx)(n.a,{href:"/core/text",children:"Text"})," props, only ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style props"})," are available"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"MediaQuery"})," component was removed – use ",(0,t.jsx)(n.a,{href:"/styles/css-modules",children:"CSS modules"})," to apply responsive styles"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/highlight",children:"Highlight"})," component prop ",(0,t.jsx)(n.code,{children:"highlightColor"})," was renamed to ",(0,t.jsx)(n.code,{children:"color"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/tooltip",children:"Tooltip and Tooltip.Floating"})," components no longer support ",(0,t.jsx)(n.code,{children:"width"})," prop, use ",(0,t.jsx)(n.code,{children:"w"})," ",(0,t.jsx)(n.a,{href:"/styles/style-props",children:"style prop"})," instead"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/stack",children:"Stack"})," component ",(0,t.jsx)(n.code,{children:"spacing"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"gap"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/input",children:"Input"})," and other ",(0,t.jsx)(n.code,{children:"Input"})," based components ",(0,t.jsx)(n.code,{children:"icon"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"leftSection"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/core/loader",children:"Loader"})," component ",(0,t.jsx)(n.code,{children:"variant"})," prop was renamed to ",(0,t.jsx)(n.code,{children:"type"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"@mantine/core"})," package no longer depends on ",(0,t.jsx)(n.a,{href:"https://www.radix-ui.com/docs/primitives/components/scroll-area#scroll-area",children:"Radix UI ScrollArea"}),", ",(0,t.jsx)(n.a,{href:"/core/scroll-area",children:"ScrollArea"})," component is now a native Mantine component – it reduces bundle size, allows setting CSP for styles and improves performance (all styles are now applied with classes instead of inline ",(0,t.jsx)(n.code,{children:"About Mantine | Mantine

Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

About Mantine

+

Mantine is a React components library focused on providing great user and developer experience. +Mantine development was started in January 2021 and the 1.0 version was released on May 3rd, 2021, +and since then, more than 150 releases have been published.

+

Browser support

+

Mantine is tested on real devices in the following browsers before each minor and major release: Chrome, Safari, Firefox, +Edge, Safari for iOS, Chrome for Android. Testing in other browsers is not performed.

+

All Mantine components and hooks were tested to work in the following browsers:

+
    +
  • Chromium browsers 108+ – Chrome, Edge, Chrome for Android, etc.
    • +
  • Firefox 101+
    • +
  • Safari 15.4+
    • +
  • IE (any version) is not supported
    • +
+

In most cases, Mantine components and hooks will work in any browser that is supported +by your React version that you are using. But you may experience some minor visual bugs +caused by unsupported CSS properties/selectors (for example, flexbox gap, dvh units and has pseudo-class).

+

If you need to support older browsers, you should:

+
    +
  • check the component Browser support section before usage and decide whether this component will work for your case
    • +
  • install corresponding polyfills that are required for hook/component to work in older browsers
    • +
  • check that component works in those browsers on your side (we do not test Mantine in browsers that are older than those that are listed above)
    • +
+

Releases cycle

+

All @mantine/* packages follow semver:

+
    +
  • Patches (1.0.X) are usually released every one or two weeks
    • +
  • Minor versions (1.X.0) are usually released on the first Tuesday of each month or once every two months
    • +
  • Major versions (X.0.0) are released when breaking changes are required, usually a new major version is released once every 6 months/1 year
    • +
+

Previous versions documentation

+ +

Project maintenance

+

Mantine is built and maintained by Vitaly Rtishchev and more than 300 other contributors. +Most of new features and components/hooks are added to the library based on feedback from the community – +you can participate in new features discussions on GitHub or Discord.

+

Mantine logo

+

Download Mantine logos in .svg format:

+
Mantine logo
Download svg
Mantine logo
Download svg
Mantine logo
Download svg
+

You can also install @mantine/ds package and import MantineLogo component. +Note that the package depends on @mantine/core and @mantine/hooks packages.

+
yarn add @mantine/ds
+
Color
Type
Size
import { MantineLogo } from '@mantine/ds';
+
+function Demo() {
+  return <MantineLogo color="blue" />;
+}
Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/app-shell/index.html b/app-shell/index.html new file mode 100644 index 00000000000..8a3bd3b5b40 --- /dev/null +++ b/app-shell/index.html @@ -0,0 +1,7 @@ +Mantine
\ No newline at end of file diff --git a/changelog/7-0-0/index.html b/changelog/7-0-0/index.html new file mode 100644 index 00000000000..c8fad576ab2 --- /dev/null +++ b/changelog/7-0-0/index.html @@ -0,0 +1,949 @@ +Version v7.0.0 | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Version v7.0.0

Release date

September 18th, 2023

Source code

Release on GitHub

Migration to native CSS

+

Mantine no longer depends on Emotion for styles generation. All @mantine/* +packages are now shipped with native CSS files which can be imported from @mantine/{package}/styles.css, +for example:

+
import '@mantine/core/styles.css';
+

This change improves performance, reduces bundle size of the library and allows using Mantine +in environments where CSS-in-JS is not supported (or supported with limitations), for example, +Next.js app directory.

+

Important breaking changes:

+
    +
  • createStyles function is no longer available, use CSS modules or any other styling solution of your choice instead
    • +
  • Components no longer support sx prop. You can use className or style props instead.
    • +
  • styles prop no longer supports nested selectors
    • +
+

It is now recommended to use CSS modules to style Mantine components. +To update your project to CSS modules, follow the 6.x → 7.x migration guide.

+

Vanilla extract integration

+

If you prefer CSS-in-JS syntax for styling, you can use Vanilla extract +as a TypeScript CSS preprocessor. You will be able to use most of Mantine styling features +with Vanilla extract.

+

System color scheme support

+

All components now support system color scheme – when colorScheme value is auto, +components will use prefers-color-scheme media query to determine if the user prefers light or dark color scheme.

+

Note that auto is not the default value. You need to set it manually to enable system color scheme support +both on MantineProvider and in ColorSchemeScript:

+
import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <ColorSchemeScript defaultColorScheme="auto" />
+      <MantineProvider defaultColorScheme="auto">
+        <App />
+      </MantineProvider>
+    </>
+  );
+}
+

Built-in color scheme manager

+

MantineProvider now comes with a built-in color scheme manager. +It is no longer required to use any other components to set up color scheme logic. +Color scheme can be changed with useMantineColorScheme hook:

+
import { useMantineColorScheme, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const { setColorScheme, clearColorScheme } = useMantineColorScheme();
+
+  return (
+    <Group>
+      <Button onClick={() => setColorScheme('light')}>Light</Button>
+      <Button onClick={() => setColorScheme('dark')}>Dark</Button>
+      <Button onClick={() => setColorScheme('auto')}>Auto</Button>
+      <Button onClick={clearColorScheme}>Clear</Button>
+    </Group>
+  );
+}
+

CSS modules and PostCSS preset

+

CSS modules is now the recommended way to style Mantine components, +although it is not required – you can choose any other styling solution of your choice.

+

It is also recommended to use postcss-preset-mantine. It includes +mixins and functions to simplify styling of Mantine components. postcss-preset-mantine +is included in all templates.

+

Global styles

+

Mantine no longer includes normalize.css. Instead, it uses a bare minimum set of global styles. +These styles are part of the @mantine/core package and are applied automatically when you import +@mantine/core/styles.css in your application. Note that these styles cannot be decoupled from the +rest of the library.

+

Mantine as a headless UI library

+

You can now use Mantine as a headless library. To achieve that, just do not import +@mantine/*/styles.css in your application. Then you will be able to apply styles with +Styles API.

+

createTheme function

+

createTheme function is a replacement for MantineThemeOverride type. Use it to create a theme +override, it will give you autocomplete for all theme properties:

+
import { createTheme, MantineProvider } from '@mantine/core';
+
+const theme = createTheme({
+  fontFamily: 'sans-serif',
+  primaryColor: 'orange',
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
+

Components extend functions

+

All components that support default props or Styles API now have a static extend function which allows getting autocomplete when customizing +defaultProps, classNames and styles of the component +on theme:

+
import { useState } from 'react';
+import { TextInput, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    TextInput: TextInput.extends({
+      styles: (theme, props) => ({
+        input: {
+          fontSize: props.size === 'compact' ? theme.fontSizes.sm : undefined,
+        }
+      })
+      classNames: {
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      },
+
+      defaultProps: {
+        size: 'compact',
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
+

classNames based on component props

+

You can now get component props in classNames and styles to conditionally apply styles. +This feature is a more powerful replacement for styles params.

+
import cx from 'clsx';
+import { MantineProvider, createTheme, TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    TextInput: TextInput.extend({
+      classNames: (_theme, props) => ({
+        label: cx({ [classes.labelRequired]: props.required }),
+        input: cx({ [classes.inputError]: props.error }),
+      }),
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <TextInput required label="Required input" placeholder="Required input" />
+      <TextInput error label="Input with error" placeholder="Input with error" mt="md" />
+    </MantineProvider>
+  );
+}
+

Components CSS variables

+

You can now customize components CSS variables to change component styles based on its props. +For example, it can be used to add new sizes:

+
import { Button, rem, Group, MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      vars: (theme, props) => {
+        if (props.size === 'xxl') {
+          return {
+            root: {
+              '--button-height': rem(60),
+              '--button-padding-x': rem(30),
+              '--button-fz': rem(24),
+            },
+          };
+        }
+
+        if (props.size === 'xxs') {
+          return {
+            root: {
+              '--button-height': rem(24),
+              '--button-padding-x': rem(10),
+              '--button-fz': rem(10),
+            },
+          };
+        }
+
+        return { root: {} };
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button size="xxl">XXL Button</Button>
+        <Button size="xxs">XXS Button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+

New variants system

+

All components now have data-variant attribute on the root element, even if the component does not have any predefined variants. +You can use it to apply styles to all components of the same type on theme:

+
import { Input, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+// It is better to add new variants in theme.components
+// This way you will be able to use them in anywhere in the app
+const theme = createTheme({
+  components: {
+    Input: Input.extend({ classNames: classes }),
+  }
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Input variant="underline" placeholder="Underline input" />
+      <Input variant="filled" placeholder="Filled input" mt="md" />
+    </MantineProvider>
+  );
+}
+

New sizes system

+

There are multiple ways to customize component sizes:

+ +

Example of customizing Button size with data-size attribute:

+
import { Input, createTheme, MantineProvider } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Input: Input.extend({ classNames: classes }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Input placeholder="Size XXL" size="xxl" />
+      <Input placeholder="Size XXS" size="xxs" mt="md" />
+    </MantineProvider>
+  );
+}
+

theme.variantColorResolver

+

Button, Badge, ActionIcon, ThemeIcon and other +components now support custom variants with variantColorResolver +– it supports both changing colors of existing variants and adding new variants.

+
import {
+  Button,
+  Group,
+  MantineProvider,
+  defaultVariantColorsResolver,
+  VariantColorsResolver,
+  parseThemeColor,
+  rem,
+  rgba,
+  darken,
+} from '@mantine/core';
+
+const variantColorResolver: VariantColorsResolver = (input) => {
+  const defaultResolvedColors = defaultVariantColorsResolver(input);
+  const parsedColor = parseThemeColor({
+    color: input.color || input.theme.primaryColor,
+    theme: input.theme,
+  });
+
+  // Override some properties for variant
+  if (parsedColor.isThemeColor && parsedColor.color === 'lime' && input.variant === 'filled') {
+    return { ...defaultResolvedColors, color: 'var(--mantine-color-black)' };
+  }
+
+  // Completely override variant
+  if (input.variant === 'light') {
+    return {
+      background: rgba(parsedColor.value, 0.1),
+      hover: rgba(parsedColor.value, 0.15),
+      border: `${rem(1)} solid ${parsedColor.value}`,
+      color: darken(parsedColor.value, 0.1),
+    };
+  }
+
+  // Add new variants support
+  if (input.variant === 'danger') {
+    return {
+      background: 'var(--mantine-color-red-9)',
+      hover: 'var(--mantine-color-red-8)',
+      color: 'var(--mantine-color-white)',
+      border: 'none',
+    };
+  }
+
+  return defaultResolvedColors;
+};
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ variantColorResolver }}>
+      <Group>
+        <Button color="lime.4" variant="filled">
+          Lime filled button
+        </Button>
+
+        <Button color="orange" variant="light">
+          Orange light button
+        </Button>
+
+        <Button variant="danger">Danger button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+

rem units scaling

+

It is now possible to scale rem units. It is useful when you want to change +font-size of html/:root element and preserve Mantine components sizes. For example, if you would like to set html font-size to 10px and scale Mantine components accordingly, you need +to set scale to 1 / (10 / 16) (16 – default font-size) = 1 / 0.625 = 1.6:

+
:root {
+  font-size: 10px;
+}
+
import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  scale: 1.6,
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
+

color prop improvements

+

All components that support color prop now support the following color values:

+
    +
  • Key of theme.colors, for example, blue
    • +
  • theme.colors index reference, for example, blue.5
    • +
  • Any valid CSS color value, for example, #fff, rgba(0, 0, 0, 0.5), hsl(0, 0%, 100%)
    • +
+

Filled variant

Light variant

Outline variant

import { Group, Button, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text size="sm" mb={5} fw={500}>
+        Filled variant
+      </Text>
+      <Group>
+        <Button color="cyan">Theme color</Button>
+        <Button color="#1D72FE">Hex color</Button>
+      </Group>
+
+      <Text size="sm" mb={5} mt="md" fw={500}>
+        Light variant
+      </Text>
+      <Group>
+        <Button variant="light" color="cyan">
+          Theme color
+        </Button>
+        <Button variant="light" color="#1D72FE">
+          Hex color
+        </Button>
+      </Group>
+
+      <Text size="sm" mb={5} mt="md" fw={500}>
+        Outline variant
+      </Text>
+      <Group>
+        <Button variant="outline" color="cyan">
+          Theme color
+        </Button>
+        <Button variant="outline" color="#1D72FE">
+          Hex color
+        </Button>
+      </Group>
+    </>
+  );
+}
+

Components classes

+

Classes of each component are now available in Component.classes object. For example, you can +find Button classes in Button.classes:

+
KeyClass
rootm-77c9d27d
innerm-80f1301b
labelm-811560b9
sectionm-a74036a
loaderm-a25b86ee
groupm-80d6d844
+

You can use these classes to create components with the same styles as Mantine components:

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return <button type="button" className={Button.classes.root} />;
+}
+

Theme object changes

+
    +
  • theme.lineHeight is now theme.lineHeights – it is now possible to specify multiple line heights. theme.lineHeights values are used in the Text component.
    • +
  • theme.colorScheme is no longer available, use useMantineColorScheme to get color scheme value
    • +
  • theme.dir is no longer needed, direction is now managed by DirectionProvider
    • +
  • theme.loader was removed, you can now configure default loader with default props of Loader component
    • +
  • theme.transitionTimingFunction was removed
    • +
  • theme.focusRingStyles was replaced with theme.focusClassName
    • +
  • theme.activeStyles was replaced with theme.activeClassName
    • +
  • theme.globalStyles was removed
    • +
  • theme.fn functions were removed, some of the functions are available as standalone utilities
    • +
  • New theme.scale property controls rem units scaling
    • +
  • New theme.fontSmoothing property determines whether font smoothing styles should be applied to the body element
    • +
  • New theme.variantColorResolver property allows customizing component colors per variant
    • +
+

Colors generator

+

New @mantine/colors-generator package is now available to generate +color palettes based on single color value. It is also available as online tool. +Note that it is usually better to generate colors in advance to avoid contrast issues.

+
import { MantineProvider } from '@mantine/core';
+import { generateColors } from '@mantine/colors-generator';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        colors: {
+          'pale-blue': generateColors('#375EAC'),
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
+

New setup for RTL

+

@mantine/core package now exports DirectionProvider component, which should be used to configure the direction of the application. +useDirection hook can be used to toggle direction. All components now include RTL styles by default, it is no +longer required to set up additional plugins. See RTL documentation to learn more.

+

React 18+ only

+

Starting from version 7.0 Mantine no longer supports older React versions. The minimum supported version is now React 18. +It is required because Mantine components now use useId and useSyncExternalStore +hooks, which are available only in React 18.

+

left and right section

+

Components that previously had rightSection and icon props, now use leftSection instead of icon. +Example of Button sections:

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button leftSection="left" rightSection="right">
+      Label
+    </Button>
+  );
+}
+

NumberInput changes

+

NumberInput was migrated to react-number-format. +It now supports more features and has improvements in cursor position management. +Due to migration, some of the props were renamed – follow the documentation to learn about the changes.

+
import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <NumberInput
+        label="With prefix"
+        placeholder="Dollars"
+        prefix="$"
+        defaultValue={100}
+        mb="md"
+      />
+      <NumberInput
+        label="With suffix"
+        placeholder="Percents"
+        suffix="%"
+        defaultValue={100}
+        mt="md"
+      />
+    </>
+  );
+}
+

Loader changes

+

Loader component is now built with CSS only. This change improves performance and reduces +HTML output of the component.

+
Color
Size
Type
import { Loader } from '@mantine/core';
+
+function Demo() {
+  return <Loader color="blue" />;
+}
+

Theme object no longer supports theme.loader property – +it is also now possible to add custom loaders on theme with default props. +Specified Loader will be used in all components that use it under the hood (LoadingOverlay, Button, ActionIcon, Stepper, etc.).

+
import { MantineProvider, Loader } from '@mantine/core';
+import { RingLoader } from './RingLoader';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        components: {
+          Loader: Loader.extend({
+            defaultProps: {
+              loaders: { ...Loader.defaultLoaders, ring: RingLoader },
+              type: 'ring',
+            },
+          }),
+        },
+      }}
+    >
+      <Loader />
+    </MantineProvider>
+  );
+}
+

Progress changes

+

Progress component now supports compound components pattern. +Advanced features that were previously implemented in Progress are now supposed to be implemented with +compound components instead.

+
Documents
Photos
Other
import { Progress } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Progress.Root size="xl">
+      <Progress.Section value={35} color="cyan">
+        <Progress.Label>Documents</Progress.Label>
+      </Progress.Section>
+      <Progress.Section value={28} color="pink">
+        <Progress.Label>Photos</Progress.Label>
+      </Progress.Section>
+      <Progress.Section value={15} color="orange">
+        <Progress.Label>Other</Progress.Label>
+      </Progress.Section>
+    </Progress.Root>
+  );
+}
+

Table changes

+

Table component changes:

+
    +
  • Styles API support
    • +
  • It is now required to use compound components instead of elements: Table.Tr, Table.Td, etc.
    • +
  • It is now easier to override styles – all styles are added with classes instead of deeply nested selectors on root element
    • +
  • New props: borderColor, withRowBorders, stripedColor, highlightOnHoverColor
    • +
  • withBorder prop was renamed to withTableBorder
    • +
  • fontSize prop was removed, use fz style prop instead
    • +
  • New Table.ScrollContainer component to create scrollable table
    • +
+
Element positionElement nameSymbolAtomic mass
6CarbonC12.011
7NitrogenN14.007
39YttriumY88.906
56BariumBa137.33
58CeriumCe140.12
import { Table } from '@mantine/core';
+
+function Demo() {
+  const rows = elements.map((element) => (
+    <Table.Tr key={element.name}>
+      <Table.Td>{element.position}</Table.Td>
+      <Table.Td>{element.name}</Table.Td>
+      <Table.Td>{element.symbol}</Table.Td>
+      <Table.Td>{element.mass}</Table.Td>
+    </Table.Tr>
+  ));
+
+  return (
+    <Table>
+      <Table.Thead>
+        <Table.Tr>
+          <Table.Th>Element position</Table.Th>
+          <Table.Th>Element name</Table.Th>
+          <Table.Th>Symbol</Table.Th>
+          <Table.Th>Atomic mass</Table.Th>
+        </Table.Tr>
+      </Table.Thead>
+      <Table.Tbody>{rows}</Table.Tbody>
+    </Table>
+  );
+}
+

Group changes

+

Group component changes:

+
    +
  • position prop was renamed to justify – it now supports all justify-content values
    • +
  • noWrap prop was replaced with wrap="nowrap", wrap prop now supports all flex-wrap values
    • +
  • spacing prop was replaced with gap
    • +
  • Group now supports new preventGrowOverflow prop which allows customizing how group items will behave when they grow larger than their dedicated space
    • +
+
Gap
import { Group, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <Button variant="default">First</Button>
+      <Button variant="default">Second</Button>
+      <Button variant="default">Third</Button>
+    </Group>
+  );
+}
+

Tabs changes

+
    +
  • Styles API selector tabsList renamed to list
    • +
  • TabProps type was renamed to TabsTabProps
    • +
  • onTabChange prop was renamed to onChange
    • +
  • Tabs.List position prop was renamed to justify, it now supports all justify-content values
    • +
+

Button changes

+
    +
  • compact prop was removed, use size="compact-XXX" instead
    • +
  • leftIcon and rightIcon props were renamed to leftSection and rightSection
    • +
  • uppercase prop was removed, use tt style prop instead
    • +
  • loaderPosition prop was removed, Loader is now always rendered in the center to prevent layout shifts
    • +
  • Styles API selectors were changed, see Button Styles API documentation for more details
    • +
+

AppShell changes

+

AppShell component was completely rewritten, it now supports more features:

+
    +
  • AppShell now uses compound components pattern: Navbar, Aside, Header and Footer are no longer exported from @mantine/core package. Instead, use AppShell.Navbar, AppShell.Aside, etc.
    • +
  • AppShell now supports animations when navbar/aside are opened/closed
    • +
  • Navbar/aside can now be collapsed on desktop – state is handled separately for mobile and desktop
    • +
  • Header/footer can now be collapsed the same way as navbar/aside. For example, the header can be collapsed based on scroll position or direction.
    • +
  • AppShell no longer supports fixed prop – all components have position: fixed styles, static positioning is no longer supported
    • +
  • The documentation was updated, it now includes 10+ examples on a separate page
    • +
+

SimpleGrid changes

+

SimpleGrid now uses object format to define grid breakpoints and spacing, +it works the same way as style props.

+

1

2

3

4

5

import { SimpleGrid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <SimpleGrid
+      cols={{ base: 1, sm: 2, lg: 5 }}
+      spacing={{ base: 10, sm: 'xl' }}
+      verticalSpacing={{ base: 'md', sm: 'xl' }}
+    >
+      <div>1</div>
+      <div>2</div>
+      <div>3</div>
+      <div>4</div>
+      <div>5</div>
+    </SimpleGrid>
+  );
+}
+

Grid changes

+

Grid now uses object format in gutter, offset, span and order props, +all props now work the same way as style props.

+
1
2
3
4
import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>1</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>2</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>3</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>4</Grid.Col>
+    </Grid>
+  );
+}
+

Image changes

+

Image component changes:

+
    +
  • Image component no longer includes figure and other associated elements
    • +
  • caption prop is no longer available
    • +
  • width and height props are replaced with w and h style props
    • +
  • Placeholder functionality was replaced with fallback image
    • +
+
import { Image } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Image
+      radius="md"
+      src={null}
+      h={200}
+      fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+    />
+  );
+}
+

Spotlight changes

+

Spotlight changes:

+
    +
  • The logic is no longer based on React context
    • +
  • SpotlightProvider was renamed to Spotlight
    • +
  • useSpotlight hook was removed, use spotlight object instead
    • +
  • actions prop now uses a different data format
    • +
  • It is now possible to have multiple spotlights in the same app
    • +
  • Spotlight component now uses compound components pattern for advanced customization
    • +
+
import { useState } from 'react';
+import { Spotlight, spotlight } from '@mantine/spotlight';
+import { Button } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+
+const data = ['Home', 'About us', 'Contacts', 'Blog', 'Careers', 'Terms of service'];
+
+function Demo() {
+  const [query, setQuery] = useState('');
+
+  const items = data
+    .filter((item) => item.toLowerCase().includes(query.toLowerCase().trim()))
+    .map((item) => <Spotlight.Action key={item} label={item} />);
+
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+
+      <Spotlight.Root query={query} onQueryChange={setQuery}>
+        <Spotlight.Search placeholder="Search..." leftSection={<IconSearch stroke={1.5} />} />
+        <Spotlight.ActionsList>
+          {items.length > 0 ? items : <Spotlight.Empty>Nothing found...</Spotlight.Empty>}
+        </Spotlight.ActionsList>
+      </Spotlight.Root>
+    </>
+  );
+}
+

Carousel changes

+

Carousel now uses object format for responsive values in +slideSize and slideGap props instead of breakpoints prop:

+
1
2
3
4
5
6
import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel
+      withIndicators
+      height={200}
+      slideSize={{ base: '100%', sm: '50%', md: '33.333333%' }}
+      slideGap={{ base: 0, sm: 'md' }}
+      loop
+      align="start"
+    >
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
+

@mantine/prism deprecation

+

@mantine/prism package was deprecated in favor of @mantine/code-highlight package. The new package uses highlight.js instead of Prism.

+
function Button() {
+  return <button>Click me</button>;
+}
import { CodeHighlightTabs } from '@mantine/code-highlight';
+import { TypeScriptIcon, CssIcon } from '@mantine/ds';
+
+const tsxCode = `
+function Button() {
+  return <button>Click me</button>;
+}
+`;
+
+const cssCode = `
+.button {
+  background-color: transparent;
+  color: var(--mantine-color-blue-9);
+}
+`;
+
+function getFileIcon(fileName: string) {
+  if (fileName.endsWith('.ts') || fileName.endsWith('.tsx')) {
+    return <TypeScriptIcon size={18} />;
+  }
+
+  if (fileName.endsWith('.css')) {
+    return <CssIcon size={18} />;
+  }
+
+  return null;
+}
+
+function Demo() {
+  return (
+    <CodeHighlightTabs
+      getFileIcon={getFileIcon}
+      code={[
+        {
+          fileName: 'Button.tsx',
+          code: tsxCode,
+          language: 'tsx',
+        },
+        {
+          fileName: 'Button.module.css',
+          code: cssCode,
+          language: 'scss',
+        },
+      ]}
+    />
+  );
+}
+

Fieldset component

+

New Fieldset component:

+
Personal information
Variant
Radius
import { Fieldset } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Fieldset legend="Personal information">
+      <TextInput label="Your name" placeholder="Your name" />
+      <TextInput label="Email" placeholder="Email" mt="md" />
+    </Fieldset>
+  );
+}
+

Combobox component

+

The new Combobox component allows building custom select, autocomplete, tags input, multiselect and other +similar components. It is used as a base for updated Autocomplete, Select, +TagsInput and MultiSelect components.

+

Combobox is very flexible and allows you to have full control over the component rendering and logic. +Advanced features that were previously implemented in Autocomplete, Select +and MultiSelect are now supposed to be implemented with Combobox instead.

+

You can find 50+ Combobox examples on this page.

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>{options}</Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

TagsInput component

+

New TagsInput component based on Combobox component. +The component is similar to MultiSelect but allows entering custom values.

+
import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      placeholder="Pick tag from list"
+      data={['React', 'Angular', 'Svelte']}
+    />
+  );
+}
+

withErrorStyles prop

+

All inputs now support withErrorStyles prop, which allows removing error styles from the input. +It can be used to apply custom error styles without override, or use other techniques to +indicate error state. For example, it can be used to render an icon in the right section:

+

Something went wrong

Something went wrong

import { TextInput, rem } from '@mantine/core';
+import { IconExclamationCircle } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <TextInput placeholder="Error as boolean" label="Error as boolean" error />
+      <TextInput
+        mt="md"
+        placeholder="Error as react node"
+        label="Error as react node"
+        error="Something went wrong"
+      />
+
+      <TextInput
+        mt="md"
+        placeholder="Without error styles on input"
+        label="Without error styles on input"
+        error="Something went wrong"
+        withErrorStyles={false}
+        rightSectionPointerEvents="none"
+        rightSection={
+          <IconExclamationCircle
+            style={{ width: rem(20), height: rem(20) }}
+            color="var(--mantine-color-error)"
+          />
+        }
+      />
+    </>
+  );
+}
+

hiddenFrom and visibleFrom props

+

All Mantine components now support hiddenFrom and visibleFrom props. +These props accept breakpoint (xs, sm, md, lg, xl) and hide the component when +viewport width is less than or greater than the specified breakpoint:

+
import { Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button hiddenFrom="sm" color="orange">
+        Hidden from sm
+      </Button>
+      <Button visibleFrom="sm" color="cyan">
+        Visible from sm
+      </Button>
+      <Button visibleFrom="md" color="pink">
+        Visible from md
+      </Button>
+    </Group>
+  );
+}
+

Other changes

+
    +
  • New VisuallyHidden component
    • +
  • New ActionIcon.Group component
    • +
  • DatesProvider now supports setting timezone
    • +
  • All transitions are now disabled during color scheme change
    • +
  • theme.respectReducedMotion is now set to false by default – it caused a lot of confusion for users who did not know about it
    • +
  • Notifications system now exports notifications.updateState function to update notifications state with a given callback
    • +
  • Blockquote component has new design
    • +
  • Breadcrumbs component now supports separatorMargin prop
    • +
  • Tooltip component now supports mainAxis and crossAxis offset configuration
    • +
  • Slider and RangeSlider components radius prop now affects thumb as well as track
    • +
  • NativeSelect component now supports setting options as children and options groups
    • +
  • Anchor component now supports underline prop which lets you configure how link will be underlined: hover (default), always or never
    • +
  • Affix component no longer supports target prop, use portalProps instead
    • +
  • Drawer component no longer supports target prop, use portalProps instead: portalProps={{ target: '.your-selector' }}
    • +
  • Container component no longer supports sizes prop, use CSS variables to customize sizes on theme instead
    • +
  • useComponentDefaultProps hook was renamed to useProps
    • +
  • withinPortal prop is now true by default in all overlay components (Popover, HoverCard, Tooltip, etc.)
    • +
  • AlphaSlider and HueSlider components are no longer available, they can be used only as a part of ColorPicker
    • +
  • Text default root element is now <p />
    • +
  • Title no longer supports all Text props, only style props are available
    • +
  • MediaQuery component was removed – use CSS modules to apply responsive styles
    • +
  • Highlight component prop highlightColor was renamed to color
    • +
  • Tooltip and Tooltip.Floating components no longer support width prop, use w style prop instead
    • +
  • Stack component spacing prop was renamed to gap
    • +
  • Input and other Input based components icon prop was renamed to leftSection
    • +
  • Loader component variant prop was renamed to type
    • +
  • @mantine/core package no longer depends on Radix UI ScrollArea, ScrollArea component is now a native Mantine component – it reduces bundle size, allows setting CSP for styles and improves performance (all styles are now applied with classes instead of inline <style /> tags)
    • +
  • Overlay opacity prop was renamed to backgroundOpacity to avoid collision with opacity style prop
    • +
  • Badge Styles API selectors were changed, see Badge Styles API documentation for more details
    • +
  • Slider Styles API selectors were changed, see Slider Styles API documentation for more details
    • +
  • Text component no longer supports underline, color, strikethrough, italic, transform, align and weight prop – use style props instead
    • +
  • Portal component innerRef prop was renamed to ref
    • +
  • ScrollArea now supports x and y values in offsetScrollbars prop
    • +
  • TransferList component is no longer available as a part of @mantine/core package, instead you can implement it with Combobox component (example)
    • +
  • Chip component now supports custom check icon
    • +
  • PasswordInput no longer supports visibilityToggleLabel and toggleTabIndex props, use visibilityToggleButtonProps prop instead
    • +
  • Stepper no longer supports breakpoint prop, you can apply responsive styles with Styles API
    • +
  • ColorInput no longer supports dropdownZIndex, transitionProps, withinPortal, portalProps and shadow props, you can now pass these props with popoverProps prop
    • +
  • LoadingOverlay props are now grouped by the component they are passed down to: overlayProps, loaderProps and transitionProps now replace props that were previously passed to LoadingOverlay directly
    • +
  • Dropzone component no longer supports padding prop, use p style prop instead
    • +
  • Dialog component now supports all Paper and Affix props, transitionDuration, transition and other transition related props were replaced with transitionProps
    • +
  • Checkbox, Radio, Chip and Switch components now support rootRef prop which allows using them with Tooltip and other similar components
    • +

Previous

Rich text editor

Next

Previous versions

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/changelog/previous-versions/index.html b/changelog/previous-versions/index.html new file mode 100644 index 00000000000..df187a353cc --- /dev/null +++ b/changelog/previous-versions/index.html @@ -0,0 +1,39 @@ +Previous versions | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Previous changelogs

+

Previous

Version v7.0.0

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/colors-generator/index.html b/colors-generator/index.html new file mode 100644 index 00000000000..79b3b161daa --- /dev/null +++ b/colors-generator/index.html @@ -0,0 +1,45 @@ +Colors generator | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Mantine colors generator

0#eef3ff
1#dce4f5
2#b9c7e2
3#94a8d0
4#748dc1
5#5f7cb8
6#5474b4
7#44639f
8#39588f
9#2d4b81
Variants preview
FilledLightOutlineSubtle
Colors array
[
+  "#eef3ff",
+  "#dce4f5",
+  "#b9c7e2",
+  "#94a8d0",
+  "#748dc1",
+  "#5f7cb8",
+  "#5474b4",
+  "#44639f",
+  "#39588f",
+  "#2d4b81"
+]
Usage with MantineProvider
import { MantineProvider, createTheme, MantineColorsTuple } from '@mantine/core';
+
+const myColor: MantineColorsTuple = [
+  '#eef3ff',
+  '#dce4f5',
+  '#b9c7e2',
+  '#94a8d0',
+  '#748dc1',
+  '#5f7cb8',
+  '#5474b4',
+  '#44639f',
+  '#39588f',
+  '#2d4b81'
+];
+
+const theme = createTheme({
+  colors: {
+    myColor,
+  }
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/combobox/index.html b/combobox/index.html new file mode 100644 index 00000000000..45d5d52d423 --- /dev/null +++ b/combobox/index.html @@ -0,0 +1,7 @@ +Combobox examples | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for
\ No newline at end of file diff --git a/contribute/index.html b/contribute/index.html new file mode 100644 index 00000000000..40f99d3fd22 --- /dev/null +++ b/contribute/index.html @@ -0,0 +1,59 @@ +Contributing to Mantine | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Contributing to Mantine

+

First of all, thank you for showing interest in contributing to Mantine! All your contributions are extremely valuable to the project!

+

Ways to contribute

+
    +
  • Improve documentation: Fix incomplete or missing docs, bad wording, examples or explanations.
    • +
  • Give feedback: We are constantly working on making Mantine better. Please share how you use Mantine, what features are missing and what is done well via GitHub Discussions or Discord.
    • +
  • Share Mantine: Share links to the Mantine docs with everyone who might be interested! Share Mantine on Twitter here.
    • +
  • Contribute to the codebase: Propose new features via GitHub Issues, or find an existing issue that you are interested in and work on it!
    • +
  • Give us a code review: Help us identify problems with the source code or make Mantine more performant.
    • +
+

Contributing workflow

+
    +
  • Decide on what you want to contribute.
    • +
  • If you would like to implement a new feature, discuss it with the maintainer (GitHub Discussions or Discord) before jumping into coding.
    • +
  • After finalizing issue details, as you begin working on the code, please make sure to follow commit conventions.
    • +
  • Run tests with npm test and submit a PR once all tests have passed.
    • +
  • Get a code review and fix all issues noticed by the maintainer.
    • +
  • If you cannot finish your task or if you change your mind – that's totally fine! Just let us know in the GitHub issue that you created during the first step of this process. The Mantine community is friendly – we won't judge or ask any questions if you decide to cancel your submission.
    • +
  • Your PR is merged. You are awesome ❤️!
    • +
+

Get started with Mantine locally

+
    +
  • Install the editorconfig extension for your editor.
    • +
  • Fork the repository, then clone or download your fork.
    • +
  • Install dependencies with yarn – yarn
    • +
  • Build local version of all packages – npm run build:all
    • +
  • Build local version of specific packages – npm run build @mantine/core @mantine/demos @mantine/hooks
    • +
  • To start storybook – npm run storybook
    • +
  • To start docs – npm run docs
    • +
  • To rebuild props descriptions – npm run docs:docgen
    • +
+

npm scripts

+

All npm scripts are located at main package.json. +Individual packages do not have dedicated scripts.

+

Development scripts

+
    +
  • storybook – Starts the storybook development server. To start storybook for a specific component, use the npm run storybook Tooltip command.
    • +
  • docs – Starts the docs development server.
    • +
+

Testing scripts

+
    +
  • syncpack – runs syncpack
    • +
  • typecheck – runs TypeScript typechecking with tsc --noEmit on all packages and docs
    • +
  • lint – runs ESLint on src folder
    • +
  • jest – runs tests with jest
    • +
  • test – runs all above testing scripts
    • +
+

Docs scripts

+
    +
  • docs:docgen – generates components types information with docgen script
    • +
  • docs:build – builds docs for production
    • +
  • docs:deploy – builds and deploys docs to the GitHub Pages
    • +
Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/accordion/index.html b/core/accordion/index.html new file mode 100644 index 00000000000..2c2acedba1a --- /dev/null +++ b/core/accordion/index.html @@ -0,0 +1,406 @@ +Accordion | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Accordion

Divide content into collapsible sections

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Data used in Accordion examples:

+
const groceries = [
+  {
+    emoji: '🍎',
+    value: 'Apples',
+    description:
+      'Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.',
+  },
+  {
+    emoji: '🍌',
+    value: 'Bananas',
+    description:
+      'Naturally sweet and potassium-rich fruit. Bananas are a popular choice for their energy-boosting properties and can be enjoyed as a quick snack, added to smoothies, or used in baking.',
+  },
+  {
+    emoji: '🥦',
+    value: 'Broccoli',
+    description:
+      'Nutrient-packed green vegetable. Broccoli is packed with vitamins, minerals, and fiber. It has a distinct flavor and can be enjoyed steamed, roasted, or added to stir-fries.',
+  },
+];
+
Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.
Radius
Chevron position
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  // See groceries data above
+  const items = groceries.map((item) => (
+    <Accordion.Item key={item.value} value={item.value}>
+      <Accordion.Control icon={item.emoji}>{item.value}</Accordion.Control>
+      <Accordion.Panel>{item.description}</Accordion.Panel>
+    </Accordion.Item>
+  ));
+
+  return (
+    <Accordion defaultValue="Apples">
+      {items}
+    </Accordion>
+  );
+}
+

Custom control label

+
import { Group, Avatar, Text, Accordion } from '@mantine/core';
+
+const charactersList = [
+  {
+    id: 'bender',
+    image: 'https://img.icons8.com/clouds/256/000000/futurama-bender.png',
+    label: 'Bender Bending Rodríguez',
+    description: 'Fascinated with cooking, though has no sense of taste',
+    content: "Bender Bending Rodríguez, (born September 4, 2996), designated Bending Unit 22, and commonly known as Bender, is a bending unit created by a division of MomCorp in Tijuana, Mexico, and his serial number is 2716057. His mugshot id number is 01473. He is Fry's best friend.",
+  },
+
+  {
+    id: 'carol',
+    image: 'https://img.icons8.com/clouds/256/000000/futurama-mom.png',
+    label: 'Carol Miller',
+    description: 'One of the richest people on Earth',
+    content: "Carol Miller (born January 30, 2880), better known as Mom, is the evil chief executive officer and shareholder of 99.7% of Momcorp, one of the largest industrial conglomerates in the universe and the source of most of Earth's robots. She is also one of the main antagonists of the Futurama series.",
+  },
+
+  {
+    id: 'homer',
+    image: 'https://img.icons8.com/clouds/256/000000/homer-simpson.png',
+    label: 'Homer Simpson',
+    description: 'Overweight, lazy, and often ignorant',
+    content: 'Homer Jay Simpson (born May 12) is the main protagonist and one of the five main characters of The Simpsons series(or show). He is the spouse of Marge Simpson and father of Bart, Lisa and Maggie Simpson.',
+  },
+];
+
+interface AccordionLabelProps {
+  label: string;
+  image: string;
+  description: string;
+}
+
+function AccordionLabel({ label, image, description }: AccordionLabelProps) {
+  return (
+    <Group wrap="nowrap">
+      <Avatar src={image} radius="xl" size="lg" />
+      <div>
+        <Text>{label}</Text>
+        <Text size="sm" c="dimmed" fw={400}>
+          {description}
+        </Text>
+      </div>
+    </Group>
+  );
+}
+
+function Demo() {
+  const items = charactersList.map((item) => (
+    <Accordion.Item value={item.id} key={item.label}>
+      <Accordion.Control>
+        <AccordionLabel {...item} />
+      </Accordion.Control>
+      <Accordion.Panel>
+        <Text size="sm">{item.content}</Text>
+      </Accordion.Panel>
+    </Accordion.Item>
+  ));
+
+  return (
+    <Accordion chevronPosition="right" variant="contained">
+      {items}
+    </Accordion>
+  );
+}
+

Change chevron

+
Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.
import { IconPlus } from '@tabler/icons-react';
+import { Accordion } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  // See groceries data above
+  const items = groceries.map((item) => (
+    <Accordion.Item key={item.value} value={item.value}>
+      <Accordion.Control icon={item.emoji} disabled={item.value === 'Bananas'}>
+        {item.value}
+      </Accordion.Control>
+      <Accordion.Panel>{item.description}</Accordion.Panel>
+    </Accordion.Item>
+  ));
+
+  return (
+    <Accordion
+      defaultValue="Apples"
+      classNames={{ chevron: classes.chevron }}
+      chevron={<IconPlus className={classes.icon} />}
+    >
+      {items}
+    </Accordion>
+  );
+}
+

With icons

+
import { IconPhoto, IconPrinter, IconCameraSelfie } from '@tabler/icons-react';
+import { Accordion, rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Accordion variant="contained">
+      <Accordion.Item value="photos">
+        <Accordion.Control
+          icon={
+            <IconPhoto
+              style={{ color: 'var(--mantine-color-red-filled', width: rem(20), height: rem(20) }}
+            />
+          }
+        >
+          Recent photos
+        </Accordion.Control>
+        <Accordion.Panel>Content</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="print">
+        <Accordion.Control
+          icon={
+            <IconPrinter
+              style={{ color: 'var(--mantine-color-blue-filled', width: rem(20), height: rem(20) }}
+            />
+          }
+        >
+          Print photos
+        </Accordion.Control>
+        <Accordion.Panel>Content</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="camera">
+        <Accordion.Control
+          icon={
+            <IconCameraSelfie
+              style={{ color: 'var(--mantine-color-teal-filled)', width: rem(20), height: rem(20) }}
+            />
+          }
+        >
+          Camera settings
+        </Accordion.Control>
+        <Accordion.Panel>Content</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

Change transition

+

To change transition duration, set transitionDuration prop:

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Accordion transitionDuration={1000}>
+      {/* ...content */}
+    </Accordion>
+  )
+}
+

To disable transitions, set transitionDuration to 0:

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Accordion transitionDuration={0}>
+      {/* ...content */}
+    </Accordion>
+  )
+}
+

Default opened items

+

When multiple={false}, set defaultValue as string:

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  // Second item will be opened by default
+  return (
+    <Accordion defaultValue="item-2">
+      <Accordion.Item value="item-1">
+        <Accordion.Control>control-1</Accordion.Control>
+        <Accordion.Panel>panel-1</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-2">
+        <Accordion.Control>control-2</Accordion.Control>
+        <Accordion.Panel>panel-2</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

When multiple={true}, set defaultValue as an array of strings:

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  // Both items will be opened by default
+  return (
+    <Accordion multiple defaultValue={['item-1', 'item-2']}>
+      <Accordion.Item value="item-1">
+        <Accordion.Control>control-1</Accordion.Control>
+        <Accordion.Panel>panel-1</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-2">
+        <Accordion.Control>control-2</Accordion.Control>
+        <Accordion.Panel>panel-2</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

Control state

+

When multiple={false}, set value as string:

+
import { useState } from 'react';
+import { Accordion } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string | null>(null);
+
+  return (
+    <Accordion value={value} onChange={setValue}>
+      <Accordion.Item value="item-1">
+        <Accordion.Control>control-1</Accordion.Control>
+        <Accordion.Panel>panel-1</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-2">
+        <Accordion.Control>control-2</Accordion.Control>
+        <Accordion.Panel>panel-2</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

When multiple={true}, set value as an array of strings:

+
import { useState } from 'react';
+import { Accordion } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string[]>([]);
+
+  return (
+    <Accordion multiple value={value} onChange={setValue}>
+      <Accordion.Item value="item-1">
+        <Accordion.Control>control-1</Accordion.Control>
+        <Accordion.Panel>panel-1</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-2">
+        <Accordion.Control>control-2</Accordion.Control>
+        <Accordion.Panel>panel-2</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

Compose controls

+

You can add any additional elements that will be displayed next to Accordion.Control, +for example, you can add ActionIcon or Menu:

+
import { Accordion, ActionIcon, AccordionControlProps, Center } from '@mantine/core';
+import { IconDots } from '@tabler/icons-react';
+
+function AccordionControl(props: AccordionControlProps) {
+  return (
+    <Center>
+      <Accordion.Control {...props} />
+      <ActionIcon size="lg" variant="subtle" color="gray">
+        <IconDots size="1rem" />
+      </ActionIcon>
+    </Center>
+  );
+}
+
+function Demo() {
+  return (
+    <Accordion chevronPosition="left" maw={400} mx="auto">
+      <Accordion.Item value="item-1">
+        <AccordionControl>Control 1</AccordionControl>
+        <Accordion.Panel>Panel 1</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-2">
+        <AccordionControl>Control 2</AccordionControl>
+        <Accordion.Panel>Panel 2</Accordion.Panel>
+      </Accordion.Item>
+
+      <Accordion.Item value="item-3">
+        <AccordionControl>Control 3</AccordionControl>
+        <Accordion.Panel>Panel 3</Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}
+

Disabled items

+

Set disabled prop on Accordion.Control component to disable it. +Disabled items cannot be activated with mouse or keyboard, will be skipped when user navigates with arrow keys:

+
Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  // See groceries data above
+  const items = groceries.map((item) => (
+    <Accordion.Item key={item.value} value={item.value}>
+      <Accordion.Control icon={item.emoji} disabled={item.value === 'Bananas'}>
+        {item.value}
+      </Accordion.Control>
+      <Accordion.Panel>{item.description}</Accordion.Panel>
+    </Accordion.Item>
+  ));
+
+  return (
+    <Accordion maw={400} defaultValue="Apples">
+      {items}
+    </Accordion>
+  );
+}
+

Unstyled Accordion

+

Set unstyled prop on Accordion component to remove all non-essential library styles. +It can be used to style component with Styles API without overriding any styles.

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Accordion unstyled>
+      {/* ... Accordion items */}
+    </Accordion>
+  );
+}
+

Styles API

Accordion supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Use Styles API to customize Accordion styles:

+

Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Use Styles API to customize Accordion styles:

+
Crisp and refreshing fruit. Apples are known for their versatility and nutritional benefits. They come in a variety of flavors and are great for snacking, baking, or adding to salads.
import { Accordion } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  // See groceries data above
+  const items = groceries.map((item) => (
+    <Accordion.Item key={item.value} value={item.value}>
+      <Accordion.Control icon={item.emoji}>{item.value}</Accordion.Control>
+      <Accordion.Panel>{item.description}</Accordion.Panel>
+    </Accordion.Item>
+  ));
+
+  return (
+    <Accordion maw={400} defaultValue="Apples" classNames={classes}>
+      {items}
+    </Accordion>
+  );
+}
+

TypeScript

+

AccordionProps type exported from @mantine/core is a generic, it accepts boolean type that +describes multiple state:

+
import type { AccordionProps } from '@mantine/core';
+
+type MultipleAccordionProps = AccordionProps<true>;
+type DefaultAccordionProps = AccordionProps<false>;
+

Accessibility

+

Accordion component follows WAI-ARIA recommendations on accessibility.

+

Set order on Accordion component to wrap accordion controls with h2-h6 heading. +The following example will wrap controls with h3 tag:

+
import { Accordion } from '@mantine/core';
+
+function Demo() {
+  return <Accordion order={3}>{/* ...items */}</Accordion>;
+}
+

Keyboard interactions:

+
KeyDescription
ArrowDownMoves focus to next item
ArrowUpMoves focus to previous item
HomeMoves focus to first item
EndMoves focus to last item
Space/EnterToggles focused item opened state

Previous

Tooltip

Next

Avatar

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/action-icon/index.html b/core/action-icon/index.html new file mode 100644 index 00000000000..2a9b4010f51 --- /dev/null +++ b/core/action-icon/index.html @@ -0,0 +1,259 @@ +ActionIcon | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

ActionIcon

Icon button

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Color
Size
Radius
import { ActionIcon } from '@mantine/core';
+import { IconAdjustments } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ActionIcon variant="filled" aria-label="Settings">
+      <IconAdjustments style={{ width: '70%', height: '70%' }} stroke={1.5} />
+    </ActionIcon>
+  );
+}
+

Gradient variant

When variant prop is set to gradient, you can control gradient with gradient prop, it accepts an object with from, to and deg properties. If thegradient prop is not set, ActionIcon will use theme.defaultGradient which can be configured on the theme object. gradient prop is ignored when variant is not gradient.

Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify ActionIcon styles.

+
Gradient from
Gradient to
Gradient degree
import { ActionIcon } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ActionIcon
+      variant="gradient"
+      size="xl"
+      aria-label="Gradient action icon"
+      gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
+    >
+      <IconHeart />
+    </ActionIcon>
+  );
+}
+

Size

+

You can use any valid CSS value in size prop, it is used to set width, min-width, min-height and height +properties. Note that size prop does not control child icon size, you need to +set it manually on icon component. When size is a number, the value is treated as px units and +converted to rem units.

+
import { ActionIcon, rem } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ActionIcon size={42} variant="default" aria-label="ActionIcon with size as a number">
+      <IconHeart style={{ width: rem(24), height: rem(24) }} />
+    </ActionIcon>
+  );
+}
+

Disabled state

+

To make ActionIcon disabled set disabled prop, this will prevent any interactions with the button +and add disabled styles. If you want the button to just look disabled but still be interactive, +set data-disabled prop instead. Note that disabled styles are the same for all variants.

+
import { ActionIcon, Group } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <ActionIcon size="xl" disabled aria-label="Disabled and not interactive">
+        <IconHeart />
+      </ActionIcon>
+
+      <ActionIcon size="xl" data-disabled aria-label="Has disabled styles but still interactive">
+        <IconHeart />
+      </ActionIcon>
+    </Group>
+  );
+}
+

Disabled state when ActionIcon is link

+

<a /> element does not support disabled attribute. To make ActionIcon disabled when it is +rendered as a link, set data-disabled attribute instead and prevent default behavior in +onClick event handler.

+
import { ActionIcon } from '@mantine/core';
+import { IconExternalLink } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ActionIcon
+      component="a"
+      href="https://mantine.dev"
+      data-disabled
+      size="xl"
+      aria-label="Open in a new tab"
+      onClick={(event) => event.preventDefault()}
+    >
+      <IconExternalLink />
+    </ActionIcon>
+  );
+}
+

Customize disabled styles

+

To customize disabled styles, it is recommended to use both &:disabled and &[data-disabled] +selectors:

+
    +
  • &:disabled is used to style the button when disabled prop is set and +also when the button is disabled by the parent component (for example, when disabled prop is set on a +<fieldset /> element which contains ActionIcon).
    • +
  • &[data-disabled] is used to style the button when it is not actually disabled but should look like +it is (for example, data-disabled should be used if you need to use Tooltip with disabled ActionIcon +or when ActionIcon is used as a link)
    • +
+
.button {
+  &:disabled,
+  &[data-disabled] {
+    border-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    background-color: transparent;
+  }
+}
+

Disabled button with Tooltip

+

onMouseLeave event is not triggered when ActionIcon is disabled, so if you need to use +Tooltip with disabled ActionIcon you need to set data-disabled prop on ActionIcon +instead of disabled. Note that it is also required to change onClick event handler to +(event) => event.preventDefault() as ActionIcon is not actually disabled and will still trigger +onClick event.

+
import { ActionIcon, Tooltip } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip for disabled button">
+      <ActionIcon size="xl" data-disabled onClick={(event) => event.preventDefault()}>
+        <IconHeart />
+      </ActionIcon>
+    </Tooltip>
+  );
+}
+

Loading state

+

When loading prop is set, ActionIcon will be disabled and Loader with overlay will be rendered +in the center of the button. Loader color depends on ActionIcon variant.

+
import { ActionIcon, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <ActionIcon loading aria-label="Filled loading" />
+      <ActionIcon variant="light" loading aria-label="Light loading" />
+      <ActionIcon variant="outline" loading aria-label="Outline loading" />
+    </Group>
+  );
+}
+

Loader props

+

You can customize Loader with loaderProps prop, it accepts all props that +Loader component has:

+
import { ActionIcon } from '@mantine/core';
+
+function Demo() {
+  return <ActionIcon size="xl" loading loaderProps={{ type: 'dots' }} />;
+}
+

Add custom variants

+

To add new ActionIcon variants, use data-variant attribute. +Usually new variants are added on theme, this way they are +available in all ActionIcon components in your application.

+
import { Group, ActionIcon, MantineProvider, createTheme } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    ActionIcon: ActionIcon.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group justify="center">
+        <ActionIcon size="xl" variant="danger" aria-label="Danger variant">
+          <IconHeart />
+        </ActionIcon>
+        <ActionIcon size="xl" variant="primary" aria-label="Primary variant">
+          <IconHeart />
+        </ActionIcon>
+      </Group>
+    </MantineProvider>
+  );
+}
+

Add custom sizes

+

ActionIcon sizes are defined by --ai-size-{x} CSS variables. The easiest way to add new sizes is to +define additional --ai-size-{x} variables on the root element:

+
.root {
+  --ai-size-xxs: rem(16px);
+  --ai-size-xxl: rem(50px);
+}
+

ActionIcon.Group

+
Orientation
import { ActionIcon, rem } from '@mantine/core';
+import { IconPhoto, IconSettings, IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ActionIcon.Group>
+      <ActionIcon variant="default" size="lg" aria-label="Gallery">
+        <IconPhoto style={{ width: rem(20) }} stroke={1.5} />
+      </ActionIcon>
+
+      <ActionIcon variant="default" size="lg" aria-label="Settings">
+        <IconSettings style={{ width: rem(20) }} stroke={1.5} />
+      </ActionIcon>
+
+      <ActionIcon variant="default" size="lg" aria-label="Likes">
+        <IconHeart style={{ width: rem(20) }} stroke={1.5} />
+      </ActionIcon>
+    </ActionIcon.Group>
+  );
+}
+

Note that you must not wrap child ActionIcon components with any additional elements:

+
import { ActionIcon } from '@mantine/core';
+
+// Will not work correctly
+function Demo() {
+  return (
+    <ActionIcon.Group>
+      <div>
+        <ActionIcon>This will not work</ActionIcon>
+      </div>
+      <ActionIcon>ActionIcons will have incorrect borders</ActionIcon>
+    </ActionIcon.Group>
+  );
+}
+

Polymorphic component

ActionIcon is a polymorphic component – its default root element is button, but it can be changed to any other element or component with component prop:

import { ActionIcon } from '@mantine/core';
+
+function Demo() {
+  return <ActionIcon component="a" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { ActionIcon } from '@mantine/core';
+
+function Demo() {
+  return <ActionIcon component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, ActionIconProps does not extend React.ComponentPropsWithoutRef'<'div'>' although button is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { ActionIconProps, ElementProps } from '@mantine/core';
+
+interface MyActionIconProps extends ActionIconProps,
+  ElementProps<'a', keyof ActionIconProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

+

Get element ref

import { useRef } from 'react';
+import { ActionIcon } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <ActionIcon ref={ref} />;
+}
+

Accessibility

+

To make ActionIcon accessible for screen readers, you need to either set aria-label or +use VisuallyHidden component:

+
import { ActionIcon, VisuallyHidden } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <ActionIcon aria-label="Like post">
+        <IconHeart />
+      </ActionIcon>
+
+      <ActionIcon>
+        <VisuallyHidden>Like post</VisuallyHidden>
+        <IconHeart />
+      </ActionIcon>
+    </>
+  );
+}

Previous

TagsInput

Next

Button

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/affix/index.html b/core/affix/index.html new file mode 100644 index 00000000000..6936b270047 --- /dev/null +++ b/core/affix/index.html @@ -0,0 +1,35 @@ +Affix | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Affix

Renders children inside portal at fixed position

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Affix renders a div element with a fixed position inside the Portal component. +Use it to display elements fixed at any position on the screen, for example, scroll to top button:

+

Affix is located at the bottom of the screen, scroll to see it

import { IconArrowUp } from '@tabler/icons-react';
+import { useWindowScroll } from '@mantine/hooks';
+import { Affix, Button, Text, Transition, rem } from '@mantine/core';
+
+function Demo() {
+  const [scroll, scrollTo] = useWindowScroll();
+
+  return (
+    <>
+      <Text ta="center">Affix is located at the bottom of the screen, scroll to see it</Text>
+      <Affix position={{ bottom: 20, right: 20 }}>
+        <Transition transition="slide-up" mounted={scroll.y > 0}>
+          {(transitionStyles) => (
+            <Button
+              leftSection={<IconArrowUp style={{ width: rem(16), height: rem(16) }} />}
+              style={transitionStyles}
+              onClick={() => scrollTo({ y: 0 })}
+            >
+              Scroll to top
+            </Button>
+          )}
+        </Transition>
+      </Affix>
+    </>
+  );
+}

Previous

Skeleton

Next

Dialog

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/alert/index.html b/core/alert/index.html new file mode 100644 index 00000000000..54fccad35be --- /dev/null +++ b/core/alert/index.html @@ -0,0 +1,48 @@ +Alert | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Alert

Attract user attention with important static message

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Color
Radius
import { Alert } from '@mantine/core';
+import { IconInfoCircle } from '@tabler/icons-react';
+
+function Demo() {
+  const icon = <IconInfoCircle />;
+  return (
+    <Alert variant="light" color="blue" title="Alert title" icon={icon}>
+      Lorem ipsum dolor sit, amet consectetur adipisicing elit. At officiis, quae tempore necessitatibus placeat saepe.
+    </Alert>
+  );
+}
+

Styles API

Alert supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Accessibility

+
    +
  • Root element role set to alert
    • +
  • aria-describedby set to body element id, aria-labelledby set to title element id if title is provided
    • +
  • Set closeButtonLabel prop to make close button accessible
    • +
+
import { Alert } from '@mantine/core';
+
+function Invalid() {
+  // -> not ok
+  return <Alert withCloseButton />;
+}
+
+function Valid() {
+  // -> ok
+  return <Alert withCloseButton closeButtonLabel="Dismiss" />;
+}
+
+function AlsoValid() {
+  // -> ok, without close button, closeButtonLabel is not needed
+  return <Alert />;
+}

Previous

Tabs

Next

Loader

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/anchor/index.html b/core/anchor/index.html new file mode 100644 index 00000000000..ee234e111f7 --- /dev/null +++ b/core/anchor/index.html @@ -0,0 +1,80 @@ +Anchor | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Anchor

Display link with theme styles

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Anchor component
import { Anchor } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Anchor href="https://mantine.dev/" target="_blank">
+      Anchor component
+    </Anchor>
+  );
+}
+

Underline

+

Use underline prop to configure text-decoration property. It accepts the following values:

+
    +
  • always - link is always underlined
    • +
  • hover - link is underlined on hover
    • +
  • never - link is never underlined
    • +
+
Underline alwaysUnderline hoverUnderline never
import { Anchor, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Anchor href="https://mantine.dev/" target="_blank" underline="always">
+        Underline always
+      </Anchor>
+      <Anchor href="https://mantine.dev/" target="_blank" underline="hover">
+        Underline hover
+      </Anchor>
+      <Anchor href="https://mantine.dev/" target="_blank" underline="never">
+        Underline never
+      </Anchor>
+    </Group>
+  );
+}
+

You can also configure underline prop for all Anchor components with default props:

+
import { Anchor, createTheme, MantineProvider } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Anchor: Anchor.extend({
+      defaultProps: {
+        underline: 'always',
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
+

Polymorphic component

Anchor is a polymorphic component – its default root element is a, but it can be changed to any other element or component with component prop:

import { Anchor } from '@mantine/core';
+
+function Demo() {
+  return <Anchor component="button" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { Anchor } from '@mantine/core';
+
+function Demo() {
+  return <Anchor component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, AnchorProps does not extend React.ComponentPropsWithoutRef'<'div'>' although a is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { AnchorProps, ElementProps } from '@mantine/core';
+
+interface MyAnchorProps extends AnchorProps,
+  ElementProps<'button', keyof AnchorProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

+

Get element ref

import { useRef } from 'react';
+import { Anchor } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLAnchorElement>(null);
+  return <Anchor ref={ref} />;
+}

Previous

UnstyledButton

Next

Breadcrumbs

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/app-shell/index.html b/core/app-shell/index.html new file mode 100644 index 00000000000..7dd30a3a1b2 --- /dev/null +++ b/core/app-shell/index.html @@ -0,0 +1,302 @@ +AppShell | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

AppShell

Responsive shell for your application with header, navbar, aside and footer

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Examples

+

This page includes only documentation. Since all associated AppShell components have fixed +position, it is not possible to include demos on this page. You can find 10+ examples on +this page

+

Usage

+

AppShell is a layout component. It can be used to implement a common Header – Navbar – Footer – Aside +layout pattern. All AppShell components have position: fixed style – they are not scrolled with +the page.

+

Basic AppShell example with header and navbar. +Navbar is hidden on mobile by default and toggled with the burger button.

+
import { useDisclosure } from '@mantine/hooks';
+import { AppShell, Burger } from '@mantine/core';
+
+function Demo() {
+  const [opened, { toggle }] = useDisclosure();
+
+  return (
+    <AppShell
+      header={{ height: 60 }}
+      navbar={{ width: 300, breakpoint: 'sm', collapsed: { mobile: !opened } }}
+      padding="md"
+    >
+      <AppShell.Header>
+        <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="sm" />
+        <div>Logo</div>
+      </AppShell.Header>
+
+      <AppShell.Navbar p="md">Navbar</AppShell.Navbar>
+
+      <AppShell.Main>Main</AppShell.Main>
+    </AppShell>
+  );
+}
+

Configuration

+

AppShell component accepts, header, footer, navbar and aside props to configure +corresponding sections. It is required to set these props if you want to use corresponding +components. For example, if you want to use AppShell.Header component, you need to set header +prop on the AppShell component.

+

header and footer configuration objects are the same and have the following properties:

+
interface Configuration {
+  /** Height of the section: number, string or
+   ** object with breakpoints as keys and height as value */
+  height: AppShellSize | AppShellResponsiveSize;
+
+  /** If section is collapsed,
+   ** it is hidden from the viewport and is not offset in AppShell.Main */
+  collapsed?: boolean;
+
+  /** Determines whether the section should be offset by the AppShell.Main.
+   ** For example, it is useful if you want to
+   ** hide header based on the scroll position. */
+  offset?: boolean;
+}
+

navbar and aside configuration objects are the same as well and have the following properties:

+
interface Configuration {
+  /** Width of the section: number, string or
+   ** object with breakpoints as keys and width as value */
+  width: AppShellSize | AppShellResponsiveSize;
+
+  /** Breakpoint at which section should switch to mobile mode
+   ** In mobile mode the section always has 100% width and its
+   ** collapsed state is controlled by the `collapsed.mobile`
+   ** instead of `collapsed.desktop` */
+  breakpoint: MantineBreakpoint | (string & {}) | number;
+
+  /** Determines whether the section should be collapsed */
+  collapsed?: { desktop?: boolean; mobile?: boolean };
+}
+

layout prop

+

layout prop controls how AppShell.Header/AppShell.Footer and AppShell.Navbar/AppShell.Aside +are positioned relative to each other. It accepts alt and default values:

+
    +
  • alt – AppShell.Navbar/AppShell.Aside height is equal to viewport height, AppShell.Header/AppShell.Footer width is equal to viewport width - AppShell.Navbar and AppShell.Aside width (example)
    • +
  • default – AppShell.Navbar/AppShell.Aside height is equal to viewport height - AppShell.Header/AppShell.Footer height, AppShell.Header/AppShell.Footer width is equal to viewport width (example)
    • +
+

Height configuration

+

height property in header and footer configuration objects works the following way:

+
    +
  • If you pass a number, the value will be converted to rem and used as +height at all viewport sizes.
    • +
  • To change height based on viewport width, use object with breakpoints as keys and height as +values. It works the same way as style props.
    • +
+

Examples:

+
import { AppShell } from '@mantine/core';
+
+// Height is a number, it will be converted to rem
+// and used as height at all viewport sizes
+function Demo() {
+  return (
+    <AppShell header={{ height: 48 }}>
+      <AppShell.Header>Header</AppShell.Header>
+    </AppShell>
+  );
+}
+
import { AppShell } from '@mantine/core';
+
+// Height is an object with breakpoints:
+// - height is 48 when viewport width is < theme.breakpoints.sm
+// - height is 60 when viewport width is >= theme.breakpoints.sm and < theme.breakpoints.lg
+// - height is 76 when viewport width is >= theme.breakpoints.lg
+function Demo() {
+  return (
+    <AppShell header={{ height: { base: 48, sm: 60, lg: 76 } }}>
+      <AppShell.Header>Header</AppShell.Header>
+    </AppShell>
+  );
+}
+

Width configuration

+

width property in navbar and aside configuration objects works the following way:

+
    +
  • If you pass a number, the value will be converted to rem and used as +width when the viewport is larger than breakpoint.
    • +
  • To change width based on viewport width, use object with breakpoints as keys and width as +values. It works the same way as style props. +Note that width is always 100% when the viewport is smaller than breakpoint.
    • +
+

Examples:

+
import { AppShell } from '@mantine/core';
+
+// Width is a number, it will be converted to rem
+// and used as width when viewport is larger than theme.breakpoints.sm
+function Demo() {
+  return (
+    <AppShell navbar={{ width: 48, breakpoint: 'sm' }}>
+      <AppShell.Navbar>Navbar</AppShell.Navbar>
+    </AppShell>
+  );
+}
+
import { AppShell } from '@mantine/core';
+
+// Width is an object with breakpoints:
+// - width is 100% when viewport width is < theme.breakpoints.sm
+// - width is 200 when viewport width is >= theme.breakpoints.sm and < theme.breakpoints.lg
+// - width is 300 when viewport width is >= theme.breakpoints.lg
+function Demo() {
+  return (
+    <AppShell navbar={{ width: { sm: 200, lg: 300 }, breakpoint: 'sm' }}>
+      <AppShell.Navbar>Navbar</AppShell.Navbar>
+    </AppShell>
+  );
+}
+

padding prop

+

padding prop controls the padding of the AppShell.Main component. It is important to use it +instead of setting padding on the AppShell.Main directly because padding of the AppShell.Main is +also used to offset AppShell.Header, AppShell.Navbar, AppShell.Aside and AppShell.Footer components.

+

padding prop works the same way as style props and +accepts numbers, strings and objects with breakpoints as keys and padding as values. You can +reference theme.spacing values or use any valid CSS values.

+
import { AppShell } from '@mantine/core';
+
+// Padding is always theme.spacing.md
+function Demo() {
+  return <AppShell padding="md">{/* AppShell content */}</AppShell>;
+}
+
import { AppShell } from '@mantine/core';
+
+// Padding is:
+// - 10 when viewport width is < theme.breakpoints.sm
+// - 15 when viewport width is >= theme.breakpoints.sm and < theme.breakpoints.lg
+// - theme.spacing.xl when viewport width is >= theme.breakpoints.lg
+function Demo() {
+  return <AppShell padding={{ base: 10, sm: 15, lg: 'xl' }}>{/* AppShell content */}</AppShell>;
+}
+

Header offset configuration

+

header prop has offset property which allows removing AppShell.Header offset from AppShell.Main component. +It is useful when you want to collapse AppShell.Header based on the scroll position. For example, you can use +use-headroom hook to collapse header when user scrolls down and expand it when user scrolls up (example).

+
import { useHeadroom } from '@mantine/hooks';
+import { AppShell, rem } from '@mantine/core';
+
+function Demo() {
+  const pinned = useHeadroom({ fixedAt: 120 });
+
+  return (
+    <AppShell header={{ height: 60, collapsed: !pinned, offset: false }} padding="md">
+      <AppShell.Header>Header</AppShell.Header>
+
+      <AppShell.Main pt={`calc(${rem(60)} + var(--mantine-spacing-md))`}>
+        {/* Content */}
+      </AppShell.Main>
+    </AppShell>
+  );
+}
+

Collapsed navbar/aside configuration

+

navbar and aside props have collapsed property. The property accepts an object +{ mobile: boolean; desktop: boolean } which allows to configure collapsed state +depending on the viewport width.

+

Example with separate collapsed state for mobile and desktop:

+
import { useDisclosure } from '@mantine/hooks';
+import { AppShell, Button } from '@mantine/core';
+
+export function CollapseDesktop() {
+  const [mobileOpened, { toggle: toggleMobile }] = useDisclosure();
+  const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
+
+  return (
+    <AppShell
+      padding="md"
+      header={{ height: 60 }}
+      navbar={{
+        width: 300,
+        breakpoint: 'sm',
+        collapsed: { mobile: !mobileOpened, desktop: !desktopOpened },
+      }}
+    >
+      <AppShell.Header>Header</AppShell.Header>
+      <AppShell.Navbar>Navbar</AppShell.Navbar>
+      <AppShell.Main>
+        <Button onClick={toggleDesktop} visibleFrom="sm">
+          Toggle navbar
+        </Button>
+        <Button onClick={toggleMobile} hiddenFrom="sm">
+          Toggle navbar
+        </Button>
+      </AppShell.Main>
+    </AppShell>
+  );
+}
+

withBorder prop

+

withBorder prop is available on AppShell and associated sections: AppShell.Header, AppShell.Navbar, AppShell.Aside and AppShell.Footer. +By default, withBorder prop is true – all components have a border on the side that is adjacent to the AppShell.Main component. +For example, AppShell.Header is located at the top of the page – it has a border on the bottom side, +AppShell.Navbar is located on the left side of the page – it has a border on the right side.

+

To remove the border from all components, set withBorder={false} on the AppShell:

+
import { AppShell } from '@mantine/core';
+
+// None of the components will have a border
+function Demo() {
+  return <AppShell withBorder={false}>{/* AppShell content */}</AppShell>;
+}
+

To remove the border from a specific component, set withBorder={false} on that component:

+
import { AppShell } from '@mantine/core';
+
+// AppShell.Header does not have a border
+// AppShell.Navbar and AppShell.Aside have a border
+function Demo() {
+  return (
+    <AppShell>
+      <AppShell.Header withBorder={false}>Header</AppShell.Header>
+      <AppShell.Navbar>Navbar</AppShell.Navbar>
+      <AppShell.Aside>Aside</AppShell.Aside>
+    </AppShell>
+  );
+}
+

zIndex prop

+

zIndex prop is available on AppShell and associated sections: AppShell.Header, AppShell.Navbar, AppShell.Aside and AppShell.Footer. +By default, all sections z-index is 200.

+

To change z-index of all sections, set zIndex prop on the AppShell:

+
import { AppShell } from '@mantine/core';
+
+// All sections will have z-index of 100
+function Demo() {
+  return <AppShell zIndex={100}>{/* AppShell content */}</AppShell>;
+}
+

To change z-index of a specific section, set zIndex prop on that section:

+
import { AppShell } from '@mantine/core';
+
+// AppShell.Header has z-index of 100
+// AppShell.Navbar and AppShell.Aside have z-index of 300
+function Demo() {
+  return (
+    <AppShell>
+      <AppShell.Header zIndex={100}>Header</AppShell.Header>
+      <AppShell.Navbar zIndex={300}>Navbar</AppShell.Navbar>
+      <AppShell.Aside zIndex={300}>Aside</AppShell.Aside>
+    </AppShell>
+  );
+}
+

Control transitions

+

Set transitionDuration and transitionTimingFunction props on the AppShell to control transitions:

+
import { AppShell } from '@mantine/core';
+
+function Demo() {
+  return (
+    <AppShell transitionDuration={500} transitionTimingFunction="ease">
+      {/* AppShell content */}
+    </AppShell>
+  );
+}
+

disabled prop

+

Set disabled prop on the AppShell to prevent all sections except AppShell.Main from rendering. +It is useful when you want to hide the shell on some pages of your application.

+
import { AppShell } from '@mantine/core';
+
+function Demo() {
+  return <AppShell disabled>{/* AppShell content */}</AppShell>;
+}
+

Semantic elements

+
    +
  • AppShell.Header root element is header
    • +
  • AppShell.Navbar root element is nav
    • +
  • AppShell.Aside root element is aside
    • +
  • AppShell.Footer root element is footer
    • +
  • AppShell.Main root element is main – !important: do not use main element inside AppShell.Main component
    • +

Previous

Recipes

Next

AspectRatio

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/aspect-ratio/index.html b/core/aspect-ratio/index.html new file mode 100644 index 00000000000..b5fd6f17aca --- /dev/null +++ b/core/aspect-ratio/index.html @@ -0,0 +1,51 @@ +AspectRatio | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

AspectRatio

Maintain responsive consistent width/height ratio

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

AspectRatio allows maintaining a consistent width/height ratio. +It can be used to display images, maps, videos and other media.

+
Panda
import { AspectRatio } from '@mantine/core';
+
+function Demo() {
+  return (
+    <AspectRatio ratio={720 / 1080} maw={300} mx="auto">
+      <img
+        src="https://images.unsplash.com/photo-1527118732049-c88155f2107c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720&q=80"
+        alt="Panda"
+      />
+    </AspectRatio>
+  );
+}
+

Map embed

+
import { AspectRatio } from '@mantine/core';
+
+function Demo() {
+  return (
+    <AspectRatio ratio={16 / 9}>
+      <iframe
+        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3025.3063874233135!2d-74.04668908358428!3d40.68924937933441!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue%20of%20Liberty%20National%20Monument!5e0!3m2!1sen!2sru!4v1644262070010!5m2!1sen!2sru"
+        title="Google map"
+        style={{ border: 0 }}
+      />
+    </AspectRatio>
+  );
+}
+

Video embed

+
import { AspectRatio } from '@mantine/core';
+
+function Demo() {
+  return (
+    <AspectRatio ratio={16 / 9}>
+      <iframe
+        src="https://www.youtube.com/embed/mzJ4vCjSt28"
+        title="YouTube video player"
+        style={{ border: 0 }}
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowFullScreen
+      />
+    </AspectRatio>
+  );
+}

Previous

AppShell

Next

Center

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/autocomplete/index.html b/core/autocomplete/index.html new file mode 100644 index 00000000000..0317ca48453 --- /dev/null +++ b/core/autocomplete/index.html @@ -0,0 +1,275 @@ +Autocomplete | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Autocomplete

Autocomplete user input with any list of options

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Made with Combobox

Autocomplete is an opinionated component built on top of Combobox component. It has a limited set of features to cover only the basic use cases. If you need more advanced features, you can build your own component with Combobox. You can find examples of custom autocomplete components on the examples page.

+

Usage

+

Autocomplete provides user a list of suggestions based on the input, +however user is not limited to suggestions and can type anything.

+
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
+

Controlled

+

Autocomplete value must be a string, other types are not supported. +onChange function is called with a string value as a single argument.

+
import { useState } from 'react';
+import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <Autocomplete data={[]} value={value} onChange={setValue} />;
+}
+

Data formats

Autocomplete data prop accepts data in one of the following formats:

Array of strings:

import { Autocomplete } from '@mantine/core';
+function Demo() {
+  return <Autocomplete data={['React', 'Angular']} />;
+}

Array of groups with string options:

import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}
+

Options filtering

By default, Autocomplete filters options by checking if the option label contains input value. You can change this behavior with filter prop.filter function receives an object with the following properties as a single argument:
  • options – array of options or options groups, all options are in { value: string; label: string; disabled?: boolean } format
  • search – current search query
  • limit – value of limit prop passed to Autocomplete

Example of a custom filter function that matches options by words instead of letters sequence:

+
import { Autocomplete, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const splittedSearch = search.toLowerCase().trim().split(' ');
+  return (options as ComboboxItem[]).filter((option) => {
+    const words = option.label.toLowerCase().trim().split(' ');
+    return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
+  });
+};
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your country"
+      placeholder="Pick value or enter anything"
+      data={['Great Britain', 'Russian Federation', 'United States']}
+      filter={optionsFilter}
+    />
+  );
+}
+

Sort options

+

By default, options are sorted by their position in the data array. You can change this behavior +with filter function:

+
import { Autocomplete, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const filtered = (options as ComboboxItem[]).filter((option) =>
+    option.label.toLowerCase().trim().includes(search.toLowerCase().trim())
+  );
+
+  filtered.sort((a, b) => a.label.localeCompare(b.label));
+  return filtered;
+};
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={['4 – React', '1 – Angular', '3 – Vue', '2 – Svelte']}
+      filter={optionsFilter}
+    />
+  );
+}
+

Large data sets

The best strategy for large data sets is to limit the number of options that are rendered at the same time. You can do it with limit prop. Note that if you use a custom filter function, you need to implement your own logic to limit the number of options in filter

Example of Autocomplete with 100 000 options, 5 options are rendered at the same time:

+
import { Autocomplete } from '@mantine/core';
+
+const largeData = Array(100_000)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="100 000 options autocomplete"
+      placeholder="Use limit to optimize performance"
+      limit={5}
+      data={largeData}
+    />
+  );
+}
+

Scrollable dropdown

+

By default, the options list is wrapped with ScrollArea.Autosize. +You can control dropdown max-height with maxDropdownHeight prop if you do not change the default settings.

+

If you want to use native scrollbars, set withScrollArea={false}. Note that in this case, +you will need to change dropdown styles with Styles API.

+
import { Autocomplete } from '@mantine/core';
+
+const data = Array(100)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <>
+      <Autocomplete
+        label="With scroll area (default)"
+        placeholder="Pick value or enter anything"
+        data={data}
+        maxDropdownHeight={200}
+      />
+
+      <Autocomplete
+        label="With native scroll"
+        placeholder="Pick value or enter anything"
+        data={data}
+        withScrollArea={false}
+        styles={{ dropdown: { maxHeight: 200, overflowY: 'auto' } }}
+        mt="md"
+      />
+    </>
+  );
+}
+

Group options

+
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}
+

Disabled options

+

When option is disabled, it cannot be selected and is ignored in keyboard navigation.

+
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+        { value: 'vue', label: 'Vue', disabled: true },
+        { value: 'svelte', label: 'Svelte', disabled: true },
+      ]}
+    />
+  );
+}
+

Combobox props

You can override Combobox props with comboboxProps. It is useful when you need to change some of the props that are not exposed by Autocomplete, for example withinPortal:

import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return <Autocomplete comboboxProps={{ withinPortal: false }} data={[]} />;
+}
+

Input props

+

Autocomplete component supports Input and Input.Wrapper components features and all input element props. Autocomplete documentation does not include all features supported by the component – see Input documentation to learn about all available features.

+

Input description

Variant
Size
Radius
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Input label"
+      description="Input description"
+      placeholder="Autocomplete placeholder"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
+

Read only

+

Set readOnly to make the input read only. When readOnly is set, +Autocomplete will not show suggestions and will not call onChange function.

+
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      readOnly
+    />
+  );
+}
+

Disabled

+

Set disabled to disable the input. When disabled is set, +user cannot interact with the input and Autocomplete will not show suggestions.

+
import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Autocomplete
+      label="Your favorite library"
+      placeholder="Pick value or enter anything"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      disabled
+    />
+  );
+}
+

Error state

+

Invalid name

import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Autocomplete
+        label="Boolean error"
+        placeholder="Boolean error"
+        error
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+      <Autocomplete
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+    </>
+  );
+}
+

Styles API

Autocomplete supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Description

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Get element ref

import { useRef } from 'react';
+import { Autocomplete } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Autocomplete ref={ref} />;
+}
+

Accessibility

If Autocomplete is used without label prop, it will not be announced properly by screen reader:

import { Autocomplete } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <Autocomplete />;
+}

Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

import { Autocomplete } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <Autocomplete aria-label="My input" />;
+}

If label prop is set, input will be accessible it is not required to set aria-label:

import { Autocomplete } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <Autocomplete label="My input" />;
+}

Previous

TextInput

Next

Combobox

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/avatar/index.html b/core/avatar/index.html new file mode 100644 index 00000000000..974e2e34d91 --- /dev/null +++ b/core/avatar/index.html @@ -0,0 +1,204 @@ +Avatar | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Avatar

Display user profile image, initials or fallback icon

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
it's me
MK
import { Avatar } from '@mantine/core';
+import { IconStar } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      {/* With image */}
+      <Avatar src="avatar.png" alt="it's me" />
+
+      {/* Default placeholder */}
+      <Avatar radius="xl" />
+
+      {/* Letters with xl radius */}
+      <Avatar color="cyan" radius="xl">MK</Avatar>
+
+      {/* Custom placeholder icon */}
+      <Avatar color="blue" radius="sm">
+        <IconStar size="1.5rem" />
+      </Avatar>
+    </>
+  );
+}
+

Placeholder

+

If the image cannot be loaded or not provided, Avatar will display a placeholder instead. By default, +placeholder is an icon, but it can be changed to any React node:

+
VR
import { Avatar } from '@mantine/core';
+import { IconStar } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      {/* Default placeholder */}
+      <Avatar src={null} alt="no image here" />
+
+      {/* Default placeholder with custom color */}
+      <Avatar src={null} alt="no image here" color="indigo" />
+
+      {/* Placeholder with initials */}
+      <Avatar src={null} alt="Vitaly Rtishchev" color="red">VR</Avatar>
+
+      {/* Placeholder with custom icon */}
+      <Avatar color="blue" radius="xl">
+        <IconStar size="1.5rem" />
+      </Avatar>
+    </>
+  );
+}
+

Variants

+
Radius
Size
Color
import { Avatar } from '@mantine/core';
+
+function Demo() {
+  return <Avatar variant="filled" radius="sm" src="" />;
+}
+

Avatar.Group

+

Avatar.Group component combines multiple avatars into a stack:

+
+5
import { Avatar } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Avatar.Group>
+      <Avatar src="image.png" />
+      <Avatar src="image.png" />
+      <Avatar src="image.png" />
+      <Avatar>+5</Avatar>
+    </Avatar.Group>
+  );
+}
+

Note that you must not wrap child Avatar components with any additional elements, +but you can use wrap Avatar with components that do not render any HTML elements +in the current tree, for example Tooltip.

+
import { Avatar } from '@mantine/core';
+
+// Will not work correctly
+function Demo() {
+  return (
+    <Avatar.Group spacing="sm">
+      <div>
+        <Avatar src="image.png" radius="xl" />
+      </div>
+      <Avatar src="image.png" radius="xl" />
+      <Avatar src="image.png" radius="xl" />
+      <Avatar radius="xl">+5</Avatar>
+    </Avatar.Group>
+  );
+}
+

Example of usage with Tooltip:

+
+2
import { Avatar, Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip.Group openDelay={300} closeDelay={100}>
+      <Avatar.Group spacing="sm">
+        <Tooltip label="Salazar Troop" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip label="Bandit Crimes" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip label="Jane Rata" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip
+          withArrow
+          label={
+            <>
+              <div>John Outcast</div>
+              <div>Levi Capitan</div>
+            </>
+          }
+        >
+          <Avatar radius="xl">+2</Avatar>
+        </Tooltip>
+      </Avatar.Group>
+    </Tooltip.Group>
+  );
+}
+

Polymorphic component

Avatar is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

import { Avatar } from '@mantine/core';
+
+function Demo() {
+  return <Avatar component="button" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { Avatar } from '@mantine/core';
+
+function Demo() {
+  return <Avatar component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, AvatarProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { AvatarProps, ElementProps } from '@mantine/core';
+
+interface MyAvatarProps extends AvatarProps,
+  ElementProps<'button', keyof AvatarProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

+
it's me
import { Avatar } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Avatar
+      component="a"
+      href="https://github.com/rtivital"
+      target="_blank"
+      src="avatar.png"
+      alt="it's me"
+    />
+  );
+}
+

You can combine it with Tooltip or Popover to show additional information on hover

+
+2
import { Avatar, Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip.Group openDelay={300} closeDelay={100}>
+      <Avatar.Group spacing="sm">
+        <Tooltip label="Salazar Troop" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip label="Bandit Crimes" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip label="Jane Rata" withArrow>
+          <Avatar src="image.png" radius="xl" />
+        </Tooltip>
+        <Tooltip
+          withArrow
+          label={
+            <>
+              <div>John Outcast</div>
+              <div>Levi Capitan</div>
+            </>
+          }
+        >
+          <Avatar radius="xl">+2</Avatar>
+        </Tooltip>
+      </Avatar.Group>
+    </Tooltip.Group>
+  );
+}
+

Accessibility

+

Avatar renders <img /> HTML element. Set alt prop to describe image, +it is also used as title attribute for avatar placeholder when the image cannot be loaded.

+
import { Avatar } from '@mantine/core';
+
+function NotOk() {
+  // Not ok, no alt for image
+  return <Avatar src="./image.png" />;
+}
+
+function Ok() {
+  // Ok, alt is set on <img /> tag
+  return <Avatar src="./image.png" alt="Rob Johnson" />;
+}
+
+function Ehh() {
+  // Ehh, title is not required, but still recommended
+  return <Avatar>RJ</Avatar>;
+}
+
+function OkPlaceholder() {
+  // Ok, title is set on placeholder
+  return <Avatar alt="Rob Johnson">RJ</Avatar>;
+}

Previous

Accordion

Next

BackgroundImage

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/background-image/index.html b/core/background-image/index.html new file mode 100644 index 00000000000..fb7081b8fdc --- /dev/null +++ b/core/background-image/index.html @@ -0,0 +1,34 @@ +BackgroundImage | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

BackgroundImage

Displays image as background

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

BackgroundImage component can be used to add any content on image. It is useful for hero headers and other similar sections

Radius
import { BackgroundImage, Center, Text, Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box maw={300} mx="auto">
+      <BackgroundImage
+        src="https://images.unsplash.com/photo-1419242902214-272b3f66ee7a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720&q=80"
+        radius="sm"
+      >
+        <Center p="md">
+          <Text c="white">
+            BackgroundImage component can be used to add any content on image. It is useful for hero
+            headers and other similar sections
+          </Text>
+        </Center>
+      </BackgroundImage>
+    </Box>
+  );
+}
+

Polymorphic component

BackgroundImage is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

import { BackgroundImage } from '@mantine/core';
+
+function Demo() {
+  return <BackgroundImage component="button" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, BackgroundImageProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { BackgroundImageProps, ElementProps } from '@mantine/core';
+
+interface MyBackgroundImageProps extends BackgroundImageProps,
+  ElementProps<'button', keyof BackgroundImageProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

Previous

Avatar

Next

Badge

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/badge/index.html b/core/badge/index.html new file mode 100644 index 00000000000..db8b3716780 --- /dev/null +++ b/core/badge/index.html @@ -0,0 +1,67 @@ +Badge | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Badge

Display badge, pill or tag

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Badge
Color
Size
Radius
import { Badge } from '@mantine/core';
+
+function Demo() {
+  return <Badge color="blue">Badge</Badge>;
+}
+

Gradient variant

When variant prop is set to gradient, you can control gradient with gradient prop, it accepts an object with from, to and deg properties. If thegradient prop is not set, Badge will use theme.defaultGradient which can be configured on the theme object. gradient prop is ignored when variant is not gradient.

Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify Badge styles.

+
Gradient badge
Gradient from
Gradient to
Gradient degree
import { Badge } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Badge
+      size="xl"
+      variant="gradient"
+      gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
+    >
+      Gradient badge
+    </Badge>
+  );
+}
+

Left and right sections

+
With left section
With right section
import { Badge, Group, rem } from '@mantine/core';
+import { IconAt } from '@tabler/icons-react';
+
+function Demo() {
+  const icon = <IconAt style={{ width: rem(12), height: rem(12) }} />;
+  return (
+    <Group>
+      <Badge leftSection={icon}>With left section</Badge>
+      <Badge rightSection={icon}>With right section</Badge>
+    </Group>
+  );
+}
+

Full width

+

Set fullWidth to make badge span full width of its parent element:

+
Full width badge
import { Badge } from '@mantine/core';
+
+function Demo() {
+  return <Badge fullWidth>Full width badge</Badge>;
+}
+

Styles API

Badge supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+
Badge component

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Polymorphic component

Badge is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

import { Badge } from '@mantine/core';
+
+function Demo() {
+  return <Badge component="a" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { Badge } from '@mantine/core';
+
+function Demo() {
+  return <Badge component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, BadgeProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { BadgeProps, ElementProps } from '@mantine/core';
+
+interface MyBadgeProps extends BadgeProps,
+  ElementProps<'a', keyof BadgeProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

Previous

BackgroundImage

Next

Card

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/blockquote/index.html b/core/blockquote/index.html new file mode 100644 index 00000000000..9c3b1473450 --- /dev/null +++ b/core/blockquote/index.html @@ -0,0 +1,18 @@ +Blockquote | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Blockquote

Blockquote with optional cite

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Life is like an npm install – you never know what you are going to get.– Forrest Gump
Color
Radius
Icon size
import { Blockquote } from '@mantine/core';
+import { IconInfoCircle } from '@tabler/icons-react';
+
+function Demo() {
+  const icon = <IconInfoCircle />;
+  return (
+    <Blockquote color="blue" cite="– Forrest Gump" icon={icon} mt="xl">
+      Life is like an npm install – you never know what you are going to get.
+    </Blockquote>
+  );
+}

Previous

Timeline

Next

Code

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/box/index.html b/core/box/index.html new file mode 100644 index 00000000000..de79b32cf27 --- /dev/null +++ b/core/box/index.html @@ -0,0 +1,23 @@ +Box | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Box

Base component for all Mantine components

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Box component is used as a base for all other components. Box supports the following features:

+ +

You can use Box as a base for your own components or as a replacement for HTML elements:

+
import { Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box bg="red.5" my="xl" component="a" href="/">
+      My component
+    </Box>
+  );
+}

Previous

TypographyStylesProvider

Next

Collapse

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/breadcrumbs/index.html b/core/breadcrumbs/index.html new file mode 100644 index 00000000000..a8aa3d70efb --- /dev/null +++ b/core/breadcrumbs/index.html @@ -0,0 +1,29 @@ +Breadcrumbs | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Breadcrumbs

Separates list of react nodes with given separator

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Breadcrumbs component accepts any number of React nodes as children +and adds a given separator (defaults to /) between them:

+
Mantine
/
Mantine hooks
/
use-id
Mantine
→
Mantine hooks
→
use-id
import { Breadcrumbs, Anchor } from '@mantine/core';
+
+const items = [
+  { title: 'Mantine', href: '#' },
+  { title: 'Mantine hooks', href: '#' },
+  { title: 'use-id', href: '#' },
+].map((item, index) => (
+  <Anchor href={item.href} key={index}>
+    {item.title}
+  </Anchor>
+));
+
+function Demo() {
+  return (
+    <>
+      <Breadcrumbs>{items}</Breadcrumbs>
+      <Breadcrumbs separator="→" mt="xs">{items}</Breadcrumbs>
+    </>
+  );
+}

Previous

Anchor

Next

Burger

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/burger/index.html b/core/burger/index.html new file mode 100644 index 00000000000..2a29e62100a --- /dev/null +++ b/core/burger/index.html @@ -0,0 +1,40 @@ +Burger | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Burger

Open/close navigation button

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Burger component renders open/close menu button. +Set opened and onClick props to control Burger state. +If opened prop is set, cross will be rendered, otherwise – burger.

+
Size
import { useDisclosure } from '@mantine/hooks';
+import { Burger } from '@mantine/core';
+
+function Demo() {
+  const [opened, { toggle }] = useDisclosure();
+  return <Burger opened={opened} onClick={toggle} aria-label="Toggle navigation" />;
+}
+

Get element ref

import { useRef } from 'react';
+import { Burger } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <Burger ref={ref} />;
+}
+

Accessibility

+

To make Burger accessible for screen readers, you need to either set aria-label or +use VisuallyHidden component:

+
import { Burger, VisuallyHidden } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Burger aria-label="Toggle navigation" />
+
+      <Burger>
+        <VisuallyHidden>Toggle navigation</VisuallyHidden>
+      </Burger>
+    </>
+  );
+}

Previous

Breadcrumbs

Next

NavLink

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/button/index.html b/core/button/index.html new file mode 100644 index 00000000000..61b40640cc7 --- /dev/null +++ b/core/button/index.html @@ -0,0 +1,391 @@ +Button | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Button

Button component to render button or link

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Color
Size
Radius
import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button variant="filled">Button</Button>;
+}
+

Full width

+

If fullWidth prop is set Button will take 100% of parent width:

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button fullWidth>Full width button</Button>;
+}
+

Left and right sections

+

leftSection and rightSection allow adding icons or any other element to the left and right side of the button. +When a section is added, padding on the corresponding side is reduced.

+

Note that leftSection and rightSection are flipped in RTL mode +(leftSection is displayed on the right and rightSection is displayed on the left).

+
import { Group, Button } from '@mantine/core';
+import { IconPhoto, IconDownload, IconArrowRight } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button leftSection={<IconPhoto size={14} />} variant="default">
+        Gallery
+      </Button>
+
+      <Button rightSection={<IconDownload size={14} />}>Download</Button>
+
+      <Button
+        variant="light"
+        leftSection={<IconPhoto size={14} />}
+        rightSection={<IconArrowRight size={14} />}
+      >
+        Visit gallery
+      </Button>
+    </Group>
+  );
+}
+

Sections position

+

justify prop sets justify-content of inner element. You can use it to change the alignment of +left and right sections. For example, to spread them across the button set justify="space-between".

+

If you need to align just one section to the side of the button set justify to space-between +and add empty <span /> to the opposite section.

+
Justify
import { Button } from '@mantine/core';
+import { IconPhoto } from '@tabler/icons-react';
+
+function Demo() {
+  const icon = <IconPhoto size={14} />;
+  return (
+    <>
+      <Button justify="center" fullWidth leftSection={icon} rightSection={icon} variant="default">
+        Button label
+      </Button>
+
+      <Button justify="center" fullWidth leftSection={icon} variant="default" mt="md">
+        Button label
+      </Button>
+
+      <Button justify="center" fullWidth rightSection={icon} variant="default" mt="md">
+        Button label
+      </Button>
+
+      <Button
+        justify="center"
+        fullWidth
+        rightSection={icon}
+        leftSection={<span />}
+        variant="default"
+        mt="md"
+      >
+        Button label
+      </Button>
+    </>
+  );
+}
+

Compact size

+

Button supports xs – xl and compact-xs – compact-xl sizes. compact sizes have +the same font-size as xs – xl but reduced padding and height.

+
Size
import { Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button size="md">Regular md</Button>
+      <Button size="compact-md">Compact md</Button>
+    </Group>
+  );
+}
+

Gradient variant

When variant prop is set to gradient, you can control gradient with gradient prop, it accepts an object with from, to and deg properties. If thegradient prop is not set, Button will use theme.defaultGradient which can be configured on the theme object. gradient prop is ignored when variant is not gradient.

Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify Button styles.

+
Gradient from
Gradient to
Gradient degree
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button
+      variant="gradient"
+      gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
+    >
+      Gradient button
+    </Button>
+  );
+}
+

Disabled state

+

To make Button disabled, set disabled prop, this will prevent any interactions with the button +and add disabled styles. If you want the button to just look disabled but still be interactive, +set data-disabled prop instead. Note that disabled styles are the same for all variants.

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button disabled>Disabled button</Button>;
+}
+

Disabled state when Button is link

+

<a /> element does not support disabled attribute. To make Button disabled when it is +rendered as a link, set data-disabled attribute instead and prevent default behavior in +onClick event handler.

+
Disabled link
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button
+      component="a"
+      href="https://mantine.dev"
+      data-disabled
+      onClick={(event) => event.preventDefault()}
+    >
+      Disabled link
+    </Button>
+  );
+}
+

Customize disabled styles

+

To customize disabled styles, it is recommended to use both &:disabled and &[data-disabled] +selectors:

+
    +
  • &:disabled is used to style the button when disabled prop is set and +also when the button is disabled by the parent component (for example, when disabled prop is set on a +<fieldset /> element which contains Button).
    • +
  • &[data-disabled] is used to style the button when it is not actually disabled but should look like +it is (for example, data-disabled should be used if you need to use Tooltip with disabled Button +or when Button is used as a link)
    • +
+
.button {
+  &:disabled,
+  &[data-disabled] {
+    border-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    background-color: transparent;
+  }
+}
+

Disabled button with Tooltip

+

onMouseLeave event is not triggered when Button is disabled, so if you need to use +Tooltip with disabled Button you need to set data-disabled prop on Button +instead of disabled. Note that it is also required to change onClick event handler to +(event) => event.preventDefault() as Button is not actually disabled and will still trigger +onClick event.

+
import { Button, Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip for disabled button">
+      <Button data-disabled onClick={(event) => event.preventDefault()}>
+        Disabled button with tooltip
+      </Button>
+    </Tooltip>
+  );
+}
+

Loading state

+

When loading prop is set, Button will be disabled and Loader with overlay will be rendered +in the center of the button. Loader color depends on Button variant.

+
import { Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <Button loading>Filled button</Button>
+      <Button variant="light" loading>
+        Light button
+      </Button>
+      <Button variant="outline" loading>
+        Outline button
+      </Button>
+    </Group>
+  );
+}
+

Loader props

+

You can customize Loader with loaderProps prop, it accepts all props that +Loader component has:

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button loading loaderProps={{ type: 'dots' }}>
+      Loading button
+    </Button>
+  );
+}
+

Styles API

Button supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Example of customizing Button with Styles API and data-* attributes:

+
.root {
+  border-top-left-radius: var(--mantine-radius-xl);
+  border-bottom-left-radius: var(--mantine-radius-xl);
+  padding-left: rem(4px);
+
+  /* The following styles will be applied only when button is disabled */
+  &[data-disabled] {
+    /* You can use Mantine PostCSS mixins inside data attributes */
+    @mixin light {
+      border: rem(1px) solid var(--mantine-color-gray-2);
+    }
+
+    @mixin dark {
+      border: rem(1px) solid var(--mantine-color-dark-4);
+    }
+
+    /* You can target child elements that are inside .root[data-disabled] */
+    & .section[data-position='left'] {
+      opacity: 0.6;
+    }
+  }
+}
+
+.section {
+  /* Apply styles only to left section */
+  &[data-position='left'] {
+    --section-size: calc(var(--button-height) - rem(8px));
+
+    background-color: var(--mantine-color-body);
+    color: var(--mantine-color-text);
+    height: var(--section-size);
+    width: var(--section-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--mantine-radius-xl);
+  }
+
+  &[data-position='right'] {
+    @mixin rtl {
+      transform: rotate(180deg);
+    }
+  }
+}
+

Custom variants

+

To add new Button variants, use data-variant attribute. +Usually new variants are added on theme, this way they are +available in all Button components in your application.

+
import { Group, Button, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button variant="danger">Danger variant</Button>
+        <Button variant="primary">Primary variant</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+

Customize variants colors

+

You can customize colors for Button and other components variants by adding +variantColorResolver to your theme.

+
import {
+  Button,
+  Group,
+  MantineProvider,
+  defaultVariantColorsResolver,
+  VariantColorsResolver,
+  parseThemeColor,
+  rem,
+  rgba,
+  darken,
+} from '@mantine/core';
+
+const variantColorResolver: VariantColorsResolver = (input) => {
+  const defaultResolvedColors = defaultVariantColorsResolver(input);
+  const parsedColor = parseThemeColor({
+    color: input.color || input.theme.primaryColor,
+    theme: input.theme,
+  });
+
+  // Override some properties for variant
+  if (parsedColor.isThemeColor && parsedColor.color === 'lime' && input.variant === 'filled') {
+    return { ...defaultResolvedColors, color: 'var(--mantine-color-black)' };
+  }
+
+  // Completely override variant
+  if (input.variant === 'light') {
+    return {
+      background: rgba(parsedColor.value, 0.1),
+      hover: rgba(parsedColor.value, 0.15),
+      border: `${rem(1)} solid ${parsedColor.value}`,
+      color: darken(parsedColor.value, 0.1),
+    };
+  }
+
+  // Add new variants support
+  if (input.variant === 'danger') {
+    return {
+      background: 'var(--mantine-color-red-9)',
+      hover: 'var(--mantine-color-red-8)',
+      color: 'var(--mantine-color-white)',
+      border: 'none',
+    };
+  }
+
+  return defaultResolvedColors;
+};
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ variantColorResolver }}>
+      <Group>
+        <Button color="lime.4" variant="filled">
+          Lime filled button
+        </Button>
+
+        <Button color="orange" variant="light">
+          Orange light button
+        </Button>
+
+        <Button variant="danger">Danger button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+

Button.Group

+
Orientation
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button.Group>
+      <Button variant="default">First</Button>
+      <Button variant="default">Second</Button>
+      <Button variant="default">Third</Button>
+    </Button.Group>
+  );
+}
+

Note that you must not wrap child Button components with any additional elements:

+
import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button.Group>
+      <div>
+        <Button>This will not work</Button>
+      </div>
+      <Button>Buttons will have incorrect borders</Button>
+    </Button.Group>
+  );
+}
+

Polymorphic component

Button is a polymorphic component – its default root element is button, but it can be changed to any other element or component with component prop:

import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button component="a" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, ButtonProps does not extend React.ComponentPropsWithoutRef'<'div'>' although button is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { ButtonProps, ElementProps } from '@mantine/core';
+
+interface MyButtonProps extends ButtonProps,
+  ElementProps<'a', keyof ButtonProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

+

Get element ref

import { useRef } from 'react';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <Button ref={ref} />;
+}

Previous

ActionIcon

Next

CloseButton

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/card/index.html b/core/card/index.html new file mode 100644 index 00000000000..29901933c4e --- /dev/null +++ b/core/card/index.html @@ -0,0 +1,215 @@ +Card | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Card

Card with sections

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Card is a wrapper around Paper component with some additional styles and Card.Section +component that allows to split card into sections. If you do not need sections, you use Paper component instead.

+
Norway

Norway Fjord Adventures

On Sale

With Fjord Tours you can explore more of the magical fjord landscapes with tours and activities on and around the fjords of Norway

import { Card, Image, Text, Badge, Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Card shadow="sm" padding="lg" radius="md" withBorder>
+      <Card.Section>
+        <Image
+          src="https://images.unsplash.com/photo-1527004013197-933c4bb611b3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=720&q=80"
+          height={160}
+          alt="Norway"
+        />
+      </Card.Section>
+
+      <Group justify="space-between" mt="md" mb="xs">
+        <Text fw={500}>Norway Fjord Adventures</Text>
+        <Badge color="pink" variant="light">
+          On Sale
+        </Badge>
+      </Group>
+
+      <Text size="sm" c="dimmed">
+        With Fjord Tours you can explore more of the magical fjord landscapes with tours and
+        activities on and around the fjords of Norway
+      </Text>
+
+      <Button variant="light" color="blue" fullWidth mt="md" radius="md">
+        Book classic tour now
+      </Button>
+    </Card>
+  );
+}
+

Polymorphic component

+

Card is a polymorphic component component, you can change its root element:

+
No way!

You've won a million dollars in cash!

Please click anywhere on this card to claim your reward, this is not a fraud, trust us

import { Card, Image, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Card
+      shadow="sm"
+      padding="xl"
+      component="a"
+      href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+      target="_blank"
+    >
+      <Card.Section>
+        <Image
+          src="https://images.unsplash.com/photo-1579227114347-15d08fc37cae?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80"
+          h={160}
+          alt="No way!"
+        />
+      </Card.Section>
+
+      <Text fw={500} size="lg" mt="md">
+        You&apos;ve won a million dollars in cash!
+      </Text>
+
+      <Text mt="xs" c="dimmed" size="sm">
+        Please click anywhere on this card to claim your reward, this is not a fraud, trust us
+      </Text>
+    </Card>
+  );
+}
+

Card.Section

+

Card.Section is a special component that is used to remove Card padding from its children while other elements still have horizontal spacing. +Card.Section works the following way:

+
    +
  • If component is the first child in Card, then it has negative top, left and right margins
    • +
  • If it is the last child in Card, then it has negative bottom, left and right margins
    • +
  • If it is in the middle then, only the left and right margins will be negative
    • +
+
import { Card } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Card padding="xl">
+      {/* top, right, left margins are negative – -1 * theme.spacing.xl */}
+      <Card.Section>First section</Card.Section>
+
+      {/* Content that is not inside Card.Section will have theme.spacing.xl spacing on all sides relative to Card */}
+      <Text>Some other content</Text>
+
+      {/* right, left margins are negative – -1 * theme.spacing.xl */}
+      <Card.Section>Middle section</Card.Section>
+
+      {/* bottom, right, left margins are negative – -1 * theme.spacing.xl */}
+      <Card.Section>Last section</Card.Section>
+    </Card>
+  );
+}
+

Note that Card relies on mapping direct children and you cannot use fragments or others wrappers for Card.Section:

+
import { Card } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Card padding="xl">
+      <div>
+        <Card.Section>Won't work</Card.Section>
+      </div>
+
+      <>
+        <Card.Section>Won't work either</Card.Section>
+      </>
+
+      <Card.Section>Works fine</Card.Section>
+    </Card>
+  );
+}
+

Polymorphic Card.Section

+

Card.Section is a polymorphic component component, you can change its root element:

+
Norway

Norway Fjord Adventures

On Sale

With Fjord Tours you can explore more of the magical fjord landscapes with tours and activities on and around the fjords of Norway

import { Card, Image, Text, Badge, Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Card shadow="sm" padding="lg" radius="md" withBorder>
+      <Card.Section component="a" href="https://mantine.dev/">
+        <Image
+          src="https://images.unsplash.com/photo-1527004013197-933c4bb611b3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=720&q=80"
+          height={160}
+          alt="Norway"
+        />
+      </Card.Section>
+
+      <Group justify="space-between" mt="md" mb="xs">
+        <Text fw={500}>Norway Fjord Adventures</Text>
+        <Badge color="pink" variant="light">
+          On Sale
+        </Badge>
+      </Group>
+
+      <Text size="sm" c="dimmed">
+        With Fjord Tours you can explore more of the magical fjord landscapes with tours and
+        activities on and around the fjords of Norway
+      </Text>
+
+      <Button variant="light" color="blue" fullWidth mt="md" radius="md">
+        Book classic tour now
+      </Button>
+    </Card>
+  );
+}
+

withBorder and inheritPadding props

+
    +
  • withBorder prop adds top and bottom border to Card.Section depending on its position relative to other content and sections
    • +
  • inheritPadding prop adds the same left and right padding to Card.Section as set in Card component
    • +
+

Review pictures

200+ images uploaded since last visit, review them to select which one should be added to your gallery

import { Card, Group, Text, Menu, ActionIcon, Image, SimpleGrid, rem } from '@mantine/core';
+import { IconDots, IconEye, IconFileZip, IconTrash } from '@tabler/icons-react';
+
+const images = [
+  'https://images.unsplash.com/photo-1449824913935-59a10b8d2000?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=250&q=80',
+  'https://images.unsplash.com/photo-1444723121867-7a241cacace9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=250&q=80',
+  'https://images.unsplash.com/photo-1444084316824-dc26d6657664?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=250&q=80',
+];
+
+function Demo() {
+  return (
+    <Card withBorder shadow="sm" radius="md">
+      <Card.Section withBorder inheritPadding py="xs">
+        <Group justify="space-between">
+          <Text fw={500}>Review pictures</Text>
+          <Menu withinPortal position="bottom-end" shadow="sm">
+            <Menu.Target>
+              <ActionIcon variant="subtle" color="gray">
+                <IconDots style={{ width: rem(16), height: rem(16) }} />
+              </ActionIcon>
+            </Menu.Target>
+
+            <Menu.Dropdown>
+              <Menu.Item leftSection={<IconFileZip style={{ width: rem(14), height: rem(14) }} />}>
+                Download zip
+              </Menu.Item>
+              <Menu.Item leftSection={<IconEye style={{ width: rem(14), height: rem(14) }} />}>
+                Preview all
+              </Menu.Item>
+              <Menu.Item
+                leftSection={<IconTrash style={{ width: rem(14), height: rem(14) }} />}
+                color="red"
+              >
+                Delete all
+              </Menu.Item>
+            </Menu.Dropdown>
+          </Menu>
+        </Group>
+      </Card.Section>
+
+      <Text mt="sm" c="dimmed" size="sm">
+        <Text span inherit c="var(--mantine-color-anchor)">
+          200+ images uploaded
+        </Text>{' '}
+        since last visit, review them to select which one should be added to your gallery
+      </Text>
+
+      <Card.Section mt="sm">
+        <Image src="https://images.unsplash.com/photo-1579263477001-7a703f1974e6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=80" />
+      </Card.Section>
+
+      <Card.Section inheritPadding mt="sm" pb="md">
+        <SimpleGrid cols={3}>
+          {images.map((image) => (
+            <Image src={image} key={image} radius="sm" />
+          ))}
+        </SimpleGrid>
+      </Card.Section>
+    </Card>
+  );
+}

Previous

Badge

Next

ColorSwatch

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/center/index.html b/core/center/index.html new file mode 100644 index 00000000000..f6926bab306 --- /dev/null +++ b/core/center/index.html @@ -0,0 +1,40 @@ +Center | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Center

Centers content vertically and horizontally

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
All elements inside Center are centered
import { Center, Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Center maw={400} h={100} bg="var(--mantine-color-gray-light)">
+      <Box bg="var(--mantine-color-blue-light)">All elements inside Center are centered</Box>
+    </Center>
+  );
+}
+

Inline

+

To use Center with inline elements set inline prop. +For example, you can center link icon and label:

+
Back to Mantine website
import { Center, Anchor, Box, rem } from '@mantine/core';
+import { IconArrowLeft } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Anchor href="https://mantine.dev" target="_blank">
+      <Center inline>
+        <IconArrowLeft style={{ width: rem(12), height: rem(12) }} />
+        <Box ml={5}>Back to Mantine website</Box>
+      </Center>
+    </Anchor>
+  );
+}
+

Polymorphic component

Center is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

import { Center } from '@mantine/core';
+
+function Demo() {
+  return <Center component="button" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, CenterProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { CenterProps, ElementProps } from '@mantine/core';
+
+interface MyCenterProps extends CenterProps,
+  ElementProps<'button', keyof CenterProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

Previous

AspectRatio

Next

Container

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/checkbox/index.html b/core/checkbox/index.html new file mode 100644 index 00000000000..b451cd00b14 --- /dev/null +++ b/core/checkbox/index.html @@ -0,0 +1,179 @@ +Checkbox | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Checkbox

Capture boolean input from user

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Label position
Color
Radius
Size
import { Checkbox } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Checkbox
+      defaultChecked
+      label="I agree to sell my privacy"
+    />
+  );
+}
+

States

+
import { Checkbox } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Checkbox />
+      <Checkbox indeterminate />
+      <Checkbox checked indeterminate />
+      <Checkbox checked />
+      <Checkbox disabled />
+      <Checkbox disabled checked />
+      <Checkbox disabled indeterminate />
+    </>
+  );
+}
+

Replace icon

+
import { Checkbox, CheckboxProps } from '@mantine/core';
+import { IconBiohazard, IconRadioactive } from '@tabler/icons-react';
+
+const CheckboxIcon: CheckboxProps['icon'] = ({ indeterminate, ...others }) =>
+  indeterminate ? <IconRadioactive {...others} /> : <IconBiohazard {...others} />;
+
+function Demo() {
+  return (
+    <>
+      <Checkbox icon={CheckboxIcon} label="Custom icon" defaultChecked />
+      <Checkbox icon={CheckboxIcon} label="Custom icon: indeterminate" indeterminate mt="sm" />
+    </>
+  );
+}
+

Indeterminate state

+

Checkbox supports indeterminate state. When indeterminate prop is true, +checked prop is ignored:

+
import { useListState, randomId } from '@mantine/hooks';
+import { Checkbox } from '@mantine/core';
+
+const initialValues = [
+  { label: 'Receive email notifications', checked: false, key: randomId() },
+  { label: 'Receive sms notifications', checked: false, key: randomId() },
+  { label: 'Receive push notifications', checked: false, key: randomId() },
+];
+
+export function IndeterminateCheckbox() {
+  const [values, handlers] = useListState(initialValues);
+
+  const allChecked = values.every((value) => value.checked);
+  const indeterminate = values.some((value) => value.checked) && !allChecked;
+
+  const items = values.map((value, index) => (
+    <Checkbox
+      mt="xs"
+      ml={33}
+      label={value.label}
+      key={value.key}
+      checked={value.checked}
+      onChange={(event) => handlers.setItemProp(index, 'checked', event.currentTarget.checked)}
+    />
+  ));
+
+  return (
+    <>
+      <Checkbox
+        checked={allChecked}
+        indeterminate={indeterminate}
+        label="Receive all notifications"
+        onChange={() =>
+          handlers.setState((current) =>
+            current.map((value) => ({ ...value, checked: !allChecked }))
+          )
+        }
+      />
+      {items}
+    </>
+  );
+}
+

Controlled

+
import { useState } from 'react';
+import { Checkbox } from '@mantine/core';
+
+function Demo() {
+  const [checked, setChecked] = useState(false);
+  return (
+    <Checkbox checked={checked} onChange={(event) => setChecked(event.currentTarget.checked)} />
+  );
+}
+

Label with link

+
import { Checkbox, Anchor } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Checkbox
+      label={
+        <>
+          I accept{' '}
+          <Anchor href="https://mantine.dev" target="_blank" inherit>
+            terms and conditions
+          </Anchor>
+        </>
+      }
+    />
+  );
+}
+

Checkbox.Group

+
Select your favorite frameworks/libraries

This is anonymous

import { Checkbox, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Checkbox.Group
+      defaultValue={['react']}
+      label="Select your favorite frameworks/libraries"
+      description="This is anonymous"
+      withAsterisk
+    >
+      <Group mt="xs">
+        <Checkbox value="react" label="React" />
+        <Checkbox value="svelte" label="Svelte" />
+        <Checkbox value="ng" label="Angular" />
+        <Checkbox value="vue" label="Vue" />
+      </Group>
+    </Checkbox.Group>
+  );
+}
+

Controlled Checkbox.Group

+
import { useState } from 'react';
+import { Checkbox } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string[]>([]);
+
+  return (
+    <Checkbox.Group value={value} onChange={setValue}>
+      <Checkbox value="react" label="React" />
+      <Checkbox value="svelte" label="Svelte" />
+    </Checkbox.Group>
+  );
+}
+

Get element ref

import { useRef } from 'react';
+import { Checkbox } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Checkbox ref={ref} />;
+}
+

Accessibility

+

Set aria-label or label prop to make checkbox accessible:

+
import { Checkbox } from '@mantine/core';
+
+// Not ok, input is not labeled
+function Bad() {
+  return <Checkbox />;
+}
+
+// Ok, input is labelled by aria-label
+function GoodAriaLabel() {
+  return <Checkbox aria-label="My checkbox" />;
+}
+
+// Ok, input is labelled by label element
+function GoodLabel() {
+  return <Checkbox label="My checkbox" />;
+}

Previous

Stack

Next

Chip

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/chip/index.html b/core/chip/index.html new file mode 100644 index 00000000000..ed298b66714 --- /dev/null +++ b/core/chip/index.html @@ -0,0 +1,103 @@ +Chip | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Chip

Pick one or multiple values with inline controls

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Color
Variant
Size
Radius
import { Chip } from '@mantine/core';
+
+function Demo() {
+  return <Chip defaultChecked>Awesome chip</Chip>
+}
+

Controlled

+
import { useState } from 'react';
+import { Chip } from '@mantine/core';
+
+function Demo() {
+  const [checked, setChecked] = useState(false);
+
+  return (
+    <Chip checked={checked} onChange={() => setChecked((v) => !v)}>
+      My chip
+    </Chip>
+  );
+}
+

Change checked icon

+
import { Chip, rem } from '@mantine/core';
+import { IconX } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Chip
+      icon={<IconX style={{ width: rem(16), height: rem(16) }} />}
+      color="red"
+      variant="filled"
+      defaultChecked
+    >
+      Forbidden
+    </Chip>
+  );
+}
+

States

+
+

Chip.Group

+

Chip.Group component manages state of child Chip components, +set multiple prop to allow multiple chips to be selected at a time:

+
import { Chip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Chip.Group>
+        <Group justify="center">
+          <Chip value="1">Single chip</Chip>
+          <Chip value="2">Can be selected</Chip>
+          <Chip value="3">At a time</Chip>
+        </Group>
+      </Chip.Group>
+
+      <Chip.Group multiple>
+        <Group justify="center" mt="md">
+          <Chip value="1">Multiple chips</Chip>
+          <Chip value="2">Can be selected</Chip>
+          <Chip value="3">At a time</Chip>
+        </Group>
+      </Chip.Group>
+    </>
+  );
+}
+

Controlled Chip.Group

+
import { useState } from 'react';
+import { Chip } from '@mantine/core';
+
+function Single() {
+  // string value when multiple is false (default)
+  const [value, setValue] = useState('react');
+
+  return (
+    <Chip.Group multiple={false} value={value} onChange={setValue}>
+      <Chip value="react">React</Chip>
+      <Chip value="ng">Angular</Chip>
+      <Chip value="svelte">Svelte</Chip>
+      <Chip value="vue">Vue</Chip>
+    </Chip.Group>
+  );
+}
+
+function Multiple() {
+  // array of strings value when multiple is true
+  const [value, setValue] = useState(['react']);
+
+  return (
+    <Chip.Group multiple value={value} onChange={setValue}>
+      <Chip value="react">React</Chip>
+      <Chip value="ng">Angular</Chip>
+      <Chip value="svelte">Svelte</Chip>
+      <Chip value="vue">Vue</Chip>
+    </Chip.Group>
+  );
+}
+

Accessibility

+

Chip and Chip.Group components are accessible by default – they are built with native radio/checkbox inputs, +all keyboard events work the same as with native controls.

Previous

Checkbox

Next

ColorInput

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/close-button/index.html b/core/close-button/index.html new file mode 100644 index 00000000000..2e2f1ad025d --- /dev/null +++ b/core/close-button/index.html @@ -0,0 +1,29 @@ +CloseButton | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

CloseButton

ActionIcon with close icon

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

CloseButton renders a button with X icon inside. It is used in other Mantine components like Drawer or Modal.

+
Size
Variant
import { CloseButton } from '@mantine/core';
+
+function Demo() {
+  return <CloseButton />;
+}
+

Accessibility

+

To make CloseButton accessible for screen readers, you need to either set aria-label or +use VisuallyHidden component:

+
import { CloseButton, VisuallyHidden } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <CloseButton aria-label="Close modal" />
+
+      <CloseButton>
+        <VisuallyHidden>Close modal</VisuallyHidden>
+      </CloseButton>
+    </>
+  );
+}

Previous

Button

Next

CopyButton

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/code/index.html b/core/code/index.html new file mode 100644 index 00000000000..676b3e24b6b --- /dev/null +++ b/core/code/index.html @@ -0,0 +1,47 @@ +Code | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Code

Inline and block code

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

By default, Code component renders inline code html element:

+
React.createElement()
import { Code } from '@mantine/core';
+
+function Demo() {
+  return <Code>React.createElement()</Code>;
+}
+

Block code

+

To render code in pre element pass block prop to Code component:

+
import React from 'react';
+import { Code } from '@mantine/core';
+
+function Demo() {
+  return <Code>React.createElement()</Code>;
+}
import { Code } from '@mantine/core';
+
+const codeForPreviousDemo = `import React from 'react';
+import { Code } from '@mantine/core';
+
+function Demo() {
+  return <Code>React.createElement()</Code>;
+}`;
+
+function Demo() {
+  return <Code block>{codeForPreviousDemo}</Code>;
+}
+

Custom color

+

By default, code color is gray, you can change it to any valid CSS color or to one +of the theme.colors:

+
React.createElement()React.createElement()
import { Code, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Code color="blue.9" c="white">
+        React.createElement()
+      </Code>
+      <Code color="var(--mantine-color-blue-light)">React.createElement()</Code>
+    </Group>
+  );
+}

Previous

Blockquote

Next

Highlight

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/collapse/index.html b/core/collapse/index.html new file mode 100644 index 00000000000..c9892b16b4e --- /dev/null +++ b/core/collapse/index.html @@ -0,0 +1,52 @@ +Collapse | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Collapse

Animate presence with slide down/up transition

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
import { Button, Group, Text, Collapse, Box } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
+
+function Demo() {
+  const [opened, { toggle }] = useDisclosure(false);
+
+  return (
+    <Box maw={400} mx="auto">
+      <Group justify="center" mb={5}>
+        <Button onClick={toggle}>Toggle content</Button>
+      </Group>
+
+      <Collapse in={opened}>
+        <Text>{/* ... content */}</Text>
+      </Collapse>
+    </Box>
+  );
+}
+

Change transition

+

Set following props to control transition:

+
    +
  • transitionDuration – duration in ms
    • +
  • transitionTimingFunction – timing function (ease, linear, etc.), defaults to ease
    • +
  • onTransitionEnd – called when transition ends (both open and close)
    • +
+
import { useDisclosure } from '@mantine/hooks';
+import { Button, Group, Text, Collapse, Box } from '@mantine/core';
+
+function Demo() {
+  const [opened, { toggle }] = useDisclosure(false);
+
+  return (
+    <Box maw={400} mx="auto">
+      <Group justify="center" mb={5}>
+        <Button onClick={toggle}>Toggle with linear transition</Button>
+      </Group>
+
+      <Collapse in={opened} transitionDuration={1000} transitionTimingFunction="linear">
+        <Text>{/* ...content */}</Text>
+      </Collapse>
+    </Box>
+  );
+}
+

Nested Collapse components

+

Previous

Box

Next

Divider

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/color-input/index.html b/core/color-input/index.html new file mode 100644 index 00000000000..1d38aa9733c --- /dev/null +++ b/core/color-input/index.html @@ -0,0 +1,138 @@ +ColorInput | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

ColorInput

Capture color from user

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

ColorInput component supports Input and Input.Wrapper components features and all input element props. ColorInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

+

Input description

Variant
Size
Radius
import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
+

Controlled

+
import { useState } from 'react';
+import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <ColorInput value={value} onChange={setValue} />;
+}
+

Formats

+

Component supports hex, hexa, rgb, rgba, hsl and hsla color formats. +Slider to change opacity is displayed only for hexa, rgba and hsla formats:

+
import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return <ColorInput defaultValue="#C5D899" />;
+}
+

Disable free input

+

To disable free input set disallowInput prop:

+
import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return <ColorInput disallowInput />;
+}
+

With swatches

+

You can add any amount of predefined color swatches:

+
import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorInput
+      format="hex"
+      swatches={['#25262b', '#868e96', '#fa5252', '#e64980', '#be4bdb', '#7950f2', '#4c6ef5', '#228be6', '#15aabf', '#12b886', '#40c057', '#82c91e', '#fab005', '#fd7e14']}
+    />
+  );
+}
+

By default, there will be 10 swatches per row, you can change this with swatchesPerRow prop, +like in ColorPicker component:

+
Swatches per row
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorPicker format="hex" swatches={['#25262b', '#868e96', '#fa5252', '#e64980', '#be4bdb', '#7950f2', '#4c6ef5', '#228be6', '#15aabf', '#12b886', '#40c057', '#82c91e', '#fab005', '#fd7e14']} />
+  );
+}
+

If you need to restrict color picking to certain colors – disable color picker and disallow free input:

+
import { ColorInput, DEFAULT_THEME } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorInput
+      placeholder="Pick color"
+      label="Your favorite color"
+      disallowInput
+      withPicker={false}
+      swatches={[
+        ...DEFAULT_THEME.colors.red,
+        ...DEFAULT_THEME.colors.green,
+        ...DEFAULT_THEME.colors.blue,
+      ]}
+    />
+  );
+}
+

Eye dropper

+

By default, if EyeDropper API +is available, eye dropper icon will be displayed at the right section of the input. +To disable it, set withEyeDropper={false}.

+

Error state

+

Invalid name

import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <ColorInput label="Boolean error" placeholder="Boolean error" error />
+      <ColorInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
+

Disabled state

+
import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  return <ColorInput disabled label="Disabled input" placeholder="Disabled input" />;
+}
+

Styles API

ColorInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Description

Error

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Get element ref

import { useRef } from 'react';
+import { ColorInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <ColorInput ref={ref} />;
+}
+

Accessibility

If ColorInput is used without label prop, it will not be announced properly by screen reader:

import { ColorInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <ColorInput />;
+}

Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

import { ColorInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <ColorInput aria-label="My input" />;
+}

If label prop is set, input will be accessible it is not required to set aria-label:

import { ColorInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <ColorInput label="My input" />;
+}

Previous

Chip

Next

ColorPicker

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/color-picker/index.html b/core/color-picker/index.html new file mode 100644 index 00000000000..2218af19ed4 --- /dev/null +++ b/core/color-picker/index.html @@ -0,0 +1,111 @@ +ColorPicker | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

ColorPicker

Pick colors

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

rgba(47, 119, 150, 0.7)

import { useState } from 'react';
+import { ColorPicker, Text, Stack } from '@mantine/core';
+
+function Demo() {
+  const [value, onChange] = useState('rgba(47, 119, 150, 0.7)');
+
+  return (
+    <Stack align="center">
+      <ColorPicker format="rgba" value={value} onChange={onChange} />
+      <Text>{value}</Text>
+    </Stack>
+  );
+}
+

Color format

+

ColorPicker supports hex, hexa, rgb, rgba, hsl and hsla color formats. +Slider to change opacity and color preview are displayed only for hexa, rgba and hsla formats:

+

#C5D899

import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return <ColorPicker />;
+}
+

With swatches

+

You can add predefined color swatches with swatches prop:

+
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorPicker
+      format="hex"
+      swatches={['#25262b', '#868e96', '#fa5252', '#e64980', '#be4bdb', '#7950f2', '#4c6ef5', '#228be6', '#15aabf', '#12b886', '#40c057', '#82c91e', '#fab005', '#fd7e14']}
+    />
+  );
+}
+

By default, ColorPicker will display 7 swatches per row, you can configure it with swatchesPerRow prop:

+
Swatches per row
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ColorPicker format="hex" swatches={['#25262b', '#868e96', '#fa5252', '#e64980', '#be4bdb', '#7950f2', '#4c6ef5', '#228be6', '#15aabf', '#12b886', '#40c057', '#82c91e', '#fab005', '#fd7e14']} />
+  );
+}
+

To display swatches without picker set withPicker={false} and fullWidth props:

+

#fff

import { useState } from 'react';
+import { DEFAULT_THEME, ColorPicker, Text, Box } from '@mantine/core';
+
+function Demo() {
+  const [value, onChange] = useState('#fff');
+
+  return (
+    <Box maw={200} mx="auto">
+      <ColorPicker
+        format="hex"
+        value={value}
+        onChange={onChange}
+        withPicker={false}
+        fullWidth
+        swatches={[
+          ...DEFAULT_THEME.colors.red.slice(0, 7),
+          ...DEFAULT_THEME.colors.green.slice(0, 7),
+          ...DEFAULT_THEME.colors.blue.slice(0, 7),
+        ]}
+      />
+      <Text ta="center" mt={5}>
+        {value}
+      </Text>
+    </Box>
+  );
+}
+

Size

+

ColorPicker has 5 predefined sizes: xs, sm, md, lg and xl:

+
Size
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return <ColorPicker />;
+}
+

fullWidth

+

Set fullWidth prop to stretch component to 100% of parent width. In this case the picker will not +have fixed width, but you can still use size prop to control sizes of sliders.

+
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return <ColorPicker fullWidth size="lg" format="rgba" />;
+}
+

Styles API

ColorPicker supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */
+

Accessibility

+

ColorPicker component is accessible by default:

+
    +
  • Saturation, hue and alpha sliders are focusable
    • +
  • When moused is used to interact with the slider, focus is moved to the slider
    • +
  • All values can be changed with arrows
    • +
+

To make component accessible for screen readers, set saturationLabel, hueLabel and alphaLabel:

+
import { ColorPicker } from '@mantine/core';
+
+function Demo() {
+  return <ColorPicker saturationLabel="Saturation" hueLabel="Hue" alphaLabel="Alpha" />;
+}

Previous

ColorInput

Next

Fieldset

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/color-swatch/index.html b/core/color-swatch/index.html new file mode 100644 index 00000000000..af09dd8938b --- /dev/null +++ b/core/color-swatch/index.html @@ -0,0 +1,56 @@ +ColorSwatch | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

ColorSwatch

Displays color

Import

Polymorphic

Polymorphic component

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
import { ColorSwatch, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <ColorSwatch color="#009790" />
+      <ColorSwatch color="rgba(234, 22, 174, 0.5)" />
+      <ColorSwatch color="var(--mantine-color-orange-5)" />
+    </Group>
+  );
+}
+

withShadow

+

By default, ColorSwatch has an inner box-shadow to make it more visible on light backgrounds, +you can disable it by setting withShadow={false} prop:

+
import { ColorSwatch } from '@mantine/core';
+
+function Demo() {
+  return <ColorSwatch color="rgba(255, 255, 255, 0.7)" />;
+}
+

Polymorphic component

ColorSwatch is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

import { ColorSwatch } from '@mantine/core';
+
+function Demo() {
+  return <ColorSwatch component="a" />;
+}

You can also use components in component prop, for example, Next.js Link:

import Link from 'next/link';
+import { ColorSwatch } from '@mantine/core';
+
+function Demo() {
+  return <ColorSwatch component={Link} href="/" />;
+}

Polymorphic components with TypeScript

Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, ColorSwatchProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

import type { ColorSwatchProps, ElementProps } from '@mantine/core';
+
+interface MyColorSwatchProps extends ColorSwatchProps,
+  ElementProps<'a', keyof ColorSwatchProps> {}

If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

+
import { useState } from 'react';
+import { ColorSwatch, CheckIcon, rem } from '@mantine/core';
+
+function Demo() {
+  const [checked, setChecked] = useState(true);
+
+  return (
+    <ColorSwatch
+      component="button"
+      color="var(--mantine-color-grape-6)"
+      onClick={() => setChecked((c) => !c)}
+      style={{ color: '#fff', cursor: 'pointer' }}
+    >
+      {checked && <CheckIcon style={{ width: rem(12), height: rem(12) }} />}
+    </ColorSwatch>
+  );
+}

Previous

Card

Next

Image

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/combobox/index.html b/core/combobox/index.html new file mode 100644 index 00000000000..fc965c8c408 --- /dev/null +++ b/core/combobox/index.html @@ -0,0 +1,986 @@ +Combobox | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Combobox

Create custom select, autocomplete or multiselect inputs

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Combobox provides a set of components and hooks to custom select, multiselect or autocomplete components. +The component is very flexible – you have full control of the rendering and logic.

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>{options}</Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Examples

+

This page contains only a small set of examples, as the full code of the demos is long. +You can find all 50+ examples on a separate page.

+

useCombobox hook

+

useCombobox hook provides combobox store. The store contains the current state of the component +and handlers to update it. Created store must be passed to the store prop of Combobox:

+
import { useCombobox, Combobox } from '@mantine/core';
+
+function Demo() {
+  const combobox = useCombobox();
+  return <Combobox store={combobox}>{/* Your implementation */}</Combobox>;
+}
+

useCombobox options

+

useCombobox hooks accepts an options object with the following properties:

+
interface UseComboboxOptions {
+  /** Default value for `dropdownOpened`, `false` by default */
+  defaultOpened?: boolean;
+
+  /** Controlled `dropdownOpened` state */
+  opened?: boolean;
+
+  /** Called when `dropdownOpened` state changes */
+  onOpenedChange?(opened: boolean): void;
+
+  /** Called when dropdown closes with event source: keyboard, mouse or unknown */
+  onDropdownClose?(eventSource: ComboboxDropdownEventSource): void;
+
+  /** Called when dropdown opens with event source: keyboard, mouse or unknown */
+  onDropdownOpen?(eventSource: ComboboxDropdownEventSource): void;
+
+  /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
+  loop?: boolean;
+
+  /** `behavior` passed down to `element.scrollIntoView`, `'instant'` by default */
+  scrollBehavior?: ScrollBehavior;
+}
+

You can import UseComboboxOptions type from @mantine/core package:

+
import type { UseComboboxOptions } from '@mantine/core';
+

Combobox store

+

Combobox store is an object with the following properties:

+
interface ComboboxStore {
+  /** Current dropdown opened state */
+  dropdownOpened: boolean;
+
+  /** Opens dropdown */
+  openDropdown(eventSource?: 'keyboard' | 'mouse' | 'unknown'): void;
+
+  /** Closes dropdown */
+  closeDropdown(eventSource?: 'keyboard' | 'mouse' | 'unknown'): void;
+
+  /** Toggles dropdown opened state */
+  toggleDropdown(eventSource?: 'keyboard' | 'mouse' | 'unknown'): void;
+
+  /** Selected option index */
+  selectedOptionIndex: number;
+
+  /** Selects `Combobox.Option` by index */
+  selectOption(index: number): void;
+
+  /** Selects first `Combobox.Option` with `active` prop.
+   *  If there are no such options, the function does nothing.
+   */
+  selectActiveOption(): string | null;
+
+  /** Selects first `Combobox.Option` that is not disabled.
+   *  If there are no such options, the function does nothing.
+   * */
+  selectFirstOption(): string | null;
+
+  /** Selects next `Combobox.Option` that is not disabled.
+   *  If the current option is the last one, the function selects first option, if `loop` is true.
+   */
+  selectNextOption(): string | null;
+
+  /** Selects previous `Combobox.Option` that is not disabled.
+   *  If the current option is the first one, the function selects last option, if `loop` is true.
+   * */
+  selectPreviousOption(): string | null;
+
+  /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */
+  resetSelectedOption(): void;
+
+  /** Triggers `onClick` event of selected option.
+   *  If there is no selected option, the function does nothing.
+   */
+  clickSelectedOption(): void;
+
+  /** Updates selected option index to currently selected or active option.
+   *  The function is required to be used with searchable components to update selected option index
+   *  when options list changes based on search query.
+   */
+  updateSelectedOptionIndex(target?: 'active' | 'selected'): void;
+
+  /** List id, used for `aria-*` attributes */
+  listId: string | null;
+
+  /** Sets list id */
+  setListId(id: string): void;
+
+  /** Ref of `Combobox.Search` input */
+  searchRef: React.MutableRefObject<HTMLInputElement | null>;
+
+  /** Moves focus to `Combobox.Search` input */
+  focusSearchInput(): void;
+
+  /** Ref of the target element */
+  targetRef: React.MutableRefObject<HTMLElement | null>;
+
+  /** Moves focus to the target element */
+  focusTarget(): void;
+}
+

You can import ComboboxStore type from @mantine/core package:

+
import type { ComboboxStore } from '@mantine/core';
+

useCombobox handlers

+

Combobox store handlers can be used to control Combobox state. +For example, to open the dropdown, call openDropdown handler:

+
import { useCombobox, Combobox, Button } from '@mantine/core';
+
+function Demo() {
+  const combobox = useCombobox();
+
+  return (
+    <Combobox>
+      <Combobox.Target>
+        <Button onClick={() => combobox.openDropdown()}>Open dropdown</Button>
+      </Combobox.Target>
+
+      {/* Your implementation */}
+    </Combobox>
+  );
+}
+

You can use store handlers in useCombobox options. For example, you can +call selectFirstOption when the dropdown is opened and resetSelectedOption +when it is closed:

+
import { useCombobox, Combobox } from '@mantine/core';
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownOpen: () => combobox.selectFirstOption(),
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  return <Combobox store={combobox}>{/* Your implementation */}</Combobox>;
+}
+

Combobox.Target

+

Combobox.Target should be used as a wrapper for the target element or component. +Combobox.Target marks its child as a target for dropdown and sets aria-* attributes +and adds keyboard event listeners to it.

+

Combobox.Target requires a single child element or component. The child component +must accept ref and ...others props. You can use any Mantine component as a target without +any additional configuration, for example, Button, TextInput +or InputBase.

+

Example of using Combobox.Target with TextInput component:

+
import { useState } from 'react';
+import { Combobox, TextInput, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox();
+  const [value, setValue] = useState('');
+  const shouldFilterOptions = !groceries.some((item) => item === value);
+  const filteredOptions = shouldFilterOptions
+    ? groceries.filter((item) => item.toLowerCase().includes(value.toLowerCase().trim()))
+    : groceries;
+
+  const options = filteredOptions.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      onOptionSubmit={(optionValue) => {
+        setValue(optionValue);
+        combobox.closeDropdown();
+      }}
+      store={combobox}
+    >
+      <Combobox.Target>
+        <TextInput
+          label="Pick value or type anything"
+          placeholder="Pick value or type anything"
+          value={value}
+          onChange={(event) => {
+            setValue(event.currentTarget.value);
+            combobox.openDropdown();
+            combobox.updateSelectedOptionIndex();
+          }}
+          onClick={() => combobox.openDropdown()}
+          onFocus={() => combobox.openDropdown()}
+          onBlur={() => combobox.closeDropdown()}
+        />
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          {options.length === 0 ? <Combobox.Empty>Nothing found</Combobox.Empty> : options}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Example of using Combobox.Target with Button component:

+
Selected item: Nothing selected
import { useState } from 'react';
+import { Button, Combobox, useCombobox, Text, Box } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const [selectedItem, setSelectedItem] = useState<string | null>(null);
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <>
+      <Box mb="xs">
+        <Text span size="sm" c="dimmed">
+          Selected item:{' '}
+        </Text>
+
+        <Text span size="sm">
+          {selectedItem || 'Nothing selected'}
+        </Text>
+      </Box>
+
+      <Combobox
+        store={combobox}
+        width={250}
+        position="bottom-start"
+        withArrow
+        onOptionSubmit={(val) => {
+          setSelectedItem(val);
+          combobox.closeDropdown();
+        }}
+      >
+        <Combobox.Target>
+          <Button onClick={() => combobox.toggleDropdown()}>Pick item</Button>
+        </Combobox.Target>
+
+        <Combobox.Dropdown>
+          <Combobox.Options>{options}</Combobox.Options>
+        </Combobox.Dropdown>
+      </Combobox>
+    </>
+  );
+}
+

Split events and dropdown targets

+

In some cases, you might need to use different elements as an events target and as a dropdown. +Use Combobox.EventsTarget to add aria-* attributes and keyboard event handlers, and +Combobox.DropdownTarget to position the dropdown relative to the target.

+

You can have as many Combobox.EventsTarget as you need, but only one Combobox.DropdownTarget +per Combobox.

+

Example of using Combobox.EventsTarget and Combobox.DropdownTarget with PillsInput component +to create a searchable multiselect component:

+
import { useState } from 'react';
+import { PillsInput, Pill, Combobox, CheckIcon, Group, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+    onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'),
+  });
+
+  const [search, setSearch] = useState('');
+  const [value, setValue] = useState<string[]>([]);
+
+  const handleValueSelect = (val: string) =>
+    setValue((current) =>
+      current.includes(val) ? current.filter((v) => v !== val) : [...current, val]
+    );
+
+  const handleValueRemove = (val: string) =>
+    setValue((current) => current.filter((v) => v !== val));
+
+  const values = value.map((item) => (
+    <Pill key={item} withRemoveButton onRemove={() => handleValueRemove(item)}>
+      {item}
+    </Pill>
+  ));
+
+  const options = groceries
+    .filter((item) => item.toLowerCase().includes(search.trim().toLowerCase()))
+    .map((item) => (
+      <Combobox.Option value={item} key={item} active={value.includes(item)}>
+        <Group gap="sm">
+          {value.includes(item) ? <CheckIcon size={12} /> : null}
+          <span>{item}</span>
+        </Group>
+      </Combobox.Option>
+    ));
+
+  return (
+    <Combobox store={combobox} onOptionSubmit={handleValueSelect}>
+      <Combobox.DropdownTarget>
+        <PillsInput onClick={() => combobox.openDropdown()}>
+          <Pill.Group>
+            {values}
+
+            <Combobox.EventsTarget>
+              <PillsInput.Field
+                onFocus={() => combobox.openDropdown()}
+                onBlur={() => combobox.closeDropdown()}
+                value={search}
+                placeholder="Search values"
+                onChange={(event) => {
+                  combobox.updateSelectedOptionIndex();
+                  setSearch(event.currentTarget.value);
+                }}
+                onKeyDown={(event) => {
+                  if (event.key === 'Backspace' && search.length === 0) {
+                    event.preventDefault();
+                    handleValueRemove(value[value.length - 1]);
+                  }
+                }}
+              />
+            </Combobox.EventsTarget>
+          </Pill.Group>
+        </PillsInput>
+      </Combobox.DropdownTarget>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          {options.length > 0 ? options : <Combobox.Empty>Nothing found...</Combobox.Empty>}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Update selected option index

+

updateSelectedOptionIndex handler is required to be called when options list changes. +Usually, the options list changes when options are filtered based on the search query. In this case, +you need to call updateSelectedOptionIndex in onChange handler of the search input.

+

Example of using updateSelectedOptionIndex handler in searchable select component:

+
import { useState } from 'react';
+import { InputBase, Combobox, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+  const [search, setSearch] = useState('');
+
+  const shouldFilterOptions = groceries.every((item) => item !== search);
+  const filteredOptions = shouldFilterOptions
+    ? groceries.filter((item) => item.toLowerCase().includes(search.toLowerCase().trim()))
+    : groceries;
+
+  const options = filteredOptions.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        setSearch(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.openDropdown()}
+          onFocus={() => combobox.openDropdown()}
+          onBlur={() => {
+            combobox.closeDropdown();
+            setSearch(value || '');
+          }}
+          placeholder="Search value"
+          value={search}
+          onChange={(event) => {
+            combobox.updateSelectedOptionIndex();
+            setSearch(event.currentTarget.value);
+          }}
+        />
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          {options.length > 0 ? options : <Combobox.Empty>Nothing found</Combobox.Empty>}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Search input

+

If you prefer search input inside the dropdown, use Combobox.Search component. +To focus the search input, call combobox.focusSearchInput, usually it is done +when the dropdown is opened. To prevent focus loss after the dropdown is closed, +call combobox.focusTarget:

+
Selected item: Nothing selected
import { useState } from 'react';
+import { Button, Combobox, useCombobox, Text, Box } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const [search, setSearch] = useState('');
+  const [selectedItem, setSelectedItem] = useState<string | null>(null);
+  const combobox = useCombobox({
+    onDropdownClose: () => {
+      combobox.resetSelectedOption();
+      combobox.focusTarget();
+      setSearch('');
+    },
+
+    onDropdownOpen: () => {
+      combobox.focusSearchInput();
+    },
+  });
+
+  const options = groceries
+    .filter((item) => item.toLowerCase().includes(search.toLowerCase().trim()))
+    .map((item) => (
+      <Combobox.Option value={item} key={item}>
+        {item}
+      </Combobox.Option>
+    ));
+
+  return (
+    <>
+      <Box mb="xs">
+        <Text span size="sm" c="dimmed">
+          Selected item:{' '}
+        </Text>
+
+        <Text span size="sm">
+          {selectedItem || 'Nothing selected'}
+        </Text>
+      </Box>
+
+      <Combobox
+        store={combobox}
+        width={250}
+        position="bottom-start"
+        withArrow
+        onOptionSubmit={(val) => {
+          setSelectedItem(val);
+          combobox.closeDropdown();
+        }}
+      >
+        <Combobox.Target withAriaAttributes={false}>
+          <Button onClick={() => combobox.toggleDropdown()}>Pick item</Button>
+        </Combobox.Target>
+
+        <Combobox.Dropdown>
+          <Combobox.Search
+            value={search}
+            onChange={(event) => setSearch(event.currentTarget.value)}
+            placeholder="Search groceries"
+          />
+          <Combobox.Options>
+            {options.length > 0 ? options : <Combobox.Empty>Nothing found</Combobox.Empty>}
+          </Combobox.Options>
+        </Combobox.Dropdown>
+      </Combobox>
+    </>
+  );
+}
+

Select first option

+

Use combobox.selectFirstOption function to select the first option. It is useful +if you want to select the first option when user searching for options in the list. +If there are no options available, it will do nothing.

+
import { useState, useEffect } from 'react';
+import { Combobox, TextInput, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState('');
+  const shouldFilterOptions = !groceries.some((item) => item === value);
+  const filteredOptions = shouldFilterOptions
+    ? groceries.filter((item) => item.toLowerCase().includes(value.toLowerCase().trim()))
+    : groceries;
+
+  const options = filteredOptions.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  useEffect(() => {
+    // we need to wait for options to render before we can select first one
+    combobox.selectFirstOption();
+  }, [value]);
+
+  return (
+    <Combobox
+      onOptionSubmit={(optionValue) => {
+        setValue(optionValue);
+        combobox.closeDropdown();
+      }}
+      store={combobox}
+    >
+      <Combobox.Target>
+        <TextInput
+          label="Pick value or type anything"
+          placeholder="Pick value or type anything"
+          value={value}
+          onChange={(event) => {
+            setValue(event.currentTarget.value);
+            combobox.openDropdown();
+          }}
+          onClick={() => combobox.openDropdown()}
+          onFocus={() => combobox.openDropdown()}
+          onBlur={() => combobox.closeDropdown()}
+        />
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          {options.length === 0 ? <Combobox.Empty>Nothing found</Combobox.Empty> : options}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Active option

+

Set active prop on Combobox.Option component to mark it as active. +By default, an active option does not have any styles, you can use data-combobox-active +data attribute to style it.

+

combobox.selectActiveOption function selects active option. Usually, it is called +when the dropdown is opened:

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox, CheckIcon, Group } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+    onDropdownOpen: (eventSource) => {
+      if (eventSource === 'keyboard') {
+        combobox.selectActiveOption();
+      } else {
+        combobox.updateSelectedOptionIndex('active');
+      }
+    },
+  });
+
+  const [value, setValue] = useState<string | null>('🥦 Broccoli');
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item} active={item === value}>
+      <Group gap="xs">
+        {item === value && <CheckIcon size={12} />}
+        <span>{item}</span>
+      </Group>
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      resetSelectionOnOptionHover
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.updateSelectedOptionIndex('active');
+      }}
+    >
+      <Combobox.Target targetType="button">
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>{options}</Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Options groups

+

Render Combobox.Option components inside Combobox.Group to create options group. +Combobox.Group label will be automatically hidden if the group does not have any +children.

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox } from '@mantine/core';
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          <Combobox.Group label="Fruits">
+            <Combobox.Option value="🍎 Apples">🍎 Apples</Combobox.Option>
+            <Combobox.Option value="🍌 Bananas">🍌 Bananas</Combobox.Option>
+            <Combobox.Option value="🍇 Grape">🍇 Grape</Combobox.Option>
+          </Combobox.Group>
+
+          <Combobox.Group label="Vegetables">
+            <Combobox.Option value="🥦 Broccoli">🥦 Broccoli</Combobox.Option>
+            <Combobox.Option value="🥕 Carrots">🥕 Carrots</Combobox.Option>
+            <Combobox.Option value="🥬 Lettuce">🥬 Lettuce</Combobox.Option>
+          </Combobox.Group>
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Scrollable list

+

Set max-height style on either Combobox.Dropdown or Combobox.Options to make the +options list scrollable. You can use mah style prop to set +max-height.

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox } from '@mantine/core';
+
+const groceries = [
+  '🍎 Apples',
+  '🍌 Bananas',
+  '🥦 Broccoli',
+  '🥕 Carrots',
+  '🍫 Chocolate',
+  '🍇 Grapes',
+  '🍋 Lemon',
+  '🥬 Lettuce',
+  '🍄 Mushrooms',
+  '🍊 Oranges',
+  '🥔 Potatoes',
+  '🍅 Tomatoes',
+  '🥚 Eggs',
+  '🥛 Milk',
+  '🍞 Bread',
+  '🍗 Chicken',
+  '🍔 Hamburger',
+  '🧀 Cheese',
+  '🥩 Steak',
+  '🍟 French Fries',
+  '🍕 Pizza',
+  '🥦 Cauliflower',
+  '🥜 Peanuts',
+  '🍦 Ice Cream',
+  '🍯 Honey',
+  '🥖 Baguette',
+  '🍣 Sushi',
+  '🥝 Kiwi',
+  '🍓 Strawberries',
+];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options mah={200} style={{ overflowY: 'auto' }}>
+          {options}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Scrollable list with ScrollArea

+

You can also use ScrollArea or ScrollArea.Autosize components +instead of native scrollbars:

+
import { useState } from 'react';
+import { Input, InputBase, Combobox, useCombobox, ScrollArea } from '@mantine/core';
+
+const groceries = [
+  '🍎 Apples',
+  '🍌 Bananas',
+  '🥦 Broccoli',
+  '🥕 Carrots',
+  '🍫 Chocolate',
+  '🍇 Grapes',
+  '🍋 Lemon',
+  '🥬 Lettuce',
+  '🍄 Mushrooms',
+  '🍊 Oranges',
+  '🥔 Potatoes',
+  '🍅 Tomatoes',
+  '🥚 Eggs',
+  '🥛 Milk',
+  '🍞 Bread',
+  '🍗 Chicken',
+  '🍔 Hamburger',
+  '🧀 Cheese',
+  '🥩 Steak',
+  '🍟 French Fries',
+  '🍕 Pizza',
+  '🥦 Cauliflower',
+  '🥜 Peanuts',
+  '🍦 Ice Cream',
+  '🍯 Honey',
+  '🥖 Baguette',
+  '🍣 Sushi',
+  '🥝 Kiwi',
+  '🍓 Strawberries',
+];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+  });
+
+  const [value, setValue] = useState<string | null>(null);
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      store={combobox}
+      onOptionSubmit={(val) => {
+        setValue(val);
+        combobox.closeDropdown();
+      }}
+    >
+      <Combobox.Target>
+        <InputBase
+          component="button"
+          pointer
+          rightSection={<Combobox.Chevron />}
+          onClick={() => combobox.toggleDropdown()}
+        >
+          {value || <Input.Placeholder>Pick value</Input.Placeholder>}
+        </InputBase>
+      </Combobox.Target>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          <ScrollArea.Autosize type="scroll" mah={200}>
+            {options}
+          </ScrollArea.Autosize>
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Hide dropdown

+

Set hidden prop on Combobox.Dropdown to hide the dropdown. For example, +it can be useful when you want to show the dropdown only when there is at least +one option available:

+
import { useState } from 'react';
+import { Combobox, TextInput, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox();
+  const [value, setValue] = useState('');
+  const shouldFilterOptions = !groceries.some((item) => item === value);
+  const filteredOptions = shouldFilterOptions
+    ? groceries.filter((item) => item.toLowerCase().includes(value.toLowerCase().trim()))
+    : groceries;
+
+  const options = filteredOptions.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <Combobox
+      onOptionSubmit={(optionValue) => {
+        setValue(optionValue);
+        combobox.closeDropdown();
+      }}
+      store={combobox}
+    >
+      <Combobox.Target>
+        <TextInput
+          label="Pick value or type anything"
+          placeholder="Pick value or type anything"
+          value={value}
+          onChange={(event) => {
+            setValue(event.currentTarget.value);
+            combobox.openDropdown();
+          }}
+          onClick={() => combobox.openDropdown()}
+          onFocus={() => combobox.openDropdown()}
+          onBlur={() => combobox.closeDropdown()}
+        />
+      </Combobox.Target>
+
+      <Combobox.Dropdown hidden={options.length === 0}>
+        <Combobox.Options>{options}</Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
+

Control dropdown opened state

+

To control the dropdown opened state, pass opened to useCombobox hook:

+

Dropdown is opened/closed when button is clicked

import { useState } from 'react';
+import { TextInput, Button, Combobox, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  const combobox = useCombobox({ opened });
+
+  const options = groceries.map((item) => (
+    <Combobox.Option value={item} key={item}>
+      {item}
+    </Combobox.Option>
+  ));
+
+  return (
+    <>
+      <Button mb="md" onClick={() => setOpened((o) => !o)}>
+        Toggle dropdown
+      </Button>
+
+      <Combobox store={combobox}>
+        <Combobox.Target>
+          <TextInput
+            label="Autocomplete"
+            description="Dropdown is opened/closed when button is clicked"
+            placeholder="Click button to toggle dropdown"
+          />
+        </Combobox.Target>
+
+        <Combobox.Dropdown>
+          <Combobox.Options>{options}</Combobox.Options>
+        </Combobox.Dropdown>
+      </Combobox>
+    </>
+  );
+}
+

Without dropdown

+

You can use Combobox without dropdown. To do so, use Combobox.EventsTarget instead +of Combobox.Target:

+
First
Second
Third
import { useState } from 'react';
+import { Combobox, TextInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+
+  return (
+    <Combobox onOptionSubmit={setValue}>
+      <Combobox.EventsTarget>
+        <TextInput
+          placeholder="Pick value"
+          value={value}
+          onChange={(event) => setValue(event.currentTarget.value)}
+        />
+      </Combobox.EventsTarget>
+
+      <Combobox.Options mt="sm">
+        <Combobox.Option value="First">First</Combobox.Option>
+        <Combobox.Option value="Second">Second</Combobox.Option>
+        <Combobox.Option value="Third">Third</Combobox.Option>
+      </Combobox.Options>
+    </Combobox>
+  );
+}
+

Styles API

Combobox supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

+

Component Styles API

Hover over selectors to highlight corresponding elements

/*
+ * Hover over selectors to apply outline styles
+ *
+ */

Previous

Autocomplete

Next

MultiSelect

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/container/index.html b/core/container/index.html new file mode 100644 index 00000000000..3f6cf9ad0f6 --- /dev/null +++ b/core/container/index.html @@ -0,0 +1,112 @@ +Container | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Container

Center content with padding and max-width

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Container centers content and limits its max-width to the value specified in size prop. +Note that the size prop does not make max-width responsive, for example, +when it set to lg it will always be lg regardless of screen size.

+
Default Container
xs Container
30rem Container without padding
import { Container } from '@mantine/core';
+
+function Demo() {
+  const demoProps = {
+    bg: 'var(--mantine-color-blue-light)',
+    h: 50,
+    mt: 'md',
+  };
+
+  return (
+    <>
+      <Container {...demoProps}>Default Container</Container>
+
+      <Container size="xs" {...demoProps}>
+        xs Container
+      </Container>
+
+      <Container px={0} size="30rem" {...demoProps}>
+        30rem Container without padding
+      </Container>
+    </>
+  );
+}
+

Fluid

+

Set fluid prop to make container fluid, it will take 100% of available width, +it is the same as setting size="100%".

+
Fluid container has 100% max-width
import { Container } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Container fluid h={50} bg="var(--mantine-color-blue-light)">
+      Fluid container has 100% max-width
+    </Container>
+  );
+}
+

Customize sizes

+

You can customize existing Container sizes and add new ones with CSS variables +on theme:

+
Container with custom size
import { Container, MantineProvider, createTheme, rem } from '@mantine/core';
+
+const CONTAINER_SIZES: Record<string, string> = {
+  xxs: rem(300),
+  xs: rem(400),
+  sm: rem(500),
+  md: rem(600),
+  lg: rem(700),
+  xl: rem(800),
+  xxl: rem(900),
+};
+
+const theme = createTheme({
+  components: {
+    Container: Container.extend({
+      vars: (_, { size, fluid }) => ({
+        root: {
+          '--container-size': fluid
+            ? '100%'
+            : size !== undefined && size in CONTAINER_SIZES
+            ? CONTAINER_SIZES[size]
+            : rem(size),
+        },
+      }),
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Container size="xxs" bg="var(--mantine-color-blue-light)">
+        Container with custom size
+      </Container>
+    </MantineProvider>
+  );
+}
+

Responsive max-width

+

To make Container max-width responsive, use Styles API to set +classNames. For example, you can add responsive size that will make Container +max-width different depending on screen size:

+
Container with responsive size
import cx from 'clsx';
+import { MantineProvider, Container, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Container: Container.extend({
+      classNames: (_, { size }) => ({
+        root: cx({ [classes.responsiveContainer]: size === 'responsive' }),
+      }),
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Container size="responsive" bg="var(--mantine-color-blue-light)">
+        Container with responsive size
+      </Container>
+    </MantineProvider>
+  );
+}

Previous

Center

Next

Flex

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/copy-button/index.html b/core/copy-button/index.html new file mode 100644 index 00000000000..4a09d4d1a3b --- /dev/null +++ b/core/copy-button/index.html @@ -0,0 +1,51 @@ +CopyButton | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

CopyButton

Copies given text to clipboard

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

CopyButton is based on use-clipboard hook. +Its children is a function that receives an object with the following properties:

+
    +
  • copied – boolean value that indicates that a given value was recently copied to the clipboard, it resets after a given timeout (defaults to 500ms)
    • +
  • copy – function that should be called to copy given value to clipboard
    • +
+
import { CopyButton, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <CopyButton value="https://mantine.dev">
+      {({ copied, copy }) => (
+        <Button color={copied ? 'teal' : 'blue'} onClick={copy}>
+          {copied ? 'Copied url' : 'Copy url'}
+        </Button>
+      )}
+    </CopyButton>
+  );
+}
+

Security

+

Due to security reasons CopyButton component will not work in iframes and may not work with local files opened with file:// protocol +(component will work fine with local websites that are using http:// protocol). You can learn more about navigator.clipboard here.

+

Timeout

+

You can provide a custom copied reset timeout:

+
import { CopyButton, ActionIcon, Tooltip, rem } from '@mantine/core';
+import { IconCopy, IconCheck } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <CopyButton value="https://mantine.dev" timeout={2000}>
+      {({ copied, copy }) => (
+        <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position="right">
+          <ActionIcon color={copied ? 'teal' : 'gray'} variant="subtle" onClick={copy}>
+            {copied ? (
+              <IconCheck style={{ width: rem(16) }} />
+            ) : (
+              <IconCopy style={{ width: rem(16) }} />
+            )}
+          </ActionIcon>
+        </Tooltip>
+      )}
+    </CopyButton>
+  );
+}

Previous

CloseButton

Next

FileButton

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/dialog/index.html b/core/dialog/index.html new file mode 100644 index 00000000000..28d23f68919 --- /dev/null +++ b/core/dialog/index.html @@ -0,0 +1,52 @@ +Dialog | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Dialog

Display a fixed overlay dialog at any side of the screen

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+

Dialog is a simplified version of Modal component. +It does not include most of accessibility and usability Modal features:

+
    +
  • Focus trap is not available
    • +
  • Does not close on click outside
    • +
  • Does not have overlay
    • +
+

Use Dialog to attract attention with not important information or action, +for example, you can create an email subscription form:

+
import { useDisclosure } from '@mantine/hooks';
+import { Dialog, Group, Button, TextInput, Text } from '@mantine/core';
+
+function Demo() {
+  const [opened, { toggle, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Group justify="center">
+        <Button onClick={toggle}>Toggle dialog</Button>
+      </Group>
+
+      <Dialog opened={opened} withCloseButton onClose={close} size="lg" radius="md">
+        <Text size="sm" mb="xs" fw={500}>
+          Subscribe to email newsletter
+        </Text>
+
+        <Group align="flex-end">
+          <TextInput placeholder="hello@gluesticker.com" style={{ flex: 1 }} />
+          <Button onClick={close}>Subscribe</Button>
+        </Group>
+      </Dialog>
+    </>
+  );
+}
+

Change position

+

Dialog is rendered in Portal and has fixed position, set position prop to control dialog's position:

+
// Dialog in top left corner
+<Dialog position={{ top: 20, left: 20 }} />
+
+// Dialog in bottom left corner
+<Dialog position={{ bottom: 20, left: 20 }} />
+

Accessibility

+

Dialog is not accessible and most likely will not be announced by screen reader, +make sure you do not put any important information. In most cases it would be better +to select Modal, Drawer or Notifications.

Previous

Affix

Next

Drawer

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/divider/index.html b/core/divider/index.html new file mode 100644 index 00000000000..69a14bcbb53 --- /dev/null +++ b/core/divider/index.html @@ -0,0 +1,85 @@ +Divider | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Divider

Horizontal line with optional label or vertical divider

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
import { Divider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Divider my="sm" />
+      <Divider my="sm" variant="dashed" />
+      <Divider my="sm" variant="dotted" />
+    </>
+  );
+}
+

With label

+
import { Divider, Box, Anchor } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <Divider my="xs" label="Label on the left" labelPosition="left" />
+      <Divider my="xs" label="Label in the center" labelPosition="center" />
+      <Divider my="xs" label="Label on the right" labelPosition="right" />
+      <Divider
+        my="xs"
+        variant="dashed"
+        labelPosition="center"
+        label={
+          <>
+            <IconSearch size={12} />
+            <Box ml={5}>Search results</Box>
+          </>
+        }
+      />
+      <Divider
+        my="xs"
+        label={
+          <Anchor href="https://mantine.dev" target="_blank" inherit>
+            Link label
+          </Anchor>
+        }
+      />
+    </>
+  );
+}
+

Sizes

+
import { Divider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Divider size="xs" />
+      <Divider size="sm" />
+      <Divider size="md" />
+      <Divider size="lg" />
+      <Divider size="xl" />
+      <Divider size={10} />
+    </>
+  );
+}
+

Vertical orientation

+

Label

Label

Label

Label

Label

Label

import { Divider, Group, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <Text>Label</Text>
+      <Divider orientation="vertical" />
+      <Text>Label</Text>
+      <Divider size="sm" orientation="vertical" />
+      <Text>Label</Text>
+      <Divider size="md" orientation="vertical" />
+      <Text>Label</Text>
+      <Divider size="lg" orientation="vertical" />
+      <Text>Label</Text>
+      <Divider size="xl" orientation="vertical" />
+      <Text>Label</Text>
+    </Group>
+  );
+}

Previous

Collapse

Next

FocusTrap

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/drawer/index.html b/core/drawer/index.html new file mode 100644 index 00000000000..e2ef9c33a71 --- /dev/null +++ b/core/drawer/index.html @@ -0,0 +1,246 @@ +Drawer | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Drawer

Display overlay area at any side of the screen

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer opened={opened} onClose={close} title="Authentication">
+        {/* Drawer content */}
+      </Drawer>
+
+      <Button onClick={open}>Open Drawer</Button>
+    </>
+  );
+}
+

Position

+

Drawer can be placed on left (default), top, right and bottom. Control drawer position with position prop, +for example <Drawer position="top" />.

+
+

Customize overlay

+

Drawer uses Overlay component, you can set any props that Overlay +supports with overlayProps:

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer
+        opened={opened}
+        onClose={close}
+        title="Authentication"
+        overlayProps={{ backgroundOpacity: 0.5, blur: 4 }}
+      >
+        {/* Drawer content */}
+      </Drawer>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Sizes

+

You can change drawer width/height (depends on position) by setting size prop to predefined size or any valid width, +for example, size="55%" or size={200}:

+
import { Drawer } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Drawer position="right" size="xl" opened onClose={() => {}}>
+      {/* Drawer content */}
+    </Drawer>
+  );
+}
+
+

Remove header

+

To remove header set withCloseButton={false}

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer opened={opened} onClose={close} withCloseButton={false}>
+        Drawer without header, press escape or click on overlay to close
+      </Drawer>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Drawer with scroll

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  const content = Array(100)
+    .fill(0)
+    .map((_, index) => <p key={index}>Drawer with scroll</p>);
+
+  return (
+    <>
+      <Drawer opened={opened} onClose={close} title="Header is sticky">
+        {content}
+      </Drawer>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Usage with ScrollArea

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button, ScrollArea } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  const content = Array(100)
+    .fill(0)
+    .map((_, index) => <p key={index}>Drawer with scroll</p>);
+
+  return (
+    <>
+      <Drawer
+        opened={opened}
+        onClose={close}
+        title="Header is sticky"
+        scrollAreaComponent={ScrollArea.Autosize}
+      >
+        {content}
+      </Drawer>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Change transition

+

Drawer is built with Transition component. Use transitionProps +prop to customize any Transition properties:

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer
+        opened={opened}
+        onClose={close}
+        title="Authentication"
+        transitionProps={{ transition: 'rotate-left', duration: 150, timingFunction: 'linear' }}
+      >
+        {/* Drawer content */}
+      </Drawer>
+
+      <Button onClick={open}>Open Drawer</Button>
+    </>
+  );
+}
+

Initial focus

+

Drawer uses FocusTrap to trap focus. Add data-autofocus +attribute to the element that should receive initial focus.

+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button, TextInput } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer opened={opened} onClose={close} title="Focus demo">
+        <TextInput label="First input" placeholder="First input" />
+        <TextInput
+          data-autofocus
+          label="Input with initial focus"
+          placeholder="It has data-autofocus attribute"
+          mt="md"
+        />
+      </Drawer>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Control behavior

+

The following props can be used to control Drawer behavior. +In most cases it is not recommended to turn these features off – +it will make the component less accessible.

+
    +
  • trapFocus – determines whether focus should be trapped inside drawer
    • +
  • closeOnEscape – determines whether the drawer should be closed when Escape key is pressed
    • +
  • closeOnClickOutside – determines whether the drawer should be closed when user clicks on the overlay
    • +
  • returnFocus – determines whether focus should be returned to the element that was focused before the drawer was opened
    • +
+

Compound components

+

You can use the following compound components to have full control over the Drawer rendering:

+
    +
  • Drawer.Root – context provider
    • +
  • Drawer.Overlay – render Overlay
    • +
  • Drawer.Content – main drawer element, should include all drawer content
    • +
  • Drawer.Header – sticky header, usually contains Drawer.Title and Drawer.CloseButton
    • +
  • Drawer.Title – h2 element, aria-labelledby of Drawer.Content is pointing to this element, usually is rendered inside Drawer.Header
    • +
  • Drawer.CloseButton – close button, usually rendered inside Drawer.Header
    • +
  • Drawer.Body – a place for main content, aria-describedby of Drawer.Content is pointing to this element
    • +
+
import { useDisclosure } from '@mantine/hooks';
+import { Drawer, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Drawer.Root opened={opened} onClose={close}>
+        <Drawer.Overlay />
+        <Drawer.Content>
+          <Drawer.Header>
+            <Drawer.Title>Drawer title</Drawer.Title>
+            <Drawer.CloseButton />
+          </Drawer.Header>
+          <Drawer.Body>Drawer content</Drawer.Body>
+        </Drawer.Content>
+      </Drawer.Root>
+
+      <Button onClick={open}>Open drawer</Button>
+    </>
+  );
+}
+

Fixed elements offset

+

Drawer component uses react-remove-scroll +package to lock scroll. To properly size these elements add a className to them (documentation):

+
import { RemoveScroll } from '@mantine/core';
+
+// to make "width: 100%"
+<div className={RemoveScroll.classNames.fullWidth} />
+
+// to make "right: 0"
+<div className={RemoveScroll.classNames.zeroRight} />
+

Accessibility

+

Drawer component follows WAI-ARIA recommendations on accessibility.

+

Set title props to make component accessible, will add aria-labelledby to the content element:

+
import { Drawer } from '@mantine/core';
+
+function Demo() {
+  return <Drawer title="Drawer label" opened onClose={() => {}} />;
+}
+

To set close button aria-label use closeButtonProps:

+
import { Drawer } from '@mantine/core';
+
+function Demo() {
+  return <Drawer closeButtonProps={{ 'aria-label': 'Close modal' }} opened onClose={() => {}} />;
+}

Previous

Dialog

Next

HoverCard

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/fieldset/index.html b/core/fieldset/index.html new file mode 100644 index 00000000000..e0de60b503d --- /dev/null +++ b/core/fieldset/index.html @@ -0,0 +1,33 @@ +Fieldset | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

Fieldset

Group related elements in a form

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
Personal information
Variant
Radius
import { Fieldset } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Fieldset legend="Personal information">
+      <TextInput label="Your name" placeholder="Your name" />
+      <TextInput label="Email" placeholder="Email" mt="md" />
+    </Fieldset>
+  );
+}
+

Disabled

+

Set disabled prop to disable all inputs and buttons inside the fieldset:

+
Personal information
import { Fieldset, TextInput, Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Fieldset legend="Personal information" disabled>
+      <TextInput label="Your name" placeholder="Your name" />
+      <TextInput label="Email" placeholder="Email" mt="md" />
+
+      <Group justify="flex-end" mt="md">
+        <Button>Submit</Button>
+      </Group>
+    </Fieldset>
+  );
+}

Previous

ColorPicker

Next

FileInput

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

ContributeAbout MantineChangelogReleases

Community

Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

Project

Mantine UIDocumentationGithub organizationnpm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord communityFollow Mantine on Twitter
\ No newline at end of file diff --git a/core/file-button/index.html b/core/file-button/index.html new file mode 100644 index 00000000000..d61faf2bf76 --- /dev/null +++ b/core/file-button/index.html @@ -0,0 +1,91 @@ +FileButton | Mantine
Welcome to Mantine, React components library that you always wished for
Welcome to Mantine, React components library that you always wished for

FileButton

Open file picker with a button click

Import

Source

View source code

Docs

Edit this page

Package

@mantine/core

Usage

+
import { useState } from 'react';
+import { FileButton, Button, Group, Text } from '@mantine/core';
+
+function Demo() {
+  const [file, setFile] = useState<File | null>(null);
+  return (
+    <>
+      <Group justify="center">
+        <FileButton onChange={setFile} accept="image/png,image/jpeg">
+          {(props) => <Button {...props}>Upload image</Button>}
+        </FileButton>
+      </Group>
+
+      {file && (
+        <Text size="sm" ta="center" mt="sm">
+          Picked file: {file.name}
+        </Text>
+      )}
+    </>
+  );
+}
+

Multiple files

+

Set multiple prop to allow picking multiple files:

+
    import { useState } from 'react';
+import { FileButton, Button, Group, Text } from '@mantine/core';
+
+function Demo() {
+  const [files, setFiles] = useState<File[]>([]);
+  return (
+    <>
+      <Group justify="center">
+        <FileButton onChange={setFiles} accept="image/png,image/jpeg" multiple>
+          {(props) => <Button {...props}>Upload image</Button>}
+        </FileButton>
+      </Group>
+
+      {files.length > 0 && (
+        <Text size="sm" mt="sm">
+          Picked files:
+        </Text>
+      )}
+
+      <ul>
+        {files.map((file, index) => (
+          <li key={index}>{file.name}</li>
+        ))}
+      </ul>
+    </>
+  );
+}
    +

    Reset file

    +

    resetRef should be used to fix issue with stale value on hidden input element as input type file cannot be controlled. +Call resetRef when user selection is cleared:

    +
    import { useState, useRef } from 'react';
+import { FileButton, Button, Group, Text } from '@mantine/core';
+
+function Demo() {
+  const [file, setFile] = useState<File | null>(null);
+  const resetRef = useRef<() => void>(null);
+
+  const clearFile = () => {
+    setFile(null);
+    resetRef.current?.();
+  };
+
+  return (
+    <>
+      <Group justify="center">
+        <FileButton resetRef={resetRef} onChange={setFile} accept="image/png,image/jpeg">
+          {(props) => <Button {...props}>Upload image</Button>}
+        </FileButton>
+        <Button disabled={!file} color="red" onClick={clearFile}>
+          Reset
+        </Button>
+      </Group>
+
+      {file && (
+        <Text size="sm" ta="center" mt="sm">
+          Picked file: {file.name}
+        </Text>
+      )}
+    </>
+  );
+}

    Previous

    CopyButton

    Next

    UnstyledButton

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/file-input/index.html b/core/file-input/index.html new file mode 100644 index 00000000000..bd82b239cba --- /dev/null +++ b/core/file-input/index.html @@ -0,0 +1,136 @@ +FileInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    FileInput

    Capture files from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    FileInput component supports Input and Input.Wrapper components features and all input element props. FileInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { FileInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <FileInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Controlled

    +

    When multiple is false:

    +
    import { useState } from 'react';
+import { FileInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<File | null>(null);
+  return <FileInput value={value} onChange={setValue} />;
+}
    +

    When multiple is true:

    +
    import { useState } from 'react';
+import { FileInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<File[]>([]);
+  return <FileInput multiple value={value} onChange={setValue} />;
+}
    +

    Multiple

    +

    Set multiple to allow user to pick more than one file:

    +
    import { FileInput } from '@mantine/core';
+
+function Demo() {
+  return <FileInput label="Upload files" placeholder="Upload files" multiple />;
+}
    +

    Accept

    +

    Set accept prop to restrict files selection to specific mime types:

    +
    import { FileInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <FileInput accept="image/png,image/jpeg" label="Upload files" placeholder="Upload files" />
+  );
+}
    +

    Custom value component

    +
    import { FileInput, FileInputProps, Pill } from '@mantine/core';
+
+const ValueComponent: FileInputProps['valueComponent'] = ({ value }) => {
+  if (value === null) {
+    return null;
+  }
+
+  if (Array.isArray(value)) {
+    return (
+      <Pill.Group>
+        {value.map((file, index) => (
+          <Pill key={index}>{file.name}</Pill>
+        ))}
+      </Pill.Group>
+    );
+  }
+
+  return <Pill>{value.name}</Pill>;
+};
+
+function Demo() {
+  return (
+    <FileInput
+      label="Upload files"
+      placeholder="Upload files"
+      multiple
+      valueComponent={ValueComponent}
+    />
+  );
+}
    +

    Error state

    +

    Invalid name

    import { FileInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <FileInput label="Boolean error" placeholder="Boolean error" error />
+      <FileInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
    +

    Disabled state

    +
    import { FileInput } from '@mantine/core';
+
+function Demo() {
+  return <FileInput disabled label="Disabled input" placeholder="Disabled input" />;
+}
    +

    Styles API

    FileInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { FileInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <FileInput ref={ref} />;
+}
    +

    Accessibility

    If FileInput is used without label prop, it will not be announced properly by screen reader:

    import { FileInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <FileInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { FileInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <FileInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { FileInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <FileInput label="My input" />;
+}

    Previous

    Fieldset

    Next

    Input

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/flex/index.html b/core/flex/index.html new file mode 100644 index 00000000000..c5e163b1054 --- /dev/null +++ b/core/flex/index.html @@ -0,0 +1,44 @@ +Flex | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Flex

    Compose elements in a flex container

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Gap
    import { Flex, Button } from '@mantine/core';
+function Demo() {
+  return (
+    <Flex
+      mih={50}
+      bg="rgba(0, 0, 0, .3)"
+      gap="md"
+      justify="flex-start"
+      align="flex-start"
+      direction="row"
+      wrap="wrap"
+    >
+      <Button>Button 1</Button>
+      <Button>Button 2</Button>
+      <Button>Button 3</Button>
+    </Flex>
+  );
+}
    +

    Supported props

    +
    PropCSS PropertyTheme key
    gap
    gap
    		theme.spacing
    rowGap
    rowGap
    		theme.spacing
    columnGap
    columnGap
    		theme.spacing
    align
    alignItems
    		–
    justify
    justifyContent
    		–
    wrap
    flexWrap
    		–
    direction
    flexDirection
    		–
    +

    Responsive props

    +

    Flex component props can have responsive values the same way as other style props:

    +
    import { Flex, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Flex
+      direction={{ base: 'column', sm: 'row' }}
+      gap={{ base: 'sm', sm: 'lg' }}
+      justify={{ sm: 'center' }}
+    >
+      <Button>Button 1</Button>
+      <Button>Button 2</Button>
+      <Button>Button 3</Button>
+    </Flex>
+  );
+}

    Previous

    Container

    Next

    Grid

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/focus-trap/index.html b/core/focus-trap/index.html new file mode 100644 index 00000000000..2049045fb64 --- /dev/null +++ b/core/focus-trap/index.html @@ -0,0 +1,59 @@ +FocusTrap | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    FocusTrap

    Trap focus at child node

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    FocusTrap is a component implementation of use-focus-trap hook, +it is used in all Mantine components that require focus trap (Modal, DatePicker, Popover, etc.).

    +
    import { useDisclosure } from '@mantine/hooks';
+import { FocusTrap, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const [active, { toggle }] = useDisclosure(false);
+
+  return (
+    <Box maw={400} mx="auto">
+      <Button onClick={toggle}>{active ? 'Deactivate' : 'Activate'} focus trap</Button>
+
+      <FocusTrap active={active}>
+        <div>
+          <TextInput mt="sm" label="First input" placeholder="First input" />
+          <TextInput mt="sm" label="Second input" placeholder="Second input" />
+          <TextInput mt="sm" label="Third input" placeholder="Third input" />
+        </div>
+      </FocusTrap>
+    </Box>
+  );
+}
    +

    Initial focus

    +

    To define the element that will receive initial focus set data-autofocus attribute:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { FocusTrap, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const [active, { toggle }] = useDisclosure(false);
+
+  return (
+    <Box maw={400} mx="auto">
+      <Button onClick={toggle}>{active ? 'Deactivate' : 'Activate'} focus trap</Button>
+
+      <FocusTrap active={active}>
+        <div>
+          <TextInput mt="sm" label="First input" placeholder="First input" />
+          <TextInput mt="sm" label="Second input" placeholder="Second input" data-autofocus />
+          <TextInput mt="sm" label="Third input" placeholder="Third input" />
+        </div>
+      </FocusTrap>
+    </Box>
+  );
+}
    +

    Focus trapping logic

    +
      +
    • Focus is trapped within child node if active prop is true
      • +
    • When FocusTrap component is mounted or when active prop changes from false to true first element with data-autofocus attribute is focused
      • +
    • If there are no elements with data-autofocus attribute, then the first element that supports keyboard interaction is focused
      • +
    • If the target element does not have focusable elements or does not support ref, then the focus trap will not work
      • +
    • Trap stops working when element outside of the FocusTrap child is focused
      • +

    Previous

    Divider

    Next

    Paper

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/grid/index.html b/core/grid/index.html new file mode 100644 index 00000000000..88f83928f64 --- /dev/null +++ b/core/grid/index.html @@ -0,0 +1,177 @@ +Grid | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Grid

    Responsive grid system

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    1
    2
    3
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={4}>1</Grid.Col>
+      <Grid.Col span={4}>2</Grid.Col>
+      <Grid.Col span={4}>3</Grid.Col>
+    </Grid>
+  );
+}
    +

    Columns span

    +

    Grid.Col span prop controls the ratio of column width to the total width of the row. +By default, grid uses 12 columns layout, so span prop can be any number from 1 to 12.

    +

    Examples:

    +
      +
    • <Grid.Col span={3} /> – 3 / 12 = 25% of row width
      • +
    • <Grid.Col span={4} /> – 4 / 12 = 33% of row width
      • +
    • <Grid.Col span={6} /> – 6 / 12 = 50% of row width
      • +
    • <Grid.Col span={12} /> – 12 / 12 = 100% of row width
      • +
    +

    span prop also supports object syntax to change column width based on viewport width, +it accepts xs, sm, md, lg and xl keys and values from 1 to 12. The syntax +is the same as in style props.

    +

    In the following example span={{ base: 12, md: 6, lg: 3 }}:

    +
      +
    • base – 12 / 12 = 100% of row width when viewport width is less than md breakpoint
      • +
    • md – 6 / 12 = 50% of row width when viewport width is between md and lg breakpoints
      • +
    • lg – 3 / 12 = 25% of row width when viewport width is greater than lg breakpoint
      • +
    +
    1
    2
    3
    4
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>1</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>2</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>3</Grid.Col>
+      <Grid.Col span={{ base: 12, md: 6, lg: 3 }}>4</Grid.Col>
+    </Grid>
+  );
+}
    +

    Gutter

    +

    Set gutter prop to control spacing between columns. The prop works the same +way as style props – you can reference theme.spacing values +with xs, sm, md, lg and xl strings and use object syntax to change gutter +based on viewport width:

    +
    1
    2
    3
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid gutter={{ base: 5, xs: 'md', md: 'xl', xl: 50 }}>
+      <Grid.Col span={4}>1</Grid.Col>
+      <Grid.Col span={4}>2</Grid.Col>
+      <Grid.Col span={4}>3</Grid.Col>
+    </Grid>
+  );
+}
    +

    Grow

    +

    If grow prop is set, column will grow to fill the remaining space in the row:

    +
    1
    2
    3
    4
    5
    Gutter
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid grow>
+      <Grid.Col span={4}>1</Grid.Col>
+      <Grid.Col span={4}>2</Grid.Col>
+      <Grid.Col span={4}>3</Grid.Col>
+      <Grid.Col span={4}>4</Grid.Col>
+      <Grid.Col span={4}>5</Grid.Col>
+    </Grid>
+  );
+}
    +

    Column offset

    +

    Set offset prop on Grid.Col component to add gaps to the grid. offset prop +supports the same syntax as span prop: a number from 1 to 12 or an object with xs, sm, md, lg and xl keys and values from 1 to 12.

    +
    1
    2
    3
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={3}>1</Grid.Col>
+      <Grid.Col span={3}>2</Grid.Col>
+      <Grid.Col span={3} offset={3}>3</Grid.Col>
+    </Grid>
+  );
+}
    +

    Order

    +

    Set the order prop on Grid.Col component to change the order of columns. order prop +supports the same syntax as span prop: a number from 1 to 12 or an object with xs, sm, md, lg and xl keys and values from 1 to 12.

    +
    2
    3
    1
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={3} order={{ base: 2, sm: 1, lg: 3 }}>2</Grid.Col>
+      <Grid.Col span={3} order={{ base: 3, sm: 2, lg: 2 }}>3</Grid.Col>
+      <Grid.Col span={3} order={{ base: 1, sm: 3, lg: 1 }}>1</Grid.Col>
+    </Grid>
+  );
+}
    +

    Multiple rows

    +

    Once columns span and offset sum exceeds columns prop (12 by default), +columns are moved to the next row:

    +
    1
    2
    3
    4
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span={4}>1</Grid.Col>
+      <Grid.Col span={4}>2</Grid.Col>
+      <Grid.Col span={4}>3</Grid.Col>
+      <Grid.Col span={4}>4</Grid.Col>
+    </Grid>
+  );
+}
    +

    Justify and align

    +

    You can control justify-content and align-items CSS properties with justify and align props on Grid component:

    +
    1
    2
    3
    import { Grid, rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid justify="flex-start" align="stretch">
+      <Grid.Col span={3} style={{ minHeight: rem(80) }}>1</Grid.Col>
+      <Grid.Col span={3} style={{ minHeight: rem(120) }}>2</Grid.Col>
+      <Grid.Col span={3}>3</Grid.Col>
+    </Grid>
+  );
+}
    +

    Auto sized columns

    +

    All columns in a row with span="auto" grow as much as they can to fill the row. +In the following example, the second column takes up 50% of the row while the other two columns automatically resize to fill the remaining space:

    +
    1
    2
    3
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span="auto">span=auto</Grid.Col>
+      <Grid.Col span={6}>span=6</Grid.Col>
+      <Grid.Col span="auto">span=auto</Grid.Col>
+    </Grid>
+  );
+}
    +

    Fit column content

    +

    If you set span="content", the column's size will automatically adjust to match the width of its content:

    +
    fit content
    2
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid>
+      <Grid.Col span="content">fit content</Grid.Col>
+      <Grid.Col span={6}>2</Grid.Col>
+    </Grid>
+  );
+}
    +

    Change columns count

    +

    By default, grid uses 12 columns layout, you can change it by setting columns prop on Grid component. +Note that in this case, columns span and offset will be calculated relative to this value.

    +

    In the following example, first column takes 50% with 12 span (12/24), second and third take 25% (6/24):

    +
    1
    2
    3
    import { Grid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Grid columns={24}>
+      <Grid.Col span={12}>1</Grid.Col>
+      <Grid.Col span={6}>2</Grid.Col>
+      <Grid.Col span={6}>3</Grid.Col>
+    </Grid>
+  );
+}

    Previous

    Flex

    Next

    Group

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/group/index.html b/core/group/index.html new file mode 100644 index 00000000000..326e4cf57e5 --- /dev/null +++ b/core/group/index.html @@ -0,0 +1,76 @@ +Group | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Group

    Compose elements and components in a horizontal flex container

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Group is a horizontal flex container. If you need a vertical flex container, use Stack +component instead. If you need to have full control over flex container properties, use Flex component.

    +
    Gap
    import { Group, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <Button variant="default">First</Button>
+      <Button variant="default">Second</Button>
+      <Button variant="default">Third</Button>
+    </Group>
+  );
+}
    +

    preventGrowOverflow

    +

    preventGrowOverflow prop allows you to control how Group children should behave when there is not enough +space to fit them all on one line. By default, children are not allowed to take more space than +(1 / children.length) * 100% of parent width (preventGrowOverflow is set to true). To change +this behavior, set preventGrowOverflow to false and children will be allowed to grow and take +as much space as they need.

    +

    preventGrowOverflow: true – each child width is always limited to 33% of parent width (since there are 3 children)

    preventGrowOverflow: false – children will grow based on their content, they can take more than 33% of parent width

    import { Group, Button, Box, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box style={{ overflow: 'hidden' }}>
+      <Box maw={500} p="md" mx="auto" bg="var(--mantine-color-blue-light)">
+        <Text size="sm" mb={5}>
+          preventGrowOverflow: true – each child width is always limited to 33% of parent width
+          (since there are 3 children)
+        </Text>
+
+        <Group grow wrap="nowrap">
+          <Button variant="default">First button</Button>
+          <Button variant="default">Second button with large content</Button>
+          <Button variant="default">Third button</Button>
+        </Group>
+
+        <Text size="sm" mb={5} mt="md">
+          preventGrowOverflow: false – children will grow based on their content, they can take more
+          than 33% of parent width
+        </Text>
+
+        <Group grow preventGrowOverflow={false} wrap="nowrap">
+          <Button variant="default">First button</Button>
+          <Button variant="default">Second button with large content</Button>
+          <Button variant="default">Third button</Button>
+        </Group>
+      </Box>
+    </Box>
+  );
+}
    +

    Group children

    +

    !important Group works correctly only with React elements. +Strings, numbers, fragments may have incorrect styles if grow prop is set:

    +
    // Invalid Group usage, do not do this
+import { Group } from '@mantine/core';
+
+function InvalidDemo() {
+  return (
+    <Group grow>
+      First string
+      <>
+        <div>element inside fragment</div>
+        <div>another inside fragment</div>
+      </>
+      {20}
+    </Group>
+  );
+}
    +

    Browser support

    Group uses flexbox gap to add spacing between children. In older browsers, Group children may not have spacing. You can install PostCSS flex-gap-polyfill to add support for older browsers.

    Previous

    Grid

    Next

    SimpleGrid

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/highlight/index.html b/core/highlight/index.html new file mode 100644 index 00000000000..42deaab1f11 --- /dev/null +++ b/core/highlight/index.html @@ -0,0 +1,67 @@ +Highlight | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Highlight

    Highlight given part of a string with mark

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Use Highlight component to highlight a substring in a given string with a mark tag.

    +

    Pass the main string as children to Highlight component and string part that should be highlighted to highlight prop. +If the main string does not include highlight part, it will be ignored. +Highlight ignores trailing whitespace and highlights all matched characters sequences.

    +

    Highlight This, definitely THIS and also this!

    Color
    import { Highlight } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Highlight highlight="this">
+      Highlight This, definitely THIS and also this!
+    </Highlight>
+  );
+}
    +

    Highlight multiple substrings

    +

    To highlight multiple substrings, provide an array of values:

    +

    Highlight this and also that

    import { Highlight } from '@mantine/core';
+
+function Demo() {
+  return <Highlight highlight={['this', 'that']}>Highlight this and also that</Highlight>;
+}
    +

    Change highlight styles

    +

    Default Mark styles can be overwritten with highlightStyles prop, it accepts either a function with a subscription to theme +or an object with styles:

    +

    You can change styles of highlighted part if you do not like default styles

    import { Highlight } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Highlight
+      ta="center"
+      highlight={['highlighted', 'default']}
+      highlightStyles={{
+        backgroundImage:
+          'linear-gradient(45deg, var(--mantine-color-cyan-5), var(--mantine-color-indigo-5))',
+        fontWeight: 700,
+        WebkitBackgroundClip: 'text',
+        WebkitTextFillColor: 'transparent',
+      }}
+    >
+      You can change styles of highlighted part if you do not like default styles
+    </Highlight>
+  );
+}
    +

    Text props

    +

    Highlight is based on Text component, all its props are available:

    +
    Mantine website
    import { Highlight } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Highlight
+      component="a"
+      href="https://mantine.dev"
+      target="_blank"
+      highlight="mantine"
+      fw={500}
+      c="var(--mantine-color-anchor)"
+    >
+      Mantine website
+    </Highlight>
+  );
+}

    Previous

    Code

    Next

    List

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/hover-card/index.html b/core/hover-card/index.html new file mode 100644 index 00000000000..f3691a35848 --- /dev/null +++ b/core/hover-card/index.html @@ -0,0 +1,172 @@ +HoverCard | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    HoverCard

    Display popover section when target element is hovered

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    import { HoverCard, Button, Text, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <HoverCard width={280} shadow="md">
+        <HoverCard.Target>
+          <Button>Hover to reveal the card</Button>
+        </HoverCard.Target>
+        <HoverCard.Dropdown>
+          <Text size="sm">
+            Hover card is revealed when user hovers over target element, it will be hidden once
+            mouse is not over both target and dropdown elements
+          </Text>
+        </HoverCard.Dropdown>
+      </HoverCard>
+    </Group>
+  );
+}
    +

    Delays

    +

    Set open and close delays in ms with openDelay and closeDelay props:

    +
    import { HoverCard, Button, Text, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <HoverCard shadow="md" openDelay={1000}>
+        <HoverCard.Target>
+          <Button>1000ms open delay</Button>
+        </HoverCard.Target>
+        <HoverCard.Dropdown>
+          <Text size="sm">Opened with 1000ms delay</Text>
+        </HoverCard.Dropdown>
+      </HoverCard>
+
+      <HoverCard shadow="md" closeDelay={1000}>
+        <HoverCard.Target>
+          <Button>1000ms close delay</Button>
+        </HoverCard.Target>
+        <HoverCard.Dropdown>
+          <Text size="sm">Will close with 1000ms delay</Text>
+        </HoverCard.Dropdown>
+      </HoverCard>
+    </Group>
+  );
+}
    +

    With interactive elements

    +

    HoverCard is displayed only when the mouse is over the target element or dropdown, +you can use anchors and buttons within dropdowns, using inputs is not recommended:

    +
    import { HoverCard, Avatar, Text, Group, Anchor, Stack } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <HoverCard width={320} shadow="md" withArrow openDelay={200} closeDelay={400}>
+        <HoverCard.Target>
+          <Avatar src="https://avatars.githubusercontent.com/u/79146003?s=200&v=4" radius="xl" />
+        </HoverCard.Target>
+        <HoverCard.Dropdown>
+          <Group>
+            <Avatar src="https://avatars.githubusercontent.com/u/79146003?s=200&v=4" radius="xl" />
+            <Stack gap={5}>
+              <Text size="sm" fw={700} style={{ lineHeight: 1 }}>
+                Mantine
+              </Text>
+              <Anchor
+                href="https://twitter.com/mantinedev"
+                c="dimmed"
+                size="xs"
+                style={{ lineHeight: 1 }}
+              >
+                @mantinedev
+              </Anchor>
+            </Stack>
+          </Group>
+
+          <Text size="sm" mt="md">
+            Customizable React components and hooks library with focus on usability, accessibility
+            and developer experience
+          </Text>
+
+          <Group mt="md" gap="xl">
+            <Text size="sm">
+              <b>0</b> Following
+            </Text>
+            <Text size="sm">
+              <b>1,174</b> Followers
+            </Text>
+          </Group>
+        </HoverCard.Dropdown>
+      </HoverCard>
+    </Group>
+  );
+}
    +

    HoverCard.Target children

    HoverCard.Target requires an element or a component as a single child – strings, fragments, numbers and multiple elements/components are not supported and will throw error. Custom components must provide a prop to get root element ref, all Mantine components support ref out of the box.

    import { HoverCard, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <HoverCard.Target>
+        <button>Native button – ok</button>
+      </HoverCard.Target>
+
+      {/* OK */}
+      <HoverCard.Target>
+        <Button>Mantine component – ok</Button>
+      </HoverCard.Target>
+
+      {/* String, NOT OK – will throw error */}
+      <HoverCard.Target>Raw string</HoverCard.Target>
+
+      {/* Number, NOT OK – will throw error */}
+      <HoverCard.Target>{2}</HoverCard.Target>
+
+      {/* Fragment, NOT OK – will throw error */}
+      <HoverCard.Target>
+        <>Fragment, NOT OK, will throw error</>
+      </HoverCard.Target>
+
+      {/* Multiple nodes, NOT OK – will throw error */}
+      <HoverCard.Target>
+        <div>More that one node</div>
+        <div>NOT OK, will throw error</div>
+      </HoverCard.Target>
+    </>
+  );
+}

    Required ref prop

    Custom components that are rendered inside HoverCard.Target are required to support ref prop:

    // Example of code that WILL NOT WORK
+import { HoverCard } from '@mantine/core';
+
+function MyComponent() {
+  return <div>My component</div>;
+}
+
+// This will not work – MyComponent does not support ref
+function Demo() {
+  return (
+    <HoverCard>
+      <HoverCard.Target>
+        <MyComponent />
+      </HoverCard.Target>
+    </HoverCard>
+  );
+}

    Use forwardRef function to forward ref to root element:

    // Example of code that will work
+import { forwardRef } from 'react';
+import { HoverCard } from '@mantine/core';
+
+const MyComponent = forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => (
+  <div ref={ref} {...props}>
+    My component
+  </div>
+));
+
+// Works correctly – ref is forwarded
+function Demo() {
+  return (
+    <HoverCard>
+      <HoverCard.Target>
+        <MyComponent />
+      </HoverCard.Target>
+    </HoverCard>
+  );
+}
    +

    Accessibility

    +

    HoverCard is ignored by screen readers and cannot be activated with keyboard, use it to display only additional information +that is not required to understand the context.

    Previous

    Drawer

    Next

    LoadingOverlay

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/image/index.html b/core/image/index.html new file mode 100644 index 00000000000..432c5a92bce --- /dev/null +++ b/core/image/index.html @@ -0,0 +1,74 @@ +Image | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Image

    Image with optional fallback

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Image is a wrapper for img with minimal styles. By default, the image +will take 100% of parent width. The image size can be controlled with w +and h style props.

    +
    import { Image } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Image
+      radius="md"
+      src="https://images.unsplash.com/photo-1688920556232-321bd176d0b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2370&q=80"
+    />
+  );
+}
    +

    Image height

    +

    In most case, you will need to set image height to prevent layout jumps when +image is loading. You can do so with h style props.

    +
    import { Image } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Image
+      radius="md"
+      h={200}
+      src="https://images.unsplash.com/photo-1688920556232-321bd176d0b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2370&q=80"
+    />
+  );
+}
    +

    Image fit

    +

    By default the image has object-fit: cover style - it will +resize to cover parent element. To change this behavior, set w="auto" and fit="contain" props.

    +
    import { Image } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Image
+      radius="md"
+      h={200}
+      w="auto"
+      fit="contain"
+      src="https://images.unsplash.com/photo-1688920556232-321bd176d0b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2370&q=80"
+    />
+  );
+}
    +

    Fallback image

    +

    Set fallbackSrc prop to display fallback image when image fails to load:

    +
    import { Image } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Image
+      radius="md"
+      src={null}
+      h={200}
+      fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+    />
+  );
+}
    +

    Usage with Next.js Image

    +

    Image component is a polymorphic component, its root element can be changed with component prop. +You can use it with next/image and other similar components.

    +
    import NextImage from 'next/image';
+import { Image } from '@mantine/core';
+import myImage from './my-image.jpg';
+
+function Demo() {
+  return <Image component={NextImage} src={myImage} alt="My image" />;
+}

    Previous

    ColorSwatch

    Next

    Indicator

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/indicator/index.html b/core/indicator/index.html new file mode 100644 index 00000000000..ac0ca63d070 --- /dev/null +++ b/core/indicator/index.html @@ -0,0 +1,62 @@ +Indicator | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Indicator

    Display element at the corner of another element

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Radius
    Size
    import { Indicator, Avatar } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Indicator>
+      <Avatar size="lg" radius="sm" src="./avatar.png" />
+    </Indicator>
+  );
+}
    +

    Inline

    +

    When the target element has a fixed width, set inline prop to add display: inline-block; styles to +Indicator container. Alternatively, you can set width and height with style prop if you still want the root +element to keep display: block.

    +
    New
    import { Avatar, Indicator } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Indicator inline label="New" size={16}>
+      <Avatar size="lg" src="./avatar.png" />
+    </Indicator>
+  );
+}
    +

    Offset

    +

    Set offset to change indicator position. It is useful when Indicator component is +used with children that have border-radius:

    +
    import { Avatar, Indicator } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Indicator inline size={16} offset={7} position="bottom-end" color="red" withBorder>
+      <Avatar size="lg" radius="xl" src="./avatar.png" />
+    </Indicator>
+  );
+}
    +

    Processing animation

    +
    import { Avatar, Indicator } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Indicator inline processing size={12}>
+      <Avatar size="lg" radius="sm" src="./avatar.png" />
+    </Indicator>
+  );
+}
    +

    Disabled

    +

    Set disabled to hide the indicator:

    +
    import { Avatar, Indicator } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Indicator inline disabled size={12}>
+      <Avatar size="lg" src="./avatar.png" />
+    </Indicator>
+  );
+}

    Previous

    Image

    Next

    Kbd

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/input/index.html b/core/input/index.html new file mode 100644 index 00000000000..1da154cf894 --- /dev/null +++ b/core/input/index.html @@ -0,0 +1,424 @@ +Input | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Input

    Base component to create custom inputs

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Disclaimer

    +

    !important: In most cases, you should not use Input in your application. +Input is a base for other inputs and was not designed to be used directly. +Use Input to create custom inputs, for other cases prefer TextInput +or other component.

    +
    import { Input, TextInput } from '@mantine/core';
+
+// Incorrect usage, input is not accessible
+function Incorrect() {
+  return (
+    <Input.Wrapper label="Input label">
+      <Input />
+    </Input.Wrapper>
+  );
+}
+
+// Use TextInput instead of Input everywhere you want to use Input,
+// it is accessible by default and includes Input.Wrapper
+function Correct() {
+  return <TextInput label="Input label" description="Input description" />;
+}
    +

    Usage

    +

    Input component is used as base for some other inputs (NativeSelect, TextInput, Textarea, etc.). +The purpose of the Input is to provide shared styles and features to other inputs.

    +
    Variant
    Size
    Radius
    import { Input } from '@mantine/core';
+
+function Demo() {
+  return <Input placeholder="Input component" />;
+}
    +

    Left and right sections

    +

    You can use leftSection and rightSection props to add icons or other elements to the left and right side of the input. +You can control the following sections styles with props:

    +
      +
    • leftSectionWidth / rightSectionWidth – width of the section
      • +
    • leftSectionPointerEvents / rightSectionPointerEvents – pointer-events CSS property
      • +
    +
    import { useState } from 'react';
+import { Input, CloseButton } from '@mantine/core';
+import { IconAt } from '@tabler/icons-react';
+
+function Demo() {
+  const [value, setValue] = useState('Clear me');
+  return (
+    <>
+      <Input placeholder="Your email" leftSection={<IconAt size={16} />} />
+      <Input
+        placeholder="Clearable input"
+        value={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+        rightSectionPointerEvents="all"
+        mt="md"
+        rightSection={
+          <CloseButton
+            aria-label="Clear input"
+            onClick={() => setValue('')}
+            style={{ display: value ? undefined : 'none' }}
+          />
+        }
+      />
+    </>
+  );
+}
    +

    Change input element

    +

    Input is a polymorphic component, the default root element is input, +but it can be changed to any other element or component.

    +

    Example of using Input as button and select:

    +
    import { Input } from '@mantine/core';
+import { IconChevronDown } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <Input component="button" pointer>
+        Button input
+      </Input>
+
+      <Input
+        component="select"
+        rightSection={<IconChevronDown size={14} stroke={1.5} />}
+        pointer
+        mt="md"
+      >
+        <option value="1">1</option>
+        <option value="2">2</option>
+      </Input>
+    </>
+  );
+}
    +

    Example of using react-imask with Input:

    +
    import { Input } from '@mantine/core';
+import { IMaskInput } from 'react-imask';
+
+function Demo() {
+  return <Input<any> component={IMaskInput} mask="+7 (000) 000-00-00" placeholder="Your phone" />;
+}
    +

    Input.Wrapper component

    +

    Input.Wrapper component is used in all other inputs +(TextInput, NativeSelect, Textarea, etc.) +under the hood, you do not need to wrap your inputs with it, as it is already included in all of them. +Use Input.Wrapper only when you want to create custom inputs.

    +

    Input description

    Input error

    Size
    import { Input } from '@mantine/core';
+
+function Wrapper() {
+  return (
+    <Input.Wrapper label="Input label" description="Input description" error="Input error">
+      <Input placeholder="Input inside Input.Wrapper" />
+    </Input.Wrapper>
+  );
+}
    +

    inputWrapperOrder

    +

    inputWrapperOrder allows configuring the order of Input.Wrapper parts. +It accepts an array of four elements: label, input, error and description. +Note that it is not required to include all of them, you can use only those that you need +– parts that are not included will not be rendered.

    +

    Description below the input

    Error and description are

    both below the input

    import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <TextInput
+        label="Custom layout"
+        placeholder="Custom layout"
+        description="Description below the input"
+        inputWrapperOrder={['label', 'error', 'input', 'description']}
+      />
+      <TextInput
+        mt="xl"
+        label="Custom layout"
+        placeholder="Custom layout"
+        description="Error and description are"
+        error="both below the input"
+        inputWrapperOrder={['label', 'input', 'description', 'error']}
+      />
+    </>
+  );
+}
    +

    inputContainer

    +

    With inputContainer prop, you can enhance inputs that use Input.Wrapper under the hood, +for example, you can add Tooltip to the TextInput when +the input is focused:

    +

    Tooltip will be relative to the input

    import { useState } from 'react';
+import { TextInput, Tooltip } from '@mantine/core';
+
+function Demo() {
+  const [focused, setFocused] = useState(false);
+
+  return (
+    <TextInput
+      label="TextInput with tooltip"
+      description="Tooltip will be relative to the input"
+      placeholder="Focus me to see tooltip"
+      onFocus={() => setFocused(true)}
+      onBlur={() => setFocused(false)}
+      inputContainer={(children) => (
+        <Tooltip label="Additional information" position="top-start" opened={focused}>
+          {children}
+        </Tooltip>
+      )}
+    />
+  );
+}
    +

    required and withAsterisk props

    +

    All components that are based on Input.Wrapper support required and withAsterisk props. +When set to true, both of these props will add a red asterisk to the end of the label. +The only difference is whether input element will have required attribute, example with +TextInput component:

    +
    import { TextInput } from '@mantine/core';
+
+// Will display required asterisk and add `required` attribute to the input element
+function RequiredDemo() {
+  return <TextInput label="test-label" required />;
+}
+
+// Will only display the asterisk, `required` attribute is not added to the input element
+function AsteriskDemo() {
+  return <TextInput label="test-label" withAsterisk />;
+}
    +

    error prop

    +

    All inputs that use Input.Wrapper under the hood support error prop. +When set to true, it will add a red border to the input. You can also pass a React node to display +an error message below the input. To only display error message without a red border, set error prop +to React node and withErrorStyles={false}:

    +

    Something went wrong

    Something went wrong

    import { TextInput, rem } from '@mantine/core';
+import { IconExclamationCircle } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <TextInput placeholder="Error as boolean" label="Error as boolean" error />
+      <TextInput
+        mt="md"
+        placeholder="Error as react node"
+        label="Error as react node"
+        error="Something went wrong"
+      />
+
+      <TextInput
+        mt="md"
+        placeholder="Without error styles on input"
+        label="Without error styles on input"
+        error="Something went wrong"
+        withErrorStyles={false}
+        rightSectionPointerEvents="none"
+        rightSection={
+          <IconExclamationCircle
+            style={{ width: rem(20), height: rem(20) }}
+            color="var(--mantine-color-error)"
+          />
+        }
+      />
+    </>
+  );
+}
    +

    Input.Label, Input.Description and Input.Error components

    +

    Input.Label, Input.Error and Input.Description components can be used to create custom +form layouts if the default Input.Wrapper layout does not meet your requirements.

    +

    Input description

    Input error

    import { Input } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Input.Label required>Input label</Input.Label>
+      <Input.Description>Input description</Input.Description>
+      <Input.Error>Input error</Input.Error>
+    </>
+  );
+}
    +

    Input.Placeholder component

    +

    Input.Placeholder component can be used to add placeholder to Input and InputBase components that are based on button element +or do not support placeholder property natively:

    +
    import { Input } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Input component="button" pointer>
+      <Input.Placeholder>Placeholder content</Input.Placeholder>
+    </Input>
+  );
+}
    +

    Default props on theme

    +

    You can add default props on theme +to Input and Input.Wrapper components. These default props will be inherited by all inputs +that use Input and Input.Wrapper under the hood (TextInput, NativeSelect, Textarea, etc.):

    +

    Description below the input

    Description below the input

    import { TextInput, NativeSelect, MantineProvider, createTheme, Input } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Input: Input.extend({
+      defaultProps: {
+        variant: 'filled',
+      },
+    }),
+
+    InputWrapper: Input.Wrapper.extend({
+      defaultProps: {
+        inputWrapperOrder: ['label', 'input', 'description', 'error'],
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <TextInput
+        label="Text input"
+        placeholder="Text input"
+        description="Description below the input"
+      />
+
+      <NativeSelect
+        mt="md"
+        label="Native select"
+        placeholder="Native select"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+        description="Description below the input"
+      />
+    </MantineProvider>
+  );
+}
    +

    Styles on theme

    +

    Same as with default props, you can use Input and Input.Wrapper Styles API +on theme to add styles to all inputs:

    +
    import { TextInput, NativeSelect, MantineThemeProvider, createTheme, Input } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Input: Input.extend({
+      classNames: {
+        input: classes.input,
+      },
+    }),
+
+    InputWrapper: Input.Wrapper.extend({
+      classNames: {
+        label: classes.label,
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineThemeProvider theme={theme}>
+      <TextInput label="Text input" placeholder="Text input" />
+
+      <NativeSelect
+        mt="md"
+        label="Native select"
+        placeholder="Native select"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+    </MantineThemeProvider>
+  );
+}
    +

    Change focus styles

    +

    Use &:focus-within selector to change inputs focus styles. You can apply these styles to +one component with classNames prop or to all inputs with Styles API +on theme.

    +
    .input {
+  transition: none;
+
+  &:focus-within {
+    outline: rem(2px) solid var(--mantine-color-blue-filled);
+    border-color: transparent;
+  }
+}
    +

    InputBase component

    +

    InputBase component combines Input and Input.Wrapper components and supports component prop:

    +
    import { InputBase } from '@mantine/core';
+import { IMaskInput } from 'react-imask';
+
+function Demo() {
+  return (
+    <>
+      <InputBase<any>
+        label="Your phone"
+        component={IMaskInput}
+        mask="+7 (000) 000-0000"
+        placeholder="Your phone"
+      />
+
+      <InputBase label="Custom native select" component="select" mt="md">
+        <option value="react">React</option>
+        <option value="react">Angular</option>
+        <option value="svelte">Svelte</option>
+      </InputBase>
+    </>
+  );
+}
    +

    Styles API

    +

    Input and Input.Wrapper components support Styles API – +you can customize styles of any inner element with classNames and styles props.

    +

    Input Styles API selectors:

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Input.Wrapper Styles API selectors:

    +

    Input description

    Input error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { Input } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Input ref={ref} />;
+}
    +

    Accessibility

    +

    If you use Input component without associated label element, set aria-label:

    +
    import { Input } from '@mantine/core';
+
+// ok – the input is labelled by the aria-label
+function WithAriaLabel() {
+  return <Input aria-label="Your email" />;
+}
+
+// ok – the input is labelled by the label element
+function WithLabel() {
+  return (
+    <>
+      <label htmlFor="my-email">Your email</label>
+      <Input id="my-email" />
+    </>
+  );
+}
    +

    When you use Input with Input.Wrapper it is required to set id on both components +to connect label and other elements with the input:

    +
    import { Input } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Input.Wrapper label="Your email" id="your-email">
+      <Input id="your-email" />
+    </Input.Wrapper>
+  );
+}
    +

    You can use use-id to generate unique ids:

    +
    import { useId } from '@mantine/hooks';
+import { Input } from '@mantine/core';
+
+function Demo() {
+  const id = useId();
+  return (
+    <Input.Wrapper label="Your email" id={id}>
+      <Input id={id} />
+    </Input.Wrapper>
+  );
+}

    Previous

    FileInput

    Next

    JsonInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/json-input/index.html b/core/json-input/index.html new file mode 100644 index 00000000000..a9e12dd6c86 --- /dev/null +++ b/core/json-input/index.html @@ -0,0 +1,83 @@ +JsonInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    JsonInput

    Capture json data from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    JsonInput is based on Textarea component, +it includes json validation logic and option to format input value on blur:

    +
    import { JsonInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <JsonInput
+      label="Your package.json"
+      placeholder="Textarea will autosize to fit the content"
+      validationError="Invalid JSON"
+      formatOnBlur
+      autosize
+      minRows={4}
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { JsonInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <JsonInput value={value} onChange={setValue} />;
+}
    +

    Input props

    +

    JsonInput component supports Input and Input.Wrapper components features and all textarea element props. JsonInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { JsonInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <JsonInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Disabled state

    +
    import { JsonInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <JsonInput disabled defaultValue='{ "a": 1, "B": 2 }' label="Disabled" placeholder="Disabled" />
+  );
+}
    +

    Styles API

    JsonInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { JsonInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLTextAreaElement>(null);
+  return <JsonInput ref={ref} />;
+}
    +

    Accessibility

    If JsonInput is used without label prop, it will not be announced properly by screen reader:

    import { JsonInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <JsonInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { JsonInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <JsonInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { JsonInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <JsonInput label="My input" />;
+}

    Previous

    Input

    Next

    NativeSelect

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/kbd/index.html b/core/kbd/index.html new file mode 100644 index 00000000000..76c39b691d5 --- /dev/null +++ b/core/kbd/index.html @@ -0,0 +1,16 @@ +Kbd | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Kbd

    Display keyboard key

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    ⌘ + Shift + M
    import { Kbd } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Kbd>⌘</Kbd> + <Kbd>Shift</Kbd> + <Kbd>M</Kbd>
+    </>
+  );
+}

    Previous

    Indicator

    Next

    Spoiler

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/list/index.html b/core/list/index.html new file mode 100644 index 00000000000..0d7bcbf8083 --- /dev/null +++ b/core/list/index.html @@ -0,0 +1,88 @@ +List | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    List

    Display ordered or unordered list

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    • Clone or download repository from GitHub
    • Install dependencies with yarn
    • To start development server run npm start command
    • Run tests to make sure your changes do not break the build
    • Submit a pull request once you are done
    Type
    Size
    import { List } from '@mantine/core';
+
+function Demo() {
+  return (
+    <List>
+      <List.Item>Clone or download repository from GitHub</List.Item>
+      <List.Item>Install dependencies with yarn</List.Item>
+      <List.Item>To start development server run npm start command</List.Item>
+      <List.Item>Run tests to make sure your changes do not break the build</List.Item>
+      <List.Item>Submit a pull request once you are done</List.Item>
+    </List>
+  );
+}
    +

    With icons

    +

    You can replace list bullets with icon. To do so provide following props:

    +
      +
    • icon on List component will be used as default icon for all list elements
      • +
    • icon on List.Item component will override context icon from List
      • +
    • spacing – spacing between list items from theme or any valid CSS value to set spacing, defaults to 0
      • +
    • center – center item content with icon
      • +
    • size – set font size from theme
      • +
    +
    • Clone or download repository from GitHub
    • Install dependencies with yarn
    • To start development server run npm start command
    • Run tests to make sure your changes do not break the build
    • Submit a pull request once you are done
    import { List, ThemeIcon } from '@mantine/core';
+import { IconCircleCheck, IconCircleDashed } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <List
+      spacing="xs"
+      size="sm"
+      center
+      icon={
+        <ThemeIcon color="teal" size={24} radius="xl">
+          <IconCircleCheck size="1rem" />
+        </ThemeIcon>
+      }
+    >
+      <List.Item>Clone or download repository from GitHub</List.Item>
+      <List.Item>Install dependencies with yarn</List.Item>
+      <List.Item>To start development server run npm start command</List.Item>
+      <List.Item>Run tests to make sure your changes do not break the build</List.Item>
+      <List.Item
+        icon={
+          <ThemeIcon color="blue" size={24} radius="xl">
+            <IconCircleDashed size="1rem" />
+          </ThemeIcon>
+        }
+      >
+        Submit a pull request once you are done
+      </List.Item>
+    </List>
+  );
+}
    +

    Nested lists

    +

    Set withPadding prop to offset nested lists and listStyleType to control bullet type:

    +
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
    • First order item
    • First order item with list
      • Nested item
      • Nested item
      • Nested item with list
        • Event more nested
        • Event more nested
      • Nested item
    • First order item
    import { List } from '@mantine/core';
+
+function Demo() {
+  return (
+    <List listStyleType="disc">
+      <List.Item>First order item</List.Item>
+      <List.Item>First order item</List.Item>
+      <List.Item>
+        First order item with list
+        <List withPadding listStyleType="disc">
+          <List.Item>Nested item</List.Item>
+          <List.Item>Nested item</List.Item>
+          <List.Item>
+            Nested item with list
+            <List withPadding listStyleType="disc">
+              <List.Item>Event more nested</List.Item>
+              <List.Item>Event more nested</List.Item>
+            </List>
+          </List.Item>
+          <List.Item>Nested item</List.Item>
+        </List>
+      </List.Item>
+      <List.Item>First order item</List.Item>
+    </List>
+  );
+}

    Previous

    Highlight

    Next

    Mark

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/loader/index.html b/core/loader/index.html new file mode 100644 index 00000000000..be5670d5b2b --- /dev/null +++ b/core/loader/index.html @@ -0,0 +1,82 @@ +Loader | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Loader

    Indicate loading state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Loader component supports 3 types of loaders: oval, bars and dots by default. All +loaders are animated with CSS for better performance.

    +
    Color
    Size
    Type
    import { Loader } from '@mantine/core';
+
+function Demo() {
+  return <Loader color="blue" />;
+}
    +

    Size prop

    +

    You can pass any valid CSS values and numbers to size prop. Numbers are treated as px, but +converted to rem. For example, size={32} will produce +--loader-size: 2rem CSS variable.

    +
    Size
    import { Loader } from '@mantine/core';
+
+function Demo() {
+  return <Loader size={30} />;
+}
    +

    Adding custom loaders

    +

    Loader component is used in other components (Button, ActionIcon, LoadingOverlay, etc.). +You can change loader type with default props by setting type. +You can also add a custom CSS or SVG loader with loaders default prop.

    +

    Custom CSS only loader

    +

    Note that in order for size and color props to work with custom loaders, you need to +use --loader-size and --loader-color CSS variables in your loader styles.

    +
    import { MantineProvider, Loader } from '@mantine/core';
+import { CssLoader } from './CssLoader';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        components: {
+          Loader: Loader.extend({
+            defaultProps: {
+              loaders: { ...Loader.defaultLoaders, custom: CssLoader },
+              type: 'custom',
+            },
+          }),
+        },
+      }}
+    >
+      <Loader />
+    </MantineProvider>
+  );
+}
    +

    Custom SVG loader

    +

    It is recommended to use CSS only loaders, as SVG based animations may have the following issues:

    +
      +
    • High CPU usage – loader may look glitchy on low-end devices
      • +
    • Loader animation may not start playing until js is loaded – user may see static loader
      • +
    +

    In your SVG loader, you need to use --loader-size and --loader-color variables the same +way as in CSS only custom loader in order for size and color props to work. Usually, +you would need to set width and height to var(--loader-size) and fill/stroke to +var(--loader-color).

    +
    import { MantineProvider, Loader } from '@mantine/core';
+import { RingLoader } from './RingLoader';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        components: {
+          Loader: Loader.extend({
+            defaultProps: {
+              loaders: { ...Loader.defaultLoaders, ring: RingLoader },
+              type: 'ring',
+            },
+          }),
+        },
+      }}
+    >
+      <Loader />
+    </MantineProvider>
+  );
+}

    Previous

    Alert

    Next

    Notification

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/loading-overlay/index.html b/core/loading-overlay/index.html new file mode 100644 index 00000000000..9ce692f1a9c --- /dev/null +++ b/core/loading-overlay/index.html @@ -0,0 +1,58 @@ +LoadingOverlay | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    LoadingOverlay

    An overlay with centered loader

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    LoadingOverlay renders an overlay with a loader over the parent element with relative position. +It is usually used to indicate loading state of forms. +Note that elements under overlay are still focusable with keyboard, remember to add additional logic to handle this case.

    +

    LoadingOverlay rendering is controlled by visible prop:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { LoadingOverlay, Button, Group, Box } from '@mantine/core';
+
+function Demo() {
+  const [visible, { toggle }] = useDisclosure(false);
+
+  // Note that position: relative is required
+  return (
+    <>
+      <Box pos="relative">
+        <LoadingOverlay visible={visible} zIndex={1000} overlayProps={{ radius: "sm", blur: 2 }} />
+        {/* ...other content */}
+      </Box>
+
+      <Group position="center">
+        <Button onClick={toggle}>Toggle overlay</Button>
+      </Group>
+    </>
+  );
+}
    +

    Loader props

    +

    You can pass props down to the Loader component with loaderProps:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { LoadingOverlay, Button, Group, Box } from '@mantine/core';
+
+function Demo() {
+  const [visible, { toggle }] = useDisclosure(true);
+
+  // Note that position: relative is required
+  return (
+    <>
+      <Box pos="relative">
+        <LoadingOverlay
+          visible={visible}
+          zIndex={1000}
+          overlayProps={{ radius: 'sm', blur: 2 }}
+          loaderProps={{ color: 'pink', type: 'bars' }}
+        />
+        {/* ...other content */}
+      </Box>
+
+      <Group position="center">
+        <Button onClick={toggle}>Toggle overlay</Button>
+      </Group>
+    </>
+  );
+}

    Previous

    HoverCard

    Next

    Menu

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/mark/index.html b/core/mark/index.html new file mode 100644 index 00000000000..d5145ea2d52 --- /dev/null +++ b/core/mark/index.html @@ -0,0 +1,16 @@ +Mark | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Mark

    Highlight part of the text

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Highlight this chunk of the text

    Color
    import { Text, Mark } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text>
+      Highlight <Mark>this chunk</Mark> of the text
+    </Text>
+  );
+}

    Previous

    List

    Next

    Table

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/menu/index.html b/core/menu/index.html new file mode 100644 index 00000000000..4c9ee2a4723 --- /dev/null +++ b/core/menu/index.html @@ -0,0 +1,338 @@ +Menu | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Menu

    Combine a list of secondary actions into single interactive area

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    import { Menu, Button, Text, rem } from '@mantine/core';
+import {
+  IconSettings,
+  IconSearch,
+  IconPhoto,
+  IconMessageCircle,
+  IconTrash,
+  IconArrowsLeftRight,
+} from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Menu shadow="md" width={200}>
+      <Menu.Target>
+        <Button>Toggle menu</Button>
+      </Menu.Target>
+
+      <Menu.Dropdown>
+        <Menu.Label>Application</Menu.Label>
+        <Menu.Item leftSection={<IconSettings style={{ width: rem(14), height: rem(14) }} />}>
+          Settings
+        </Menu.Item>
+        <Menu.Item leftSection={<IconMessageCircle style={{ width: rem(14), height: rem(14) }} />}>
+          Messages
+        </Menu.Item>
+        <Menu.Item leftSection={<IconPhoto style={{ width: rem(14), height: rem(14) }} />}>
+          Gallery
+        </Menu.Item>
+        <Menu.Item
+          leftSection={<IconSearch style={{ width: rem(14), height: rem(14) }} />}
+          rightSection={
+            <Text size="xs" c="dimmed">
+              ⌘K
+            </Text>
+          }
+        >
+          Search
+        </Menu.Item>
+
+        <Menu.Divider />
+
+        <Menu.Label>Danger zone</Menu.Label>
+        <Menu.Item
+          leftSection={<IconArrowsLeftRight style={{ width: rem(14), height: rem(14) }} />}
+        >
+          Transfer my data
+        </Menu.Item>
+        <Menu.Item
+          color="red"
+          leftSection={<IconTrash style={{ width: rem(14), height: rem(14) }} />}
+        >
+          Delete my account
+        </Menu.Item>
+      </Menu.Dropdown>
+    </Menu>
+  );
+}
    +

    Controlled

    +

    Dropdown opened state can be controlled with opened and onChange props:

    +
    import { useState } from 'react';
+import { Menu } from '@mantine/core';
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  return (
+    <Menu opened={opened} onChange={setOpened}>
+      {/* Menu content */}
+    </Menu>
+  );
+}
    +

    Show menu on hover

    +

    Set trigger="hover" to reveal dropdown when hovers over menu target and dropdown. +closeDelay and openDelay props can be used to control open and close delay in ms. +Note that:

    +
      +
    • If you set closeDelay={0} then menu will close before user will reach dropdown, set offset={0} to remove space between target element and dropdown
      • +
    • Menu with trigger="hover" is not accessible – users that navigate with keyboard will not be able to use it
      • +
    +
    import { Menu } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Menu trigger="hover" openDelay={100} closeDelay={400}>
+      {/* ... menu items */}
+    </Menu>
+  );
+}
    +

    Disabled items

    +
    import { Menu, Button, rem } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Menu>
+      <Menu.Target>
+        <Button>Toggle menu</Button>
+      </Menu.Target>
+
+      <Menu.Dropdown>
+        <Menu.Item
+          leftSection={<IconSearch style={{ width: rem(14), height: rem(14) }} />}
+          disabled
+        >
+          Search
+        </Menu.Item>
+
+        {/* Other items ... */}
+      </Menu.Dropdown>
+    </Menu>
+  );
+}
    +

    Dropdown position

    +
    Offset
    import { Menu } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Menu>
+      {/* Menu items */}
+    </Menu>
+  );
+}
    +

    Transitions

    +

    Menu dropdown can be animated with any of premade transitions from Transition component:

    +
    import { Menu } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Menu transitionProps={{ transition: 'rotate-right', duration: 150 }}>
+      {/* Menu content */}
+    </Menu>
+  );
+}
    +

    Custom component as Menu.Item

    +

    By default, Menu.Item renders as button element, to change that set component prop:

    +
    import { Menu, Button, rem } from '@mantine/core';
+import { IconExternalLink } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Menu width={200} shadow="md">
+      <Menu.Target>
+        <Button>Toggle menu</Button>
+      </Menu.Target>
+
+      <Menu.Dropdown>
+        <Menu.Item component="a" href="https://mantine.dev">
+          Mantine website
+        </Menu.Item>
+        <Menu.Item
+          leftSection={<IconExternalLink style={{ width: rem(14), height: rem(14) }} />}
+          component="a"
+          href="https://mantine.dev"
+          target="_blank"
+        >
+          External link
+        </Menu.Item>
+      </Menu.Dropdown>
+    </Menu>
+  );
+}
    +

    Note that the component you pass to component prop should allow spreading props to its root element:

    +
    import { Menu } from '@mantine/core';
+
+// ❌ Will not work with Menu.Item
+function IncorrectItem() {
+  return <button type="button">My custom Menu item</button>;
+}
+
+// ✅ Will work correctly with Menu.Item
+function CorrectItem(props: React.ComponentPropsWithoutRef<'button'>) {
+  return (
+    <button type="button" {...props}>
+      My custom Menu item
+    </button>
+  );
+}
+
+function Demo() {
+  // ❌ Will not work
+  const incorrect = <Menu.Item component={IncorrectItem} />;
+
+  // ✅ Will work
+  const correct = <Menu.Item component={CorrectItem} />;
+}
    +

    Custom component as target

    +
    import { forwardRef } from 'react';
+import { IconChevronRight } from '@tabler/icons-react';
+import { Group, Avatar, Text, Menu, UnstyledButton } from '@mantine/core';
+
+interface UserButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+  image: string;
+  name: string;
+  email: string;
+  icon?: React.ReactNode;
+}
+
+const UserButton = forwardRef<HTMLButtonElement, UserButtonProps>(
+  ({ image, name, email, icon, ...others }: UserButtonProps, ref) => (
+    <UnstyledButton
+      ref={ref}
+      style={{
+        padding: 'var(--mantine-spacing-md)',
+        color: 'var(--mantine-color-text)',
+        borderRadius: 'var(--mantine-radius-sm)',
+      }}
+      {...others}
+    >
+      <Group>
+        <Avatar src={image} radius="xl" />
+
+        <div style={{ flex: 1 }}>
+          <Text size="sm" fw={500}>
+            {name}
+          </Text>
+
+          <Text c="dimmed" size="xs">
+            {email}
+          </Text>
+        </div>
+
+        {icon || <IconChevronRight size="1rem" />}
+      </Group>
+    </UnstyledButton>
+  )
+);
+
+function Demo() {
+  return (
+    <Menu withArrow>
+      <Menu.Target>
+        <UserButton
+          image="https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=255&q=80"
+          name="Harriette Spoonlicker"
+          email="hspoonlicker@outlook.com"
+        />
+      </Menu.Target>
+      {/* ... menu items */}
+    </Menu>
+  );
+}
    +

    Styles API

    Menu supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Menu.Target children

    Menu.Target requires an element or a component as a single child – strings, fragments, numbers and multiple elements/components are not supported and will throw error. Custom components must provide a prop to get root element ref, all Mantine components support ref out of the box.

    import { Menu, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Menu.Target>
+        <button>Native button – ok</button>
+      </Menu.Target>
+
+      {/* OK */}
+      <Menu.Target>
+        <Button>Mantine component – ok</Button>
+      </Menu.Target>
+
+      {/* String, NOT OK – will throw error */}
+      <Menu.Target>Raw string</Menu.Target>
+
+      {/* Number, NOT OK – will throw error */}
+      <Menu.Target>{2}</Menu.Target>
+
+      {/* Fragment, NOT OK – will throw error */}
+      <Menu.Target>
+        <>Fragment, NOT OK, will throw error</>
+      </Menu.Target>
+
+      {/* Multiple nodes, NOT OK – will throw error */}
+      <Menu.Target>
+        <div>More that one node</div>
+        <div>NOT OK, will throw error</div>
+      </Menu.Target>
+    </>
+  );
+}

    Required ref prop

    Custom components that are rendered inside Menu.Target are required to support ref prop:

    // Example of code that WILL NOT WORK
+import { Menu } from '@mantine/core';
+
+function MyComponent() {
+  return <div>My component</div>;
+}
+
+// This will not work – MyComponent does not support ref
+function Demo() {
+  return (
+    <Menu>
+      <Menu.Target>
+        <MyComponent />
+      </Menu.Target>
+    </Menu>
+  );
+}

    Use forwardRef function to forward ref to root element:

    // Example of code that will work
+import { forwardRef } from 'react';
+import { Menu } from '@mantine/core';
+
+const MyComponent = forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => (
+  <div ref={ref} {...props}>
+    My component
+  </div>
+));
+
+// Works correctly – ref is forwarded
+function Demo() {
+  return (
+    <Menu>
+      <Menu.Target>
+        <MyComponent />
+      </Menu.Target>
+    </Menu>
+  );
+}
    +

    Accessibility

    +

    Menu follows WAI-ARIA recommendations:

    +
      +
    • Dropdown element has role="menu" and aria-labelledby="target-id" attributes
      • +
    • Target element has aria-haspopup="menu", aria-expanded, aria-controls="dropdown-id" attributes
      • +
    • Menu item has role="menuitem" attribute
      • +
    +

    Supported target elements

    +

    Uncontrolled Menu with trigger="click" (default) will be accessible only when used with button element or component that renders it (Button, ActionIcon, etc.). +Other elements will not support Space and Enter key presses.

    +

    Hover menu

    +

    Menu with trigger="hover" is not accessible – it cannot be accessed with keyboard, +use it only if you do not care about accessibility.

    +

    Keyboard interactions

    +
    KeyDescriptionCondition
    EscapeCloses dropdownFocus within dropdown
    Space/EnterOpens/closes dropdownFocus on target element
    ArrowUpMoves focus to previous menu itemFocus within dropdown
    ArrowDownMoves focus to next menu itemFocus within dropdown
    HomeMoves focus to first menu itemFocus within dropdown
    EndMoves focus to last menu itemFocus within dropdown

    Previous

    LoadingOverlay

    Next

    Modal

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/modal/index.html b/core/modal/index.html new file mode 100644 index 00000000000..0af29536dac --- /dev/null +++ b/core/modal/index.html @@ -0,0 +1,387 @@ +Modal | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Modal

    An accessible overlay dialog

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Authentication">
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Center modal vertically

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Authentication" centered>
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open centered Modal</Button>
+    </>
+  );
+}
    +

    Remove header

    +

    To remove header set withCloseButton={false}:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} withCloseButton={false}>
+        Modal without header, press escape or click on overlay to close
+      </Modal>
+
+      <Button onClick={open}>Open Modal</Button>
+    </>
+  );
+}
    +

    Change size

    +

    You can change modal width by setting size prop to predefined size or any valid width, for example, 55% or 50rem. +Modal width cannot exceed 100vw.

    +
    import { Modal } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Modal size="sm" />
+      <Modal size={320} />
+      <Modal size="55%" />
+      <Modal size="calc(100vw - 3rem)" />
+    </>
+  );
+}
    +
    +

    Size auto

    +

    Modal with size="auto" will have width to fit its content:

    +
    import { useDisclosure, useCounter } from '@mantine/hooks';
+import { Modal, Button, Group, Text, Badge } from '@mantine/core';
+
+function Demo() {
+  const [opened, { close, open }] = useDisclosure(false);
+  const [count, { increment, decrement }] = useCounter(3, { min: 0 });
+
+  const badges = Array(count)
+    .fill(0)
+    .map((_, index) => <Badge key={index}>Badge {index}</Badge>);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} size="auto" title="Modal size auto">
+        <Text>Modal with size auto will fits its content</Text>
+
+        <Group wrap="nowrap" mt="md">
+          {badges}
+        </Group>
+
+        <Group mt="xl">
+          <Button variant="outline" onClick={increment}>
+            Add badge
+          </Button>
+          <Button variant="outline" onClick={decrement}>
+            Remove badge
+          </Button>
+        </Group>
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Fullscreen

    +

    Fullscreen modal will take the entire screen, it is usually better to change transition to fade +when fullScreen prop is set:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal
+        opened={opened}
+        onClose={close}
+        title="This is a fullscreen modal"
+        fullScreen
+        radius={0}
+        transitionProps={{ transition: 'fade', duration: 200 }}
+      >
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open Modal</Button>
+    </>
+  );
+}
    +

    To switch Modal to fullscreen on devices with small screens only use use-media-query hook. +size prop is ignored if fullScreen prop is set:

    +
    import { useDisclosure, useMediaQuery } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+  const isMobile = useMediaQuery('(max-width: 50em)');
+
+  return (
+    <>
+      <Modal
+        opened={opened}
+        onClose={close}
+        title="This is a fullscreen modal"
+        fullScreen={isMobile}
+        transitionProps={{ transition: 'fade', duration: 200 }}
+      >
+        The Modal will be full screen only on mobile
+      </Modal>
+
+      <Button onClick={open}>Open Modal</Button>
+    </>
+  );
+}
    +

    Customize overlay

    +

    Modal uses Overlay component, you can set any props that Overlay +supports with overlayProps:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal
+        opened={opened}
+        onClose={close}
+        title="Authentication"
+        overlayProps={{
+          backgroundOpacity: 0.55,
+          blur: 3,
+        }}
+      >
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Modal with scroll

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  const content = Array(100)
+    .fill(0)
+    .map((_, index) => <p key={index}>Modal with scroll</p>);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Header is sticky">
+        {content}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Usage with ScrollArea

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button, ScrollArea } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  const content = Array(100)
+    .fill(0)
+    .map((_, index) => <p key={index}>Modal with scroll</p>);
+
+  return (
+    <>
+      <Modal
+        opened={opened}
+        onClose={close}
+        title="Header is sticky"
+        scrollAreaComponent={ScrollArea.Autosize}
+      >
+        {content}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Change offsets

    +

    Use xOffset/yOffset to configure horizontal/vertical content offsets:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Authentication" yOffset="1vh" xOffset={0}>
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Change transitions

    +

    Modal is built with Transition component. Use transitionProps +prop to customize any Transition properties:

    +
    import { useState } from 'react';
+import { Modal, Group, Button } from '@mantine/core';
+
+function Demo() {
+  const [noTransitionOpened, setNoTransitionOpened] = useState(false);
+  const [slowTransitionOpened, setSlowTransitionOpened] = useState(false);
+
+  return (
+    <>
+      <Modal
+        opened={slowTransitionOpened}
+        onClose={() => setSlowTransitionOpened(false)}
+        title="Please consider this"
+        transitionProps={{ transition: 'rotate-left' }}
+      >
+        rotate-left transition
+      </Modal>
+
+      <Modal
+        opened={noTransitionOpened}
+        onClose={() => setNoTransitionOpened(false)}
+        title="Please consider this"
+        transitionProps={{ transition: 'fade', duration: 600, timingFunction: 'linear' }}
+      >
+        fade transition 600ms linear transition
+      </Modal>
+
+      <Group justify="center">
+        <Button onClick={() => setSlowTransitionOpened(true)} variant="default">
+          Rotate left transition
+        </Button>
+        <Button onClick={() => setNoTransitionOpened(true)} variant="default">
+          Fade transition
+        </Button>
+      </Group>
+    </>
+  );
+}
    +

    Initial focus

    +

    Modal uses FocusTrap to trap focus. Add data-autofocus +attribute to the element that should receive initial focus.

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button, TextInput } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Focus demo">
+        <TextInput label="First input" placeholder="First input" />
+        <TextInput
+          data-autofocus
+          label="Input with initial focus"
+          placeholder="It has data-autofocus attribute"
+          mt="md"
+        />
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Control behavior

    +

    The following props can be used to control Modal behavior. +In most cases, it is not recommended to turn these features off – +it will make the component less accessible.

    +
      +
    • trapFocus – determines whether focus should be trapped inside modal
      • +
    • closeOnEscape – determines whether the modal should be closed when Escape key is pressed
      • +
    • closeOnClickOutside – determines whether the modal should be closed when user clicks on the overlay
      • +
    • returnFocus – determines whether focus should be returned to the element that was focused before the modal was opened
      • +
    +

    Compound components

    +

    You can use the following compound components to have full control over the Modal rendering:

    +
      +
    • Modal.Root – context provider
      • +
    • Modal.Overlay – render Overlay
      • +
    • Modal.Content – main modal element, should include all modal content
      • +
    • Modal.Header – sticky header, usually contains Modal.Title and Modal.CloseButton
      • +
    • Modal.Title – h2 element, aria-labelledby of Modal.Content is pointing to this element, usually is rendered inside Modal.Header
      • +
    • Modal.CloseButton – close button, usually rendered inside Modal.Header
      • +
    • Modal.Body – a place for main content, aria-describedby of Modal.Content is pointing to this element
      • +
    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal.Root opened={opened} onClose={close}>
+        <Modal.Overlay />
+        <Modal.Content>
+          <Modal.Header>
+            <Modal.Title>Modal title</Modal.Title>
+            <Modal.CloseButton />
+          </Modal.Header>
+          <Modal.Body>Modal content</Modal.Body>
+        </Modal.Content>
+      </Modal.Root>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    Fixed elements offset

    +

    Modal component uses react-remove-scroll +package to lock scroll. To properly size these elements add a className to them (documentation):

    +
    import { RemoveScroll } from '@mantine/core';
+
+// to make "width: 100%"
+<div className={RemoveScroll.classNames.fullWidth} />
+
+// to make "right: 0"
+<div className={RemoveScroll.classNames.zeroRight} />
    +

    Accessibility

    +

    Modal component follows WAI-ARIA recommendations on accessibility.

    +

    Set title props to make component accessible, will add aria-labelledby to the content element:

    +
    import { Modal } from '@mantine/core';
+
+function Demo() {
+  return <Modal title="Modal label" opened onClose={() => {}} />;
+}
    +

    To set close button aria-label use closeButtonProps:

    +
    import { Modal } from '@mantine/core';
+
+function Demo() {
+  return <Modal closeButtonProps={{ 'aria-label': 'Close modal' }} opened onClose={() => {}} />;
+}

    Previous

    Menu

    Next

    Overlay

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/multi-select/index.html b/core/multi-select/index.html new file mode 100644 index 00000000000..6ae063b3e92 --- /dev/null +++ b/core/multi-select/index.html @@ -0,0 +1,401 @@ +MultiSelect | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    MultiSelect

    Custom searchable multi select

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Made with Combobox

    MultiSelect is an opinionated component built on top of Combobox component. It has a limited set of features to cover only the basic use cases. If you need more advanced features, you can build your own component with Combobox. You can find examples of custom multi select components on the examples page.

    +

    Usage

    +

    MultiSelect provides a way to enter multiple values. +MultiSelect is similar to TagsInput, but it does not allow entering custom values.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
    +

    Controlled

    +

    MultiSelect value must be an array of strings, other types are not supported. +onChange function is called with an array of strings as a single argument.

    +
    import { useState } from 'react';
+import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string[]>([]);
+  return <MultiSelect data={[]} value={value} onChange={setValue} />;
+}
    +

    Clearable

    +

    Set clearable prop to display the clear button in the right section. The button is not displayed +when:

    +
      +
    • The component does not have a value
      • +
    • The component is disabled
      • +
    • The component is read only
      • +
    +
    React
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      defaultValue={['React']}
+      clearable
+    />
+  );
+}
    +

    Searchable

    +

    Set searchable prop to allow filtering options by user input:

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      searchable
+    />
+  );
+}
    +

    Nothing found

    +

    Set nothingFoundMessage prop to display given message when no options match search query. +If nothingFoundMessage is not set, MultiSelect dropdown will be hidden when no options match search query. +The message is not displayed when trimmed search query is empty.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      searchable
+      nothingFoundMessage="Nothing found..."
+    />
+  );
+}
    +

    Checked option icon

    +

    Set checkIconPosition prop to left or right to control position of check icon in active option. +To remove the check icon, set withCheckIcon={false}.

    +
    React
    Check icon position
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      checkIconPosition="left"
+      data={['React', 'Angular', 'Svelte', 'Vue']}
+      dropdownOpened
+      pb={150}
+      label="Control check icon"
+      placeholder="Pick value"
+      defaultValue={["React"]}
+    />
+  );
+}
    +

    Max selected values

    +

    You can limit the number of selected values with maxValues prop. This will not allow adding more values +once the limit is reached.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Select up to 2 libraries"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      maxValues={2}
+    />
+  );
+}
    +

    Hide selected options

    +

    To remove selected options from the list of available options, set hidePickedOptions prop:

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      hidePickedOptions
+    />
+  );
+}
    +

    Data formats

    MultiSelect data prop accepts data in one of the following formats:

    Array of strings:

    import { MultiSelect } from '@mantine/core';
+function Demo() {
+  return <MultiSelect data={['React', 'Angular']} />;
+}

    Array of object with value, label and optional disabled keys:

    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+      ]}
+    />
+  );
+}

    Array of groups with string options:

    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}

    Array of groups with object options:

    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      data={[
+        { group: 'Frontend', items: [{ value: 'react', label: 'React' }, { value: 'ng', label: 'Angular' }] },
+        { group: 'Backend', items: [{ value: 'express', label: 'Express' }, { value: 'django', label: 'Django' }] },
+      ]}
+    />
+  );
+}
    +

    Options filtering

    By default, MultiSelect filters options by checking if the option label contains input value. You can change this behavior with filter prop.filter function receives an object with the following properties as a single argument:
    • options – array of options or options groups, all options are in { value: string; label: string; disabled?: boolean } format
    • search – current search query
    • limit – value of limit prop passed to MultiSelect

    Example of a custom filter function that matches options by words instead of letters sequence:

    +
    import { MultiSelect, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const splittedSearch = search.toLowerCase().trim().split(' ');
+  return (options as ComboboxItem[]).filter((option) => {
+    const words = option.label.toLowerCase().trim().split(' ');
+    return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
+  });
+};
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="What countries have you visited?"
+      placeholder="Pick values"
+      data={['Great Britain', 'Russian Federation', 'United States']}
+      filter={optionsFilter}
+      searchable
+    />
+  );
+}
    +

    Sort options

    +

    By default, options are sorted by their position in the data array. You can change this behavior +with filter function:

    +
    import { MultiSelect, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const filtered = (options as ComboboxItem[]).filter((option) =>
+    option.label.toLowerCase().trim().includes(search.toLowerCase().trim())
+  );
+
+  filtered.sort((a, b) => a.label.localeCompare(b.label));
+  return filtered;
+};
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick values"
+      data={['4 – React', '1 – Angular', '3 – Vue', '2 – Svelte']}
+      filter={optionsFilter}
+      searchable
+    />
+  );
+}
    +

    Large data sets

    The best strategy for large data sets is to limit the number of options that are rendered at the same time. You can do it with limit prop. Note that if you use a custom filter function, you need to implement your own logic to limit the number of options in filter

    Example of MultiSelect with 100 000 options, 5 options are rendered at the same time:

    +
    import { MultiSelect } from '@mantine/core';
+
+const largeData = Array(100_000)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="100 000 options autocomplete"
+      placeholder="Use limit to optimize performance"
+      limit={5}
+      data={largeData}
+      searchable
+    />
+  );
+}
    +

    Scrollable dropdown

    +

    By default, the options list is wrapped with ScrollArea.Autosize. +You can control dropdown max-height with maxDropdownHeight prop if you do not change the default settings.

    +

    If you want to use native scrollbars, set withScrollArea={false}. Note that in this case, +you will need to change dropdown styles with Styles API.

    +
    import { MultiSelect } from '@mantine/core';
+
+const data = Array(100)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <>
+      <MultiSelect
+        label="With scroll area (default)"
+        placeholder="Pick value"
+        data={data}
+        maxDropdownHeight={200}
+      />
+
+      <MultiSelect
+        label="With native scroll"
+        placeholder="Pick value"
+        data={data}
+        withScrollArea={false}
+        styles={{ dropdown: { maxHeight: 200, overflowY: 'auto' } }}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Group options

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}
    +

    Disabled options

    +

    When option is disabled, it cannot be selected and is ignored in keyboard navigation. +Note that user can still enter disabled option as a value. If you want to prohibit certain values, +use controlled component and filter them out in onChange function.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+        { value: 'vue', label: 'Vue', disabled: true },
+        { value: 'svelte', label: 'Svelte', disabled: true },
+      ]}
+    />
+  );
+}
    +

    Combobox props

    You can override Combobox props with comboboxProps. It is useful when you need to change some of the props that are not exposed by MultiSelect, for example withinPortal:

    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return <MultiSelect comboboxProps={{ withinPortal: false }} data={[]} />;
+}
    +

    Input props

    +

    MultiSelect component supports Input and Input.Wrapper components features and all input element props. MultiSelect documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Input label"
+      description="Input description"
+      placeholder="MultiSelect placeholder"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
    +

    Read only

    +

    Set readOnly to make the input read only. When readOnly is set, +MultiSelect will not show suggestions and will not call onChange function.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      readOnly
+    />
+  );
+}
    +

    Disabled

    +

    Set disabled to disable the input. When disabled is set, +user cannot interact with the input and MultiSelect will not show suggestions.

    +
    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MultiSelect
+      label="Your favorite libraries"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      disabled
+    />
+  );
+}
    +

    Error state

    +

    Invalid name

    import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <MultiSelect
+        label="Boolean error"
+        placeholder="Boolean error"
+        error
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+      <MultiSelect
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+    </>
+  );
+}
    +

    Styles API

    MultiSelect supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    ReactAngular

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { MultiSelect } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <MultiSelect ref={ref} />;
+}
    +

    Accessibility

    If MultiSelect is used without label prop, it will not be announced properly by screen reader:

    import { MultiSelect } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <MultiSelect />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { MultiSelect } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <MultiSelect aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { MultiSelect } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <MultiSelect label="My input" />;
+}

    Previous

    Combobox

    Next

    Pill

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/native-select/index.html b/core/native-select/index.html new file mode 100644 index 00000000000..ca24f9005a0 --- /dev/null +++ b/core/native-select/index.html @@ -0,0 +1,232 @@ +NativeSelect | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    NativeSelect

    Native select element based on Input

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    NativeSelect component supports Input and Input.Wrapper components features and all select element props. NativeSelect documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return <NativeSelect label="Input label" description="Input description" data={['React', 'Angular', 'Vue']} />;
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+
+  return (
+    <NativeSelect
+      value={value}
+      onChange={(event) => setValue(event.currentTarget.value)}
+      data={['React', 'Angular', 'Svelte', 'Vue']}
+    />
+  );
+}
    +

    Adding options

    +

    NativeSelect allows passing options in two ways:

    +
      +
    • data prop array
      • +
    • children prop with option components
      • +
    +

    Note that if children is used, data will be ignored.

    +

    data prop

    +

    data prop accepts values in one of the following formats:

    +
      +
    1. Array of strings:
      2. +
    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return <NativeSelect data={['React', 'Angular', 'Svelte', 'Vue']} />;
+}
    +
      +
    1. Array of objects with label, value and disabled keys:
      2. +
    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NativeSelect
+      data={[
+        { label: 'React', value: 'react' },
+        { label: 'Angular', value: 'angular' },
+        { label: 'Svelte', value: 'svelte', disabled: true },
+        { label: 'Vue', value: 'vue' },
+      ]}
+    />
+  );
+}
    +
      +
    1. Array of grouped options (string format):
      2. +
    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NativeSelect
+      data={[
+        {
+          group: 'Frontend libraries',
+          items: ['React', 'Angular', 'Svelte', 'Vue'],
+        },
+        {
+          group: 'Backend libraries',
+          items: ['Express', 'Koa', 'Django'],
+        },
+      ]}
+    />
+  );
+}
    +
      +
    1. Array of grouped options (object format):
      2. +
    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NativeSelect
+      data={[
+        {
+          group: 'Frontend libraries',
+          items: [
+            { label: 'React', value: 'react' },
+            { label: 'Angular', value: 'angular' },
+            { label: 'Vue', value: 'vue', disabled: true },
+          ],
+        },
+        {
+          group: 'Backend libraries',
+          items: [
+            { label: 'Express', value: 'express' },
+            { label: 'Koa', value: 'koa' },
+            { label: 'Django', value: 'django' },
+          ],
+        },
+      ]}
+    />
+  );
+}
    +

    Example of data prop with array of grouped options:

    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NativeSelect
+      data={[
+        {
+          group: 'Frontend libraries',
+          items: [
+            { label: 'React', value: 'react' },
+            { label: 'Angular', value: 'angular' },
+            { label: 'Vue', value: 'vue', disabled: true },
+          ],
+        },
+        {
+          group: 'Backend libraries',
+          items: [
+            { label: 'Express', value: 'express' },
+            { label: 'Koa', value: 'koa' },
+            { label: 'Django', value: 'django' },
+          ],
+        },
+      ]}
+    />
+  );
+}
    +

    children options

    +

    To add options with children prop, use option elements to add options and optgroup +elements to group them:

    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NativeSelect label="With children options">
+      <optgroup label="Frontend libraries">
+        <option value="react">React</option>
+        <option value="angular">Angular</option>
+        <option value="vue" disabled>
+          Vue
+        </option>
+      </optgroup>
+
+      <optgroup label="Backend libraries">
+        <option value="express">Express</option>
+        <option value="koa">Koa</option>
+        <option value="django">Django</option>
+      </optgroup>
+    </NativeSelect>
+  );
+}
    +

    Left and right sections

    +
    import { NativeSelect, rem } from '@mantine/core';
+import { IconChevronDown, IconHash } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <NativeSelect
+        leftSection={<IconHash style={{ width: rem(16), height: rem(16) }} />}
+        leftSectionPointerEvents="none"
+        label="Left section"
+        data={['React', 'Angular']}
+      />
+
+      <NativeSelect
+        rightSection={<IconChevronDown style={{ width: rem(16), height: rem(16) }} />}
+        label="Right section"
+        data={['React', 'Angular']}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    disabled

    +
    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return <NativeSelect disabled data={['React', 'Angular']} label="Disabled NativeSelect" />;
+}
    +

    error

    +

    Error message

    import { NativeSelect } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <NativeSelect error label="Boolean error" data={['React', 'Angular']} />
+      <NativeSelect
+        error="Error message"
+        label="React node error"
+        data={['React', 'Angular']}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Styles API

    NativeSelect supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    NativeSelect description

    NativeSelect error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Accessibility

    If NativeSelect is used without label prop, it will not be announced properly by screen reader:

    import { NativeSelect } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <NativeSelect />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { NativeSelect } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <NativeSelect aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { NativeSelect } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <NativeSelect label="My input" />;
+}

    Previous

    JsonInput

    Next

    NumberInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/nav-link/index.html b/core/nav-link/index.html new file mode 100644 index 00000000000..7e7fe765d7a --- /dev/null +++ b/core/nav-link/index.html @@ -0,0 +1,140 @@ +NavLink | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    NavLink

    Navigation link

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    With icon
    With right section
    Disabled
    3
    With descriptionAdditional information
    Active subtle
    Active light
    Active filled
    import { Badge, NavLink } from '@mantine/core';
+import { IconHome2, IconGauge, IconChevronRight, IconActivity, IconCircleOff } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <NavLink label="With icon" leftSection={<IconHome2 size="1rem" stroke={1.5} />} />
+      <NavLink
+        label="With right section"
+        leftSection={<IconGauge size="1rem" stroke={1.5} />}
+        rightSection={<IconChevronRight size="0.8rem" stroke={1.5} />}
+      />
+      <NavLink label="Disabled" leftSection={<IconCircleOff size="1rem" stroke={1.5} />} disabled />
+      <NavLink
+        label="With description"
+        description="Additional information"
+        leftSection={
+          <Badge size="xs" variant="filled" color="red" w={16} h={16} p={0}>
+            3
+          </Badge>
+        }
+      />
+      <NavLink
+        label="Active subtle"
+        leftSection={<IconActivity size="1rem" stroke={1.5} />}
+        rightSection={<IconChevronRight size="0.8rem" stroke={1.5} />}
+        variant="subtle"
+        active
+      />
+      <NavLink
+        label="Active light"
+        leftSection={<IconActivity size="1rem" stroke={1.5} />}
+        rightSection={<IconChevronRight size="0.8rem" stroke={1.5} />}
+        active
+      />
+      <NavLink
+        label="Active filled"
+        leftSection={<IconActivity size="1rem" stroke={1.5} />}
+        rightSection={<IconChevronRight size="0.8rem" stroke={1.5} />}
+        variant="filled"
+        active
+      />
+    </>
+  );
+}
    +

    Active

    +

    Set active prop to add active styles to NavLink. You can customize active styles with color and variant props:

    +
    Color
    Variant
    import { useState } from 'react';
+import { IconGauge, IconFingerprint, IconActivity, IconChevronRight } from '@tabler/icons-react';
+import { Box, NavLink } from '@mantine/core';
+const data = [
+  { icon: IconGauge, label: 'Dashboard', description: 'Item with description' },
+  {
+    icon: IconFingerprint,
+    label: 'Security',
+    rightSection: <IconChevronRight size="1rem" stroke={1.5} />,
+  },
+  { icon: IconActivity, label: 'Activity' },
+];
+
+function Demo() {
+  const [active, setActive] = useState(0);
+
+  const items = data.map((item, index) => (
+    <NavLink
+      key={item.label}
+      active={index === active}
+      label={item.label}
+      description={item.description}
+      rightSection={item.rightSection}
+      icon={<item.icon size="1rem" stroke={1.5} />}
+      onClick={() => setActive(index)}
+
+    />
+  ));
+
+  return <Box w={220}>{items}</Box>;
+}
    +

    Nested NavLinks

    +

    To create nested links put NavLink as children of another NavLink:

    +
    First parent link
    Second parent link
    import { NavLink } from '@mantine/core';
+import { IconGauge, IconFingerprint } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <NavLink
+        label="First parent link"
+        leftSection={<IconGauge size="1rem" stroke={1.5} />}
+        childrenOffset={28}
+      >
+        <NavLink label="First child link" />
+        <NavLink label="Second child link" />
+        <NavLink label="Nested parent link" childrenOffset={28}>
+          <NavLink label="First child link" />
+          <NavLink label="Second child link" />
+          <NavLink label="Third child link" />
+        </NavLink>
+      </NavLink>
+
+      <NavLink
+        label="Second parent link"
+        leftSection={<IconFingerprint size="1rem" stroke={1.5} />}
+        childrenOffset={28}
+        defaultOpened
+      >
+        <NavLink label="First child link" />
+        <NavLink label="Second child link" />
+        <NavLink label="Third child link" />
+      </NavLink>
+    </>
+  );
+}
    +

    Polymorphic component

    NavLink is a polymorphic component – its default root element is a, but it can be changed to any other element or component with component prop:

    import { NavLink } from '@mantine/core';
+
+function Demo() {
+  return <NavLink component="button" />;
+}

    You can also use components in component prop, for example, Next.js Link:

    import Link from 'next/link';
+import { NavLink } from '@mantine/core';
+
+function Demo() {
+  return <NavLink component={Link} href="/" />;
+}

    Polymorphic components with TypeScript

    Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, NavLinkProps does not extend React.ComponentPropsWithoutRef'<'div'>' although a is the default element.

    If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

    import type { NavLinkProps, ElementProps } from '@mantine/core';
+
+interface MyNavLinkProps extends NavLinkProps,
+  ElementProps<'button', keyof NavLinkProps> {}

    If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

    +

    Get element ref

    import { useRef } from 'react';
+import { NavLink } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLAnchorElement>(null);
+  return <NavLink ref={ref} />;
+}

    Previous

    Burger

    Next

    Pagination

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/notification/index.html b/core/notification/index.html new file mode 100644 index 00000000000..f2beac10583 --- /dev/null +++ b/core/notification/index.html @@ -0,0 +1,52 @@ +Notification | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Notification

    Show dynamic notifications and alerts to user, part of notifications system

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Notification is a base component for notification system. +Build your own or use @mantine/notifications package.

    +
    Color
    Radius
    import { Notification } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Notification title="We notify you that">
+      You are now obligated to give a star to Mantine project on GitHub
+    </Notification>
+  );
+}
    +

    With icon

    +
    import { IconX, IconCheck } from '@tabler/icons-react';
+import { Notification, rem } from '@mantine/core';
+
+function Demo() {
+  const xIcon = <IconX style={{ width: rem(20), height: rem(20) }} />;
+  const checkIcon = <IconCheck style={{ width: rem(20), height: rem(20) }} />;
+
+  return (
+    <>
+      <Notification icon={xIcon} color="red" title="Bummer!">
+        Something went wrong
+      </Notification>
+      <Notification icon={checkIcon} color="teal" title="All good!" mt="md">
+        Everything is fine
+      </Notification>
+    </>
+  );
+}
    +

    Styles API

    Notification supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Accessibility

    +

    To support screen readers, set close button aria-label or title with closeButtonProps:

    +
    import { Notification } from '@mantine/core';
+
+function Demo() {
+  return <Notification closeButtonProps={{ 'aria-label': 'Hide notification' }} />;
+}

    Previous

    Loader

    Next

    Progress

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/number-input/index.html b/core/number-input/index.html new file mode 100644 index 00000000000..4df96cba748 --- /dev/null +++ b/core/number-input/index.html @@ -0,0 +1,271 @@ +NumberInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    NumberInput

    Capture number from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    NumberInput component supports Input and Input.Wrapper components features and all input element props. NumberInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string | number>('');
+  return <NumberInput value={value} onChange={setValue} />;
+}
    +

    min and max

    +

    Set min and max props to limit the input value:

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Enter value between 10 and 20"
+      placeholder="Don't enter more than 20 and less than 10"
+      min={10}
+      max={20}
+    />
+  );
+}
    +

    Clamp behavior

    +

    By default, the value is clamped when the input is blurred. If you set clampBehavior="strict", +it will not be possible to enter value outside of min/max range. Note that this option +may cause issues if you have tight min and max, for example min={10} and max={20}. +If you need to disable value clamping entirely, set clampBehavior="none".

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="You cannot enter number less than 0 or greater than 100"
+      placeholder="You cannot enter number less than 0 or greater than 100"
+      clampBehavior="strict"
+      min={0}
+      max={100}
+    />
+  );
+}
    +

    Prefix and suffix

    +

    Set prefix and suffix props to add given string to the start or end of the input value:

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <NumberInput
+        label="With prefix"
+        placeholder="Dollars"
+        prefix="$"
+        defaultValue={100}
+        mb="md"
+      />
+      <NumberInput
+        label="With suffix"
+        placeholder="Percents"
+        suffix="%"
+        defaultValue={100}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Negative numbers

    +

    By default, negative numbers are allowed. Set allowNegative={false} to allow only positive numbers.

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Negative number are not allowed"
+      placeholder="Do not enter negative numbers"
+      allowNegative={false}
+    />
+  );
+}
    +

    Decimal numbers

    +

    By default, decimal numbers are allowed. Set allowDecimal={false} to allow only integers.

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Decimals are not allowed"
+      placeholder="Do not enter decimal numbers"
+      allowDecimal={false}
+    />
+  );
+}
    +

    Decimal scale

    +

    decimalScale controls how many decimal places are allowed:

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="You can enter only 2 digits after decimal point"
+      placeholder="Do not enter more that 2"
+      decimalScale={2}
+    />
+  );
+}
    +

    Fixed decimal scale

    +

    Set fixedDecimalScale to always display fixed number of decimal places:

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Always show 2 digits after decimal point"
+      placeholder="Do not enter more that 2"
+      decimalScale={2}
+      fixedDecimalScale
+      defaultValue={2.2}
+    />
+  );
+}
    +

    Decimal separator

    +

    Set decimalSeparator to change decimal separator character:

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="Custom decimal separator"
+      placeholder="You can change it"
+      decimalSeparator=","
+      defaultValue={20.573}
+    />
+  );
+}
    +

    Thousand separator

    +

    Set thousandSeparator prop to separate thousands with a character. You can control +grouping logic with thousandsGroupStyle, it accepts: thousand, lakh, wan, none values.

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <NumberInput
+      label="With thousands separator"
+      placeholder="Thousands are separated with coma"
+      thousandSeparator=","
+      defaultValue={1_000_000}
+    />
+  );
+}
    +

    Right section

    +

    By default, the right section is occupied by increment and decrement buttons. +To hide them, set hideControls prop. You can also use rightSection prop to render anything +in the right section to replace the default controls.

    +
    import { NumberInput } from '@mantine/core';
+import { IconChartBubble } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <NumberInput label="Hide controls" placeholder="Hide controls" hideControls />
+      <NumberInput
+        label="Custom right section"
+        placeholder="Custom right section"
+        mt="md"
+        rightSection={<IconChartBubble />}
+        rightSectionPointerEvents="none"
+      />
+    </>
+  );
+}
    +

    Custom increment and decrement controls

    +

    You can get a ref with increment and decrement functions to create custom controls:

    +
    import { useRef } from 'react';
+import { NumberInput, Group, Button, NumberInputHandlers } from '@mantine/core';
+
+function Demo() {
+  const handlersRef = useRef<NumberInputHandlers>(null);
+  return (
+    <>
+      <NumberInput
+        label="Click buttons to change value"
+        placeholder="Click the buttons"
+        handlersRef={handlersRef}
+        step={2}
+        min={10}
+        max={20}
+        defaultValue={15}
+      />
+
+      <Group mt="md" justify="center">
+        <Button onClick={() => handlersRef.current?.decrement()} variant="default">
+          Decrement by 2
+        </Button>
+
+        <Button onClick={() => handlersRef.current?.increment()} variant="default">
+          Increment by 2
+        </Button>
+      </Group>
+    </>
+  );
+}
    +

    Error state

    +

    Invalid name

    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <NumberInput label="Boolean error" placeholder="Boolean error" error />
+      <NumberInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
    +

    Disabled state

    +
    import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  return <NumberInput disabled label="Disabled input" placeholder="Disabled input" />;
+}
    +

    Styles API

    NumberInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { NumberInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <NumberInput ref={ref} />;
+}
    +

    Accessibility

    If NumberInput is used without label prop, it will not be announced properly by screen reader:

    import { NumberInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <NumberInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { NumberInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <NumberInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { NumberInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <NumberInput label="My input" />;
+}

    Previous

    NativeSelect

    Next

    PasswordInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/overlay/index.html b/core/overlay/index.html new file mode 100644 index 00000000000..dc6f0c4e1c1 --- /dev/null +++ b/core/overlay/index.html @@ -0,0 +1,88 @@ +Overlay | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Overlay

    Overlays parent element with div element with any color and opacity

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Overlay takes 100% of width and height of parent container or viewport if fixed prop is set. +Set color and backgroundOpacity props to change Overlay background-color. Note that backgroundOpacity prop +does not change CSS opacity property, it changes background-color. For example, if you set +color="#000" and backgroundOpacity={0.85} background-color will be rgba(0, 0, 0, 0.85):

    +
    Demo
    import { useState } from 'react';
+import { Button, Overlay, AspectRatio } from '@mantine/core';
+
+function Demo() {
+  const [visible, setVisible] = useState(true);
+  return (
+    <>
+      <AspectRatio ratio={16 / 9} maw={400} mx="auto">
+        <img
+          src="https://images.unsplash.com/photo-1618359057154-e21ae64350b6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720&q=80"
+          alt="Demo"
+        />
+        {visible && <Overlay color="#000" backgroundOpacity={0.85} />}
+      </AspectRatio>
+      <Button onClick={() => setVisible((v) => !v)} fullWidth maw={200} mx="auto" mt="xl">
+        Toggle overlay
+      </Button>
+    </>
+  );
+}
    +

    Gradient

    +

    Set gradient prop to use background-image instead of background-color. When gradient prop is set, +color and backgroundOpacity props are ignored.

    +
    Demo
    import { useState } from 'react';
+import { Button, Overlay, AspectRatio } from '@mantine/core';
+
+function Demo() {
+  const [visible, setVisible] = useState(true);
+  return (
+    <>
+      <AspectRatio ratio={16 / 9} maw={400} mx="auto">
+        <img
+          src="https://images.unsplash.com/photo-1618359057154-e21ae64350b6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720&q=80"
+          alt="Demo"
+        />
+        {visible && (
+          <Overlay
+            gradient="linear-gradient(145deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%)"
+            opacity={0.85}
+          />
+        )}
+      </AspectRatio>
+      <Button onClick={() => setVisible((v) => !v)} fullWidth maw={200} mx="auto" mt="xl">
+        Toggle overlay
+      </Button>
+    </>
+  );
+}
    +

    Blur

    +

    Set blur prop to add backdrop-filter: blur({value}) styles. +Note that backdrop-filter is not supported in all browsers.

    +
    Demo
    Blur
    import { Overlay, AspectRatio } from '@mantine/core';
+
+function Demo() {
+  return (
+    <AspectRatio ratio={16 / 9} maw={400} mx="auto">
+      <img
+        src="https://images.unsplash.com/photo-1618359057154-e21ae64350b6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720&q=80"
+        alt="Demo"
+      />
+      <Overlay color="#000" backgroundOpacity={0.35} blur={15} />
+    </AspectRatio>
+  );
+}
    +

    Polymorphic component

    Overlay is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

    import { Overlay } from '@mantine/core';
+
+function Demo() {
+  return <Overlay component="a" />;
+}

    You can also use components in component prop, for example, Next.js Link:

    import Link from 'next/link';
+import { Overlay } from '@mantine/core';
+
+function Demo() {
+  return <Overlay component={Link} href="/" />;
+}

    Polymorphic components with TypeScript

    Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, OverlayProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

    If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

    import type { OverlayProps, ElementProps } from '@mantine/core';
+
+interface MyOverlayProps extends OverlayProps,
+  ElementProps<'a', keyof OverlayProps> {}

    If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

    Previous

    Modal

    Next

    Popover

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/pagination/index.html b/core/pagination/index.html new file mode 100644 index 00000000000..6f1c564a849 --- /dev/null +++ b/core/pagination/index.html @@ -0,0 +1,185 @@ +Pagination | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Pagination

    Display active page and navigate between multiple pages

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Size
    Radius
    import { Pagination } from '@mantine/core';
+
+function Demo() {
+  return <Pagination total={10} />;
+}
    +

    Controlled

    +

    To control component state provide value and onChange props:

    +
    import { useState } from 'react';
+import { Pagination } from '@mantine/core';
+
+function Demo() {
+  const [activePage, setPage] = useState(1);
+  return <Pagination value={activePage} onChange={setPage} total={10} />;
+}
    +

    Siblings

    +

    Control number of active item siblings with siblings prop:

    +

    1 sibling (default)

    2 siblings

    3 siblings

    import { Text, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text mb="xs">1 sibling (default)</Text>
+      <Pagination total={20} siblings={1} defaultValue={10} />
+
+      <Text mb="xs" mt="xl">2 siblings</Text>
+      <Pagination total={20} siblings={2} defaultValue={10} />
+
+      <Text mb="xs" mt="xl">3 siblings</Text>
+      <Pagination total={20} siblings={3} defaultValue={10} />
+    </>
+  );
+}
    +

    Boundaries

    +

    Control number of items displayed after previous and before next buttons with boundaries prop:

    +

    1 boundary (default)

    2 boundaries

    3 boundaries

    import { Text, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text mb="xs">1 boundary (default)</Text>
+      <Pagination total={20} boundaries={1} defaultValue={10} />
+
+      <Text mt="xl" mb="xs">2 boundaries</Text>
+      <Pagination total={20} boundaries={2} defaultValue={10} />
+
+      <Text mt="xl" mb="xs">3 boundaries</Text>
+      <Pagination total={20} boundaries={3} defaultValue={10} />
+    </>
+  );
+}
    +

    Styles API

    Pagination supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Compound components

    +

    You can use the following compound components to have full control over the Modal rendering:

    +
      +
    • Pagination.Root – context provider
      • +
    • Pagination.Items – items list
      • +
    • Pagination.Next – next control
      • +
    • Pagination.Previous – previous control
      • +
    • Pagination.First – first control
      • +
    • Pagination.Last – last control
      • +
    +
    import { Group, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Pagination.Root total={10}>
+      <Group gap={5} justify="center">
+        <Pagination.First />
+        <Pagination.Previous />
+        <Pagination.Items />
+        <Pagination.Next />
+        <Pagination.Last />
+      </Group>
+    </Pagination.Root>
+  );
+}
    +

    Controls as links

    +
    12345
    10
    12345
    10
    import { Group, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      {/* Regular pagination */}
+      <Pagination
+        total={10}
+        withEdges
+        getItemProps={(page) => ({
+          component: 'a',
+          href: `#page-${page}`,
+        })}
+        getControlProps={(control) => {
+          if (control === 'first') {
+            return { component: 'a', href: '#page-0' };
+          }
+
+          if (control === 'last') {
+            return { component: 'a', href: '#page-10' };
+          }
+
+          if (control === 'next') {
+            return { component: 'a', href: '#page-2' };
+          }
+
+          if (control === 'previous') {
+            return { component: 'a', href: '#page-1' };
+          }
+
+          return {};
+        }}
+      />
+
+      {/* Compound pagination */}
+      <Pagination.Root
+        total={10}
+        getItemProps={(page) => ({
+          component: 'a',
+          href: `#page-${page}`,
+        })}
+      >
+        <Group gap={7} mt="xl">
+          <Pagination.First component="a" href="#page-0" />
+          <Pagination.Previous component="a" href="#page-1" />
+          <Pagination.Items />
+          <Pagination.Next component="a" href="#page-2" />
+          <Pagination.Last component="a" href="#page-10" />
+        </Group>
+      </Pagination.Root>
+    </>
+  );
+}
    +

    Change icons

    +
    import { Group, Pagination } from '@mantine/core';
+import {
+  IconArrowBarToRight,
+  IconArrowBarToLeft,
+  IconArrowLeft,
+  IconArrowRight,
+  IconGripHorizontal,
+} from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      {/* Regular pagination */}
+      <Pagination
+        total={10}
+        position="center"
+        withEdges
+        nextIcon={IconArrowRight}
+        previousIcon={IconArrowLeft}
+        firstIcon={IconArrowBarToLeft}
+        lastIcon={IconArrowBarToRight}
+        dotsIcon={IconGripHorizontal}
+      />
+
+      {/* Compound pagination */}
+      <Pagination.Root total={10}>
+        <Group gap={7} mt="xl">
+          <Pagination.First icon={IconArrowBarToLeft} />
+          <Pagination.Previous icon={IconArrowLeft} />
+          <Pagination.Items dotsIcon={IconGripHorizontal} />
+          <Pagination.Next icon={IconArrowRight} />
+          <Pagination.Last icon={IconArrowBarToRight} />
+        </Group>
+      </Pagination.Root>
+    </>
+  );
+}
    +

    use-pagination hook

    +

    If you need more flexibility @mantine/hooks package exports use-pagination hook, +you can use it to create custom pagination components.

    Previous

    NavLink

    Next

    Stepper

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/paper/index.html b/core/paper/index.html new file mode 100644 index 00000000000..a486534dff7 --- /dev/null +++ b/core/paper/index.html @@ -0,0 +1,33 @@ +Paper | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Paper

    Renders white or dark background depending on color scheme

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Paper is the most basic ui component

    Use it to create cards, dropdowns, modals and other components that require background with shadow

    Shadow
    Radius
    import { Text, Paper } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Paper shadow="xs" p="xl">
+      <Text>Paper is the most basic ui component</Text>
+      <Text>
+        Use it to create cards, dropdowns, modals and other components that require background
+        with shadow
+      </Text>
+    </Paper>
+  );
+}
    +

    Polymorphic component

    Paper is a polymorphic component – its default root element is div, but it can be changed to any other element or component with component prop:

    import { Paper } from '@mantine/core';
+
+function Demo() {
+  return <Paper component="button" />;
+}

    You can also use components in component prop, for example, Next.js Link:

    import Link from 'next/link';
+import { Paper } from '@mantine/core';
+
+function Demo() {
+  return <Paper component={Link} href="/" />;
+}

    Polymorphic components with TypeScript

    Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, PaperProps does not extend React.ComponentPropsWithoutRef'<'div'>' although div is the default element.

    If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

    import type { PaperProps, ElementProps } from '@mantine/core';
+
+interface MyPaperProps extends PaperProps,
+  ElementProps<'button', keyof PaperProps> {}

    If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

    Previous

    FocusTrap

    Next

    Portal

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/password-input/index.html b/core/password-input/index.html new file mode 100644 index 00000000000..0df28ca07e3 --- /dev/null +++ b/core/password-input/index.html @@ -0,0 +1,208 @@ +PasswordInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    PasswordInput

    Capture password data from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    PasswordInput component supports Input and Input.Wrapper components features and all input element props. PasswordInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { PasswordInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <PasswordInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { PasswordInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <PasswordInput value={value} onChange={(event) => setValue(event.currentTarget.value)} />;
+}
    +

    Controlled visibility toggle

    +

    Control visibility state with visible and onVisibilityChange props, +for example, the props can be used to sync visibility state between two inputs:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { PasswordInput, Stack } from '@mantine/core';
+
+function Demo() {
+  const [visible, { toggle }] = useDisclosure(false);
+  return (
+    <Stack>
+      <PasswordInput
+        label="Password"
+        defaultValue="secret"
+        visible={visible}
+        onVisibilityChange={toggle}
+      />
+      <PasswordInput
+        label="Confirm password"
+        defaultValue="secret"
+        visible={visible}
+        onVisibilityChange={toggle}
+      />
+    </Stack>
+  );
+}
    +

    Change visibility toggle icon

    +

    To change visibility toggle icon, pass a React component that accepts reveal prop to visibilityToggleIcon:

    +
    import { PasswordInput } from '@mantine/core';
+import { IconEyeCheck, IconEyeOff } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <PasswordInput
+      label="Change visibility toggle icon"
+      placeholder="Change visibility toggle icon"
+      defaultValue="secret"
+      visibilityToggleIcon={({ reveal }) =>
+        reveal ? (
+          <IconEyeOff style={{ width: 'var(--psi-icon-size)', height: 'var(--psi-icon-size)' }} />
+        ) : (
+          <IconEyeCheck style={{ width: 'var(--psi-icon-size)', height: 'var(--psi-icon-size)' }} />
+        )
+      }
+    />
+  );
+}
    +

    Strength meter example

    +

    Password strength meter example with Progress and Popover components:

    +
    import { useState } from 'react';
+import { IconX, IconCheck } from '@tabler/icons-react';
+import { PasswordInput, Progress, Text, Popover, Box, rem } from '@mantine/core';
+
+function PasswordRequirement({ meets, label }: { meets: boolean; label: string }) {
+  return (
+    <Text
+      c={meets ? 'teal' : 'red'}
+      style={{ display: 'flex', alignItems: 'center' }}
+      mt={7}
+      size="sm"
+    >
+      {meets ? (
+        <IconCheck style={{ width: rem(14), height: rem(14) }} />
+      ) : (
+        <IconX style={{ width: rem(14), height: rem(14) }} />
+      )}{' '}
+      <Box ml={10}>{label}</Box>
+    </Text>
+  );
+}
+
+const requirements = [
+  { re: /[0-9]/, label: 'Includes number' },
+  { re: /[a-z]/, label: 'Includes lowercase letter' },
+  { re: /[A-Z]/, label: 'Includes uppercase letter' },
+  { re: /[$&+,:;=?@#|'<>.^*()%!-]/, label: 'Includes special symbol' },
+];
+
+function getStrength(password: string) {
+  let multiplier = password.length > 5 ? 0 : 1;
+
+  requirements.forEach((requirement) => {
+    if (!requirement.re.test(password)) {
+      multiplier += 1;
+    }
+  });
+
+  return Math.max(100 - (100 / (requirements.length + 1)) * multiplier, 10);
+}
+
+function Demo() {
+  const [popoverOpened, setPopoverOpened] = useState(false);
+  const [value, setValue] = useState('');
+  const checks = requirements.map((requirement, index) => (
+    <PasswordRequirement key={index} label={requirement.label} meets={requirement.re.test(value)} />
+  ));
+
+  const strength = getStrength(value);
+  const color = strength === 100 ? 'teal' : strength > 50 ? 'yellow' : 'red';
+
+  return (
+    <Popover opened={popoverOpened} position="bottom" width="target" transitionProps={{ transition: 'pop' }}>
+      <Popover.Target>
+        <div
+          onFocusCapture={() => setPopoverOpened(true)}
+          onBlurCapture={() => setPopoverOpened(false)}
+        >
+          <PasswordInput
+            withAsterisk
+            label="Your password"
+            placeholder="Your password"
+            value={value}
+            onChange={(event) => setValue(event.currentTarget.value)}
+          />
+        </div>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Progress color={color} value={strength} size={5} mb="xs" />
+        <PasswordRequirement label="Includes at least 6 characters" meets={value.length > 5} />
+        {checks}
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Error state

    +

    Invalid name

    import { PasswordInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <PasswordInput label="Boolean error" placeholder="Boolean error" error />
+      <PasswordInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
    +

    Styles API

    PasswordInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { PasswordInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <PasswordInput ref={ref} />;
+}
    +

    Accessibility

    If PasswordInput is used without label prop, it will not be announced properly by screen reader:

    import { PasswordInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <PasswordInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { PasswordInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <PasswordInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { PasswordInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <PasswordInput label="My input" />;
+}
    +

    To set aria-label on the visibility toggle button, use visibilityToggleButtonProps prop:

    +
    import { PasswordInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <PasswordInput
+      label="Password"
+      visibilityToggleProps={{ 'aria-label': 'Toggle password visibility' }}
+    />
+  );
+}

    Previous

    NumberInput

    Next

    PinInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/pill/index.html b/core/pill/index.html new file mode 100644 index 00000000000..7c41fac33c6 --- /dev/null +++ b/core/pill/index.html @@ -0,0 +1,40 @@ +Pill | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Pill

    Removable and non-removable tags

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    React
    Size
    import { Pill } from '@mantine/core';
+
+function Demo() {
+  return <Pill>React</Pill>;
+}
    +

    Inside inputs

    +

    Pill component is designed to be used inside inputs. It can be used to create custom +multi select or tag inputs.

    +
    Item 0Item 1Item 2Item 3Item 4Item 5Item 6Item 7Item 8Item 9
    import { Pill, InputBase } from '@mantine/core';
+
+function Demo() {
+  const pills = Array(10)
+    .fill(0)
+    .map((_, index) => (
+      <Pill key={index} withRemoveButton>
+        Item {index}
+      </Pill>
+    ));
+
+  return (
+    <InputBase component="div" multiline>
+      <Pill.Group>{pills}</Pill.Group>
+    </InputBase>
+  );
+}
    +

    Styles API

    Pill supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +
    Test pill

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */

    Previous

    MultiSelect

    Next

    PillsInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/pills-input/index.html b/core/pills-input/index.html new file mode 100644 index 00000000000..a0f0ec5efc5 --- /dev/null +++ b/core/pills-input/index.html @@ -0,0 +1,157 @@ +PillsInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    PillsInput

    Base component for custom tags inputs and multi selects

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    PillsInput is a utility component that can be used to create custom tag inputs, multi selects and +other similar components. By itself it does not include any logic, it only renders given children. +Usually, PillsInput is used in combination with Pill component.

    +
    ReactVueSvelte
    import { PillsInput, Pill } from '@mantine/core';
+
+function Demo() {
+  return (
+    <PillsInput label="PillsInput">
+      <Pill.Group>
+        <Pill>React</Pill>
+        <Pill>Vue</Pill>
+        <Pill>Svelte</Pill>
+        <PillsInput.Field placeholder="Enter tags" />
+      </Pill.Group>
+    </PillsInput>
+  );
+}
    +

    Input props

    +

    PillsInput component supports Input and Input.Wrapper components features and all div element props. PillsInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    ReactVueSvelte
    Variant
    Size
    Radius
    import { PillsInput, Pill } from '@mantine/core';
+
+function Demo() {
+  return (
+    <PillsInput
+      label="PillsInput"
+      label="Input label"
+      description="Input description"
+    >
+      <Pill.Group>
+        <Pill>React</Pill>
+        <Pill>Vue</Pill>
+        <Pill>Svelte</Pill>
+        <PillsInput.Field placeholder="Enter tags" />
+      </Pill.Group>
+    </PillsInput>
+  );
+}
    +

    Searchable select example

    +

    Combine PillsInput with Combobox to create searchable multiselect:

    +
    import { useState } from 'react';
+import { PillsInput, Pill, Combobox, CheckIcon, Group, useCombobox } from '@mantine/core';
+
+const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate'];
+
+function Demo() {
+  const combobox = useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+    onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'),
+  });
+
+  const [search, setSearch] = useState('');
+  const [value, setValue] = useState<string[]>([]);
+
+  const handleValueSelect = (val: string) =>
+    setValue((current) =>
+      current.includes(val) ? current.filter((v) => v !== val) : [...current, val]
+    );
+
+  const handleValueRemove = (val: string) =>
+    setValue((current) => current.filter((v) => v !== val));
+
+  const values = value.map((item) => (
+    <Pill key={item} withRemoveButton onRemove={() => handleValueRemove(item)}>
+      {item}
+    </Pill>
+  ));
+
+  const options = groceries
+    .filter((item) => item.toLowerCase().includes(search.trim().toLowerCase()))
+    .map((item) => (
+      <Combobox.Option value={item} key={item} active={value.includes(item)}>
+        <Group gap="sm">
+          {value.includes(item) ? <CheckIcon size={12} /> : null}
+          <span>{item}</span>
+        </Group>
+      </Combobox.Option>
+    ));
+
+  return (
+    <Combobox store={combobox} onOptionSubmit={handleValueSelect}>
+      <Combobox.DropdownTarget>
+        <PillsInput onClick={() => combobox.openDropdown()}>
+          <Pill.Group>
+            {values}
+
+            <Combobox.EventsTarget>
+              <PillsInput.Field
+                onFocus={() => combobox.openDropdown()}
+                onBlur={() => combobox.closeDropdown()}
+                value={search}
+                placeholder="Search values"
+                onChange={(event) => {
+                  combobox.updateSelectedOptionIndex();
+                  setSearch(event.currentTarget.value);
+                }}
+                onKeyDown={(event) => {
+                  if (event.key === 'Backspace' && search.length === 0) {
+                    event.preventDefault();
+                    handleValueRemove(value[value.length - 1]);
+                  }
+                }}
+              />
+            </Combobox.EventsTarget>
+          </Pill.Group>
+        </PillsInput>
+      </Combobox.DropdownTarget>
+
+      <Combobox.Dropdown>
+        <Combobox.Options>
+          {options.length > 0 ? options : <Combobox.Empty>Nothing found...</Combobox.Empty>}
+        </Combobox.Options>
+      </Combobox.Dropdown>
+    </Combobox>
+  );
+}
    +

    Accessibility

    +

    If PillsInput is used without label prop, it will not be announced properly by screen reader:

    +
    import { PillsInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return (
+    <PillsInput>
+      <PillsInput.Field />
+    </PillsInput>
+  );
+}
    +

    Set aria-label on the PillsInput.Field component to make the input accessible. +In this case label will not be visible, but screen reader will announce it:

    +
    import { PillsInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return (
+    <PillsInput>
+      <PillsInput.Field aria-label="Enter tags" />
+    </PillsInput>
+  );
+}
    +

    If label prop is set, the input will be accessible it is not required to set aria-label:

    +
    import { PillsInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return (
+    <PillsInput label="Enter tags">
+      <PillsInput.Field />
+    </PillsInput>
+  );
+}

    Previous

    Pill

    Next

    Select

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/pin-input/index.html b/core/pin-input/index.html new file mode 100644 index 00000000000..10cf0866478 --- /dev/null +++ b/core/pin-input/index.html @@ -0,0 +1,45 @@ +PinInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    PinInput

    Capture pin code or one time password from the user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Size
    Length
    import { PinInput } from '@mantine/core';
+
+function Demo() {
+  return <PinInput />
+}
    +

    Regex type

    +

    You can use regular expression to validate user input. Characters that do not match given expression +will be disregarded. For example, to create a PinInput that will accept only numbers from 0 to 3, +set type={/^[0-3]+/}:

    +
    import { PinInput } from '@mantine/core';
+
+function Demo() {
+  return <PinInput type={/^[0-3]+/} inputType="tel" inputMode="numeric" />;
+}
    +

    One time code

    +

    Some operating systems expose the last received SMS code to be used by applications like your keyboard. +If the current form input asks for this code, your keyboard adapts and proposes the code as keyboard-suggestion. +Prop oneTimeCode makes your input setting autocomplete="one-time-code" which allows using that feature.

    +
    import { PinInput } from '@mantine/core';
+
+function OneTimeCodeInput() {
+  return <PinInput oneTimeCode />;
+}
    +

    Accessibility

    +

    Inputs do not have associated labels, set aria-label to make component visible to the screen reader:

    +
    import { PinInput } from '@mantine/core';
+
+function Accessibility() {
+  return <PinInput aria-label="One time code" />;
+}
    +

    Styles API

    PinInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */

    Previous

    PasswordInput

    Next

    Radio

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/popover/index.html b/core/popover/index.html new file mode 100644 index 00000000000..5a87f6f88d3 --- /dev/null +++ b/core/popover/index.html @@ -0,0 +1,313 @@ +Popover | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Popover

    Display popover section relative to given target element

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    import { Popover, Text, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width={200} position="bottom" withArrow shadow="md">
+      <Popover.Target>
+        <Button>Toggle popover</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">This is uncontrolled popover, it is opened when button is clicked</Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Controlled

    +

    You can control Popover state with opened and onChange props:

    +
    import { useState } from 'react';
+import { Popover, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  return (
+    <Popover opened={opened} onChange={setOpened}>
+      <Popover.Target>
+        <Button onClick={() => setOpened((o) => !o)}>Toggle popover</Button>
+      </Popover.Target>
+
+      <Popover.Dropdown>Dropdown</Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Controlled example with mouse events:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Popover, Text, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { close, open }] = useDisclosure(false);
+  return (
+    <Popover width={200} position="bottom" withArrow shadow="md" opened={opened}>
+      <Popover.Target>
+        <Button onMouseEnter={open} onMouseLeave={close}>
+          Hover to see popover
+        </Button>
+      </Popover.Target>
+      <Popover.Dropdown style={{ pointerEvents: 'none' }}>
+        <Text size="sm">This popover is shown when user hovers the target element</Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Focus trap

    +

    If you need to use interactive elements (inputs, buttons, etc.) inside Popover.Dropdown, set trapFocus prop:

    +
    import { Popover, Button, TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width={300} trapFocus position="bottom" withArrow shadow="md">
+      <Popover.Target>
+        <Button>Toggle popover</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <TextInput label="Name" placeholder="Name" size="xs" />
+        <TextInput label="Email" placeholder="john@doe.com" size="xs" mt="xs" />
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Inline elements

    +

    Enable inline middleware to use Popover with inline elements:

    +

    Stantler’s magnificent antlers were traded at high prices as works of art. As a result, this Pokémon was hunted close to extinction by those who were after the priceless antlers. , you may catch sight of it having an intense fight with Murkrow over shiny objects.Ho-Oh’s feathers glow in seven colors depending on the angle at which they are struck by light. These feathers are said to bring happiness to the bearers. This Pokémon is said to live at the foot of a rainbow.

    import { Popover, Mark, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text>
+      Stantler’s magnificent antlers were traded at high prices as works of art. As a result, this
+      Pokémon was hunted close to extinction by those who were after the priceless antlers.{' '}
+      <Popover middlewares={{ flip: true, shift: true, inline: true }} position="top">
+        <Popover.Target>
+          <Mark>When visiting a junkyard</Mark>
+        </Popover.Target>
+        <Popover.Dropdown>Inline dropdown</Popover.Dropdown>
+      </Popover>
+      , you may catch sight of it having an intense fight with Murkrow over shiny objects.Ho-Oh’s
+      feathers glow in seven colors depending on the angle at which they are struck by light. These
+      feathers are said to bring happiness to the bearers. This Pokémon is said to live at the foot
+      of a rainbow.
+    </Text>
+  );
+}
    +

    Same width

    +

    Set width="target" prop to make Popover dropdown take the same width as target element:

    +
    import { Popover, Text, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width="target" position="bottom" withArrow shadow="md">
+      <Popover.Target>
+        <Button w={280}>Toggle popover</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="sm">
+          This popover has same width as target, it is useful when you are building input dropdowns
+        </Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    offset

    +

    Set offset prop to a number to change dropdown position relative to the target element. +This way you can control dropdown offset on main axis only.

    +
    Offset
    import { Popover, Button, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover
+      width={200}
+      opened
+      position="bottom"
+      offset={0}
+    >
+      <Popover.Target>
+        <Button>Popover target</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">
+          Change position and offset to configure dropdown offset relative to target
+        </Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    To control offset on both axis, pass object with mainAxis and crossAxis properties:

    +
    Main axis
    Cross axis
    import { Popover, Button, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover
+      width={200}
+      position="bottom"
+      opened
+      offset={{ mainAxis: 0, crossAxis: 0 }}
+    >
+      <Popover.Target>
+        <Button>Popover target</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">
+          Change position and offset to configure dropdown offset relative to target
+        </Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Dropdown arrow

    +

    Set withArrow prop to add an arrow to the dropdown. Arrow is a div element rotated with transform: rotate(45deg).

    +

    arrowPosition prop determines how arrow is position relative to the target element when position is set to *-start and *-end values on Popover component. +By default, the value is center – the arrow is positioned in the center of the target element if it is possible.

    +

    If you change arrowPosition to side, then the arrow will be positioned on the side of the target element, +and you will be able to control arrow offset with arrowOffset prop. Note that when arrowPosition is set to center, +arrowOffset prop is ignored.

    +
    Arrow position
    Arrow offset
    Arrow size
    Arrow radius
    import { Popover } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width={200} opened position="bottom-start" withArrow>
+      <Popover.Target>
+        <Button>Target element</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">Arrow position can be changed for *-start and *-end positions</Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Disabled

    +

    Set disabled prop to prevent Popover.Dropdown from rendering:

    +
    import { Popover, Text, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width={200}>
+      <Popover.Target>
+        <Button>Toggle popover</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">Disabled popover dropdown is always hidden</Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Click outside

    +

    By default, Popover closes when you click outside of the dropdown. To disable this behavior, set closeOnClickOutside={false}.

    +

    You can configure events that are used for click outside detection with clickOutsideEvents prop. +By default, Popover listens to mousedown and touchstart events. You can change it to any other +events, for example, mouseup and touchend:

    +
    import { Popover, Text, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover width={200} position="bottom" clickOutsideEvents={['mouseup', 'touchend']}>
+      <Popover.Target>
+        <Button>Toggle popover</Button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <Text size="xs">Popover will be closed with mouseup and touchend events</Text>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Initial focus

    +

    Popover uses FocusTrap component to manage focus. +Add data-autofocus attribute to element that should receive initial focus:

    +
    import { Popover } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Popover>
+      <Popover.Target>
+        <button type="button">Target</button>
+      </Popover.Target>
+      <Popover.Dropdown>
+        <input />
+        <input data-autofocus />
+        <input />
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Popover.Target children

    Popover.Target requires an element or a component as a single child – strings, fragments, numbers and multiple elements/components are not supported and will throw error. Custom components must provide a prop to get root element ref, all Mantine components support ref out of the box.

    import { Popover, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Popover.Target>
+        <button>Native button – ok</button>
+      </Popover.Target>
+
+      {/* OK */}
+      <Popover.Target>
+        <Button>Mantine component – ok</Button>
+      </Popover.Target>
+
+      {/* String, NOT OK – will throw error */}
+      <Popover.Target>Raw string</Popover.Target>
+
+      {/* Number, NOT OK – will throw error */}
+      <Popover.Target>{2}</Popover.Target>
+
+      {/* Fragment, NOT OK – will throw error */}
+      <Popover.Target>
+        <>Fragment, NOT OK, will throw error</>
+      </Popover.Target>
+
+      {/* Multiple nodes, NOT OK – will throw error */}
+      <Popover.Target>
+        <div>More that one node</div>
+        <div>NOT OK, will throw error</div>
+      </Popover.Target>
+    </>
+  );
+}

    Required ref prop

    Custom components that are rendered inside Popover.Target are required to support ref prop:

    // Example of code that WILL NOT WORK
+import { Popover } from '@mantine/core';
+
+function MyComponent() {
+  return <div>My component</div>;
+}
+
+// This will not work – MyComponent does not support ref
+function Demo() {
+  return (
+    <Popover>
+      <Popover.Target>
+        <MyComponent />
+      </Popover.Target>
+    </Popover>
+  );
+}

    Use forwardRef function to forward ref to root element:

    // Example of code that will work
+import { forwardRef } from 'react';
+import { Popover } from '@mantine/core';
+
+const MyComponent = forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => (
+  <div ref={ref} {...props}>
+    My component
+  </div>
+));
+
+// Works correctly – ref is forwarded
+function Demo() {
+  return (
+    <Popover>
+      <Popover.Target>
+        <MyComponent />
+      </Popover.Target>
+    </Popover>
+  );
+}
    +

    Accessibility

    +

    Popover follows WAI-ARIA recommendations:

    +
      +
    • Dropdown element has role="dialog" and aria-labelledby="target-id" attributes
      • +
    • Target element has aria-haspopup="dialog", aria-expanded, aria-controls="dropdown-id" attributes
      • +
    +

    Uncontrolled Popover will be accessible only when used with button element or component that renders it (Button, ActionIcon, etc.). +Other elements will not support Space and Enter key presses.

    +

    Keyboard interactions

    +
    KeyDescriptionCondition
    EscapeCloses dropdownFocus within dropdown
    Space/EnterOpens/closes dropdownFocus on target element

    Previous

    Overlay

    Next

    Tooltip

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/portal/index.html b/core/portal/index.html new file mode 100644 index 00000000000..aca4aeb8e49 --- /dev/null +++ b/core/portal/index.html @@ -0,0 +1,68 @@ +Portal | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Portal

    Renders component outside of parent element tree

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Portal is a wrapper component for ReactDOM.createPortal API. +Render any component or element at the end of document.body or at a given element. Modal and Drawer components are wrapped in Portal by default.

    +

    Use Portal to render a component or an element at a different place (defaults to the end of document.body). +Portal is useful when you want to prevent parent styles from interfering with children, +usually all these styles are related to position and z-index properties +and portals are used for components with fixed position, for example, modals.

    +
    import { useState } from 'react';
+import { Portal } from '@mantine/core';
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+
+  return (
+    <main style={{ position: 'relative', zIndex: 1 }}>
+      {opened && (
+        <Portal>
+          <div>Your modal content</div>
+        </Portal>
+      )}
+
+      <button onClick={() => setOpened(true)} type="button">
+        Open modal
+      </button>
+    </main>
+  );
+}
    +

    In the example above, the div element is rendered outside of parent main (before closing body tag), +but still receives opened and onClose props. The element will not be affected by parent z-index.

    +

    Specify target dom node

    +

    You can specify dom node where portal will be rendered by passing target prop:

    +
    import { Portal } from '@mantine/core';
+
+const container = document.createElement('div');
+document.body.appendChild(container);
+
+function Demo() {
+  return <Portal target={container}>My portal</Portal>;
+}
    +

    Alternatively, you can specify selector to render portal in existing element:

    +
    import { Portal } from '@mantine/core';
+
+function Demo() {
+  return <Portal target="#portal-container">My portal</Portal>;
+}
    +

    If you don't specify the target element, new one will be created and appended to the document.body for each Portal component.

    +

    Server side rendering

    +

    createPortal is not supported during server side rendering. +All components inside Portal are rendered only after the application was mounted to the dom.

    +

    OptionalPortal component

    +

    OptionalPortal component lets you configure whether children should be rendered in Portal. +It accepts the same props as the Portal component:

    +
    import { OptionalPortal } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <OptionalPortal withinPortal>This text is rendered in Portal</OptionalPortal>
+      <OptionalPortal withinPortal={false}>This text is rendered as regular child</OptionalPortal>
+    </>
+  );
+}

    Previous

    Paper

    Next

    ScrollArea

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/progress/index.html b/core/progress/index.html new file mode 100644 index 00000000000..0bdd80a447a --- /dev/null +++ b/core/progress/index.html @@ -0,0 +1,84 @@ +Progress | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Progress

    Give user feedback for status of the task

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Radius
    Size
    Value
    import { Progress } from '@mantine/core';
+
+function Demo() {
+  return <Progress value={50} />;
+}
    +

    Compound components

    +
    Documents
    Photos
    Other
    import { Progress } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Progress.Root size="xl">
+      <Progress.Section value={35} color="cyan">
+        <Progress.Label>Documents</Progress.Label>
+      </Progress.Section>
+      <Progress.Section value={28} color="pink">
+        <Progress.Label>Photos</Progress.Label>
+      </Progress.Section>
+      <Progress.Section value={15} color="orange">
+        <Progress.Label>Other</Progress.Label>
+      </Progress.Section>
+    </Progress.Root>
+  );
+}
    +

    With tooltips

    +
    Documents
    Photos
    Other
    import { Progress, Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Progress.Root size={40}>
+      <Tooltip label="Documents – 33Gb">
+        <Progress.Section value={33} color="cyan">
+          <Progress.Label>Documents</Progress.Label>
+        </Progress.Section>
+      </Tooltip>
+
+      <Tooltip label="Photos – 28Gb">
+        <Progress.Section value={28} color="pink">
+          <Progress.Label>Photos</Progress.Label>
+        </Progress.Section>
+      </Tooltip>
+
+      <Tooltip label="Other – 15Gb">
+        <Progress.Section value={15} color="orange">
+          <Progress.Label>Other</Progress.Label>
+        </Progress.Section>
+      </Tooltip>
+    </Progress.Root>
+  );
+}
    +

    Styles API

    Progress supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +
    Documents

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Accessibility

    +
      +
    • Progress section has role="progressbar" attribute
      • +
    • Progress section has aria-valuenow attribute with current value
      • +
    • aria-valuemin and aria-valuemax attributes are always set to 0 and 100 as component does not support other values
      • +
    +

    Set aria-label attribute to label progress:

    +
    import { Progress } from '@mantine/core';
+
+function Demo() {
+  return <Progress aria-label="Uploading progress" value={10} />;
+}
+
+function DemoCompound() {
+  return (
+    <Progress.Root>
+      <Progress.Section aria-label="Uploading progress" value={10} />
+    </Progress.Root>
+  );
+}

    Previous

    Notification

    Next

    RingProgress

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/radio/index.html b/core/radio/index.html new file mode 100644 index 00000000000..3a047deb2fc --- /dev/null +++ b/core/radio/index.html @@ -0,0 +1,92 @@ +Radio | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Radio

    Wrapper for input type radio

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Label position
    Size
    Color
    import { Radio } from '@mantine/core';
+function Demo() {
+  return (
+    <Radio
+      label="I cannot be unchecked"
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { Radio } from '@mantine/core';
+
+function Demo() {
+  const [checked, setChecked] = useState(false);
+  return <Radio checked={checked} onChange={(event) => setChecked(event.currentTarget.checked)} />;
+}
    +

    Change icon

    +
    import { Radio, CheckIcon } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Radio icon={CheckIcon} label="Custom check icon" name="check" value="check" defaultChecked />
+  );
+}
    +

    Disabled state

    +
    import { Radio, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <Radio checked disabled label="React" value="react" />
+      <Radio disabled label="Angular" value="nu" />
+      <Radio disabled label="Svelte" value="sv" />
+    </Group>
+  );
+}
    +

    Radio.Group component

    +
    Select your favorite framework/library

    This is anonymous

    import { Radio } from '@mantine/core';
+function Demo() {
+  return (
+    <Radio.Group
+      name="favoriteFramework"
+      label="Select your favorite framework/library"
+      description="This is anonymous"
+      withAsterisk
+    >
+      <Group mt="xs">
+        <Radio value="react" label="React" />
+        <Radio value="svelte" label="Svelte" />
+        <Radio value="ng" label="Angular" />
+        <Radio value="vue" label="Vue" />
+      </Group>
+    </Radio.Group>
+  );
+}
    +

    Controlled Radio.Group

    +
    import { useState } from 'react';
+import { Radio } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('react');
+
+  return (
+    <Radio.Group
+      value={value}
+      onChange={setValue}
+      name="favoriteFramework"
+      label="Select your favorite framework/library"
+      description="This is anonymous"
+      withAsterisk
+    >
+      <Radio value="react" label="React" />
+      <Radio value="svelte" label="Svelte" />
+      <Radio value="ng" label="Angular" />
+      <Radio value="vue" label="Vue" />
+    </Radio.Group>
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { Radio } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Radio ref={ref} />;
+}

    Previous

    PinInput

    Next

    Rating

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/rating/index.html b/core/rating/index.html new file mode 100644 index 00000000000..5639f90a050 --- /dev/null +++ b/core/rating/index.html @@ -0,0 +1,109 @@ +Rating | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Rating

    Pick and display rating

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Size
    Count
    import { Rating } from '@mantine/core';
+
+function Demo() {
+  return <Rating defaultValue={2} />
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { Rating } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState(0);
+  return <Rating value={value} onChange={setValue} />;
+}
    +

    Read only

    +
    import { Rating } from '@mantine/core';
+
+function Demo() {
+  return <Rating value={3.5} fractions={2} readOnly />;
+}
    +

    Fractions

    +
    Fractions: 2
    Fractions: 3
    Fractions: 4
    import { Rating, Group, Stack } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Stack>
+      <Group>
+        <div>Fractions: 2</div>
+        <Rating fractions={2} defaultValue={1.5} />
+      </Group>
+      <Group>
+        <div>Fractions: 3</div>
+        <Rating fractions={3} defaultValue={2.33333333} />
+      </Group>
+      <Group>
+        <div>Fractions: 4</div>
+        <Rating fractions={4} defaultValue={3.75} />
+      </Group>
+    </Stack>
+  );
+}
    +

    Custom symbol

    +
    import { Rating } from '@mantine/core';
+import { IconSun, IconMoon } from '@tabler/icons-react';
+
+function Demo() {
+  return <Rating emptySymbol={<IconSun size="1rem" />} fullSymbol={<IconMoon size="1rem" />} />;
+}
    +

    Symbols for each item

    +
    import { Rating, rem } from '@mantine/core';
+import {
+  IconMoodCry,
+  IconMoodSad,
+  IconMoodSmile,
+  IconMoodHappy,
+  IconMoodCrazyHappy,
+} from '@tabler/icons-react';
+
+const getIconStyle = (color?: string) => ({
+  width: rem(24),
+  height: rem(24),
+  color: color ? `var(--mantine-color-${color}-7)` : undefined,
+});
+
+const getEmptyIcon = (value: number) => {
+  const iconStyle = getIconStyle();
+
+  switch (value) {
+    case 1:
+      return <IconMoodCry style={iconStyle} />;
+    case 2:
+      return <IconMoodSad style={iconStyle} />;
+    case 3:
+      return <IconMoodSmile style={iconStyle} />;
+    case 4:
+      return <IconMoodHappy style={iconStyle} />;
+    case 5:
+      return <IconMoodCrazyHappy style={iconStyle} />;
+    default:
+      return null;
+  }
+};
+
+const getFullIcon = (value: number) => {
+  switch (value) {
+    case 1:
+      return <IconMoodCry style={getIconStyle('red')} />;
+    case 2:
+      return <IconMoodSad style={getIconStyle('orange')} />;
+    case 3:
+      return <IconMoodSmile style={getIconStyle('yellow')} />;
+    case 4:
+      return <IconMoodHappy style={getIconStyle('lime')} />;
+    case 5:
+      return <IconMoodCrazyHappy style={getIconStyle('green')} />;
+    default:
+      return null;
+  }
+};
+
+function Demo() {
+  return <Rating emptySymbol={getEmptyIcon} fullSymbol={getFullIcon} highlightSelectedOnly />;
+}

    Previous

    Radio

    Next

    SegmentedControl

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/ring-progress/index.html b/core/ring-progress/index.html new file mode 100644 index 00000000000..0c8586a03b8 --- /dev/null +++ b/core/ring-progress/index.html @@ -0,0 +1,130 @@ +RingProgress | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    RingProgress

    Give user feedback for status of the task with circle diagram

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Set sections prop to an array of:

    +
      +
    • value – number between 0 and 100 – amount of space filled by segment
      • +
    • color – segment color from theme or any other css color value
      • +
    +

    Application data usage

    import { RingProgress, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <RingProgress
+      label={
+        <Text size="xs" ta="center">
+          Application data usage
+        </Text>
+      }
+      sections={[
+        { value: 40, color: 'cyan' },
+        { value: 15, color: 'orange' },
+        { value: 15, color: 'grape' },
+      ]}
+    />
+  );
+}
    +

    Size, thickness & rounded caps

    +

    Use size, thickness & roundCaps props to configure RingProgress, size and thickness values:

    +
    Size
    Thickness
    import { RingProgress } from '@mantine/core';
+function Demo() {
+  return (
+    <RingProgress
+      size={120}
+      thickness={12}
+      roundCaps
+      sections={[
+        { value: 40, color: 'cyan' },
+        { value: 15, color: 'orange' },
+        { value: 15, color: 'grape' },
+      ]}
+    />
+  )
+}
    +

    Sections tooltips

    +

    Add tooltip property to section to display floating Tooltip when user hovers over it:

    +

    Hover sections to see tooltips

    import { RingProgress, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <RingProgress
+      size={170}
+      thickness={16}
+      label={
+        <Text size="xs" ta="center" px="xs" style={{ pointerEvents: 'none' }}>
+          Hover sections to see tooltips
+        </Text>
+      }
+      sections={[
+        { value: 40, color: 'cyan', tooltip: 'Documents – 40 Gb' },
+        { value: 25, color: 'orange', tooltip: 'Apps – 25 Gb' },
+        { value: 15, color: 'grape', tooltip: 'Other – 15 Gb' },
+      ]}
+    />
+  );
+}
    +

    Root color

    +

    Use rootColor property to change the root color:

    +
    import { RingProgress } from '@mantine/core';
+
+function Demo() {
+  return <RingProgress sections={[{ value: 40, color: 'yellow' }]} rootColor="red" />;
+}
    +

    Sections props

    +

    You can add any additional props to sections:

    +

    Hovered section: none

    import { useState } from 'react';
+import { RingProgress, Text } from '@mantine/core';
+
+function Demo() {
+  const [hovered, setHovered] = useState(-1);
+  const reset = () => setHovered(-1);
+  return (
+    <>
+      <RingProgress
+        onMouseLeave={() => setHovered(-1)}
+        size={140}
+        sections={[
+          { value: 40, color: 'cyan', onMouseEnter: () => setHovered(0), onMouseLeave: reset },
+          { value: 20, color: 'blue', onMouseEnter: () => setHovered(1), onMouseLeave: reset },
+          { value: 15, color: 'indigo', onMouseEnter: () => setHovered(2), onMouseLeave: reset },
+        ]}
+      />
+      <Text>Hovered section: {hovered === -1 ? 'none' : hovered}</Text>
+    </>
+  );
+}
    +

    Customize label

    +

    You can add any React node as label, e.g. Text component with some additional styles +or ThemeIcon:

    +

    40%

    import { ActionIcon, RingProgress, Text, Center } from '@mantine/core';
+import { IconCheck } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <RingProgress
+        sections={[{ value: 40, color: 'blue' }]}
+        label={
+          <Text c="blue" fw={700} ta="center" size="xl">
+            40%
+          </Text>
+        }
+      />
+
+      <RingProgress
+        sections={[{ value: 100, color: 'teal' }]}
+        label={
+          <Center>
+            <ActionIcon color="teal" variant="light" radius="xl" size="xl">
+              <IconCheck style={{ width: rem(22), height: rem(22) }} />
+            </ActionIcon>
+          </Center>
+        }
+      />
+    </>
+  );
+}

    Previous

    Progress

    Next

    Skeleton

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/scroll-area/index.html b/core/scroll-area/index.html new file mode 100644 index 00000000000..469da3a3c00 --- /dev/null +++ b/core/scroll-area/index.html @@ -0,0 +1,346 @@ +ScrollArea | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    ScrollArea

    Area with custom scrollbars

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    ScrollArea component supports the following props:

    +
      +
    • type defines scrollbars behavior: +
        +
      • hover – scrollbars are visible on hover
        • +
      • scroll – scrollbars are visible on scroll
        • +
      • auto – similar to overflow: auto – scrollbars are always visible when the content is overflowing
        • +
      • always – same as auto, but scrollbars are always visible regardless of whether the content is overflowing
        • +
      • never – scrollbars are always hidden
        • +
      +
      • +
    • offsetScrollbars – offset scrollbars with padding
      • +
    • scrollbarSize – scrollbar size, controls scrollbar and thumb width/height
      • +
    • scrollHideDelay – delay in ms to hide scrollbars, applicable only when type is hover or scroll
      • +
    +

    Charizard (Pokémon)

    Charizard description from Bulbapedia

    Charizard is a draconic, bipedal Pokémon. It is primarily orange with a cream underside from the chest to the tip of its tail. It has a long neck, small blue eyes, slightly raised nostrils, and two horn-like structures protruding from the back of its rectangular head. There are two fangs visible in the upper jaw when its mouth is closed. Two large wings with blue-green undersides sprout from its back, and a horn-like appendage juts out from the top of the third joint of each wing. A single wing-finger is visible through the center of each wing membrane. Charizard's arms are short and skinny compared to its robust belly, and each limb has three white claws. It has stocky legs with cream-colored soles on each of its plantigrade feet. The tip of its long, tapering tail burns with a sizable flame.

    As Mega Charizard X, its body and legs are more physically fit, though its arms remain thin. Its skin turns black with a sky-blue underside and soles. Two spikes with blue tips curve upward from the front and back of each shoulder, while the tips of its horns sharpen, turn blue, and curve slightly upward. Its brow and claws are larger, and its eyes are now red. It has two small, fin-like spikes under each horn and two more down its lower neck. The finger disappears from the wing membrane, and the lower edges are divided into large, rounded points. The third joint of each wing-arm is adorned with a claw-like spike. Mega Charizard X breathes blue flames out the sides of its mouth, and the flame on its tail now burns blue. It is said that its new power turns it black and creates more intense flames.

    Scrollbar size
    Scroll hide delay
    import { ScrollArea } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ScrollArea h={250}>
+      {/* ... content */}
+    </ScrollArea>
+  );
+}
    +

    Horizontal scrollbars

    +

    Charizard (Pokémon)

    Charizard description from Bulbapedia

    Charizard is a draconic, bipedal Pokémon. It is primarily orange with a cream underside from the chest to the tip of its tail. It has a long neck, small blue eyes, slightly raised nostrils, and two horn-like structures protruding from the back of its rectangular head. There are two fangs visible in the upper jaw when its mouth is closed. Two large wings with blue-green undersides sprout from its back, and a horn-like appendage juts out from the top of the third joint of each wing. A single wing-finger is visible through the center of each wing membrane. Charizard's arms are short and skinny compared to its robust belly, and each limb has three white claws. It has stocky legs with cream-colored soles on each of its plantigrade feet. The tip of its long, tapering tail burns with a sizable flame.

    As Mega Charizard X, its body and legs are more physically fit, though its arms remain thin. Its skin turns black with a sky-blue underside and soles. Two spikes with blue tips curve upward from the front and back of each shoulder, while the tips of its horns sharpen, turn blue, and curve slightly upward. Its brow and claws are larger, and its eyes are now red. It has two small, fin-like spikes under each horn and two more down its lower neck. The finger disappears from the wing membrane, and the lower edges are divided into large, rounded points. The third joint of each wing-arm is adorned with a claw-like spike. Mega Charizard X breathes blue flames out the sides of its mouth, and the flame on its tail now burns blue. It is said that its new power turns it black and creates more intense flames.

    import { ScrollArea, Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <ScrollArea w={300} h={200}>
+      <Box w={600}>
+        {/* ... content */}
+      </Box>
+    </ScrollArea>
+  );
+}
    +

    Subscribe to scroll position changes

    +

    Set onScrollPositionChange function to subscribe to scroll position changes, +it will be called each time user scrolls with x and y coordinates:

    +

    Charizard (Pokémon)

    Charizard description from Bulbapedia

    Charizard is a draconic, bipedal Pokémon. It is primarily orange with a cream underside from the chest to the tip of its tail. It has a long neck, small blue eyes, slightly raised nostrils, and two horn-like structures protruding from the back of its rectangular head. There are two fangs visible in the upper jaw when its mouth is closed. Two large wings with blue-green undersides sprout from its back, and a horn-like appendage juts out from the top of the third joint of each wing. A single wing-finger is visible through the center of each wing membrane. Charizard's arms are short and skinny compared to its robust belly, and each limb has three white claws. It has stocky legs with cream-colored soles on each of its plantigrade feet. The tip of its long, tapering tail burns with a sizable flame.

    As Mega Charizard X, its body and legs are more physically fit, though its arms remain thin. Its skin turns black with a sky-blue underside and soles. Two spikes with blue tips curve upward from the front and back of each shoulder, while the tips of its horns sharpen, turn blue, and curve slightly upward. Its brow and claws are larger, and its eyes are now red. It has two small, fin-like spikes under each horn and two more down its lower neck. The finger disappears from the wing membrane, and the lower edges are divided into large, rounded points. The third joint of each wing-arm is adorned with a claw-like spike. Mega Charizard X breathes blue flames out the sides of its mouth, and the flame on its tail now burns blue. It is said that its new power turns it black and creates more intense flames.

    Scroll position: { x: 0, y: 0 }

    import { useState } from 'react';
+import { Text, ScrollArea, Code, Box } from '@mantine/core';
+
+function Demo() {
+  const [scrollPosition, onScrollPositionChange] = useState({ x: 0, y: 0 });
+
+  return (
+    <>
+      <ScrollArea
+        w={300}
+        h={200}
+        onScrollPositionChange={onScrollPositionChange}
+      >
+        <Box w={600}>
+          {/* ... content */}
+        </Box>
+      </ScrollArea>
+
+      <Text>
+        Scroll position: <Code>{`{ x: ${scrollPosition.x}, y: ${scrollPosition.y} }`}</Code>
+      </Text>
+    </>
+  );
+}
    +

    Scroll to position

    +

    To programmatically scroll to any position, +get viewport element ref with viewportRef prop and call scrollTo method:

    +

    Charizard (Pokémon)

    Charizard description from Bulbapedia

    Charizard is a draconic, bipedal Pokémon. It is primarily orange with a cream underside from the chest to the tip of its tail. It has a long neck, small blue eyes, slightly raised nostrils, and two horn-like structures protruding from the back of its rectangular head. There are two fangs visible in the upper jaw when its mouth is closed. Two large wings with blue-green undersides sprout from its back, and a horn-like appendage juts out from the top of the third joint of each wing. A single wing-finger is visible through the center of each wing membrane. Charizard's arms are short and skinny compared to its robust belly, and each limb has three white claws. It has stocky legs with cream-colored soles on each of its plantigrade feet. The tip of its long, tapering tail burns with a sizable flame.

    As Mega Charizard X, its body and legs are more physically fit, though its arms remain thin. Its skin turns black with a sky-blue underside and soles. Two spikes with blue tips curve upward from the front and back of each shoulder, while the tips of its horns sharpen, turn blue, and curve slightly upward. Its brow and claws are larger, and its eyes are now red. It has two small, fin-like spikes under each horn and two more down its lower neck. The finger disappears from the wing membrane, and the lower edges are divided into large, rounded points. The third joint of each wing-arm is adorned with a claw-like spike. Mega Charizard X breathes blue flames out the sides of its mouth, and the flame on its tail now burns blue. It is said that its new power turns it black and creates more intense flames.

    import { useRef } from 'react';
+import { ScrollArea, Button, Stack, Group } from '@mantine/core';
+
+function Demo() {
+  const viewport = useRef<HTMLDivElement>(null);
+
+  const scrollToBottom = () =>
+    viewport.current!.scrollTo({ top: viewport.current!.scrollHeight, behavior: 'smooth' });
+
+  const scrollToCenter = () =>
+    viewport.current!.scrollTo({ top: viewport.current!.scrollHeight / 2, behavior: 'smooth' });
+
+  const scrollToTop = () => viewport.current!.scrollTo({ top: 0, behavior: 'smooth' });
+
+  return (
+    <Stack align="center">
+      <ScrollArea w={300} h={200} viewportRef={viewport}>
+        {/* ... content */}
+      </ScrollArea>
+
+      <Group justify="center">
+        <Button onClick={scrollToBottom} variant="outline">
+          Scroll to bottom
+        </Button>
+        <Button onClick={scrollToCenter} variant="outline">
+          Scroll to center
+        </Button>
+        <Button onClick={scrollToTop} variant="outline">
+          Scroll to top
+        </Button>
+      </Group>
+    </Stack>
+  );
+}
    +

    Styles API

    +

    Charizard (Pokémon)

    Charizard description from Bulbapedia

    Charizard is a draconic, bipedal Pokémon. It is primarily orange with a cream underside from the chest to the tip of its tail. It has a long neck, small blue eyes, slightly raised nostrils, and two horn-like structures protruding from the back of its rectangular head. There are two fangs visible in the upper jaw when its mouth is closed. Two large wings with blue-green undersides sprout from its back, and a horn-like appendage juts out from the top of the third joint of each wing. A single wing-finger is visible through the center of each wing membrane. Charizard's arms are short and skinny compared to its robust belly, and each limb has three white claws. It has stocky legs with cream-colored soles on each of its plantigrade feet. The tip of its long, tapering tail burns with a sizable flame.

    As Mega Charizard X, its body and legs are more physically fit, though its arms remain thin. Its skin turns black with a sky-blue underside and soles. Two spikes with blue tips curve upward from the front and back of each shoulder, while the tips of its horns sharpen, turn blue, and curve slightly upward. Its brow and claws are larger, and its eyes are now red. It has two small, fin-like spikes under each horn and two more down its lower neck. The finger disappears from the wing membrane, and the lower edges are divided into large, rounded points. The third joint of each wing-arm is adorned with a claw-like spike. Mega Charizard X breathes blue flames out the sides of its mouth, and the flame on its tail now burns blue. It is said that its new power turns it black and creates more intense flames.

    import { ScrollArea, Box } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <ScrollArea w={300} h={200} type="always" offsetScrollbars classNames={classes}>
+      <Box w={600}>
+        {/* ... content */}
+      </Box>
+    </ScrollArea>
+  );
+}
    +

    Scroll element into view

    +
    import { useState, useRef } from 'react';
+import { ScrollArea, UnstyledButton, TextInput } from '@mantine/core';
+
+const groceries = [
+  'Apples',
+  'Bananas',
+  'Oranges',
+  'Milk',
+  'Bread',
+  'Eggs',
+  'Chicken',
+  'Beef',
+  'Pasta',
+  'Rice',
+  'Potatoes',
+  'Onions',
+  'Tomatoes',
+  'Cucumbers',
+  'Carrots',
+  'Lettuce',
+  'Spinach',
+  'Broccoli',
+  'Cheese',
+  'Yogurt',
+  'Butter',
+  'Sugar',
+  'Salt',
+  'Pepper',
+  'Coffee',
+  'Tea',
+  'Juice',
+  'Water',
+  'Cookies',
+  'Chocolate',
+];
+
+function Demo() {
+  const viewportRef = useRef<HTMLDivElement>(null);
+  const [query, setQuery] = useState('');
+  const [hovered, setHovered] = useState(-1);
+  const filtered = groceries.filter((item) => item.toLowerCase().includes(query.toLowerCase()));
+  const items = filtered.map((item, index) => (
+    <UnstyledButton
+      data-list-item
+      key={item}
+      display="block"
+      bg={index === hovered ? 'var(--mantine-color-blue-light)' : undefined}
+      w="100%"
+      p={5}
+    >
+      {item}
+    </UnstyledButton>
+  ));
+
+  return (
+    <>
+      <TextInput
+        value={query}
+        onChange={(event) => {
+          setQuery(event.currentTarget.value);
+          setHovered(-1);
+        }}
+        onKeyDown={(event) => {
+          if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setHovered((current) => {
+              const nextIndex = current + 1 >= filtered.length ? current : current + 1;
+              viewportRef.current
+                ?.querySelectorAll('[data-list-item]')
+                ?.[nextIndex]?.scrollIntoView({ block: 'nearest' });
+              return nextIndex;
+            });
+          }
+
+          if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setHovered((current) => {
+              const nextIndex = current - 1 < 0 ? current : current - 1;
+              viewportRef.current
+                ?.querySelectorAll('[data-list-item]')
+                ?.[nextIndex]?.scrollIntoView({ block: 'nearest' });
+              return nextIndex;
+            });
+          }
+        }}
+        placeholder="Search groceries"
+      />
+      <ScrollArea h={150} type="always" mt="md" viewportRef={viewportRef}>
+        {items}
+      </ScrollArea>
+    </>
+  );
+}
    +

    ScrollArea.Autosize

    +

    ScrollArea.Autosize component allows to create scrollable containers when given max-height is reached:

    +

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta perspiciatis reiciendis voluptate eaque itaque quos. Natus iure tenetur libero, reprehenderit ad, sequi, in aliquam eos necessitatibus expedita delectus veniam culpa!

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta perspiciatis reiciendis voluptate eaque itaque quos. Natus iure tenetur libero, reprehenderit ad, sequi, in aliquam eos necessitatibus expedita delectus veniam culpa!

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta perspiciatis reiciendis voluptate eaque itaque quos. Natus iure tenetur libero, reprehenderit ad, sequi, in aliquam eos necessitatibus expedita delectus veniam culpa!

    import { useCounter } from '@mantine/hooks';
+import { ScrollArea, Button, Group } from '@mantine/core';
+
+const lorem =
+  'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta perspiciatis reiciendis voluptate eaque itaque quos. Natus iure tenetur libero, reprehenderit ad, sequi, in aliquam eos necessitatibus expedita delectus veniam culpa!';
+
+function Demo() {
+  const [count, handlers] = useCounter(3, { min: 0, max: 10 });
+  const content = Array(count)
+    .fill(0)
+    .map((_, index) => <p key={index}>{lorem}</p>);
+
+  return (
+    <>
+      <ScrollArea.Autosize mah={300} maw={400} mx="auto">
+        {content}
+      </ScrollArea.Autosize>
+
+      <Group justify="center" mt="md">
+        <Button variant="outline" color="red" onClick={handlers.decrement}>
+          Remove paragraph
+        </Button>
+        <Button variant="outline" onClick={handlers.increment}>
+          Add paragraph
+        </Button>
+      </Group>
+    </>
+  );
+}
    +

    ScrollArea.Autosize with Popover

    +
    import { useState, useRef } from 'react';
+import { ScrollArea, Popover, TextInput, UnstyledButton, Text } from '@mantine/core';
+
+const groceries = [
+  'Apples',
+  'Bananas',
+  'Oranges',
+  'Milk',
+  'Bread',
+  'Eggs',
+  'Chicken',
+  'Beef',
+  'Pasta',
+  'Rice',
+  'Potatoes',
+  'Onions',
+  'Tomatoes',
+  'Cucumbers',
+  'Carrots',
+  'Lettuce',
+  'Spinach',
+  'Broccoli',
+  'Cheese',
+  'Yogurt',
+  'Butter',
+  'Sugar',
+  'Salt',
+  'Pepper',
+  'Coffee',
+  'Tea',
+  'Juice',
+  'Water',
+  'Cookies',
+  'Chocolate',
+];
+
+function Demo() {
+  const viewportRef = useRef<HTMLDivElement>(null);
+  const [query, setQuery] = useState('');
+  const [opened, setOpened] = useState(false);
+  const [hovered, setHovered] = useState(-1);
+  const filtered = groceries.filter((item) => item.toLowerCase().includes(query.toLowerCase()));
+  const items = filtered.map((item, index) => (
+    <UnstyledButton
+      data-list-item
+      key={item}
+      display="block"
+      bg={index === hovered ? 'var(--mantine-color-blue-light)' : undefined}
+      w="100%"
+      p={5}
+    >
+      {item}
+    </UnstyledButton>
+  ));
+
+  return (
+    <Popover width="target" opened={opened}>
+      <Popover.Target>
+        <TextInput
+          value={query}
+          onFocus={() => setOpened(true)}
+          onBlur={() => setOpened(false)}
+          onChange={(event) => {
+            setQuery(event.currentTarget.value);
+            setHovered(-1);
+          }}
+          onKeyDown={(event) => {
+            if (event.key === 'ArrowDown') {
+              event.preventDefault();
+              setHovered((current) => {
+                const nextIndex = current + 1 >= filtered.length ? current : current + 1;
+                viewportRef.current
+                  ?.querySelectorAll('[data-list-item]')
+                  ?.[nextIndex]?.scrollIntoView({ block: 'nearest' });
+                return nextIndex;
+              });
+            }
+
+            if (event.key === 'ArrowUp') {
+              event.preventDefault();
+              setHovered((current) => {
+                const nextIndex = current - 1 < 0 ? current : current - 1;
+                viewportRef.current
+                  ?.querySelectorAll('[data-list-item]')
+                  ?.[nextIndex]?.scrollIntoView({ block: 'nearest' });
+                return nextIndex;
+              });
+            }
+          }}
+          placeholder="Search groceries"
+        />
+      </Popover.Target>
+      <Popover.Dropdown p="xs">
+        <ScrollArea.Autosize viewportRef={viewportRef} mah={200} type="always">
+          {items.length > 0 ? items : <Text c="dimmed">Nothing found</Text>}
+        </ScrollArea.Autosize>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}

    Previous

    Portal

    Next

    Transition

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/segmented-control/index.html b/core/segmented-control/index.html new file mode 100644 index 00000000000..46cda08c9db --- /dev/null +++ b/core/segmented-control/index.html @@ -0,0 +1,216 @@ +SegmentedControl | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    SegmentedControl

    A linear set of two or more segments

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Orientation
    Size
    Radius
    import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  return <SegmentedControl data={['React', 'Angular', 'Vue']} />;
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('react');
+
+  return (
+    <SegmentedControl
+      value={value}
+      onChange={setValue}
+      data={[
+        { label: 'React', value: 'react' },
+        { label: 'Angular', value: 'ng' },
+        { label: 'Vue', value: 'vue' },
+        { label: 'Svelte', value: 'svelte' },
+      ]}
+    />
+  );
+}
    +

    Data prop

    +

    SegmentedControl support two different data formats:

    +
      +
    1. An array of strings – used when value and label are the same
      2. +
    2. An array of objects – used when value and label are different
      3. +
    +
    import { SegmentedControl } from '@mantine/core';
+
+function ArrayOfStrings() {
+  return <SegmentedControl data={['React', 'Angular', 'Svelte', 'Vue']} />;
+}
+
+function ArrayOfObjects() {
+  return (
+    <SegmentedControl
+      data={[
+        { value: 'React', label: 'React' },
+        { value: 'Angular', label: 'Angular' },
+        { value: 'Svelte', label: 'Svelte' },
+        { value: 'Vue', label: 'Vue' },
+      ]}
+    />
+  );
+}
    +

    Disabled

    +

    To disable SegmentedControl item, use array of objects data format and set disabled: true +on the item that you want to disable. To disable the entire component, use disabled prop.

    +

    Disabled control

    Disabled option

    import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      {/* Disabled control */}
+      <SegmentedControl disabled={true} />
+
+      {/* Disabled option */}
+      <SegmentedControl
+        data={[
+          { value: 'preview', label: 'Preview', disabled: true },
+          { value: 'code', label: 'Code' },
+          { value: 'export', label: 'Export' },
+        ]}
+      />
+    </>
+  );
+}
    +

    React node as label

    +

    You can use any React node as label:

    +
    import { Center, SegmentedControl, Box, rem } from '@mantine/core';
+import { IconEye, IconCode, IconExternalLink } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <SegmentedControl
+      data={[
+        {
+          value: 'preview',
+          label: (
+            <Center>
+              <IconEye style={{ width: rem(16), height: rem(16) }} />
+              <Box ml={10}>Preview</Box>
+            </Center>
+          ),
+        },
+        {
+          value: 'code',
+          label: (
+            <Center>
+              <IconCode style={{ width: rem(16), height: rem(16) }} />
+              <Box ml={10}>Code</Box>
+            </Center>
+          ),
+        },
+        {
+          value: 'export',
+          label: (
+            <Center>
+              <IconExternalLink style={{ width: rem(16), height: rem(16) }} />
+              <Box ml={10}>Export</Box>
+            </Center>
+          ),
+        },
+      ]}
+    />
+  );
+}
    +

    Color

    +

    By default, SegmentedControl uses theme.white with shadow in light color scheme and var(--mantine-color-dark-6) background color for indicator. +Set color prop to change indicator background-color:

    +
    Color
    import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  return <SegmentedControl color="blue" data={['React', 'Angular', 'Vue', 'Svelte']} />;
+}
    +

    Transitions

    +

    Change transition properties with:

    +
      +
    • transitionDuration – all transitions duration in ms, 200 by default
      • +
    • transitionTimingFunction – all transitions timing function, ease by default
      • +
    +

    No transitions

    500ms linear transition

    import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text size="sm" fw={500} mt={3}>
+        No transitions
+      </Text>
+      <SegmentedControl data={['React', 'Angular', 'Vue', 'Svelte']} transitionDuration={0} />
+
+      <Text size="sm" fw={500} mt="md">
+        500ms linear transition
+      </Text>
+      <SegmentedControl
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+        transitionDuration={500}
+        transitionTimingFunction="linear"
+      />
+    </>
+  );
+}
    +

    readOnly

    +

    Set readOnly prop to prevent value from being changed:

    +
    import { SegmentedControl } from '@mantine/core';
+
+function Demo() {
+  return <SegmentedControl readOnly defaultValue="Angular" data={['React', 'Angular', 'Vue']} />;
+}
    +

    Styles API

    SegmentedControl supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Accessibility and usability

    +

    SegmentedControl uses radio inputs under the hood, it is accessible by default with no extra steps required if you have text in labels. +Component support the same keyboard events as a regular radio group.

    +

    In case you do not have text in labels (for example, when you want to use SegmentedControl with icons only), +use VisuallyHidden to make component accessible:

    +
    import { SegmentedControl, VisuallyHidden, rem } from '@mantine/core';
+import { IconEye, IconCode, IconExternalLink } from '@tabler/icons-react';
+
+function Demo() {
+  const iconProps = {
+    style: { width: rem(20), height: rem(20), display: 'block' },
+    stroke: 1.5,
+  };
+
+  return (
+    <SegmentedControl
+      data={[
+        {
+          value: 'preview',
+          label: (
+            <>
+              <IconEye {...iconProps} />
+              <VisuallyHidden>Preview</VisuallyHidden>
+            </>
+          ),
+        },
+        {
+          value: 'code',
+          label: (
+            <>
+              <IconCode {...iconProps} />
+              <VisuallyHidden>Code</VisuallyHidden>
+            </>
+          ),
+        },
+        {
+          value: 'export',
+          label: (
+            <>
+              <IconExternalLink {...iconProps} />
+              <VisuallyHidden>Export</VisuallyHidden>
+            </>
+          ),
+        },
+      ]}
+    />
+  );
+}

    Previous

    Rating

    Next

    Slider

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/select/index.html b/core/select/index.html new file mode 100644 index 00000000000..c92aa7fa8a5 --- /dev/null +++ b/core/select/index.html @@ -0,0 +1,399 @@ +Select | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Select

    Custom searchable select

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Made with Combobox

    Select is an opinionated component built on top of Combobox component. It has a limited set of features to cover only the basic use cases. If you need more advanced features, you can build your own component with Combobox. You can find examples of custom select components on the examples page.

    +

    Usage

    +

    Select allows capturing user input based on suggestions from the list. +Unlike Autocomplete, Select does not allow entering custom values.

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
    +

    Controlled

    +

    Select value must be a string, other types are not supported. +onChange function is called with a string value as a single argument.

    +
    import { useState } from 'react';
+import { Select } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <Select data={[]} value={value} onChange={setValue} />;
+}
    +

    Clearable

    +

    Set clearable prop to display the clear button in the right section. The button is not displayed +when:

    +
      +
    • The component does not have a value
      • +
    • The component is disabled
      • +
    • The component is read only
      • +
    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      defaultValue="React"
+      clearable
+    />
+  );
+}
    +

    Allow deselect

    +

    allowDeselect prop determines whether the value should be deselected when user clicks on the selected option. +By default, allowDeselect is true:

    +

    This is default behavior, click 'React' in the dropdown

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Select
+        label="Option can NOT be deselected"
+        placeholder="Pick value"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+        defaultValue="React"
+        allowDeselect={false}
+      />
+
+      <Select
+        label="Option can be deselected"
+        description="This is default behavior, click 'React' in the dropdown"
+        placeholder="Pick value"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+        defaultValue="React"
+        allowDeselect
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Searchable

    +

    Set searchable prop to allow filtering options by user input:

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      searchable
+    />
+  );
+}
    +

    Nothing found

    +

    Set nothingFoundMessage prop to display given message when no options match search query. +If nothingFoundMessage is not set, Select dropdown will be hidden when no options match search query. +The message is not displayed when trimmed search query is empty.

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      searchable
+      nothingFoundMessage="Nothing found..."
+    />
+  );
+}
    +

    Checked option icon

    +

    Set checkIconPosition prop to left or right to control position of check icon in active option. +To remove the check icon, set withCheckIcon={false}.

    +
    Check icon position
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      checkIconPosition="left"
+      data={['React', 'Angular', 'Svelte', 'Vue']}
+      dropdownOpened
+      pb={150}
+      label="Control check icon"
+      placeholder="Pick value"
+      defaultValue="React"
+    />
+  );
+}
    +

    Data formats

    Select data prop accepts data in one of the following formats:

    Array of strings:

    import { Select } from '@mantine/core';
+function Demo() {
+  return <Select data={['React', 'Angular']} />;
+}

    Array of object with value, label and optional disabled keys:

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+      ]}
+    />
+  );
+}

    Array of groups with string options:

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}

    Array of groups with object options:

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      data={[
+        { group: 'Frontend', items: [{ value: 'react', label: 'React' }, { value: 'ng', label: 'Angular' }] },
+        { group: 'Backend', items: [{ value: 'express', label: 'Express' }, { value: 'django', label: 'Django' }] },
+      ]}
+    />
+  );
+}
    +

    Options filtering

    By default, Select filters options by checking if the option label contains input value. You can change this behavior with filter prop.filter function receives an object with the following properties as a single argument:
    • options – array of options or options groups, all options are in { value: string; label: string; disabled?: boolean } format
    • search – current search query
    • limit – value of limit prop passed to Select

    Example of a custom filter function that matches options by words instead of letters sequence:

    +
    import { Select, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const splittedSearch = search.toLowerCase().trim().split(' ');
+  return (options as ComboboxItem[]).filter((option) => {
+    const words = option.label.toLowerCase().trim().split(' ');
+    return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
+  });
+};
+
+function Demo() {
+  return (
+    <Select
+      label="Your country"
+      placeholder="Pick value"
+      data={['Great Britain', 'Russian Federation', 'United States']}
+      filter={optionsFilter}
+      searchable
+    />
+  );
+}
    +

    Sort options

    +

    By default, options are sorted by their position in the data array. You can change this behavior +with filter function:

    +
    import { Select, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const filtered = (options as ComboboxItem[]).filter((option) =>
+    option.label.toLowerCase().trim().includes(search.toLowerCase().trim())
+  );
+
+  filtered.sort((a, b) => a.label.localeCompare(b.label));
+  return filtered;
+};
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['4 – React', '1 – Angular', '3 – Vue', '2 – Svelte']}
+      filter={optionsFilter}
+      nothingFoundMessage="Nothing found..."
+      searchable
+    />
+  );
+}
    +

    Large data sets

    The best strategy for large data sets is to limit the number of options that are rendered at the same time. You can do it with limit prop. Note that if you use a custom filter function, you need to implement your own logic to limit the number of options in filter

    Example of Select with 100 000 options, 5 options are rendered at the same time:

    +
    import { Select } from '@mantine/core';
+
+const largeData = Array(100_000)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <Select
+      label="100 000 options autocomplete"
+      placeholder="Use limit to optimize performance"
+      limit={5}
+      data={largeData}
+      searchable
+    />
+  );
+}
    +

    Scrollable dropdown

    +

    By default, the options list is wrapped with ScrollArea.Autosize. +You can control dropdown max-height with maxDropdownHeight prop if you do not change the default settings.

    +

    If you want to use native scrollbars, set withScrollArea={false}. Note that in this case, +you will need to change dropdown styles with Styles API.

    +
    import { Select } from '@mantine/core';
+
+const data = Array(100)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <>
+      <Select
+        label="With scroll area (default)"
+        placeholder="Pick value"
+        data={data}
+        maxDropdownHeight={200}
+      />
+
+      <Select
+        label="With native scroll"
+        placeholder="Pick value"
+        data={data}
+        withScrollArea={false}
+        styles={{ dropdown: { maxHeight: 200, overflowY: 'auto' } }}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Group options

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}
    +

    Disabled options

    +

    When option is disabled, it cannot be selected and is ignored in keyboard navigation.

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+        { value: 'vue', label: 'Vue', disabled: true },
+        { value: 'svelte', label: 'Svelte', disabled: true },
+      ]}
+    />
+  );
+}
    +

    Combobox props

    You can override Combobox props with comboboxProps. It is useful when you need to change some of the props that are not exposed by Select, for example withinPortal:

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return <Select comboboxProps={{ withinPortal: false }} data={[]} />;
+}
    +

    Input props

    +

    Select component supports Input and Input.Wrapper components features and all input element props. Select documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Input label"
+      description="Input description"
+      placeholder="Select placeholder"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
    +

    Read only

    +

    Set readOnly to make the input read only. When readOnly is set, +Select will not show suggestions and will not call onChange function.

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      readOnly
+    />
+  );
+}
    +

    Disabled

    +

    Set disabled to disable the input. When disabled is set, +user cannot interact with the input and Select will not show suggestions.

    +
    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Select
+      label="Your favorite library"
+      placeholder="Pick value"
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+      disabled
+    />
+  );
+}
    +

    Error state

    +

    Invalid name

    import { Select } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Select
+        label="Boolean error"
+        placeholder="Boolean error"
+        error
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+      <Select
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+        data={['React', 'Angular', 'Vue', 'Svelte']}
+      />
+    </>
+  );
+}
    +

    Styles API

    Select supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { Select } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Select ref={ref} />;
+}
    +

    Accessibility

    If Select is used without label prop, it will not be announced properly by screen reader:

    import { Select } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <Select />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { Select } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <Select aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { Select } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <Select label="My input" />;
+}

    Previous

    PillsInput

    Next

    TagsInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/simple-grid/index.html b/core/simple-grid/index.html new file mode 100644 index 00000000000..d42c173c1cf --- /dev/null +++ b/core/simple-grid/index.html @@ -0,0 +1,52 @@ +SimpleGrid | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    SimpleGrid

    Responsive grid in which each item takes equal amount of space

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    SimpleGrid is a responsive grid system with equal width columns. +It use CSS grid layout. If you need to set different widths for columns, use +Grid component instead.

    +

    1

    2

    3

    4

    5

    Cols
    Spacing
    Vertical spacing
    import { SimpleGrid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <SimpleGrid cols={3}>
+      <div>1</div>
+      <div>2</div>
+      <div>3</div>
+      <div>4</div>
+      <div>5</div>
+    </SimpleGrid>
+  )
+}
    +

    Responsive props

    +

    cols, spacing and verticalSpacing props support object notation for responsive values, +it works the same way as style props: the object may have base, xs, +sm, md, lg and xl key, and values from those keys will be applied according to current +viewport width.

    +

    In the following example, cols={{ base: 1, sm: 2, lg: 5 }} means:

    +
      +
    • 1 column if viewport width is less than sm breakpoint
      • +
    • 2 columns if viewport width is between sm and lg breakpoints
      • +
    • 5 columns if viewport width is greater than lg breakpoint
      • +
    +

    Same logic applies to spacing and verticalSpacing props.

    +

    1

    2

    3

    4

    5

    import { SimpleGrid } from '@mantine/core';
+
+function Demo() {
+  return (
+    <SimpleGrid
+      cols={{ base: 1, sm: 2, lg: 5 }}
+      spacing={{ base: 10, sm: 'xl' }}
+      verticalSpacing={{ base: 'md', sm: 'xl' }}
+    >
+      <div>1</div>
+      <div>2</div>
+      <div>3</div>
+      <div>4</div>
+      <div>5</div>
+    </SimpleGrid>
+  );
+}

    Previous

    Group

    Next

    Space

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/skeleton/index.html b/core/skeleton/index.html new file mode 100644 index 00000000000..507eaf74c3b --- /dev/null +++ b/core/skeleton/index.html @@ -0,0 +1,49 @@ +Skeleton | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Skeleton

    Indicate content loading state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Use Skeleton to create a placeholder for loading content. Skeleton support the following props:

    +
      +
    • height – height – any valid CSS value
      • +
    • width – width - any valid CSS value
      • +
    • radius – key of theme.radius or any valid CSS value to set border-radius
      • +
    • circle – if true width, height and border-radius will equal to value specified in height prop
      • +
    • animate – true by default, controls animation
      • +
    +
    import { Skeleton } from '@mantine/core';
+
+  function Demo() {
+    return (
+      <>
+        <Skeleton height={50} circle mb="xl" />
+        <Skeleton height={8} radius="xl" />
+        <Skeleton height={8} mt={6} radius="xl" />
+        <Skeleton height={8} mt={6} width="70%" radius="xl" />
+      </>
+    );
+  }
    +

    With content

    +

    If you want to indicate the loading state of content that is already on page, wrap it with Skeleton +and control loading overlay visibility with visible prop:

    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi dolor nihil amet tempore magnam optio, numquam nostrum inventore tempora assumenda saepe, aut repellat. Temporibus aspernatur aperiam magnam debitis facere odio?

    Laborum fuga quam voluptas aut pariatur delectus repudiandae commodi tempora debitis dolores vero cumque magni cum, deserunt, ad tempore consectetur libero molestias similique nemo eum! Dolore maxime voluptate inventore atque.

    import { useState } from 'react';
+import { Skeleton, Button } from '@mantine/core';
+
+function Demo() {
+  const [loading, setLoading] = useState(true);
+
+  return (
+    <>
+      <Skeleton visible={loading}>
+        Lorem ipsum dolor sit amet...
+        {/* other content */}
+      </Skeleton>
+
+      <Button onClick={() => setLoading((l) => !l)}>
+        Toggle Skeleton
+      </Button>
+    </>
+  );
+}

    Previous

    RingProgress

    Next

    Affix

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/slider/index.html b/core/slider/index.html new file mode 100644 index 00000000000..5baadaf7579 --- /dev/null +++ b/core/slider/index.html @@ -0,0 +1,316 @@ +Slider | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Slider

    Slider and RangeSlider components

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    20%
    50%
    80%
    Color
    Size
    Radius
    import { Slider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Slider
+      color="blue"
+      marks={[
+        { value: 20, label: '20%' },
+        { value: 50, label: '50%' },
+        { value: 80, label: '80%' },
+      ]}
+    />
+  );
+}
    +

    Controlled

    +

    Controlled Slider:

    +
    import { useState } from 'react';
+import { Slider } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState(40);
+  return <Slider value={value} onChange={setValue} />;
+}
    +

    Controlled RangeSlider:

    +
    import { useState } from 'react';
+import { RangeSlider } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<[number, number]>([20, 80]);
+  return <RangeSlider value={value} onChange={setValue} />;
+}
    +

    Disabled

    +
    xs
    sm
    md
    lg
    xl
    import { Slider, RangeSlider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Slider defaultValue={60} disabled />
+      <RangeSlider
+        mt="xl"
+        mb="xl"
+        disabled
+        defaultValue={[25, 75]}
+        marks={[
+          { value: 0, label: 'xs' },
+          { value: 25, label: 'sm' },
+          { value: 50, label: 'md' },
+          { value: 75, label: 'lg' },
+          { value: 100, label: 'xl' },
+        ]}
+      />
+    </>
+  );
+}
    +

    onChangeEnd

    +

    onChangeEnd callback is called when user the slider is stopped from being dragged or value is changed with keyboard. +You can use it as a debounced callback to avoid too frequent updates.

    +

    onChange value: 50

    onChangeEnd value: 50

    import { useState } from 'react';
+import { Slider, Text, Box } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState(50);
+  const [endValue, setEndValue] = useState(50);
+
+  return (
+    <Box maw={400} mx="auto">
+      <Slider value={value} onChange={setValue} onChangeEnd={setEndValue} />
+      <Text mt="md" size="sm">
+        onChange value: <b>{value}</b>
+      </Text>
+      <Text mt={5} size="sm">
+        onChangeEnd value: <b>{endValue}</b>
+      </Text>
+    </Box>
+  );
+}
    +

    Control label

    +

    To change label behavior and appearance, set the following props:

    +
      +
    • label – formatter function, accepts value as an argument, set null to disable label, defaults to f => f
      • +
    • labelAlwaysOn – if true – label will always be displayed, by default label is visible only when user is dragging
      • +
    • labelTransitionProps – props passed down to the Transition component, can be used to customize label animation
      • +
    +

    No label

    Formatted label

    Label always visible

    40

    Custom label transition

    import { Slider, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text size="sm">No label</Text>
+      <Slider defaultValue={40} label={null} />
+
+      <Text size="sm" mt="xl">Formatted label</Text>
+      <Slider defaultValue={40} label={(value) => `${value} °C`} />
+
+      <Text size="sm" mt="xl">Label always visible</Text>
+      <Slider defaultValue={40} labelAlwaysOn />
+
+      <Text size="sm" mt="xl">Custom label transition</Text>
+      <Slider
+        defaultValue={40}
+        labelTransitionProps={{
+          transition: 'skew-down',
+          duration: 150,
+          timingFunction: 'linear',
+        }}
+      />
+    </>
+  );
+}
    +

    Min, max and step

    +

    Decimal step

    Step matched with marks

    import { Slider, Text } from '@mantine/core';
+
+const marks = [
+  { value: 0, label: 'xs' },
+  { value: 25, label: 'sm' },
+  { value: 50, label: 'md' },
+  { value: 75, label: 'lg' },
+  { value: 100, label: 'xl' },
+];
+
+function Demo() {
+  return (
+    <>
+      <Text>Decimal step</Text>
+      <Slider
+        defaultValue={0}
+        min={-10}
+        max={10}
+        label={(value) => value.toFixed(1)}
+        step={0.1}
+        styles={{ markLabel: { display: 'none' } }}
+      />
+
+      <Text mt="md">Step matched with marks</Text>
+      <Slider
+        defaultValue={50}
+        label={(val) => marks.find((mark) => mark.value === val)!.label}
+        step={25}
+        marks={marks}
+        styles={{ markLabel: { display: 'none' } }}
+      />
+    </>
+  );
+}
    +

    Marks

    +

    Add any number of marks to slider by setting marks prop to an array of objects:

    +
    const marks = [
+  { value: 20 }, // -> displays mark on slider track
+  { value: 40, label: '40%' }, // -> adds mark label below slider track
+];
    +

    Note that mark value is relative to slider value, not width:

    +
    20%
    50%
    80%
    20%
    50%
    80%
    import { Slider, RangeSlider } from '@mantine/core';
+
+const marks = [
+  { value: 20, label: '20%' },
+  { value: 50, label: '50%' },
+  { value: 80, label: '80%' },
+];
+
+function Demo() {
+  return (
+    <>
+      <Slider defaultValue={40} marks={[{ value: 10 }, { value: 40 }, { value: 95 }]} />
+      <Slider defaultValue={40} marks={marks} />
+      <RangeSlider defaultValue={[20, 80]} marks={marks} />
+    </>
+  );
+}
    +

    Thumb size

    +
    Thumb size
    import { Slider } from '@mantine/core';
+
+function Demo() {
+  return <Slider thumbSize={14} defaultValue={20} />;
+}
    +

    Thumb children

    +
    import { Slider, RangeSlider, rem } from '@mantine/core';
+import { IconHeart, IconHeartBroken } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <>
+      <Slider
+        thumbChildren={<IconHeart size="1rem" />}
+        color="red"
+        label={null}
+        defaultValue={40}
+        thumbSize={26}
+        styles={{ thumb: { borderWidth: rem(2), padding: rem(3) } }}
+      />
+
+      <RangeSlider
+        mt="xl"
+        styles={{ thumb: { borderWidth: rem(2), padding: rem(3) } }}
+        color="red"
+        label={null}
+        defaultValue={[20, 60]}
+        thumbSize={26}
+        thumbChildren={[<IconHeart size="1rem" key="1" />, <IconHeartBroken size="1rem" key="2" />]}
+      />
+    </>
+  );
+}
    +

    Scale

    +

    You can use the scale prop to represent the value on a different scale.

    +

    In the following demo, the value x represents the value 2^x. Increasing x by one increases the represented value by 2 to the power of x.

    +
    1 MB
    1 MB
    1 GB
    import { RangeSlider, Slider } from '@mantine/core';
+
+function valueLabelFormat(value: number) {
+  const units = ['KB', 'MB', 'GB', 'TB'];
+
+  let unitIndex = 0;
+  let scaledValue = value;
+
+  while (scaledValue >= 1024 && unitIndex < units.length - 1) {
+    unitIndex += 1;
+    scaledValue /= 1024;
+  }
+
+  return `${scaledValue} ${units[unitIndex]}`;
+}
+
+const getScale = (v: number) => 2 ** v;
+
+function Demo() {
+  return (
+    <>
+      <Slider
+        scale={getScale}
+        step={1}
+        min={2}
+        max={30}
+        labelAlwaysOn
+        defaultValue={10}
+        label={valueLabelFormat}
+      />
+      <RangeSlider
+        mt={50}
+        scale={getScale}
+        step={1}
+        min={2}
+        max={30}
+        labelAlwaysOn
+        defaultValue={[10, 20]}
+        label={valueLabelFormat}
+      />
+    </>
+  );
+}
    +

    Inverted

    +

    You can invert the track with the inverted prop:

    +
    import { RangeSlider, Slider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Slider inverted defaultValue={80} />
+      <RangeSlider inverted defaultValue={[40, 80]} mt="xl" />
+    </>
+  );
+}
    +

    Styles API

    Slider supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +
    40
    20%
    80%

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Example of using Styles API to change Slider styles:

    +
    20%
    50%
    80%
    import { Slider } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Slider
+      defaultValue={40}
+      marks={[
+        { value: 20, label: '20%' },
+        { value: 50, label: '50%' },
+        { value: 80, label: '80%' },
+      ]}
+      size={2}
+      classNames={classes}
+    />
+  );
+}
    +

    Vertical slider

    +

    Slider and RangeSlider do not provide vertical orientation as it is very rarely used. +If you need this feature you can build it yourself with use-move hook.

    +

    Accessibility

    +

    Slider and RangeSlider components are accessible by default:

    +
      +
    • Thumbs are focusable
      • +
    • When the user uses mouse to interact with the slider, focus is moved to the slider track, when the user presses arrows focus is moved to the thumb
      • +
    • Value can be changed with arrows with step increment/decrement
      • +
    +

    To label component for screen readers, add labels to thumbs:

    +
    import { Slider, RangeSlider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Slider thumbLabel="Thumb aria-label" />
+      <RangeSlider thumbFromLabel="First thumb aria-label" thumbToLabel="Second thumb aria-label" />
+    </>
+  );
+}
    +

    Keyboard interactions

    +
    KeyDescription
    ArrowRight/ArrowUpIncreases slider value by one step
    ArrowLeft/ArrowDownDecreases slider value by one step
    HomeSets slider value to min value
    EndSets slider value to max value

    Previous

    SegmentedControl

    Next

    Switch

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/space/index.html b/core/space/index.html new file mode 100644 index 00000000000..779220ae8a1 --- /dev/null +++ b/core/space/index.html @@ -0,0 +1,42 @@ +Space | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Space

    Add horizontal or vertical spacing from theme

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Use Space component to add horizontal or vertical spacing between elements:

    +

    First line

    Second line

    H
    import { Text, Space } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text>First line</Text>
+      <Space h="md" />
+      <Text>Second line</Text>
+    </>
+  );
+}
    +
    +

    First part

    Second part

    W
    import { Text, Space } from '@mantine/core';
+
+function Demo() {
+  return (
+    <div style={{ display: 'flex' }}>
+      <Text>First line</Text>
+      <Space w="md" />
+      <Text>Second line</Text>
+    </div>
+  );
+}
    +

    Where to use

    +

    In most cases, you would want to use margin props instead of Space when working with Mantine components:

    +
    <Text>First line</Text>
+// <Space h="md" /> is not required as the same can be achieved with margin
+<Text mt="md">Second line</Text>
    +

    But when you work with regular HTML elements you do not have access to theme.spacing and you may want to use +Space component to skip direct theme subscription:

    +
    <div>First line</div>
+<Space h="md" />
+// Margin props are not available on div, use Space to add spacing from theme
+<div>Second line</div>

    Previous

    SimpleGrid

    Next

    Stack

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/spoiler/index.html b/core/spoiler/index.html new file mode 100644 index 00000000000..cf3582adc5f --- /dev/null +++ b/core/spoiler/index.html @@ -0,0 +1,40 @@ +Spoiler | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Spoiler

    Hide long sections of content under a spoiler

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Use Spoiler to hide long section of content. +Set maxHeight prop to control point at which content will be hidden under spoiler and show/hide control appears. +If the content height is less than maxHeight, the spoiler will just render children.

    +

    hideLabel and showLabel props are required – they are used as spoiler toggle button label in corresponding state.

    +
    We Butter the Bread with Butter

    We Butter the Bread with Butter was founded in 2007 by Marcel Neumann, who was originally guitarist for Martin Kesici's band, and Tobias Schultka. The band was originally meant as a joke, but progressed into being a more serious musical duo. The name for the band has no particular meaning, although its origins were suggested from when the two original members were driving in a car operated by Marcel Neumann and an accident almost occurred. Neumann found Schultka "so funny that he briefly lost control of the vehicle." Many of their songs from this point were covers of German folk tales and nursery rhymes.

    import { Spoiler } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Spoiler maxHeight={120} showLabel="Show more" hideLabel="Hide">
+      {/* Content here */}
+    </Spoiler>
+  );
+}
    +

    Transition duration

    +

    Control transition duration by setting transitionDuration prop (transition-duration CSS property in ms). +To disable animations, set transitionDuration={0}:

    +
    We Butter the Bread with Butter

    We Butter the Bread with Butter was founded in 2007 by Marcel Neumann, who was originally guitarist for Martin Kesici's band, and Tobias Schultka. The band was originally meant as a joke, but progressed into being a more serious musical duo. The name for the band has no particular meaning, although its origins were suggested from when the two original members were driving in a car operated by Marcel Neumann and an accident almost occurred. Neumann found Schultka "so funny that he briefly lost control of the vehicle." Many of their songs from this point were covers of German folk tales and nursery rhymes.

    import { Spoiler } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Spoiler maxHeight={120} showLabel="Show more" hideLabel="Hide" transitionDuration={0}>
+      {/* Content here */}
+    </Spoiler>
+  );
+}
    +

    Get control ref

    +
    import { useRef } from 'react';
+import { Spoiler } from '@mantine/core';
+
+function Demo() {
+  const spoilerControlRef = useRef<HTMLButtonElement>(null);
+  return <Spoiler controlRef={spoilerControlRef} />;
+}

    Previous

    Kbd

    Next

    ThemeIcon

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/stack/index.html b/core/stack/index.html new file mode 100644 index 00000000000..75dca32eb69 --- /dev/null +++ b/core/stack/index.html @@ -0,0 +1,24 @@ +Stack | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Stack

    Compose elements and components in a vertical flex container

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Stack is a vertical flex container. If you need a horizontal flex container, use Group +component instead. If you need to have full control over flex container properties, use Flex component.

    +
    Gap
    import { Stack, Button } from '@mantine/core';
+function Demo() {
+  return (
+    <Stack
+      h={300}
+      bg="var(--mantine-color-blue-light)"
+
+    >
+      <Button variant="default">1</Button>
+      <Button variant="default">2</Button>
+      <Button variant="default">3</Button>
+    </Stack>
+  );
+}
    +

    Browser support

    Stack uses flexbox gap to add spacing between children. In older browsers, Stack children may not have spacing. You can install PostCSS flex-gap-polyfill to add support for older browsers.

    Previous

    Space

    Next

    Checkbox

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/stepper/index.html b/core/stepper/index.html new file mode 100644 index 00000000000..d3e8f42685f --- /dev/null +++ b/core/stepper/index.html @@ -0,0 +1,401 @@ +Stepper | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Stepper

    Display content divided into a steps sequence

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Step 2 content: Verify email
    import { useState } from 'react';
+import { Stepper, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+  const nextStep = () => setActive((current) => (current < 3 ? current + 1 : current));
+  const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current));
+
+  return (
+    <>
+      <Stepper active={active} onStepClick={setActive}>
+        <Stepper.Step label="First step" description="Create an account">
+          Step 1 content: Create an account
+        </Stepper.Step>
+        <Stepper.Step label="Second step" description="Verify email">
+          Step 2 content: Verify email
+        </Stepper.Step>
+        <Stepper.Step label="Final step" description="Get full access">
+          Step 3 content: Get full access
+        </Stepper.Step>
+        <Stepper.Completed>
+          Completed, click back button to get to previous step
+        </Stepper.Completed>
+      </Stepper>
+
+      <Group justify="center" mt="xl">
+        <Button variant="default" onClick={prevStep}>Back</Button>
+        <Button onClick={nextStep}>Next step</Button>
+      </Group>
+    </>
+  );
+}
    +

    Allow step select

    +

    To disable step selection, set allowStepSelect prop on Stepper.Step component. +It can be used to prevent the user from reaching next steps while letting them go back and forth between steps they've already reached before:

    +
    Step 2 content: Verify email
    import { useState } from 'react';
+import { Stepper, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+  const [highestStepVisited, setHighestStepVisited] = useState(active);
+
+  const handleStepChange = (nextStep: number) => {
+    const isOutOfBounds = nextStep > 3 || nextStep < 0;
+
+    if (isOutOfBounds) {
+      return;
+    }
+
+    setActive(nextStep);
+    setHighestStepVisited((hSC) => Math.max(hSC, nextStep));
+  };
+
+  // Allow the user to freely go back and forth between visited steps.
+  const shouldAllowSelectStep = (step: number) => highestStepVisited >= step && active !== step;
+
+  return (
+    <>
+      <Stepper active={active} onStepClick={setActive}>
+        <Stepper.Step
+          label="First step"
+          description="Create an account"
+          allowStepSelect={shouldAllowSelectStep(0)}
+        >
+          Step 1 content: Create an account
+        </Stepper.Step>
+        <Stepper.Step
+          label="Second step"
+          description="Verify email"
+          allowStepSelect={shouldAllowSelectStep(1)}
+        >
+          Step 2 content: Verify email
+        </Stepper.Step>
+        <Stepper.Step
+          label="Final step"
+          description="Get full access"
+          allowStepSelect={shouldAllowSelectStep(2)}
+        >
+          Step 3 content: Get full access
+        </Stepper.Step>
+
+        <Stepper.Completed>
+          Completed, click back button to get to previous step
+        </Stepper.Completed>
+      </Stepper>
+
+      <Group justify="center" mt="xl">
+        <Button variant="default" onClick={() => handleStepChange(active - 1)}>
+          Back
+        </Button>
+        <Button onClick={() => handleStepChange(active + 1)}>Next step</Button>
+      </Group>
+    </>
+  );
+}
    +

    Disable next steps selection

    +

    Another way to disable selection of upcoming steps is to use the allowNextStepsSelect directly on the Stepper component. +This is useful when you don't need to control the behavior specifically for each step.

    +
    Step 2 content: Verify email
    import { useState } from 'react';
+import { Stepper, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+  const nextStep = () => setActive((current) => (current < 3 ? current + 1 : current));
+  const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current));
+
+  return (
+    <>
+      <Stepper active={active} onStepClick={setActive} allowNextStepsSelect={false}>
+        <Stepper.Step label="First step" description="Create an account">
+          Step 1 content: Create an account
+        </Stepper.Step>
+        <Stepper.Step label="Second step" description="Verify email">
+          Step 2 content: Verify email
+        </Stepper.Step>
+        <Stepper.Step label="Final step" description="Get full access">
+          Step 3 content: Get full access
+        </Stepper.Step>
+        <Stepper.Completed>
+          Completed, click back button to get to previous step
+        </Stepper.Completed>
+      </Stepper>
+
+      <Group justify="center" mt="xl">
+        <Button variant="default" onClick={prevStep}>Back</Button>
+        <Button onClick={nextStep}>Next step</Button>
+      </Group>
+    </>
+  );
+}
    +

    Color, radius and size

    +
    Color
    Radius
    Size
    import { Stepper } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Stepper active={1}>
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+    </Stepper>
+  );
+}
    +

    Component size is controlled by two props: size and iconSize. +size prop controls icon size, label and description font size. +iconSize allows to overwrite icon size separately from other size values:

    +
    Icon size
    import { Stepper } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Stepper iconSize={42} active={1}>
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+    </Stepper>
+  );
+}
    +

    With custom icons

    +

    You can replace the step icon by setting icon prop on Stepper.Step component. +To change completed check icon set completedIcon on Stepper component. +You can use any React node as an icon: component, string, number:

    +
    import { useState } from 'react';
+import {
+  IconUserCheck,
+  IconMailOpened,
+  IconShieldCheck,
+  IconCircleCheck,
+} from '@tabler/icons-react';
+import { Stepper, rem } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+
+  return (
+    <Stepper
+      active={active}
+      onStepClick={setActive}
+      completedIcon={<IconCircleCheck style={{ width: rem(18), height: rem(18) }} />}
+    >
+      <Stepper.Step
+        icon={<IconUserCheck style={{ width: rem(18), height: rem(18) }} />}
+        label="Step 1"
+        description="Create an account"
+      />
+      <Stepper.Step
+        icon={<IconMailOpened style={{ width: rem(18), height: rem(18) }} />}
+        label="Step 2"
+        description="Verify email"
+      />
+      <Stepper.Step
+        icon={<IconShieldCheck style={{ width: rem(18), height: rem(18) }} />}
+        label="Step 3"
+        description="Get full access"
+      />
+    </Stepper>
+  );
+}
    +

    You can use Stepper with icons only. Note that in this case, you will have to +set aria-label or title on Stepper.Step component to make it accessible:

    +
    import { useState } from 'react';
+import { Stepper, rem } from '@mantine/core';
+import { IconUserCheck, IconMailOpened, IconShieldCheck } from '@tabler/icons-react';
+
+function Demo() {
+  const [active, setActive] = useState(0);
+
+  return (
+    <Stepper active={active} onStepClick={setActive}>
+      <Stepper.Step icon={<IconUserCheck style={{ width: rem(18), height: rem(18) }} />} />
+      <Stepper.Step icon={<IconMailOpened style={{ width: rem(18), height: rem(18) }} />} />
+      <Stepper.Step icon={<IconShieldCheck style={{ width: rem(18), height: rem(18) }} />} />
+    </Stepper>
+  );
+}
    +

    You can also change the completed icon for each step, for example, to indicate error state:

    +
    import { Stepper, rem } from '@mantine/core';
+import { IconCircleX } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Stepper active={2}>
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step
+        label="Step 2"
+        description="Verify email"
+        color="red"
+        completedIcon={<IconCircleX style={{ width: rem(20), height: rem(20) }} />}
+      />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </Stepper>
+  );
+}
    +

    Vertical orientation

    +
    import { useState } from 'react';
+import { Stepper } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+
+  return (
+    <Stepper active={active} onStepClick={setActive} orientation="vertical">
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </Stepper>
+  );
+}
    +

    Icon position

    +

    To change step icon and body arrangement, set iconPosition="right":

    +
    import { useState } from 'react';
+import { Stepper } from '@mantine/core';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+
+  return (
+    <Stepper active={active} onStepClick={setActive} iconPosition="right">
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </Stepper>
+  );
+}
    +

    Loading state

    +

    To indicate loading state set loading prop on Step component, Loader will replace step icon. +You can configure the default loader in the theme.

    +
    import { Stepper } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Stepper active={1}>
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" loading />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </Stepper>
+  );
+}
    +

    Styles API

    Stepper supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +
    Step 2 content: Verify email

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Examples of styles customization with Styles API:

    +
    import { useState } from 'react';
+import { Stepper, StepperProps, rem } from '@mantine/core';
+
+function StyledStepper(props: StepperProps) {
+  return (
+    <Stepper
+      styles={{
+        stepBody: {
+          display: 'none',
+        },
+
+        step: {
+          padding: 0,
+        },
+
+        stepIcon: {
+          borderWidth: rem(4),
+        },
+
+        separator: {
+          marginLeft: rem(-2),
+          marginRight: rem(-2),
+          height: rem(10),
+        },
+      }}
+      {...props}
+    />
+  );
+}
+
+function Demo() {
+  const [active, setActive] = useState(1);
+  return (
+    <StyledStepper active={active} onStepClick={setActive}>
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </StyledStepper>
+  );
+}
    +
    +
    import { useState } from 'react';
+import { Stepper } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const [active, setActive] = useState(1);
+
+  return (
+    <Stepper classNames={classes} active={active} onStepClick={setActive} breakpoint="sm">
+      <Stepper.Step label="Step 1" description="Create an account" />
+      <Stepper.Step label="Step 2" description="Verify email" />
+      <Stepper.Step label="Step 3" description="Get full access" />
+    </Stepper>
+  );
+}
    +

    Get step ref

    +

    You can get refs of step button and stepper root element (div):

    +
    import { useRef } from 'react';
+import { Stepper } from '@mantine/core';
+
+function MyStepper() {
+  const firstStep = useRef<HTMLButtonElement>(null);
+  const stepper = useRef<HTMLDivElement>(null);
+
+  return (
+    <Stepper ref={stepper} active={0}>
+      <Stepper.Step label="First step" ref={firstStep} />
+      <Stepper.Step label="Second step" />
+    </Stepper>
+  );
+}
    +

    Wrap Stepper.Step

    +

    Stepper component relies on Stepper.Step order. Wrapping Stepper.Step is not supported, +Instead you will need to use different approaches:

    +
    import { Stepper } from '@mantine/core';
+
+// This will not work, step children will not render
+function WillNotWork() {
+  return (
+    <Stepper.Step label="Nope" description="It will not work">
+      This part will not render
+    </Stepper.Step>
+  );
+}
+
+// Create a separate component for children
+function WillWork() {
+  return <div>This will work as expected!</div>;
+}
+
+function Demo() {
+  return (
+    <Stepper active={1}>
+      <Stepper.Step label="Regular step">First step</Stepper.Step>
+      {/* Wrapped Stepper.Step will not render children, do not do that */}
+      <WillNotWork />
+      <Stepper.Step label="Step with custom content">
+        <WillWork />
+      </Stepper.Step>
+      <Stepper.Step label="Regular step">Third step</Stepper.Step>
+    </Stepper>
+  );
+}
    +

    Accessibility

    +

    <Stepper.Step /> components render button element, set aria-label or title props +to make component visible for screen readers in case you do not specify label or description:

    +
    <Stepper.Step /> // -> not ok, empty labels for screen reader
+<Stepper.Step label="Step 1" description="Create an account" /> // -> ok
+<Stepper.Step aria-label="Create an account" /> // -> ok
+<Stepper.Step title="Create an account" /> // -> ok

    Previous

    Pagination

    Next

    Tabs

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/switch/index.html b/core/switch/index.html new file mode 100644 index 00000000000..af64e949a67 --- /dev/null +++ b/core/switch/index.html @@ -0,0 +1,164 @@ +Switch | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Switch

    Capture boolean input from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Label position
    Size
    Radius
    import { Switch } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Switch
+      defaultChecked
+      label="I agree to sell my privacy"
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { Switch } from '@mantine/core';
+
+function Demo() {
+  const [checked, setChecked] = useState(false);
+  return <Switch checked={checked} onChange={(event) => setChecked(event.currentTarget.checked)} />;
+}
    +

    Inner Labels

    +
    import { Switch, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Switch size="xs" onLabel="ON" offLabel="OFF" />
+      <Switch size="sm" onLabel="ON" offLabel="OFF" />
+      <Switch size="md" onLabel="ON" offLabel="OFF" />
+      <Switch size="lg" onLabel="ON" offLabel="OFF" />
+      <Switch size="xl" onLabel="ON" offLabel="OFF" />
+    </Group>
+  );
+}
    +

    Icon labels

    +
    import { Switch, useMantineTheme, rem } from '@mantine/core';
+import { IconSun, IconMoonStars } from '@tabler/icons-react';
+
+function Demo() {
+  const theme = useMantineTheme();
+
+  const sunIcon = (
+    <IconSun
+      style={{ width: rem(16), height: rem(16) }}
+      stroke={2.5}
+      color={theme.colors.yellow[4]}
+    />
+  );
+
+  const moonIcon = (
+    <IconMoonStars
+      style={{ width: rem(16), height: rem(16) }}
+      stroke={2.5}
+      color={theme.colors.blue[6]}
+    />
+  );
+
+  return <Switch size="md" color="dark.4" onLabel={sunIcon} offLabel={moonIcon} />;
+}
    +

    Thumb icon

    +
    import { useState } from 'react';
+import { Switch, useMantineTheme, rem } from '@mantine/core';
+import { IconCheck, IconX } from '@tabler/icons-react';
+
+function Demo() {
+  const theme = useMantineTheme();
+  const [checked, setChecked] = useState(false);
+  return (
+    <Switch
+      checked={checked}
+      onChange={(event) => setChecked(event.currentTarget.checked)}
+      color="teal"
+      size="md"
+      label="Switch with thumb icon"
+      thumbIcon={
+        checked ? (
+          <IconCheck
+            style={{ width: rem(12), height: rem(12) }}
+            color={theme.colors.teal[6]}
+            stroke={3}
+          />
+        ) : (
+          <IconX
+            style={{ width: rem(12), height: rem(12) }}
+            color={theme.colors.red[6]}
+            stroke={3}
+          />
+        )
+      }
+    />
+  );
+}
    +

    Switch.Group

    +
    Select your favorite framework/library

    This is anonymous

    import { Switch, Group } from '@mantine/core';
+function Demo() {
+  return (
+    <Switch.Group
+      defaultValue={['react']}
+      label="Select your favorite framework/library"
+      description="This is anonymous"
+      withAsterisk
+    >
+      <Group mt="xs">
+        <Switch value="react" label="React" />
+        <Switch value="svelte" label="Svelte" />
+        <Switch value="ng" label="Angular" />
+        <Switch value="vue" label="Vue" />
+      </Group>
+    </Switch.Group>
+  );
+}
    +

    Controlled Switch.Group

    +
    import { useState } from 'react';
+import { Switch } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string[]>([]);
+
+  return (
+    <Switch.Group value={value} onChange={setValue}>
+      <Switch value="react" label="React" />
+      <Switch value="svelte" label="Svelte" />
+    </Switch.Group>
+  );
+}
    +

    Styles API

    Switch supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Switch description

    Switch error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get input ref

    +
    import { useRef } from 'react';
+import { Switch } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <Switch ref={ref} />;
+}
    +

    Accessibility

    +

    Switch is a regular input[type="checkbox"]. Set aria-label if the Switch is used without label prop:

    +
    import { Switch } from '@mantine/core';
+
+// -> not ok, input is not labeled
+function Bad() {
+  return <Switch />;
+}
+
+// -> ok, input has aria-label
+function Good() {
+  return <Switch aria-label="I agree to everything" />;
+}
+
+// -> ok, input has associated label
+function AlsoGood() {
+  return <Switch label="I agree to everything" />;
+}

    Previous

    Slider

    Next

    Textarea

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/table/index.html b/core/table/index.html new file mode 100644 index 00000000000..4efe3a3e8e1 --- /dev/null +++ b/core/table/index.html @@ -0,0 +1,155 @@ +Table | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Table

    Render table with theme styles

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Table data for all examples:

    +
    const elements = [
+  { position: 6, mass: 12.011, symbol: 'C', name: 'Carbon' },
+  { position: 7, mass: 14.007, symbol: 'N', name: 'Nitrogen' },
+  { position: 39, mass: 88.906, symbol: 'Y', name: 'Yttrium' },
+  { position: 56, mass: 137.33, symbol: 'Ba', name: 'Barium' },
+  { position: 58, mass: 140.12, symbol: 'Ce', name: 'Cerium' },
+];
    +
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    import { Table } from '@mantine/core';
+
+function Demo() {
+  const rows = elements.map((element) => (
+    <Table.Tr key={element.name}>
+      <Table.Td>{element.position}</Table.Td>
+      <Table.Td>{element.name}</Table.Td>
+      <Table.Td>{element.symbol}</Table.Td>
+      <Table.Td>{element.mass}</Table.Td>
+    </Table.Tr>
+  ));
+
+  return (
+    <Table>
+      <Table.Thead>
+        <Table.Tr>
+          <Table.Th>Element position</Table.Th>
+          <Table.Th>Element name</Table.Th>
+          <Table.Th>Symbol</Table.Th>
+          <Table.Th>Atomic mass</Table.Th>
+        </Table.Tr>
+      </Table.Thead>
+      <Table.Tbody>{rows}</Table.Tbody>
+    </Table>
+  );
+}
    +

    Spacing

    +

    To control spacing use horizontalSpacing and verticalSpacing props. Both props support spacing from theme.spacing and any valid CSS value to set cell padding:

    +
    PositionNameSymbolMass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    Horizontal spacing
    Vertical spacing
    import { Table } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Table>
+      {/* {...rows} */}
+    </Table>
+  );
+}
    +

    Caption and tfoot

    +

    Table support tfoot and caption elements. Set captionSide prop (top or bottom) to change caption position.

    +
    Some elements from periodic table
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    Element positionElement nameSymbolAtomic mass
    import { Table } from '@mantine/core';
+
+function Demo() {
+  const rows = elements.map((element) => (
+    <Table.Tr key={element.name}>
+      <Table.Td>{element.position}</Table.Td>
+      <Table.Td>{element.name}</Table.Td>
+      <Table.Td>{element.symbol}</Table.Td>
+      <Table.Td>{element.mass}</Table.Td>
+    </Table.Tr>
+  ));
+
+  const ths = (
+    <Table.Tr>
+      <Table.Th>Element position</Table.Th>
+      <Table.Th>Element name</Table.Th>
+      <Table.Th>Symbol</Table.Th>
+      <Table.Th>Atomic mass</Table.Th>
+    </Table.Tr>
+  );
+
+  return (
+    <Table captionSide="bottom">
+      <Table.Caption>Some elements from periodic table</Table.Caption>
+      <Table.Thead>{ths}</Table.Thead>
+      <Table.Tbody>{rows}</Table.Tbody>
+      <Table.Tfoot>{ths}</Table.Tfoot>
+    </Table>
+  );
+}
    +

    Striped and rows hover

    +
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    import { Table } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Table>
+      {/* {...rows} */}
+    </Table>
+  );
+}
    +

    Scroll container

    +

    To prevent viewport overflow wrap Table with Table.ScrollContainer. +The component accepts minWidth prop which sets minimum width below which table will be scrollable.

    +
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    import { Table } from '@mantine/core';
+
+function Demo() {
+  const rows = elements.map((element) => (
+    <Table.Tr key={element.name}>
+      <Table.Td>{element.position}</Table.Td>
+      <Table.Td>{element.name}</Table.Td>
+      <Table.Td>{element.symbol}</Table.Td>
+      <Table.Td>{element.mass}</Table.Td>
+    </Table.Tr>
+  ));
+
+  return (
+    <Table.ScrollContainer minWidth={500}>
+      <Table>
+        <Table.Thead>
+          <Table.Tr>
+            <Table.Th>Element position</Table.Th>
+            <Table.Th>Element name</Table.Th>
+            <Table.Th>Symbol</Table.Th>
+            <Table.Th>Atomic mass</Table.Th>
+          </Table.Tr>
+        </Table.Thead>
+        <Table.Tbody>{rows}</Table.Tbody>
+      </Table>
+    </Table.ScrollContainer>
+  );
+}
    +

    By default, Table.ScrollContainer uses ScrollArea, you can change it +to native scrollbars by setting type="native":

    +
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12
    import { Table } from '@mantine/core';
+
+function Demo() {
+  const rows = elements.map((element) => (
+    <Table.Tr key={element.name}>
+      <Table.Td>{element.position}</Table.Td>
+      <Table.Td>{element.name}</Table.Td>
+      <Table.Td>{element.symbol}</Table.Td>
+      <Table.Td>{element.mass}</Table.Td>
+    </Table.Tr>
+  ));
+
+  return (
+    <Table.ScrollContainer minWidth={500} type="native">
+      <Table>
+        <Table.Thead>
+          <Table.Tr>
+            <Table.Th>Element position</Table.Th>
+            <Table.Th>Element name</Table.Th>
+            <Table.Th>Symbol</Table.Th>
+            <Table.Th>Atomic mass</Table.Th>
+          </Table.Tr>
+        </Table.Thead>
+        <Table.Tbody>{rows}</Table.Tbody>
+      </Table>
+    </Table.ScrollContainer>
+  );
+}

    Previous

    Mark

    Next

    Text

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/tabs/index.html b/core/tabs/index.html new file mode 100644 index 00000000000..5821ba6920b --- /dev/null +++ b/core/tabs/index.html @@ -0,0 +1,388 @@ +Tabs | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Tabs

    Switch between different views

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Color
    Variant
    Radius
    Orientation
    import { Tabs, rem } from '@mantine/core';
+import { IconPhoto, IconMessageCircle, IconSettings } from '@tabler/icons-react';
+
+function Demo() {
+  const iconStyle = { width: rem(12), height: rem(12) };
+
+  return (
+    <Tabs defaultValue="gallery">
+      <Tabs.List>
+        <Tabs.Tab value="gallery" leftSection={<IconPhoto style={iconStyle} />}>
+          Gallery
+        </Tabs.Tab>
+        <Tabs.Tab value="messages" leftSection={<IconMessageCircle style={iconStyle} />}>
+          Messages
+        </Tabs.Tab>
+        <Tabs.Tab value="settings" leftSection={<IconSettings style={iconStyle} />}>
+          Settings
+        </Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="gallery">
+        Gallery tab content
+      </Tabs.Panel>
+
+      <Tabs.Panel value="messages">
+        Messages tab content
+      </Tabs.Panel>
+
+      <Tabs.Panel value="settings">
+        Settings tab content
+      </Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Controlled Tabs

    +

    To control Tabs state, use value and onChange props:

    +
    import { useState } from 'react';
+import { Tabs } from '@mantine/core';
+
+function Demo() {
+  const [activeTab, setActiveTab] = useState<string | null>('first');
+
+  return (
+    <Tabs value={activeTab} onChange={setActiveTab}>
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="first">First panel</Tabs.Panel>
+      <Tabs.Panel value="second">Second panel</Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Uncontrolled Tabs

    +

    If you do not need to subscribe to Tabs state changes, use defaultValue:

    +
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="first">
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="first">First panel</Tabs.Panel>
+      <Tabs.Panel value="second">Second panel</Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Change colors

    +

    To change colors of all tabs, set color on Tabs component, to change color of the individual tab, +set color on Tabs.Tab.

    +
    First tab color is teal, it gets this value from context
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs color="teal" defaultValue="first">
+      <Tabs.List>
+        <Tabs.Tab value="first">Teal tab</Tabs.Tab>
+        <Tabs.Tab value="second" color="blue">
+          Blue tab
+        </Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="first" pt="xs">
+        First tab color is teal, it gets this value from context
+      </Tabs.Panel>
+
+      <Tabs.Panel value="second" pt="xs">
+        Second tab color is blue, it gets this value from props, props have the priority and will
+        override context value
+      </Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Tabs position

    +
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="first">
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+        <Tabs.Tab value="third">Third tab</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    To display tab on the opposite side, set margin-left: auto with ml="auto" prop ot with className:

    +
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat">
+      <Tabs.List>
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="settings">Settings</Tabs.Tab>
+        <Tabs.Tab value="account" ml="auto">
+          Account
+        </Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Inverted tabs

    +

    To make tabs inverted, place Tabs.Panel components before Tabs.List and add inverted prop to Tabs component:

    +
    Chat panel
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat" inverted>
+      <Tabs.Panel value="chat" pb="xs">Chat panel</Tabs.Panel>
+      <Tabs.Panel value="gallery" pb="xs">Gallery panel</Tabs.Panel>
+      <Tabs.Panel value="account" pb="xs">Account panel</Tabs.Panel>
+
+      <Tabs.List>
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="account">Account</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Vertical tabs placement

    +

    To change placement of Tabs.List in vertical orientation set placement prop:

    +
    Placement
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="gallery" orientation="vertical">
+      <Tabs.List>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="messages">Messages</Tabs.Tab>
+        <Tabs.Tab value="settings">Settings</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="gallery">Gallery tab content</Tabs.Panel>
+      <Tabs.Panel value="messages">Messages tab content</Tabs.Panel>
+      <Tabs.Panel value="settings">Settings tab content</Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Disabled tabs

    +

    Set disabled prop on Tabs.Tab component to disable tab. +Disabled tab cannot be activated with mouse or keyboard, and they will be skipped when user navigates with arrow keys:

    +
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat">
+      <Tabs.List>
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="settings" disabled>
+          Settings
+        </Tabs.Tab>
+        <Tabs.Tab value="account">Account</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Activation mode

    +

    By default, tabs are activated when user presses arrows keys or Home/End keys. +To disable that set activateTabWithKeyboard={false} on Tabs component:

    +
    Chat panel
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat" activateTabWithKeyboard={false}>
+      {/* ...content */}
+    </Tabs>
+  );
+}
    +

    Tab deactivation

    +

    By default, active tab cannot be deactivated. To allow that set allowTabDeactivation on Tabs component:

    +
    Chat panel
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat" allowTabDeactivation>
+      {/* ...content */}
+    </Tabs>
+  );
+}
    +

    Unmount inactive tabs

    +

    By default, inactive Tabs.Panel will stay mounted, to unmount inactive tabs, set keepMounted={false} on Tabs. +This is useful when you want to render components that impact performance inside Tabs.Panel. Note that +components that are rendered inside Tabs.Panel will reset their state on each mount (tab change).

    +
    import { Tabs } from '@mantine/core';
+
+// Second tab panel will be mounted only when user activates second tab
+function Demo() {
+  return (
+    <Tabs keepMounted={false} defaultValue="first">
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="first">First panel</Tabs.Panel>
+      <Tabs.Panel value="second">Second panel</Tabs.Panel>
+    </Tabs>
+  );
+}
    +

    Get tab control ref

    +
    import { useRef } from 'react';
+import { Tabs } from '@mantine/core';
+
+function Demo() {
+  const secondTabRef = useRef<HTMLButtonElement>(null);
+
+  return (
+    <Tabs defaultValue="first">
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="Second" ref={secondTabRef}>
+          Second tab
+        </Tabs.Tab>
+        <Tabs.Tab value="third">Third tab</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Usage with react-router

    +
    <Route path="/tabs/:tabValue" element={<Demo />} />
    +
    import { useNavigate, useParams } from 'react-router-dom';
+import { Tabs } from '@mantine/core';
+
+function Demo() {
+  const navigate = useNavigate();
+  const { tabValue } = useParams();
+
+  return (
+    <Tabs value={tabValue} onChange={(value) => navigate(`/tabs/${value}`)}>
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Usage with Next.js router

    +
    // For file /tabs/[activeTab].tsx
+import { useRouter } from 'next/router';
+import { Tabs } from '@mantine/core';
+
+function Demo() {
+  const router = useRouter();
+
+  return (
+    <Tabs
+      value={router.query.activeTab as string}
+      onChange={(value) => router.push(`/tabs/${value}`)}
+    >
+      <Tabs.List>
+        <Tabs.Tab value="first">First tab</Tabs.Tab>
+        <Tabs.Tab value="second">Second tab</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Styles API

    Tabs supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Example of Styles API usage to customize tab styles:

    +
    .tab {
+  position: relative;
+  border: rem(1px) solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
+
+  &:first-of-type {
+    border-radius: rem(4px) 0 0 rem(4px);
+
+    @mixin rtl {
+      border-radius: 0 rem(4px) rem(4px) 0;
+    }
+  }
+
+  &:last-of-type {
+    border-radius: 0 rem(4px) rem(4px) 0;
+
+    @mixin rtl {
+      border-radius: rem(4px) 0 0 rem(4px);
+    }
+  }
+
+  & + & {
+    border-left-width: 0;
+
+    @mixin rtl {
+      border-right-width: 0;
+      border-left-width: rem(1px);
+    }
+  }
+
+  @mixin hover {
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-5));
+  }
+
+  &[data-active] {
+    z-index: 1;
+    background-color: var(--mantine-color-blue-filled);
+    border-color: var(--mantine-color-blue-filled);
+    color: var(--mantine-color-white);
+
+    @mixin hover {
+      background-color: var(--mantine-color-blue-filled-hover);
+    }
+  }
+}
    +

    Accessibility

    +

    Tabs component follows WAI-ARIA recommendations on accessibility.

    +

    If you use Tabs.Tab without text content, for example, only with icon, then set aria-label +or use VisuallyHidden component:

    +
    import { Tabs, VisuallyHidden } from '@mantine/core';
+import { IconCoin } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat">
+      <Tabs.List>
+        {/* aria-label is not required, tab is labelled by children */}
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+
+        {/* aria-label is required, tab is not labelled by children */}
+        <Tabs.Tab value="money" aria-label="Get money" leftSection={<IconCoin size={14} />} />
+
+        {/* You can use VisuallyHidden instead of aria-label */}
+        <Tabs.Tab value="money" leftSection={<IconCoin size={14} />}>
+          <VisuallyHidden>Get money</VisuallyHidden>
+        </Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    To set tabs list label, set aria-label on Tabs.List component, it will be announced by screen reader:

    +
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="recent">
+      {/* Tabs.List aria-label will be announced when tab is focused for the first time */}
+      <Tabs.List aria-label="Chats">
+        <Tabs.Tab value="recent">Most recent</Tabs.Tab>
+        <Tabs.Tab value="recent">Unanswered</Tabs.Tab>
+        <Tabs.Tab value="archived">Archived</Tabs.Tab>
+      </Tabs.List>
+    </Tabs>
+  );
+}
    +

    Keyboard interactions

    +
    KeyDescriptionCondition
    ArrowRightFocuses and activates next tab that is not disabledorientation="horizontal"
    ArrowLeftFocuses and activates previous tab that is not disabledorientation="horizontal"
    ArrowDownFocuses and activates next tab that is not disabledorientation="vertical"
    ArrowUpFocuses and activates previous tab that is not disabledorientation="vertical"
    HomeFocuses and activates first tab–
    EndFocuses and activates last tab–

    Previous

    Stepper

    Next

    Alert

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/tags-input/index.html b/core/tags-input/index.html new file mode 100644 index 00000000000..f9e351072e4 --- /dev/null +++ b/core/tags-input/index.html @@ -0,0 +1,376 @@ +TagsInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    TagsInput

    Capture a list of values from user with free input and suggestions

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Made with Combobox

    TagsInput is an opinionated component built on top of Combobox component. It has a limited set of features to cover only the basic use cases. If you need more advanced features, you can build your own component with Combobox. You can find examples of custom tags input components on the examples page.

    +

    Usage

    +

    TagsInput provides a way to enter multiple values. It can be used with suggestions or without them. +TagsInput is similar to MultiSelect, but it allows entering custom values.

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return <TagsInput label="Press Enter to submit a tag" placeholder="Enter tag" />;
+}
    +

    Controlled

    +

    TagsInput value must be an array of strings, other types are not supported. +onChange function is called with an array of strings as a single argument.

    +
    import { useState } from 'react';
+import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState<string[]>([]);
+  return <TagsInput data={[]} value={value} onChange={setValue} />;
+}
    +

    Clearable

    +

    Set clearable prop to display the clear button in the right section. The button is not displayed +when:

    +
      +
    • The component does not have a value
      • +
    • The component is disabled
      • +
    • The component is read only
      • +
    +
    React
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      placeholder="Enter tag"
+      defaultValue={['React']}
+      clearable
+    />
+  );
+}
    +

    Max selected values

    +

    You can limit the number of selected values with maxTags prop. This will not allow adding more values +once the limit is reached.

    +

    Add up to 3 tags

    firstsecond
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      description="Add up to 3 tags"
+      placeholder="Enter tag"
+      maxTags={3}
+      defaultValue={['first', 'second']}
+    />
+  );
+}
    +

    Allow duplicates

    +

    By default TagsInput does not allow to add duplicate values, but you can change this behavior by +setting allowDuplicates prop. Value is considered duplicate if it is already present in the value array, +regardless of the case and trailing whitespace.

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      placeholder="Duplicates are allowed"
+      allowDuplicates
+    />
+  );
+}
    +

    Split chars

    +

    By default, TagsInput splits values by comma (,), you can change this behavior by setting +splitChars prop to an array of strings. All values from splitChars cannot be included in the final value. +Values are also splitted on paste.

    +

    Example of splitting by ,, | and space:

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      placeholder="Enter tag"
+      splitChars={[',', ' ', '|']}
+    />
+  );
+}
    +

    With suggestions

    +

    TagsInput can be used with suggestions, it will render suggestions list under input and allow to select +suggestions with keyboard or mouse. Note that user is not limited to suggestions, it is still possible to +enter custom values. If you want to allow values only from suggestions, use MultiSelect component instead.

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Press Enter to submit a tag"
+      placeholder="Pick tag from list"
+      data={['React', 'Angular', 'Svelte']}
+    />
+  );
+}
    +

    Data formats

    TagsInput data prop accepts data in one of the following formats:

    Array of strings:

    import { TagsInput } from '@mantine/core';
+function Demo() {
+  return <TagsInput data={['React', 'Angular']} />;
+}

    Array of object with value, label and optional disabled keys:

    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+      ]}
+    />
+  );
+}

    Array of groups with string options:

    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}

    Array of groups with object options:

    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      data={[
+        { group: 'Frontend', items: [{ value: 'react', label: 'React' }, { value: 'ng', label: 'Angular' }] },
+        { group: 'Backend', items: [{ value: 'express', label: 'Express' }, { value: 'django', label: 'Django' }] },
+      ]}
+    />
+  );
+}
    +

    Options filtering

    By default, TagsInput filters options by checking if the option label contains input value. You can change this behavior with filter prop.filter function receives an object with the following properties as a single argument:
    • options – array of options or options groups, all options are in { value: string; label: string; disabled?: boolean } format
    • search – current search query
    • limit – value of limit prop passed to TagsInput

    Example of a custom filter function that matches options by words instead of letters sequence:

    +
    import { TagsInput, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const splittedSearch = search.toLowerCase().trim().split(' ');
+  return (options as ComboboxItem[]).filter((option) => {
+    const words = option.label.toLowerCase().trim().split(' ');
+    return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
+  });
+};
+
+function Demo() {
+  return (
+    <TagsInput
+      label="What countries have you visited?"
+      placeholder="Pick value or enter anything"
+      data={['Great Britain', 'Russian Federation', 'United States']}
+      filter={optionsFilter}
+    />
+  );
+}
    +

    Sort options

    +

    By default, options are sorted by their position in the data array. You can change this behavior +with filter function:

    +
    import { TagsInput, ComboboxItem, OptionsFilter } from '@mantine/core';
+
+const optionsFilter: OptionsFilter = ({ options, search }) => {
+  const filtered = (options as ComboboxItem[]).filter((option) =>
+    option.label.toLowerCase().trim().includes(search.toLowerCase().trim())
+  );
+
+  filtered.sort((a, b) => a.label.localeCompare(b.label));
+  return filtered;
+};
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Your favorite libraries"
+      placeholder="Pick value or enter anything"
+      data={['4 – React', '1 – Angular', '3 – Vue', '2 – Svelte']}
+      filter={optionsFilter}
+    />
+  );
+}
    +

    Large data sets

    The best strategy for large data sets is to limit the number of options that are rendered at the same time. You can do it with limit prop. Note that if you use a custom filter function, you need to implement your own logic to limit the number of options in filter

    Example of TagsInput with 100 000 options, 5 options are rendered at the same time:

    +
    import { TagsInput } from '@mantine/core';
+
+const largeData = Array(100_000)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <TagsInput
+      label="100 000 options tags input"
+      placeholder="Use limit to optimize performance"
+      limit={5}
+      data={largeData}
+    />
+  );
+}
    +

    Scrollable dropdown

    +

    By default, the options list is wrapped with ScrollArea.Autosize. +You can control dropdown max-height with maxDropdownHeight prop if you do not change the default settings.

    +

    If you want to use native scrollbars, set withScrollArea={false}. Note that in this case, +you will need to change dropdown styles with Styles API.

    +
    import { TagsInput } from '@mantine/core';
+
+const data = Array(100)
+  .fill(0)
+  .map((_, index) => `Option ${index}`);
+
+function Demo() {
+  return (
+    <>
+      <TagsInput
+        label="With scroll area (default)"
+        placeholder="Pick value or enter anything"
+        data={data}
+        maxDropdownHeight={200}
+      />
+
+      <TagsInput
+        label="With native scroll"
+        placeholder="Pick value or enter anything"
+        data={data}
+        withScrollArea={false}
+        styles={{ dropdown: { maxHeight: 200, overflowY: 'auto' } }}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    Group options

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Enter tags"
+      placeholder="Enter tags"
+      data={[
+        { group: 'Frontend', items: ['React', 'Angular'] },
+        { group: 'Backend', items: ['Express', 'Django'] },
+      ]}
+    />
+  );
+}
    +

    Disabled options

    +

    When option is disabled, it cannot be selected and is ignored in keyboard navigation. +Note that user can still enter disabled option as a value. If you want to prohibit certain values, +use controlled component and filter them out in onChange function.

    +
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Enter tags"
+      placeholder="Some tags are disabled"
+      data={[
+        { value: 'react', label: 'React' },
+        { value: 'ng', label: 'Angular' },
+        { value: 'vue', label: 'Vue', disabled: true },
+        { value: 'svelte', label: 'Svelte', disabled: true },
+      ]}
+    />
+  );
+}
    +

    Combobox props

    You can override Combobox props with comboboxProps. It is useful when you need to change some of the props that are not exposed by TagsInput, for example withinPortal:

    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return <TagsInput comboboxProps={{ withinPortal: false }} data={[]} />;
+}
    +

    Input props

    +

    TagsInput component supports Input and Input.Wrapper components features and all input element props. TagsInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    FirstSecond
    Variant
    Size
    Radius
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Input label"
+      description="Input description"
+      placeholder="TagsInput placeholder"
+      value={['First', 'Second']}
+      data={['React', 'Angular', 'Vue', 'Svelte']}
+    />
+  );
+}
    +

    Read only

    +

    Set readOnly to make the input read only. When readOnly is set, +TagsInput will not show suggestions and will not call onChange function.

    +
    FirstSecond
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Read only"
+      placeholder="Enter tag"
+      readOnly
+      defaultValue={['First', 'Second']}
+    />
+  );
+}
    +

    Disabled

    +

    Set disabled to disable the input. When disabled is set, +user cannot interact with the input and TagsInput will not show suggestions.

    +
    FirstSecond
    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TagsInput
+      label="Disabled"
+      placeholder="Enter tag"
+      disabled
+      defaultValue={['First', 'Second']}
+    />
+  );
+}
    +

    Error state

    +
    ReactAngular
    ReactAngular

    Invalid name

    import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <TagsInput
+        label="Boolean error"
+        placeholder="Boolean error"
+        error
+        defaultValue={['React', 'Angular']}
+      />
+      <TagsInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+        defaultValue={['React', 'Angular']}
+      />
+    </>
+  );
+}
    +

    Styles API

    TagsInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    FirstSecond

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { TagsInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <TagsInput ref={ref} />;
+}
    +

    Accessibility

    If TagsInput is used without label prop, it will not be announced properly by screen reader:

    import { TagsInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <TagsInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { TagsInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <TagsInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { TagsInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <TagsInput label="My input" />;
+}

    Previous

    Select

    Next

    ActionIcon

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/text-input/index.html b/core/text-input/index.html new file mode 100644 index 00000000000..3e589a5c9fa --- /dev/null +++ b/core/text-input/index.html @@ -0,0 +1,104 @@ +TextInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    TextInput

    Capture string input from user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    TextInput component supports Input and Input.Wrapper components features and all input element props. TextInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TextInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { TextInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <TextInput value={value} onChange={(event) => setValue(event.currentTarget.value)} />;
+}
    +

    Sections

    +
    import { TextInput, rem } from '@mantine/core';
+import { IconAt } from '@tabler/icons-react';
+
+function Demo() {
+  const icon = <IconAt style={{ width: rem(16), height: rem(16) }} />;
+  return (
+    <>
+      <TextInput
+        leftSectionPointerEvents="none"
+        leftSection={icon}
+        label="Your email"
+        placeholder="Your email"
+      />
+      <TextInput
+        mt="md"
+        rightSectionPointerEvents="none"
+        rightSection={icon}
+        label="Your email"
+        placeholder="Your email"
+      />
+    </>
+  );
+}
    +

    Error state

    +

    Invalid name

    import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <TextInput label="Boolean error" placeholder="Boolean error" error />
+      <TextInput
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
    +

    Disabled state

    +
    import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return <TextInput disabled label="Disabled input" placeholder="Disabled input" />;
+}
    +

    Styles API

    TextInput supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { TextInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <TextInput ref={ref} />;
+}
    +

    Accessibility

    If TextInput is used without label prop, it will not be announced properly by screen reader:

    import { TextInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <TextInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { TextInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <TextInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { TextInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <TextInput label="My input" />;
+}

    Previous

    Textarea

    Next

    Autocomplete

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/text/index.html b/core/text/index.html new file mode 100644 index 00000000000..3dbf62228e4 --- /dev/null +++ b/core/text/index.html @@ -0,0 +1,122 @@ +Text | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Text

    Display text

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Extra small text

    Small text

    Default text

    Large text

    Extra large text

    Semibold

    Bold

    Italic

    Underlined

    Strikethrough

    Dimmed text

    Blue text

    Teal 4 text

    Uppercase

    capitalized text

    Aligned to center

    Aligned to right

    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text size="xs">Extra small text</Text>
+      <Text size="sm">Small text</Text>
+      <Text size="md">Default text</Text>
+      <Text size="lg">Large text</Text>
+      <Text size="xl">Extra large text</Text>
+      <Text fw={500}>Semibold</Text>
+      <Text fw={700}>Bold</Text>
+      <Text fs="italic">Italic</Text>
+      <Text td="underline">Underlined</Text>
+      <Text td="line-through">Strikethrough</Text>
+      <Text c="dimmed">Dimmed text</Text>
+      <Text c="blue">Blue text</Text>
+      <Text c="teal.4">Teal 4 text</Text>
+      <Text tt="uppercase">Uppercase</Text>
+      <Text tt="capitalize">capitalized text</Text>
+      <Text ta="center">Aligned to center</Text>
+      <Text ta="right">Aligned to right</Text>
+    </>
+  );
+}
    +

    Gradient variant

    When variant prop is set to gradient, you can control gradient with gradient prop, it accepts an object with from, to and deg properties. If thegradient prop is not set, Text will use theme.defaultGradient which can be configured on the theme object. gradient prop is ignored when variant is not gradient.

    Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify Text styles.

    +

    Gradient Text

    Gradient from
    Gradient to
    Gradient degree
    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text
+      size="xl"
+      fw={900}
+      variant="gradient"
+      gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
+    >
+      Gradient Text
+    </Text>
+  );
+}
    +

    Truncate

    +

    Set truncate prop to add text-overflow: ellipsis styles:

    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde provident eos fugiat id necessitatibus magni ducimus molestias. Placeat, consequatur. Quisquam, quae magnam perspiciatis excepturi iste sint itaque sunt laborum. Nihil?

    Truncate
    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box w={300}>
+      <Text truncate="end">
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde provident eos fugiat id
+        necessitatibus magni ducimus molestias. Placeat, consequatur. Quisquam, quae magnam
+        perspiciatis excepturi iste sint itaque sunt laborum. Nihil?
+      </Text>
+    </Box>
+  );
+}
    +

    Line clamp

    +

    Specify maximum number of lines with lineClamp prop. This option uses -webkit-line-clamp +CSS property (caniuse). Note that padding-bottom cannot be set on text element:

    +

    From Bulbapedia: Bulbasaur is a small, quadrupedal Pokémon that has blue-green skin with darker patches. It has red eyes with white pupils, pointed, ear-like structures on top of its head, and a short, blunt snout with a wide mouth. A pair of small, pointed teeth are visible in the upper jaw when its mouth is open. Each of its thick legs ends with three sharp claws. On Bulbasaur's back is a green plant bulb, which is grown from a seed planted there at birth. The bulb also conceals two slender, tentacle-like vines and provides it with energy through photosynthesis as well as from the nutrient-rich seeds contained within.

    Size
    Line clamp
    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text lineClamp={4}>
+      {/* Text content */}
+    </Text>
+  );
+}
    +

    Line clamp can also be used with any children (not only strings), for example with TypographyStylesProvider:

    +

    Line clamp with TypographyStylesProvider

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt nulla quam aut sed corporis voluptates praesentium inventore, sapiente ex tempore sit consequatur debitis non! Illo cum ipsa reiciendis quidem facere, deserunt eos totam impedit. Vel ab, ipsum veniam aperiam odit molestiae incidunt minus, sint eos iusto earum quaerat vitae perspiciatis.

    import { TypographyStylesProvider, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text lineClamp={3} component="div">
+      <TypographyStylesProvider>
+        <h3>Line clamp with TypographyStylesProvider</h3>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt nulla quam aut sed
+          corporis voluptates praesentium inventore, sapiente ex tempore sit consequatur debitis
+          non! Illo cum ipsa reiciendis quidem facere, deserunt eos totam impedit. Vel ab, ipsum
+          veniam aperiam odit molestiae incidunt minus, sint eos iusto earum quaerat vitae
+          perspiciatis.
+        </p>
+      </TypographyStylesProvider>
+    </Text>
+  );
+}
    +

    Inherit styles

    +

    Text always applies font-size, font-family and line-height styles, +but in some cases this is not a desired behavior. To force Text to inherit parent +styles set inherit prop. For example, highlight part of Title:

    +

    Title in which you want to highlight something

    import { Text, Title } from '@mantine/core';
+
+function Demo() {
+  return <Title order={3}>Title in which you want to <Text span c="blue" inherit>highlight</Text> something</Title>;
+}
    +

    Polymorphic component

    Text is a polymorphic component – its default root element is p, but it can be changed to any other element or component with component prop:

    import { Text } from '@mantine/core';
+
+function Demo() {
+  return <Text component="a" />;
+}

    Polymorphic components with TypeScript

    Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, TextProps does not extend React.ComponentPropsWithoutRef'<'div'>' although p is the default element.

    If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

    import type { TextProps, ElementProps } from '@mantine/core';
+
+interface MyTextProps extends TextProps,
+  ElementProps<'a', keyof TextProps> {}

    If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

    +

    span prop

    +

    Use span prop as a shorthand for component="span":

    +
    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text span>Same as below</Text>
+      <Text component="span">Same as above</Text>
+    </>
+  );
+}

    Previous

    Table

    Next

    Title

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/textarea/index.html b/core/textarea/index.html new file mode 100644 index 00000000000..83a56d980c5 --- /dev/null +++ b/core/textarea/index.html @@ -0,0 +1,105 @@ +Textarea | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Textarea

    Autosize or regular textarea

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Textarea component supports Input and Input.Wrapper components features and all textarea element props. Textarea documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { Textarea } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Textarea
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Autosize

    +

    Autosize textarea uses react-textarea-autosize package. +Textarea height will grow until maxRows are reached or indefinitely if maxRows not set.

    +
    import { Textarea } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Textarea
+        placeholder="Autosize with no rows limit"
+        label="Autosize with no rows limit"
+        autosize
+        minRows={2}
+      />
+
+      <Textarea
+        label="Autosize with 4 rows max"
+        placeholder="Autosize with 4 rows max"
+        autosize
+        minRows={2}
+        maxRows={4}
+      />
+    </>
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { Textarea } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  return <Textarea value={value} onChange={(event) => setValue(event.currentTarget.value)} />;
+}
    +

    Error state

    +

    Invalid name

    import { Textarea } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Textarea label="Boolean error" placeholder="Boolean error" error />
+      <Textarea
+        mt="md"
+        label="With error message"
+        placeholder="With error message"
+        error="Invalid name"
+      />
+    </>
+  );
+}
    +

    Disabled state

    +
    import { Textarea } from '@mantine/core';
+
+function Demo() {
+  return <Textarea disabled/>;
+}
    +

    Styles API

    Textarea supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +

    Description

    Error

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Get element ref

    import { useRef } from 'react';
+import { Textarea } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLTextAreaElement>(null);
+  return <Textarea ref={ref} />;
+}
    +

    Accessibility

    If Textarea is used without label prop, it will not be announced properly by screen reader:

    import { Textarea } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <Textarea />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { Textarea } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <Textarea aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { Textarea } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <Textarea label="My input" />;
+}

    Previous

    Switch

    Next

    TextInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/theme-icon/index.html b/core/theme-icon/index.html new file mode 100644 index 00000000000..0d849b2befd --- /dev/null +++ b/core/theme-icon/index.html @@ -0,0 +1,33 @@ +ThemeIcon | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    ThemeIcon

    Render icon inside element with theme colors

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    Radius
    Size
    Color
    import { ThemeIcon } from '@mantine/core';
+import { IconPhoto } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ThemeIcon>
+      <IconPhoto style={{ width: '70%', height: '70%' }} />
+    </ThemeIcon>
+  );
+}
    +

    Gradient variant

    When variant prop is set to gradient, you can control gradient with gradient prop, it accepts an object with from, to and deg properties. If thegradient prop is not set, ThemeIcon will use theme.defaultGradient which can be configured on the theme object. gradient prop is ignored when variant is not gradient.

    Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify ThemeIcon styles.

    +
    Gradient from
    Gradient to
    Gradient degree
    import { ThemeIcon } from '@mantine/core';
+import { IconHeart } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <ThemeIcon
+      variant="gradient"
+      size="xl"
+      aria-label="Gradient action icon"
+      gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
+    >
+      <IconHeart />
+    </ThemeIcon>
+  );
+}

    Previous

    Spoiler

    Next

    Timeline

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/timeline/index.html b/core/timeline/index.html new file mode 100644 index 00000000000..7529cdf4184 --- /dev/null +++ b/core/timeline/index.html @@ -0,0 +1,135 @@ +Timeline | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Timeline

    Display list of events in chronological order

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    New branch

    You've created new branch fix-notifications from master

    2 hours ago

    Commits

    You've pushed 23 commits to fix-notifications branch

    52 minutes ago

    Pull request

    You've submitted a pull request Fix incorrect notification message (#187)

    34 minutes ago

    Code review

    Robert Gluesticker left a code review on your pull request

    12 minutes ago

    import { Timeline, Text } from '@mantine/core';
+import { IconGitBranch, IconGitPullRequest, IconGitCommit, IconMessageDots } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Timeline active={1} bulletSize={24} lineWidth={2}>
+      <Timeline.Item bullet={<IconGitBranch size={12} />} title="New branch">
+        <Text c="dimmed" size="sm">You&apos;ve created new branch <Text variant="link" component="span" inherit>fix-notifications</Text> from master</Text>
+        <Text size="xs" mt={4}>2 hours ago</Text>
+      </Timeline.Item>
+
+      <Timeline.Item bullet={<IconGitCommit size={12} />} title="Commits">
+        <Text c="dimmed" size="sm">You&apos;ve pushed 23 commits to<Text variant="link" component="span" inherit>fix-notifications branch</Text></Text>
+        <Text size="xs" mt={4}>52 minutes ago</Text>
+      </Timeline.Item>
+
+      <Timeline.Item title="Pull request" bullet={<IconGitPullRequest size={12} />} lineVariant="dashed">
+        <Text c="dimmed" size="sm">You&apos;ve submitted a pull request<Text variant="link" component="span" inherit>Fix incorrect notification message (#187)</Text></Text>
+        <Text size="xs" mt={4}>34 minutes ago</Text>
+      </Timeline.Item>
+
+      <Timeline.Item title="Code review" bullet={<IconMessageDots size={12} />}>
+        <Text c="dimmed" size="sm"><Text variant="link" component="span" inherit>Robert Gluesticker</Text> left a code review on your pull request</Text>
+        <Text size="xs" mt={4}>12 minutes ago</Text>
+      </Timeline.Item>
+    </Timeline>
+  );
+}
    +

    Line and bullet props

    +

    Control timeline appearance with the following props:

    +
      +
    • active – index of current active element, all elements before this index will be highlighted with color
      • +
    • color – color from theme that should be used to highlight active items, defaults to theme.primaryColor
      • +
    • lineWidth – controls line width and bullet border
      • +
    • bulletSize – bullet width, height and border-radius
      • +
    • align – defines line and bullets position relative to content, also sets text-align
      • +
    +
    New branch

    You've created new branch fix-notifications from master

    2 hours ago

    Commits

    You've pushed 23 commits to fix-notifications branch

    52 minutes ago

    Pull request

    You've submitted a pull request Fix incorrect notification message (#187)

    34 minutes ago

    Code review

    Robert Gluesticker left a code review on your pull request

    12 minutes ago

    Color
    Radius
    Active
    Line width
    Bullet size
    Align
    import { Timeline } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Timeline active={1}>
+      {/* items */}
+    </Timeline>
+  );
+}
    +

    Bullet as React node

    +
    Default bullet

    Default bullet without anything

    Avatar

    Timeline bullet as avatar image

    Icon

    Timeline bullet as icon

    ThemeIcon

    Timeline bullet as ThemeIcon component

    import { ThemeIcon, Text, Avatar, Timeline } from '@mantine/core';
+import { IconSun, IconVideo } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Timeline bulletSize={24}>
+      <Timeline.Item title="Default bullet">
+        <Text c="dimmed" size="sm">
+          Default bullet without anything
+        </Text>
+      </Timeline.Item>
+      <Timeline.Item
+        title="Avatar"
+        bullet={
+          <Avatar
+            size={22}
+            radius="xl"
+            src="https://avatars0.githubusercontent.com/u/10353856?s=460&u=88394dfd67727327c1f7670a1764dc38a8a24831&v=4"
+          />
+        }
+      >
+        <Text c="dimmed" size="sm">
+          Timeline bullet as avatar image
+        </Text>
+      </Timeline.Item>
+      <Timeline.Item title="Icon" bullet={<IconSun size="0.8rem" />}>
+        <Text c="dimmed" size="sm">
+          Timeline bullet as icon
+        </Text>
+      </Timeline.Item>
+      <Timeline.Item
+        title="ThemeIcon"
+        bullet={
+          <ThemeIcon
+            size={22}
+            variant="gradient"
+            gradient={{ from: 'lime', to: 'cyan' }}
+            radius="xl"
+          >
+            <IconVideo size="0.8rem" />
+          </ThemeIcon>
+        }
+      >
+        <Text c="dimmed" size="sm">
+          Timeline bullet as ThemeIcon component
+        </Text>
+      </Timeline.Item>
+    </Timeline>
+  );
+}
    +

    Wrap Timeline.Item

    +

    Timeline component relies on Timeline.Item order. Wrapping Timeline.Item is not supported, +Instead you will need to use different approaches:

    +
    import { Timeline } from '@mantine/core';
+
+// This will not work, step children will not render
+function WillNotWork() {
+  return (
+    <Timeline.Item label="Nope" description="It will not work">
+      This part will not render
+    </Timeline.Item>
+  );
+}
+
+// Create a separate component for children
+function WillWork() {
+  return <div>This will work as expected!</div>;
+}
+
+function Demo() {
+  return (
+    <Timeline active={1}>
+      <Timeline.Item title="Regular item">First item</Timeline.Item>
+      <WillNotWork />
+      <Timeline.Item title="Works as expected">
+        <WillWork />
+      </Timeline.Item>
+      <Timeline.Item title="Regular item">Third item</Timeline.Item>
+    </Timeline>
+  );
+}

    Previous

    ThemeIcon

    Next

    Blockquote

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/title/index.html b/core/title/index.html new file mode 100644 index 00000000000..41d49cba5e4 --- /dev/null +++ b/core/title/index.html @@ -0,0 +1,44 @@ +Title | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Title

    h1-h6 heading

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Use Title component to render h1-h6 headings with Mantine theme styles. +By default, Title has no margins and paddings. +You can change font-size, font-weight and line-height per heading with theme.headings.

    +

    Set order prop to render a specific element (h1-h6), default order is 1:

    +

    This is h1 title

    This is h2 title

    This is h3 title

    This is h4 title

    This is h5 title
    This is h6 title
    import { Title } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Title order={1}>This is h1 title</Title>
+      <Title order={2}>This is h2 title</Title>
+      <Title order={3}>This is h3 title</Title>
+      <Title order={4}>This is h4 title</Title>
+      <Title order={5}>This is h5 title</Title>
+      <Title order={6}>This is h6 title</Title>
+    </>
+  );
+}
    +

    Size

    +

    You can change Title size independent of its order:

    +
      +
    • If you set size to h1-h6, then component will add corresponding font-size and line-height from the theme
      • +
    • If you set size to any other value, then line-height will be calculated based on order – size will impact only font-size
      • +
    +

    H3 heading with h1 font-size

    H1 heading with h4 font-size

    H1 heading with calc(0.75rem * var(--mantine-scale)) size

    import { Title } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Title order={3} size="h1">
+        H3 heading with h1 font-size
+      </Title>
+      <Title size="h4">H1 heading with h4 font-size</Title>
+      <Title size="calc(0.75rem * var(--mantine-scale))">H1 heading with calc(0.75rem * var(--mantine-scale)) size</Title>
+    </>
+  );
+}

    Previous

    Text

    Next

    TypographyStylesProvider

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/tooltip/index.html b/core/tooltip/index.html new file mode 100644 index 00000000000..8c3b1ce0d48 --- /dev/null +++ b/core/tooltip/index.html @@ -0,0 +1,337 @@ +Tooltip | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Tooltip

    Renders tooltip at given element on mouse over or other event

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip">
+      <Button variant="outline">Button with tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    Tooltip children

    +

    Tooltip requires an element or a component as a single child – +strings, fragments, numbers and multiple elements/components are not supported and will throw error. +Custom components must provide a prop to get root element ref, +all Mantine components support ref out of the box.

    +
    import { Tooltip, Badge } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Tooltip label="OK">
+        <button>Native button – ok</button>
+      </Tooltip>
+
+      <Tooltip label="OK">
+        <Badge>Mantine component – ok</Badge>
+      </Tooltip>
+
+      <Tooltip label="Throws">Raw string, NOT OK – will throw error</Tooltip>
+
+      {/* Number, NOT OK – will throw error */}
+      <Tooltip label="Throws">{2}</Tooltip>
+
+      <Tooltip label="Throws">
+        <>Fragment, NOT OK, will throw error</>
+      </Tooltip>
+
+      <Tooltip label="Throws">
+        <div>More that one node</div>
+        <div>NOT OK, will throw error</div>
+      </Tooltip>
+    </>
+  );
+}
    +

    Required ref prop

    +

    Custom components that are rendered inside Tooltip are required to support ref prop:

    +
    // Example of code that WILL NOT WORK
+import { Tooltip } from '@mantine/core';
+
+function MyComponent() {
+  return <div>My component</div>;
+}
+
+// This will not work – MyComponent does not support ref
+function Demo() {
+  return (
+    <Tooltip label="Does not work">
+      <MyComponent />
+    </Tooltip>
+  );
+}
    +

    Use forwardRef function to forward ref to root element:

    +
    // Example of code that will work
+import { forwardRef } from 'react';
+import { Tooltip } from '@mantine/core';
+
+const MyComponent = forwardRef<HTMLDivElement>((props, ref) => (
+  <div ref={ref} {...props}>
+    My component
+  </div>
+));
+
+// Works correctly – ref is forwarded
+function Demo() {
+  return (
+    <Tooltip label="Works fine">
+      <MyComponent />
+    </Tooltip>
+  );
+}
    +

    Color

    +
    Color
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip" color="blue">
+      <Button variant="outline">
+        With tooltip
+      </Button>
+    </Tooltip>
+  );
+}
    +

    Offset

    +

    Set offset prop to a number to change tooltip position relative to the target element. +This way you can control tooltip offset on main axis only.

    +
    Offset
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip" opened position="top" offset={5}>
+      <Button variant="outline">Button with tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    To control offset on both axis, pass object with mainAxis and crossAxis properties:

    +
    Main axis
    Cross axis
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip
+      position="top"
+      opened
+      label="Tooltip"
+      offset={{ mainAxis: 5, crossAxis: 0 }}
+    >
+      <Button>Button with tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    Arrow

    +

    Set withArrow prop to add an arrow to the tooltip. Arrow is a div element rotated with transform: rotate(45deg).

    +

    arrowPosition prop determines how arrow is position relative to the target element when position is set to *-start and *-end values on Popover component. +By default, the value is center – the arrow is positioned in the center of the target element if it is possible.

    +

    If you change arrowPosition to side, then the arrow will be positioned on the side of the target element, +and you will be able to control arrow offset with arrowOffset prop. Note that when arrowPosition is set to center, +arrowOffset prop is ignored.

    +
    Arrow position
    Arrow offset
    Arrow size
    Arrow radius
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip arrowOffset={10} arrowSize={4} label="Tooltip" withArrow opened position="top-start">
+      <Button variant="outline">Button with tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    Controlled

    +
    import { useState } from 'react';
+import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, setOpened] = useState(true);
+
+  return (
+    <Tooltip label="Ctrl + J" opened={opened}>
+      <Button variant="outline" onClick={() => setOpened((o) => !o)}>
+        Toggle color scheme
+      </Button>
+    </Tooltip>
+  );
+}
    +

    Change events

    +

    Events that trigger tooltip can be changed with events prop, it accepts an object +with the following properties that determine which events will trigger tooltip:

    +
      +
    • hover – mouse hover event, true by default
      • +
    • focus – focus/blur events excluding clicks on the target element, false by default
      • +
    • touch – events for touchscreen devices, false by default
      • +
    +
    import { Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip label="Tooltip" events={{ hover: true, focus: true, touch: false }}>
+      <button>target</button>
+    </Tooltip>
+  );
+}
    +

    Multiline

    +

    To enable multiline mode, set multiline prop to enable line breaks and w style prop to set tooltip width:

    +
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip
+      multiline
+      w={220}
+      withArrow
+      transitionProps={{ duration: 200 }}
+      label="Use this button to save this information in your profile, after that you will be able to access it any time and share it via email."
+    >
+      <Button variant="outline">Multiline tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    Inline

    +

    Set inline prop to use Tooltip with inline elements:

    +

    Stantler’s magnificent antlers were traded at high prices as works of art. As a result, this Pokémon was hunted close to extinction by those who were after the priceless antlers. When visiting a junkyard, you may catch sight of it having an intense fight with Murkrow over shiny objects.Ho-Oh’s feathers glow in seven colors depending on the angle at which they are struck by light. These feathers are said to bring happiness to the bearers. This Pokémon is said to live at the foot of a rainbow.

    import { Tooltip, Mark, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text>
+      Stantler’s magnificent antlers were traded at high prices as works of art. As a result, this
+      Pokémon was hunted close to extinction by those who were after the priceless antlers.{' '}
+      <Tooltip inline label="Inline tooltip">
+        <Mark>When visiting a junkyard</Mark>
+      </Tooltip>
+      , you may catch sight of it having an intense fight with Murkrow over shiny objects.Ho-Oh’s
+      feathers glow in seven colors depending on the angle at which they are struck by light. These
+      feathers are said to bring happiness to the bearers. This Pokémon is said to live at the foot
+      of a rainbow.
+    </Text>
+  );
+}
    +

    Change transition

    +

    Tooltip is built with Transition component, it supports transitionProps props:

    +
    import { Tooltip, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip
+      label="Tooltip with custom transition"
+      transitionProps={{ transition: 'skew-up', duration: 300 }}
+    >
+      <Button>Button with tooltip</Button>
+    </Tooltip>
+  );
+}
    +

    All available premade transitions:

    +
    fade
    scale
    scale-y
    scale-x
    skew-up
    skew-down
    rotate-left
    rotate-right
    slide-down
    slide-up
    slide-left
    slide-right
    pop
    pop-bottom-left
    pop-bottom-right
    pop-top-left
    pop-top-right
    +

    Close and open delay

    +

    You can delay tooltip open/close events by setting openDelay and closeDelay props in ms:

    +
    import { Button, Tooltip, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Tooltip label="Opened after 500ms" openDelay={500}>
+        <Button variant="outline">Delay open - 500ms</Button>
+      </Tooltip>
+      <Tooltip label="Closes after 500ms" closeDelay={500}>
+        <Button variant="outline">Delay close - 500ms</Button>
+      </Tooltip>
+    </Group>
+  );
+}
    +

    Tooltip delay group

    +

    Tooltip.Group component can be used to sync open and close delays for multiple tooltips:

    +
    import { Tooltip, Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip.Group openDelay={500} closeDelay={100}>
+      <Group justify="center">
+        <Tooltip label="Tooltip 1">
+          <Button variant="outline">Button 1</Button>
+        </Tooltip>
+        <Tooltip label="Tooltip 2">
+          <Button variant="outline">Button 2</Button>
+        </Tooltip>
+        <Tooltip label="Tooltip 3">
+          <Button variant="outline">Button 3</Button>
+        </Tooltip>
+      </Group>
+    </Tooltip.Group>
+  );
+}
    +

    Floating tooltip

    +

    Tooltip.Floating component has the same API as Tooltip component but tooltip will follow mouse:

    +
    Hover over the box to see tooltip
    import { Box, Tooltip } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tooltip.Floating label="Floating tooltip">
+      <Box p="xl" bg="var(--mantine-color-blue-light)" style={{ cursor: 'default' }}>
+        Hover over the box to see tooltip
+      </Box>
+    </Tooltip.Floating>
+  );
+}
    +

    Custom components with Tooltip

    +

    If you want to build a component that can be used with Tooltip use +forwardRef or other prop that will allow to get root element ref. +This logic is applied to Tooltip and Tooltip.Floating components:

    +
    import { forwardRef } from 'react';
+import { Tooltip } from '@mantine/core';
+
+// forwardRef function will allow to get root element ref
+const MyBadge = forwardRef<HTMLDivElement, { color: string }>(({ color }, ref) => (
+  <div ref={ref} color={color}>
+    Badge
+  </div>
+));
+
+// other props can also be used
+function MyOtherBadge({
+  color,
+  innerRef,
+}: {
+  color: string;
+  innerRef?: React.ForwardedRef<HTMLDivElement>;
+}) {
+  return (
+    <div ref={innerRef} color={color}>
+      Badge
+    </div>
+  );
+}
+
+function Demo() {
+  return (
+    <>
+      <Tooltip label="Can be used as is">
+        <MyBadge color="red" />
+      </Tooltip>
+
+      <Tooltip label="refProp is required" refProp="innerRef">
+        <MyOtherBadge color="orange" />
+      </Tooltip>
+    </>
+  );
+}
    +

    Accessibility

    +

    Tooltip follows WAI-ARIA recommendations:

    +
      +
    • Tooltip body has role="tooltip" attribute
      • +
    • Target element has aria-describedby attribute
      • +
    • Tooltip.Floating is ignored by screen readers
      • +
    +

    By default, Tooltip is not triggered by focus events and thus users who use a screen reader +or navigate with keyboard will not be able to get tooltip content. Set events prop to enable +focus/blur tooltip events:

    +
    import { Tooltip, Button } from '@mantine/core';
+
+// Tooltip will be visible for screen readers
+function Demo() {
+  return (
+    <Tooltip label="Tooltip" events={{ hover: true, focus: true, touch: false }}>
+      <Button>Button with tooltip</Button>
+    </Tooltip>
+  );
+}

    Previous

    Popover

    Next

    Accordion

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/transition/index.html b/core/transition/index.html new file mode 100644 index 00000000000..00491c69dcc --- /dev/null +++ b/core/transition/index.html @@ -0,0 +1,75 @@ +Transition | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Transition

    Animate presence of component with pre-made animations

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Premade transitions

    +

    Mantine includes several premade transitions:

    +
    fade
    scale
    scale-y
    scale-x
    skew-up
    skew-down
    rotate-left
    rotate-right
    slide-down
    slide-up
    slide-left
    slide-right
    pop
    pop-bottom-left
    pop-bottom-right
    pop-top-left
    pop-top-right
    +

    To use one of them set transition property to one of these values:

    +
    import { Transition } from '@mantine/core';
+
+function Demo({ opened }: { opened: boolean }) {
+  return (
+    <Transition mounted={opened} transition="fade" duration={400} timingFunction="ease">
+      {(styles) => <div style={styles}>Your modal</div>}
+    </Transition>
+  );
+}
    +

    Custom transitions

    +

    You can create your own transition. transition is an object with 4 properties:

    +
      +
    • in – styles for mounted state
      • +
    • out – styles for unmounted state
      • +
    • common (optional) – styles for both mounted and unmounted states
      • +
    • transitionProperty – properties which participate in transition
      • +
    +
    import { useState } from 'react';
+import { useClickOutside } from '@mantine/hooks';
+import { Transition, Paper, Button, Box } from '@mantine/core';
+
+const scaleY = {
+  in: { opacity: 1, transform: 'scaleY(1)' },
+  out: { opacity: 0, transform: 'scaleY(0)' },
+  common: { transformOrigin: 'top' },
+  transitionProperty: 'transform, opacity',
+};
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  const clickOutsideRef = useClickOutside(() => setOpened(false));
+
+  return (
+    <Box
+      maw={200}
+      pos="relative"
+      style={{ display: 'flex', justifyContent: 'center', margin: 'auto' }}
+    >
+      <Button onClick={() => setOpened(true)}>Open dropdown</Button>
+      <Transition
+        mounted={opened}
+        transition={scaleY}
+        duration={200}
+        timingFunction="ease"
+        keepMounted
+      >
+        {(transitionStyle) => (
+          <Paper
+            shadow="md"
+            p="xl"
+            h={120}
+            pos="absolute"
+            top={0}
+            left={0}
+            right={0}
+            ref={clickOutsideRef}
+            style={{ ...transitionStyle, zIndex: 1 }}
+          >
+            Dropdown
+          </Paper>
+        )}
+      </Transition>
+    </Box>
+  );
+}

    Previous

    ScrollArea

    Next

    VisuallyHidden

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/typography-styles-provider/index.html b/core/typography-styles-provider/index.html new file mode 100644 index 00000000000..1369d7c1790 --- /dev/null +++ b/core/typography-styles-provider/index.html @@ -0,0 +1,103 @@ +TypographyStylesProvider | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    TypographyStylesProvider

    Styles provider for html content

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    Mantine does not include typography global styles. +Use TypographyStylesProvider to add typography styles to your html content:

    +
    import { TypographyStylesProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TypographyStylesProvider>
+      <div dangerouslySetInnerHTML={{ __html: '<p>Your html here</p>' }} />
+    </TypographyStylesProvider>
+  );
+}
    +

    Example

    +
    +

    Example article

    +

    This is example article from CSS-Tricks website written by Sarah Drasner. It is used as an example to showcase real world styles of TypographyStylesProvider component, please read full article on CSS-Tricks website.

    +

    Article itself

    +

    Let’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, but it’s actually quite crucial. The way that we refer to our teams sends signals: to stakeholders, to your peers, to the team itself, and even to ourselves. In addressing how we speak about our teams, we’ll also talk about accountability.

    +

    I have noticed shared similarities in those folks I consider good managers whose teams deliver well, and those who don’t. It starts with how they communicate about their teams.

    +

    Your team is “we”

    +

    There can be a perception that as a manager of an organization you are in control at all times. Part of that control can invariably be perceived as how you appear to be in charge, are competent, or how you personally perform. Due to that, some bad behaviors can arise- not due to malice, but due to fear. For this reason, it can be tempting to take credit for success and avoid credit when there is failure.

    +

    The irony is that the more that you try to hold on to these external perceptions, the more it will slip away. Why? Because the problems you are solving as a manager really aren’t about you.

    +

    Your team is “we”. You are a driving force of that team, no matter how high up the hierarchy chain. What happens on that team is your responsibility. When you speak about your org, you should include yourself in the statement.

    +

    When your team succeeds in something though, then you can praise them and leave yourself out of it. Here’s an example:

    +

    They really pulled this project over the line, despite the incredibly tight project timeline. Everyone showed up and was driven throughout the engagement. They did a fantastic job.

    +

    However, if the team failed at something, the pronoun is then I:

    +

    I didn’t recognize how tight this turnaround was and failed to prioritize the team’s time well. I need to reconvene with everyone so we can come up with a better plan.

    +

    And never, ever them:

    +

    They didn’t adhere to this tight timeline. They just weren’t able to get this project over the line.

    +

    Do you see how the last example shirks responsibility for what occurred? Too often I will hear managers relieve themselves of their duties when shit hits the fan, and that is exactly when a manager needs to step up, and dive in to the problems that are their responsibility.

    +

    The wider organization

    +

    There is another piece of this too, and it impacts how your team operates. It’s that your job is not to be the ambassador of who you manage and think of every other group as separate. You're part of a larger system. A company is composed of groups, but those groups can only be successful if they’re working together, not if they are protecting their own org at all costs.

    +

    I admit I didn’t fully understand the depth of this until I read Patrick Lencioni’s The Advantage thanks to Dalia Havens, a peer at Netlify. In the book, Lencioni talks about how organizational health, not “being smart”, as the biggest key to success. Plenty of smart people with good ideas build companies and see them fail. Success lies in being able to work together.

    +

    Fundamentally, other groups at the company are not separate from your group, rather that you’re all part of one whole. The Leadership Team is also a team, and should be treated as your team. How you speak about this team is equally important.

    +

    As such, when we talk about successes and failures of any groups, these should also be shared. There should be a sense that you’re all working towards a common goal together, and every group contributes to it. Within a leadership team there should be trust and vulnerability to own their part so that the whole organization can operate at its best.

    +
    import { TypographyStylesProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TypographyStylesProvider>
+      <div dangerouslySetInnerHTML={{ __html: html }} />
+    </TypographyStylesProvider>
+  );
+}
    +

    All styles demo

    +

    TypographyStylesProvider includes styles for:

    +
      +
    • paragraphs
      • +
    • headings
      • +
    • lists
      • +
    • blockquotes
      • +
    • tables
      • +
    • links
      • +
    • images
      • +
    • hr
      • +
    • code and pre
      • +
    +

    Heading 1

    +

    Heading 2

    +

    Heading 3

    +

    Heading 4

    +
    Heading 5
    +
    Heading 6
    +
    +

    Mantine link

    +

    Lorem ipsum, dolor sitamet consectetur adipisicing elit. Provident omnis laudantium itaque quisquam est, magnam harum, cum molestias necessitatibus obcaecati quod esse debitis velit nemo dolores deserunt. Quia, iure doloremque.

    +Unsplash image +
      +
    • list item - 1
      • +
    • list item - 2
      • +
    • list item - 3
      • +
    • list item - 4
      • +
    + +
      +
    1. list item - 1
      2. +
    2. list item - 2
      3. +
    3. list item - 3
      4. +
    4. list item - 4
      5. +
    + +
    + Life is like an npm install – you never know what you are going to get. + – Forrest Gump +
    + +

    This is code and mark inside paragraph

    + +
    import React from 'react';
+import { Avatar } from '@mantine/core';
+import image from './image.png';
+
+export function AvatarDemo() {
+  return <Avatar src={image} alt="it's me" />;
+}
    + +
    Element positionElement nameSymbolAtomic mass
    6CarbonC12.011
    7NitrogenN14.007
    39YttriumY88.906
    56BariumBa137.33
    58CeriumCe140.12

    Previous

    Title

    Next

    Box

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/unstyled-button/index.html b/core/unstyled-button/index.html new file mode 100644 index 00000000000..c139df97f52 --- /dev/null +++ b/core/unstyled-button/index.html @@ -0,0 +1,30 @@ +UnstyledButton | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    UnstyledButton

    Unstyled polymorphic button

    Import

    Polymorphic

    Polymorphic component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    UnstyledButton resets default button styles, it is used as a +base for all other button components. You can use it to as a base for custom +polymorphic buttons.

    +
    import { UnstyledButton } from '@mantine/core';
+
+function Demo() {
+  return <UnstyledButton>Button without styles</UnstyledButton>;
+}
    +

    Polymorphic component

    UnstyledButton is a polymorphic component – its default root element is button, but it can be changed to any other element or component with component prop:

    import { UnstyledButton } from '@mantine/core';
+
+function Demo() {
+  return <UnstyledButton component="a" />;
+}

    Polymorphic components with TypeScript

    Note that polymorphic components props types are different from regular components – they do not extend HTML element props of the default element. For example, UnstyledButtonProps does not extend React.ComponentPropsWithoutRef'<'div'>' although button is the default element.

    If you want to create a wrapper for a polymorphic component that is not polymorphic (does not support component prop), then your component props interface should extend HTML element props, for example: 

    import type { UnstyledButtonProps, ElementProps } from '@mantine/core';
+
+interface MyUnstyledButtonProps extends UnstyledButtonProps,
+  ElementProps<'a', keyof UnstyledButtonProps> {}

    If you want your component to remain polymorphic after wrapping, use createPolymorphicComponent function described in this guide.

    +

    Get element ref

    import { useRef } from 'react';
+import { UnstyledButton } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <UnstyledButton ref={ref} />;
+}

    Previous

    FileButton

    Next

    Anchor

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/core/visually-hidden/index.html b/core/visually-hidden/index.html new file mode 100644 index 00000000000..358e86f051b --- /dev/null +++ b/core/visually-hidden/index.html @@ -0,0 +1,20 @@ +VisuallyHidden | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    VisuallyHidden

    Hide element visually but keep it accessible for screen readers

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/core

    Usage

    +

    VisuallyHidden is a utility component that hides content visually but leaves it available to screen readers.

    +

    For example, it can be used with ActionIcon component:

    +
    import { ActionIcon, VisuallyHidden } from '@mantine/core';
+import { IconHeart } from '@tabler/icons';
+
+function Demo() {
+  return (
+    <ActionIcon>
+      <IconHeart />
+      <VisuallyHidden>Like post</VisuallyHidden>
+    </ActionIcon>
+  );
+}

    Previous

    Transition

    Next

    Getting started

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/calendar/index.html b/dates/calendar/index.html new file mode 100644 index 00000000000..06941abcad3 --- /dev/null +++ b/dates/calendar/index.html @@ -0,0 +1,116 @@ +Calendar | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Calendar

    Base component for custom date pickers

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +

    Use Calendar component to create custom date pickers if DatePicker +component does not meet your requirements. Calendar supports all DatePicker +props and some other props that are listed in props table – check it out to learn about all component features.

    +

    By default, Calendar works the same way as DatePicker component but does not +include any logic of dates selection:

    +
    MoTuWeThFrSaSu
    import { Calendar } from '@mantine/dates';
+
+function Demo() {
+  return <Calendar />;
+}
    +

    Custom date pickers

    +

    Use Calendar as a base for custom date pickers. For example, you can create a date picker +that allows user to pick three or less dates:

    +
    MoTuWeThFrSaSu
    import dayjs from 'dayjs';
+import { useState } from 'react';
+import { Calendar } from '@mantine/dates';
+
+function Demo() {
+  const [selected, setSelected] = useState<Date[]>([]);
+  const handleSelect = (date: Date) => {
+    const isSelected = selected.some((s) => dayjs(date).isSame(s, 'date'));
+    if (isSelected) {
+      setSelected((current) => current.filter((d) => !dayjs(d).isSame(date, 'date')));
+    } else if (selected.length < 3) {
+      setSelected((current) => [...current, date]);
+    }
+  };
+
+  return (
+    <Calendar
+      getDayProps={(date) => ({
+        selected: selected.some((s) => dayjs(date).isSame(s, 'date')),
+        onClick: () => handleSelect(date),
+      })}
+    />
+  );
+}
    +

    Another custom date picker example – week picker:

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { Calendar } from '@mantine/dates';
+import dayjs from 'dayjs';
+
+function getDay(date: Date) {
+  const day = date.getDay();
+  return day === 0 ? 6 : day - 1;
+}
+
+function startOfWeek(date: Date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() - getDay(date) - 1);
+}
+
+function endOfWeek(date: Date) {
+  return dayjs(new Date(date.getFullYear(), date.getMonth(), date.getDate() + (6 - getDay(date))))
+    .endOf('date')
+    .toDate();
+}
+
+function isInWeekRange(date: Date, value: Date | null) {
+  return value
+    ? dayjs(date).isBefore(endOfWeek(value)) && dayjs(date).isAfter(startOfWeek(value))
+    : false;
+}
+
+function Demo() {
+  const [hovered, setHovered] = useState<Date | null>(null);
+  const [value, setValue] = useState<Date | null>(null);
+
+  return (
+    <Calendar
+      withCellSpacing={false}
+      getDayProps={(date) => {
+        const isHovered = isInWeekRange(date, hovered);
+        const isSelected = isInWeekRange(date, value);
+        const isInRange = isHovered || isSelected;
+        return {
+          onMouseEnter: () => setHovered(date),
+          onMouseLeave: () => setHovered(null),
+          inRange: isInRange,
+          firstInRange: isInRange && date.getDay() === 1,
+          lastInRange: isInRange && date.getDay() === 0,
+          selected: isSelected,
+          onClick: () => setValue(date),
+        };
+      }}
+    />
+  );
+}
    +

    Static prop

    +

    Set static prop to display a calendar that user cannot interact with. +It is useful when you want to display data with in calendar view but do +not want it to be interactive.

    +
    MoTuWeThFrSaSu
    28
    29
    30
    31
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    1
    import { Indicator } from '@mantine/core';
+import { Calendar } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <Calendar
+      static
+      renderDay={(date) => {
+        const day = date.getDate();
+        return (
+          <Indicator size={6} color="red" offset={-2} disabled={day !== 16}>
+            <div>{day}</div>
+          </Indicator>
+        );
+      }}
+    />
+  );
+}

    Previous

    DatesProvider

    Next

    DateInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/date-input/index.html b/dates/date-input/index.html new file mode 100644 index 00000000000..71650a04a3d --- /dev/null +++ b/dates/date-input/index.html @@ -0,0 +1,141 @@ +DateInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    DateInput

    Free form date input

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    DatePicker props

    +

    DateInput supports most of the DatePicker props, +read through DatePicker documentation to learn about all component features that are not listed on this page.

    +

    Usage

    +
    import { useState } from 'react';
+import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DateInput
+      value={value}
+      onChange={setValue}
+      label="Date input"
+      placeholder="Date input"
+    />
+  );
+}
    +

    Value format

    +

    Use valueFormat prop to change dayjs format of value label:

    +
    import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  return <DateInput valueFormat="YYYY MMM DD" label="Date input" placeholder="Date input" />;
+}
    +

    With time

    +

    Include time in valueFormat to allow hours, minutes and seconds to be entered:

    +
    import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import { DateInput } from '@mantine/dates';
+
+// It is required to extend dayjs with customParseFormat plugin
+// in order to parse dates with custom format
+dayjs.extend(customParseFormat);
+
+function Demo() {
+  return (
+    <DateInput
+      valueFormat="DD/MM/YYYY HH:mm:ss"
+      label="Date input"
+      placeholder="Date input"
+    />
+  );
+}
    +

    Date parser

    +

    Use dateParser prop to replace default date parser. Parser function accepts user input (string) +and must return Date object:

    +
    import { DateInput, DateInputProps } from '@mantine/dates';
+
+const dateParser: DateInputProps['dateParser'] = (input) => {
+  if (input === 'WW2') {
+    return new Date(1939, 8, 1);
+  }
+  return new Date(input);
+};
+
+function Demo() {
+  return (
+    <DateInput
+      dateParser={dateParser}
+      valueFormat="DD/MM/YYYY"
+      label="Type WW2"
+      placeholder="Type WW2"
+    />
+  );
+}
    +

    Allow clear

    +

    Set clearable prop to allow removing value from the input. Input will be cleared if +user selects the same date in dropdown or clears input value:

    +
    import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateInput clearable defaultValue={new Date()} label="Date input" placeholder="Date input" />
+  );
+}
    +

    Min and max date

    +

    Set minDate and maxDate props to define min and max dates. If date that is after maxDate +or before minDate is entered, then it will be considered invalid and input value will be reverted +to last known valid date value.

    +
    import dayjs from 'dayjs';
+import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateInput
+      minDate={new Date()}
+      maxDate={dayjs(new Date()).add(1, 'month').toDate()}
+      label="Date input"
+      placeholder="Date input"
+    />
+  );
+}
    +

    Disabled state

    +
    import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  return <DateInput label="Disabled" placeholder="Date input" disabled />;
+}
    +

    Input props

    +

    DateInput component supports Input and Input.Wrapper components features and all input element props. DateInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { DateInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { DateInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <DateInput ref={ref} />;
+}
    +

    Accessibility

    If DateInput is used without label prop, it will not be announced properly by screen reader:

    import { DateInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <DateInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { DateInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <DateInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { DateInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <DateInput label="My input" />;
+}

    Previous

    Calendar

    Next

    DateTimePicker

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/date-picker-input/index.html b/dates/date-picker-input/index.html new file mode 100644 index 00000000000..2d82fd924af --- /dev/null +++ b/dates/date-picker-input/index.html @@ -0,0 +1,175 @@ +DatePickerInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    DatePickerInput

    Date, multiple dates and dates range picker input

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    DatePicker props

    +

    DatePickerInput supports most of the DatePicker props, +read through DatePicker documentation to learn about all component features that are not listed on this page.

    +

    Usage

    +
    import { useState } from 'react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePickerInput
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    import { useState } from 'react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return (
+    <DatePickerInput
+      type="multiple"
+      label="Pick dates"
+      placeholder="Pick dates"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    import { useState } from 'react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <DatePickerInput
+      type="range"
+      label="Pick dates range"
+      placeholder="Pick dates range"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Open picker in modal

    +

    By default, DatePicker is rendered inside Popover. +You can change that to Modal by setting dropdownType="modal":

    +
    import { useState } from 'react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePickerInput
+      dropdownType="modal"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Value format

    +

    Use valueFormat prop to change dayjs format of value label:

    +
    import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePickerInput
+      valueFormat="YYYY MMM DD"
+      type="multiple"
+      label="Pick date"
+      placeholder="Pick date"
+    />
+  );
+}
    +

    Clearable

    +

    Set clearable prop to display clear button in the right section. Note that if you set rightSection +prop, clear button will not be displayed.

    +
    import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePickerInput
+      clearable
+      defaultValue={new Date()}
+      label="Pick date"
+      placeholder="Pick date"
+    />
+  );
+}
    +

    Disabled state

    +
    import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePickerInput
+      valueFormat="YYYY MMM DD"
+      type="multiple"
+      label="Disabled"
+      placeholder="Pick date"
+      disabled
+    />
+  );
+}
    +

    Input props

    +

    DatePickerInput component supports Input and Input.Wrapper components features and all button element props. DatePickerInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +
    Radius
    Size
    import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePickerInput
+      placeholder="Pick date"
+      label="Pick date"
+      withAsterisk
+    />
+  );
+}
    +

    With icon

    +
    import { useState } from 'react';
+import { rem } from '@mantine/core';
+import { IconCalendar } from '@tabler/icons-react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  const icon = <IconCalendar style={{ width: rem(18), height: rem(18) }} stroke={1.5} />;
+  return (
+    <DatePickerInput
+      leftSection={icon}
+      leftSectionPointerEvents="none"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { DatePickerInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <DatePickerInput ref={ref} />;
+}
    +

    Accessibility

    If DatePickerInput is used without label prop, it will not be announced properly by screen reader:

    import { DatePickerInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <DatePickerInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { DatePickerInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <DatePickerInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { DatePickerInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <DatePickerInput label="My input" />;
+}

    Previous

    DatePicker

    Next

    MonthPicker

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/date-picker/index.html b/dates/date-picker/index.html new file mode 100644 index 00000000000..52717b08ac5 --- /dev/null +++ b/dates/date-picker/index.html @@ -0,0 +1,358 @@ +DatePicker | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    DatePicker

    Inline date, multiple dates and dates range picker

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <DatePicker value={value} onChange={setValue} />;
+}
    +

    Allow deselect

    +

    Set allowDeselect to allow user to deselect current selected date by clicking on it. +allowDeselect is disregarded when type prop is range or multiple. When date is +deselected onChange is called with null.

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <DatePicker allowDeselect value={value} onChange={setValue} />;
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return <DatePicker type="multiple" value={value} onChange={setValue} />;
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return <DatePicker type="range" value={value} onChange={setValue} />;
+}
    +

    Single date in range

    +

    By default, it is not allowed to select single date as range – when user clicks the same date second time it is deselected. +To change this behavior set allowSingleDateInRange prop. allowSingleDateInRange is ignored when +type prop is not range.

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <DatePicker type="range" allowSingleDateInRange value={value} onChange={setValue} />
+  );
+}
    +

    Default date

    +

    Use defaultDate prop to set date value that will be used to determine which year should be displayed initially. +For example to display 2015 February month set defaultDate={new Date(2015, 1)}. If value is not specified, +then defaultDate will use new Date(). Day, minutes and seconds are ignored in provided date object, only year and month data is used – +you can specify any date value.

    +

    Note that if you set date prop, then defaultDate value will be ignored.

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <DatePicker defaultDate={new Date(2015, 1)} value={value} onChange={setValue} />;
+}
    +

    Controlled date

    +

    Set date, and onDateChange props to make currently displayed month, year and decade controlled. +By doing so, you can customize date picking experience, for example, when user selects first date in range, +you can add one month to the current date value:

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  const [date, setDate] = useState(new Date());
+
+  const handleChange = (val: [Date | null, Date | null]) => {
+    if (val[0] !== null && val[1] === null) {
+      setDate((current) => new Date(current.getFullYear() + 1, 1));
+    }
+
+    setValue(val);
+  };
+
+  return (
+    <DatePicker
+      date={date}
+      onDateChange={setDate}
+      type="range"
+      value={value}
+      onChange={handleChange}
+    />
+  );
+}
    +

    Default level

    +

    Set defaultLevel prop to configure initial level that will be displayed:

    +
    2020 – 2029
    import { Group } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <DatePicker defaultLevel="decade" />
+      <DatePicker defaultLevel="year" />
+    </Group>
+  );
+}
    +

    Hide outside dates

    +

    Set hideOutsideDates prop to remove all dates that do not belong to the current month:

    +
    MoTuWeThFrSaSu
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker hideOutsideDates />;
+}
    +

    First day of week

    +

    Set firstDayOfWeek prop to configure first day of week. The prop accepts number from 0 to 6, +where 0 is Sunday and 6 is Saturday. Default value is 1 – Monday. You can also configure this option +for all components with DatesProvider.

    +
    SuMoTuWeThFrSa
    SaSuMoTuWeThFr
    import { Group } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <DatePicker firstDayOfWeek={0} />
+      <DatePicker firstDayOfWeek={6} />
+    </Group>
+  );
+}
    +

    Hide weekdays

    +

    Set hideWeekdays prop to hide weekdays names:

    +
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker hideWeekdays />;
+}
    +

    Weekend days

    +

    Use weekendDays prop to configure weekend days. The prop accepts an array of numbers from 0 to 6, +where 0 is Sunday and 6 is Saturday. Default value is [0, 6] – Saturday and Sunday. You can also configure this option +for all components with DatesProvider.

    +
    MoTuWeThFrSaSu
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker weekendDays={[1, 2]} />;
+}
    +

    Render day function

    +

    You can customize day rendering with renderDay prop. For example, it can be used to add +Indicator to certain days.

    +
    MoTuWeThFrSaSu
    import { Indicator } from '@mantine/core';
+import { DatePicker, DatePickerProps } from '@mantine/dates';
+
+const dayRenderer: DatePickerProps['renderDay'] = (date) => {
+  const day = date.getDate();
+  return (
+    <Indicator size={6} color="red" offset={-5} disabled={day !== 16}>
+      <div>{day}</div>
+    </Indicator>
+  );
+};
+
+function Demo() {
+  return <DatePicker renderDay={dayRenderer} />;
+}
    +

    Min and max date

    +

    Set minDate and maxDate props to define min and max dates. If previous/next page is not available +then corresponding control will be disabled.

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePicker
+      value={value}
+      onChange={setValue}
+      defaultDate={new Date(2022, 1)}
+      minDate={new Date(2022, 1, 10)}
+      maxDate={new Date(2022, 1, 25)}
+    />
+  );
+}
    +

    Add props to year and month control

    +

    You can add props to year, month and day controls with getYearControlProps, getMonthControlProps and getDayProps functions. All functions accept date as single argument, +props returned from the function will be added to year/month/day control. For example, it can be used to disable specific +control or add styles:

    +
    MoTuWeThFrSaSu
    import { useState } from 'react';
+import { DatePicker, DatePickerProps } from '@mantine/dates';
+
+const getDayProps: DatePickerProps['getDayProps'] = (date) => {
+  if (date.getDay() === 5 && date.getDate() === 13) {
+    return {
+      style: {
+        backgroundColor: 'var(--mantine-color-red-filled)',
+        color: 'var(--mantine-color-white)',
+      },
+    };
+  }
+
+  return {};
+};
+
+const getYearControlProps: DatePickerProps['getYearControlProps'] = (date) => {
+  if (date.getFullYear() === new Date().getFullYear()) {
+    return {
+      style: {
+        color: 'var(--mantine-color-blue-filled)',
+        fontWeight: 700,
+      },
+    };
+  }
+
+  if (date.getFullYear() === new Date().getFullYear() + 1) {
+    return { disabled: true };
+  }
+
+  return {};
+};
+
+const getMonthControlProps: DatePickerProps['getMonthControlProps'] = (date) => {
+  if (date.getMonth() === 1) {
+    return {
+      style: {
+        color: 'var(--mantine-color-blue-filled)',
+        fontWeight: 700,
+      },
+    };
+  }
+
+  if (date.getMonth() === 5) {
+    return { disabled: true };
+  }
+
+  return {};
+};
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePicker
+      value={value}
+      onChange={setValue}
+      defaultDate={new Date(2021, 7)}
+      getDayProps={getDayProps}
+      getYearControlProps={getYearControlProps}
+      getMonthControlProps={getMonthControlProps}
+    />
+  );
+}
    +

    Number of columns

    +

    Set numberOfColumns prop to define number of pickers that will be rendered side by side:

    +
    MoTuWeThFrSaSu
    MoTuWeThFrSaSu

    Demo is not available on small screens. Make your screen larger to see the demo.

    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <DatePicker type="range" numberOfColumns={2} value={value} onChange={setValue} />
+  );
+}
    +

    Max level

    +
    MoTuWeThFrSaSu
    September 2023
    MoTuWeThFrSaSu
    import { Group } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <DatePicker maxLevel="year" />
+      <DatePicker maxLevel="month" />
+    </Group>
+  );
+}
    +

    Size

    +
    MoTuWeThFrSaSu
    Size
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker defaultValue={new Date()} />;
+}
    +

    Change year and months controls format

    +

    Use yearsListFormat and monthsListFormat props to change dayjs format of year/month controls:

    +
    MoTuWeThFrSaSu
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker monthsListFormat="MM" yearsListFormat="YY" />;
+}
    +

    Change label format

    +

    Use decadeLabelFormat, yearLabelFormat and monthLabelFormat props to change dayjs format of decade/year label:

    +
    20 – 29
    import { useState } from 'react';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePicker
+      defaultLevel="decade"
+      decadeLabelFormat="YY"
+      yearLabelFormat="YYYY [year]"
+      monthLabelFormat="MM/YY"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Localization

    +

    Usually it is better to specify @mantine/dates package locale in DatesProvider, +but you can also override locale per component:

    +
    пнвтсрчтптсбвс
    import 'dayjs/locale/ru';
+import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DatePicker locale="ru" />;
+}
    +

    Accessibility

    +

    Aria labels

    +

    Set ariaLabels prop to specify aria-label attributes for next/previous controls:

    +
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePicker
+      ariaLabels={{
+        nextDecade: 'Next decade',
+        previousDecade: 'Previous decade',
+        nextYear: 'Next year',
+        previousYear: 'Previous year',
+        nextMonth: 'Next month',
+        previousMonth: 'Previous month',
+        yearLevelControl: 'Change to decade view',
+        monthLevelControl: 'Change to year view',
+      }}
+    />
+  );
+}
    +

    Year/month control aria-label

    +

    Use getYearControlProps/getMonthControlProps/getDayProps to customize aria-label attribute:

    +
    import { DatePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatePicker
+      getDayProps={(date) => ({
+        'aria-label': `Select date ${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`,
+      })}
+      getYearControlProps={(date) => ({
+        'aria-label': `Select year ${date.getFullYear()}`,
+      })}
+      getMonthControlProps={(date) => ({
+        'aria-label': `Select month ${date.getFullYear()}/${date.getMonth()}`,
+      })}
+    />
+  );
+}
    +

    Keyboard interactions

    +

    Note that the following events will only trigger if focus is on date control.

    +
    KeyDescription
    ArrowRightFocuses next non-disabled date
    ArrowLeftFocuses previous non-disabled date
    ArrowDownFocuses next non-disabled date in the same column
    ArrowUpFocuses previous non-disabled date in the same column

    Previous

    DateTimePicker

    Next

    DatePickerInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/date-time-picker/index.html b/dates/date-time-picker/index.html new file mode 100644 index 00000000000..78ad6fc7c4f --- /dev/null +++ b/dates/date-time-picker/index.html @@ -0,0 +1,105 @@ +DateTimePicker | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    DateTimePicker

    Capture datetime from the user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    DatePicker props

    +

    DateTimePicker supports most of the DatePicker props, +read through DatePicker documentation to learn about all component features that are not listed on this page.

    +

    Usage

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DateTimePicker label="Pick date and time" placeholder="Pick date and time" />;
+}
    +

    With seconds

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DateTimePicker withSeconds label="Pick date and time" placeholder="Pick date and time" />;
+}
    +

    Value format

    +

    Use valueFormat prop to change dayjs format of value label:

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateTimePicker
+      valueFormat="DD MMM YYYY hh:mm A"
+      label="Pick date and time"
+      placeholder="Pick date and time"
+    />
+  );
+}
    +

    Disabled state

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return <DateTimePicker label="Disabled" placeholder="Pick date and time" disabled />;
+}
    +

    Input props

    +

    DateTimePicker component supports Input and Input.Wrapper components features and all button element props. DateTimePicker documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateTimePicker
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Clearable

    +

    Set clearable prop to display clear button in the right section. Note that if you set rightSection +prop, clear button will not be displayed.

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateTimePicker
+      clearable
+      defaultValue={new Date()}
+      label="Pick date and time"
+      placeholder="Pick date and time"
+    />
+  );
+}
    +

    Open picker in modal

    +

    By default, picker is rendered inside Popover. +You can change that to Modal by setting dropdownType="modal":

    +
    import { DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DateTimePicker
+      dropdownType="modal"
+      label="Pick date and time"
+      placeholder="Pick date and time"
+    />
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { DateTimePicker } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <DateTimePicker ref={ref} />;
+}
    +

    Accessibility

    If DateTimePicker is used without label prop, it will not be announced properly by screen reader:

    import { DateTimePicker } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <DateTimePicker />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { DateTimePicker } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <DateTimePicker aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { DateTimePicker } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <DateTimePicker label="My input" />;
+}

    Previous

    DateInput

    Next

    DatePicker

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/dates-provider/index.html b/dates/dates-provider/index.html new file mode 100644 index 00000000000..50d738ae874 --- /dev/null +++ b/dates/dates-provider/index.html @@ -0,0 +1,55 @@ +DatesProvider | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    DatesProvider

    Settings provider for @mantine/dates components

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +

    DatesProvider component lets you set various settings that are shared across all +components exported from @mantine/dates package. DatesProvider supports the following settings:

    +
      +
    • locale – dayjs locale, note that you also need to import corresponding locale module from dayjs. Default value is en.
      • +
    • firstDayOfWeek – number from 0 to 6, where 0 is Sunday and 6 is Saturday. Default value is 1 – Monday.
      • +
    • weekendDays – an array of numbers from 0 to 6, where 0 is Sunday and 6 is Saturday. Default value is [0, 6] – Saturday and Sunday.
      • +
    • timezone – a textual representation of a time zone, for example, UTC.
      • +
    +
    import 'dayjs/locale/ru';
+import { DatesProvider, MonthPickerInput, DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatesProvider settings={{ locale: 'ru', firstDayOfWeek: 0, weekendDays: [0], timezone: 'UTC' }}>
+      <MonthPickerInput label="Pick month" placeholder="Pick month" />
+      <DatePickerInput mt="md" label="Pick date" placeholder="Pick date" />
+    </DatesProvider>
+  );
+}
    +

    Timezone

    +

    When working with the DatesProvider, parsing the timezone parameter offers a valuable feature for controlling how +dates and times are displayed within your application. By specifying a timezone of your choice, you can ensure +that date information is presented in the desired timezone, rather than relying on the user's browser settings. +If you don't provide a timezone parameter or explicitly set it to undefined, the application will default to using +the user's browser timezone.

    +

    The timezone parameter sets the timezone context for all components integrated within the DatesProvider. This means +that all date and time-related data displayed within your application will adhere to the specified timezone. This simplifies +the process of maintaining consistency in how dates and times are presented to users across various parts of your application.

    +

    Accessing the timezone information

    +

    If you need to access the current timezone information from other parts of your application, you can leverage the +getTimezone() function provided by the useDatesContext() hook. This function allows you to retrieve the active +timezone setting and use it as needed.

    +

    Date format considerations

    +

    It's important to note that the DatesProvider system supports the provision of dates in the user's local timezone. +However, many backend systems and data sources use Coordinated Universal Time (UTC) timestamps. In such cases, you can +easily convert and parse UTC timestamps into the user's timezone using JavaScript, as demonstrated by +the example: new Date('2000-10-03 02:10:00Z').

    +

    By effectively utilizing the timezone parameter and the provided functions, you can tailor the presentation of date +and time data to meet the specific requirements of your application while maintaining compatibility with various data sources.

    +
    import { DatesProvider, DateTimePicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <DatesProvider settings={{ timezone: 'America/New_York' }}>
+      <DateTimePicker label="Pick a Date" placeholder="Pick a Date" defaultValue={new Date('2000-10-03 02:10:00Z')} />
+    </DatesProvider>
+  );
+}

    Previous

    Getting started

    Next

    Calendar

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/getting-started/index.html b/dates/getting-started/index.html new file mode 100644 index 00000000000..df3586331e0 --- /dev/null +++ b/dates/getting-started/index.html @@ -0,0 +1,38 @@ +Getting started | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Getting started

    Docs

    Edit this page

    Package

    @mantine/dates

    License

    MIT

    Installation

    +
    yarn add @mantine/dates dayjs
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/dates/styles.css';
    +

    Usage

    +

    After installing @mantine/dates package and importing styles, you can use all components from it:

    +
    import { useState } from 'react';
+import { DatePickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <DatePickerInput
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    dayjs

    +

    @mantine/dates components use dayjs under the hood for date manipulations and formatting. +dayjs is a required dependency – you cannot change it to another date library. If you want to use a different +date library in your application, you will need to install it separately.

    +

    Custom parse format

    +

    Some components like DateInput require custom parse format +dayjs plugin. You need to extend dayjs with this plugin before using components that require it. Note that +it is usually done once in your application root file, so you don't need to do it every time you use component.

    +
    import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+
+dayjs.extend(customParseFormat);

    Previous

    VisuallyHidden

    Next

    DatesProvider

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/month-picker-input/index.html b/dates/month-picker-input/index.html new file mode 100644 index 00000000000..5017f025a0c --- /dev/null +++ b/dates/month-picker-input/index.html @@ -0,0 +1,175 @@ +MonthPickerInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    MonthPickerInput

    Month, multiple months and months range picker input

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    MonthPicker props

    +

    MonthPickerInput supports most of the MonthPicker props, +read through MonthPicker documentation to learn about all component features that are not listed on this page.

    +

    Usage

    +
    import { useState } from 'react';
+import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <MonthPickerInput
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    import { useState } from 'react';
+import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return (
+    <MonthPickerInput
+      type="multiple"
+      label="Pick dates"
+      placeholder="Pick dates"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    import { useState } from 'react';
+import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <MonthPickerInput
+      type="range"
+      label="Pick dates range"
+      placeholder="Pick dates range"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Open picker in modal

    +

    By default, MonthPicker is rendered inside Popover. +You can change that to Modal by setting dropdownType="modal":

    +
    import { useState } from 'react';
+import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <MonthPickerInput
+      dropdownType="modal"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Value format

    +

    Use valueFormat prop to change dayjs format of value label:

    +
    import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPickerInput
+      valueFormat="YYYY MMM"
+      type="multiple"
+      label="Pick month"
+      placeholder="Pick month"
+    />
+  );
+}
    +

    Clearable

    +

    Set clearable prop to display clear button in the right section. Note that if you set rightSection +prop, clear button will not be displayed.

    +
    import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPickerInput
+      clearable
+      defaultValue={new Date()}
+      label="Pick date"
+      placeholder="Pick date"
+    />
+  );
+}
    +

    Disabled state

    +
    import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPickerInput
+      valueFormat="YYYY MMM"
+      type="multiple"
+      label="Disabled"
+      placeholder="Pick month"
+      disabled
+    />
+  );
+}
    +

    Input props

    +

    MonthPickerInput component supports Input and Input.Wrapper components features and all button element props. MonthPickerInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +
    Radius
    Size
    import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPickerInput
+      placeholder="Pick date"
+      label="Pick date"
+      withAsterisk
+    />
+  );
+}
    +

    With icon

    +
    import { useState } from 'react';
+import { rem } from '@mantine/core';
+import { IconCalendar } from '@tabler/icons-react';
+import { MonthPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  const icon = <IconCalendar style={{ width: rem(18), height: rem(18) }} stroke={1.5} />;
+  return (
+    <MonthPickerInput
+      leftSection={icon}
+      leftSectionPointerEvents="none"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { MonthPickerInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <MonthPickerInput ref={ref} />;
+}
    +

    Accessibility

    If MonthPickerInput is used without label prop, it will not be announced properly by screen reader:

    import { MonthPickerInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <MonthPickerInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { MonthPickerInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <MonthPickerInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { MonthPickerInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <MonthPickerInput label="My input" />;
+}

    Previous

    MonthPicker

    Next

    YearPicker

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/month-picker/index.html b/dates/month-picker/index.html new file mode 100644 index 00000000000..f3a2e1555c1 --- /dev/null +++ b/dates/month-picker/index.html @@ -0,0 +1,261 @@ +MonthPicker | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    MonthPicker

    Inline month, multiple months and months range picker

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <MonthPicker value={value} onChange={setValue} />;
+}
    +

    Allow deselect

    +

    Set allowDeselect to allow user to deselect current selected date by clicking on it. +allowDeselect is disregarded when type prop is range or multiple. When date is +deselected onChange is called with null.

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <MonthPicker allowDeselect value={value} onChange={setValue} />;
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return <MonthPicker type="multiple" value={value} onChange={setValue} />;
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return <MonthPicker type="range" value={value} onChange={setValue} />;
+}
    +

    Single date in range

    +

    By default, it is not allowed to select single date as range – when user clicks the same date second time it is deselected. +To change this behavior set allowSingleDateInRange prop. allowSingleDateInRange is ignored when +type prop is not range.

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <MonthPicker type="range" allowSingleDateInRange value={value} onChange={setValue} />
+  );
+}
    +

    Default date

    +

    Use defaultDate prop to set date value that will be used to determine which year should be displayed initially. +For example to display 2015 year set defaultDate={new Date(2015, 1)}. If value is not specified, +then defaultDate will use new Date(). Month, day, minutes and seconds are ignored in provided date object, only year is used – +you can specify any date value.

    +

    Note that if you set date prop, then defaultDate value will be ignored.

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <MonthPicker defaultDate={new Date(2015, 1)} value={value} onChange={setValue} />;
+}
    +

    Controlled date

    +

    Set date, and onDateChange props to make currently displayed year and decade controlled. +By doing so, you can customize date picking experience, for example, when user selects first date in range, +you can add one year to current date value:

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  const [date, setDate] = useState(new Date());
+
+  const handleChange = (val: [Date | null, Date | null]) => {
+    if (val[0] !== null && val[1] === null) {
+      setDate((current) => new Date(current.getFullYear() + 1, 1));
+    }
+
+    setValue(val);
+  };
+
+  return (
+    <MonthPicker
+      date={date}
+      onDateChange={setDate}
+      type="range"
+      value={value}
+      onChange={handleChange}
+    />
+  );
+}
    +

    Min and max date

    +

    Set minDate and maxDate props to define min and max dates. If previous/next page is not available +then corresponding control will be disabled.

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <MonthPicker
+      value={value}
+      onChange={setValue}
+      defaultDate={new Date(2022, 1)}
+      minDate={new Date(2022, 1, 1)}
+      maxDate={new Date(2022, 8, 1)}
+    />
+  );
+}
    +

    Add props to year and month control

    +

    You can add props to year and month controls with getYearControlProps and getMonthControlProps functions. Both functions accept date as single argument, +props returned from the function will be added to year/month control. For example, it can be used to disable specific +control or add styles:

    +
    import { useState } from 'react';
+import { MonthPicker, MonthPickerProps } from '@mantine/dates';
+
+const getYearControlProps: MonthPickerProps['getYearControlProps'] = (date) => {
+  if (date.getFullYear() === new Date().getFullYear()) {
+    return {
+      style: {
+        color: 'var(--mantine-color-blue-filled)',
+        fontWeight: 700,
+      },
+    };
+  }
+
+  if (date.getFullYear() === new Date().getFullYear() + 1) {
+    return { disabled: true };
+  }
+
+  return {};
+};
+
+const getMonthControlProps: MonthPickerProps['getMonthControlProps'] = (date) => {
+  if (date.getMonth() === 1) {
+    return {
+      style: {
+        color: 'var(--mantine-color-blue-filled)',
+        fontWeight: 700,
+      },
+    };
+  }
+
+  if (date.getMonth() === 5) {
+    return { disabled: true };
+  }
+
+  return {};
+};
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <MonthPicker
+      value={value}
+      onChange={setValue}
+      getYearControlProps={getYearControlProps}
+      getMonthControlProps={getMonthControlProps}
+    />
+  );
+}
    +

    Number of columns

    +

    Set numberOfColumns prop to define number of pickers that will be rendered side by side:

    +

    Demo is not available on small screens. Make your screen larger to see the demo.

    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <MonthPicker type="range" numberOfColumns={2} value={value} onChange={setValue} />
+  );
+}
    +

    Max level

    +

    To disallow user going to the decade level set maxLevel="year":

    +
    2023
    import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return <MonthPicker maxLevel="year" />;
+}
    +

    Size

    +
    Size
    import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return <MonthPicker defaultValue={new Date()} />;
+}
    +

    Change year and months controls format

    +

    Use yearsListFormat and monthsListFormat props to change dayjs format of year/month controls:

    +
    import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return <MonthPicker monthsListFormat="MM" yearsListFormat="YY" />;
+}
    +

    Change label format

    +

    Use decadeLabelFormat and yearLabelFormat to change dayjs format of decade/year label:

    +
    import { useState } from 'react';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <MonthPicker
+      decadeLabelFormat="YY"
+      yearLabelFormat="YYYY [year]"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Localization

    +

    Usually it is better to specify @mantine/dates package locale in DatesProvider, +but you can also override locale per component:

    +
    import 'dayjs/locale/ru';
+import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return <MonthPicker locale="ru" />;
+}
    +

    Accessibility

    +

    Aria labels

    +

    Set ariaLabels prop to specify aria-label attributes for next/previous controls:

    +
    import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPicker
+      ariaLabels={{
+        nextDecade: 'Next decade',
+        previousDecade: 'Previous decade',
+        nextYear: 'Next year',
+        previousYear: 'Previous year',
+        yearLevelControl: 'Change to decade view',
+      }}
+    />
+  );
+}
    +

    Year/month control aria-label

    +

    Use getYearControlProps/getMonthControlProps to customize aria-label attribute:

    +
    import { MonthPicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <MonthPicker
+      getYearControlProps={(date) => ({
+        'aria-label': `Select year ${date.getFullYear()}`,
+      })}
+      getMonthControlProps={(date) => ({
+        'aria-label': `Select month ${date.getFullYear()}/${date.getMonth()}`,
+      })}
+    />
+  );
+}
    +

    Keyboard interactions

    +

    Note that the following events will only trigger if focus is on month control.

    +
    KeyDescription
    ArrowRightFocuses next non-disabled month
    ArrowLeftFocuses previous non-disabled month
    ArrowDownFocuses next non-disabled month in the same column
    ArrowUpFocuses previous non-disabled month in the same column

    Previous

    DatePickerInput

    Next

    MonthPickerInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/time-input/index.html b/dates/time-input/index.html new file mode 100644 index 00000000000..a48b1f4de56 --- /dev/null +++ b/dates/time-input/index.html @@ -0,0 +1,86 @@ +TimeInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    TimeInput

    Capture time from the user

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +

    TimeInput component supports Input and Input.Wrapper components features and all input element props. TimeInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +

    Input description

    Variant
    Size
    Radius
    import { TimeInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <TimeInput
+      label="Input label"
+      description="Input description"
+      placeholder="Input placeholder"
+    />
+  );
+}
    +

    Show browser picker

    +

    You can show browser picker by calling showPicker method of input element:

    +
    import { useRef } from 'react';
+import { ActionIcon, rem } from '@mantine/core';
+import { TimeInput } from '@mantine/dates';
+import { IconClock } from '@tabler/icons-react';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+
+  const pickerControl = (
+    <ActionIcon variant="subtle" color="gray" onClick={() => ref.current?.showPicker()}>
+      <IconClock style={{ width: rem(16), height: rem(16) }} stroke={1.5} />
+    </ActionIcon>
+  );
+
+  return (
+    <TimeInput label="Click icon to show browser picker" ref={ref} rightSection={pickerControl} />
+  );
+}
    +

    With seconds

    +
    import { TimeInput } from '@mantine/dates';
+
+function Demo() {
+  return <TimeInput withSeconds />;
+}
    +

    With icon

    +
    import { IconClock } from '@tabler/icons-react';
+import { TimeInput } from '@mantine/dates';
+import { rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TimeInput
+      leftSection={<IconClock style={{ width: rem(16), height: rem(16) }} stroke={1.5} />}
+    />
+  );
+}
    +

    Disabled state

    +
    import { TimeInput } from '@mantine/dates';
+
+function Demo() {
+  return <TimeInput disabled />;
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { TimeInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLInputElement>(null);
+  return <TimeInput ref={ref} />;
+}
    +

    Accessibility

    If TimeInput is used without label prop, it will not be announced properly by screen reader:

    import { TimeInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <TimeInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { TimeInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <TimeInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { TimeInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <TimeInput label="My input" />;
+}

    Previous

    YearPickerInput

    Next

    CodeHighlight

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/year-picker-input/index.html b/dates/year-picker-input/index.html new file mode 100644 index 00000000000..f7d5719c6f0 --- /dev/null +++ b/dates/year-picker-input/index.html @@ -0,0 +1,170 @@ +YearPickerInput | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    YearPickerInput

    Inline year, multiple years and years range picker

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    YearPicker props

    +

    YearPickerInput supports most of the YearPicker props, +read through YearPicker documentation to learn about all component features that are not listed on this page.

    +

    Usage

    +
    import { useState } from 'react';
+import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <YearPickerInput
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    import { useState } from 'react';
+import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return (
+    <YearPickerInput
+      type="multiple"
+      label="Pick dates"
+      placeholder="Pick dates"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    import { useState } from 'react';
+import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <YearPickerInput
+      type="range"
+      label="Pick dates range"
+      placeholder="Pick dates range"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Open picker in modal

    +

    By default, YearPicker is rendered inside Popover. +You can change that to Modal by setting dropdownType="modal":

    +
    import { useState } from 'react';
+import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <YearPickerInput
+      dropdownType="modal"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Value format

    +

    Use valueFormat prop to change dayjs format of value label:

    +
    import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPickerInput valueFormat="YY" type="multiple" label="Pick year" placeholder="Pick year" />
+  );
+}
    +

    Clearable

    +

    Set clearable prop to display clear button in the right section. Note that if you set rightSection +prop, clear button will not be displayed.

    +
    import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPickerInput
+      clearable
+      defaultValue={new Date()}
+      label="Pick date"
+      placeholder="Pick date"
+    />
+  );
+}
    +

    Disabled state

    +
    import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPickerInput
+      valueFormat="YY"
+      type="multiple"
+      label="Disabled"
+      placeholder="Pick year"
+      disabled
+    />
+  );
+}
    +

    Input props

    +

    MonthPickerInput component supports Input and Input.Wrapper components features and all button element props. MonthPickerInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.

    +
    Radius
    Size
    import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPickerInput
+      placeholder="Pick date"
+      label="Pick date"
+      withAsterisk
+    />
+  );
+}
    +

    With icon

    +
    import { useState } from 'react';
+import { rem } from '@mantine/core';
+import { IconCalendar } from '@tabler/icons-react';
+import { YearPickerInput } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  const icon = <IconCalendar style={{ width: rem(18), height: rem(18) }} stroke={1.5} />;
+  return (
+    <YearPickerInput
+      leftSection={icon}
+      leftSectionPointerEvents="none"
+      label="Pick date"
+      placeholder="Pick date"
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
    +

    Get element ref

    import { useRef } from 'react';
+import { YearPickerInput } from '@mantine/core';
+
+function Demo() {
+  const ref = useRef<HTMLButtonElement>(null);
+  return <YearPickerInput ref={ref} />;
+}
    +

    Accessibility

    If YearPickerInput is used without label prop, it will not be announced properly by screen reader:

    import { YearPickerInput } from '@mantine/core';
+
+// Inaccessible input – screen reader will not announce it properly
+function Demo() {
+  return <YearPickerInput />;
+}

    Set aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:

    import { YearPickerInput } from '@mantine/core';
+
+// Accessible input – it has aria-label
+function Demo() {
+  return <YearPickerInput aria-label="My input" />;
+}

    If label prop is set, input will be accessible it is not required to set aria-label:

    import { YearPickerInput } from '@mantine/core';
+
+// Accessible input – it has associated label element
+function Demo() {
+  return <YearPickerInput label="My input" />;
+}

    Previous

    YearPicker

    Next

    TimeInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/dates/year-picker/index.html b/dates/year-picker/index.html new file mode 100644 index 00000000000..04161a1e4b7 --- /dev/null +++ b/dates/year-picker/index.html @@ -0,0 +1,209 @@ +YearPicker | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    YearPicker

    Inline year, multiple years and years range picker

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dates

    Usage

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker value={value} onChange={setValue} />;
+}
    +

    Allow deselect

    +

    Set allowDeselect to allow user to deselect current selected date by clicking on it. +allowDeselect is disregarded when type prop is range or multiple. When date is +deselected onChange is called with null.

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker allowDeselect value={value} onChange={setValue} />;
+}
    +

    Multiple dates

    +

    Set type="multiple" to allow user to pick multiple dates:

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date[]>([]);
+  return <YearPicker type="multiple" value={value} onChange={setValue} />;
+}
    +

    Dates range

    +

    Set type="range" to allow user to pick dates range:

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return <YearPicker type="range" value={value} onChange={setValue} />;
+}
    +

    Single date in range

    +

    By default, it is not allowed to select single date as range – when user clicks the same date second time it is deselected. +To change this behavior set allowSingleDateInRange prop. allowSingleDateInRange is ignored when +type prop is not range.

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <YearPicker type="range" allowSingleDateInRange value={value} onChange={setValue} />
+  );
+}
    +

    Default date

    +

    Use defaultDate prop to set date value that will be used to determine which decade should be displayed initially. +For example to display 2040 – 2049 decade set defaultDate={new Date(2040, 1)}. If value is not specified, +then defaultDate will use new Date(). Month, day, minutes and seconds are ignored in provided date object, only year is used – +you can specify any date value.

    +

    Note that if you set date prop, then defaultDate value will be ignored.

    +
    2040 – 2049
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker defaultDate={new Date(2040, 1)} value={value} onChange={setValue} />;
+}
    +

    Controlled date

    +

    Set date, and onDateChange props to make currently displayed decade controlled. +By doing so, you can customize date picking experience, for example, when user selects first date in range, +you can add 20 years to current date value:

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  const [date, setDate] = useState(new Date());
+
+  const handleChange = (val: [Date | null, Date | null]) => {
+    if (val[0] !== null && val[1] === null) {
+      setDate((current) => new Date(current.getFullYear() + 20, 1));
+    }
+
+    setValue(val);
+  };
+
+  return (
+    <YearPicker
+      date={date}
+      onDateChange={setDate}
+      type="range"
+      value={value}
+      onChange={handleChange}
+    />
+  );
+}
    +

    Min and max date

    +

    Set minDate and maxDate props to define min and max dates. If previous/next page is not available +then corresponding control will be disabled.

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return (
+    <YearPicker
+      value={value}
+      onChange={setValue}
+      minDate={new Date(2021, 1)}
+      maxDate={new Date(2028, 1)}
+    />
+  );
+}
    +

    Add props to year control

    +

    You can add props to year controls with getYearControlProps function. It accepts year date as single argument, +props returned from the function will be added to year control. For example, it can be used to disable specific +control or add styles:

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker, YearPickerProps } from '@mantine/dates';
+
+const getYearControlProps: YearPickerProps['getYearControlProps'] = (date) => {
+  if (date.getFullYear() === new Date().getFullYear()) {
+    return {
+      style: {
+        color: 'var(--mantine-color-blue-filled)',
+        fontWeight: 700,
+      },
+    };
+  }
+
+  if (date.getFullYear() === new Date().getFullYear() + 1) {
+    return { disabled: true };
+  }
+
+  return {};
+};
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker value={value} onChange={setValue} getYearControlProps={getYearControlProps} />;
+}
    +

    Number of columns

    +

    Set numberOfColumns prop to define number of pickers that will be rendered side by side:

    +
    2020 – 2029
    2030 – 2039

    Demo is not available on small screens. Make your screen larger to see the demo.

    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
+  return (
+    <YearPicker type="range" numberOfColumns={2} value={value} onChange={setValue} />
+  );
+}
    +

    Size

    +
    2020 – 2029
    Size
    import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  return <YearPicker defaultValue={new Date()} />;
+}
    +

    Change year controls format

    +

    Use yearsListFormat to change dayjs format of year control:

    +
    2020 – 2029
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker yearsListFormat="YY" value={value} onChange={setValue} />;
+}
    +

    Change decade label format

    +

    Use decadeLabelFormat to change dayjs format of decade label:

    +
    20 – 29
    import { useState } from 'react';
+import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  const [value, setValue] = useState<Date | null>(null);
+  return <YearPicker decadeLabelFormat="YY" value={value} onChange={setValue} />;
+}
    +

    Accessibility

    +

    Aria labels

    +

    Set ariaLabels prop to specify aria-label attributes for next/previous controls:

    +
    import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPicker
+      ariaLabels={{
+        nextDecade: 'Next decade',
+        previousDecade: 'Previous decade',
+      }}
+    />
+  );
+}
    +

    Year control aria-label

    +

    Use getYearControlProps to customize aria-label attribute:

    +
    import { YearPicker } from '@mantine/dates';
+
+function Demo() {
+  return (
+    <YearPicker
+      getYearControlProps={(date) => ({
+        'aria-label': `Select year ${date.getFullYear()}`,
+      })}
+    />
+  );
+}
    +

    Keyboard interactions

    +

    Note that the following events will only trigger if focus is on year control.

    +
    KeyDescription
    ArrowRightFocuses next non-disabled year
    ArrowLeftFocuses previous non-disabled year
    ArrowDownFocuses next non-disabled year in the same column
    ArrowUpFocuses previous non-disabled year in the same column

    Previous

    MonthPickerInput

    Next

    YearPickerInput

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 00000000000..22bab82ea43 --- /dev/null +++ b/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/form/create-form-context/index.html b/form/create-form-context/index.html new file mode 100644 index 00000000000..1901c8b5d82 --- /dev/null +++ b/form/create-form-context/index.html @@ -0,0 +1,90 @@ +Form context | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Form context

    Add context support to use-form with createFormContext

    Docs

    Edit this page

    Package

    @mantine/form

    Usage

    +

    createFormContext function creates context provider and hook to get form object from context:

    +
    import { createFormContext } from '@mantine/form';
+import { TextInput } from '@mantine/core';
+
+// Definition of form values is required
+interface FormValues {
+  age: number;
+  name: string;
+}
+
+// createFormContext returns a tuple with 3 items:
+// FormProvider is a component that sets form context
+// useFormContext hook return form object that was previously set in FormProvider
+// useForm hook works the same way as useForm exported from the package but has predefined type
+const [FormProvider, useFormContext, useForm] = createFormContext<FormValues>();
+
+function ContextField() {
+  const form = useFormContext();
+  return <TextInput label="Your name" {...form.getInputProps('name')} />;
+}
+
+export function Context() {
+  // Create form as described in use-form documentation
+  const form = useForm({
+    initialValues: {
+      age: 0,
+      name: '',
+    },
+  });
+
+  // Wrap your form with FormProvider
+  return (
+    <FormProvider form={form}>
+      <form onSubmit={form.onSubmit(() => {})}>
+        <ContextField />
+      </form>
+    </FormProvider>
+  );
+}
    +

    Store context in separate file

    +

    Usually it is a good idea to store form context in separate file to avoid dependencies cycle:

    +
    // form-context.ts file
+import { createFormContext } from '@mantine/form';
+
+interface UserFormValues {
+  age: number;
+  name: string;
+}
+
+// You can give context variables any name
+export const [UserFormProvider, useUserFormContext, useUserForm] =
+  createFormContext<UserFormValues>();
    +

    Then you can import context variables from anywhere:

    +
    // NameInput.tsx
+import { TextInput } from '@mantine/core';
+import { useUserFormContext } from './form-context';
+
+export function NameInput() {
+  const form = useUserFormContext();
+  return <TextInput label="Name" {...form.getInputProps('name')} />;
+}
    +
    // UserForm.tsx
+import { NumberInput } from '@mantine/core';
+import { UserFormProvider, useUserForm } from './form-context';
+import { NameInput } from './NameInput';
+
+function UserForm() {
+  const form = useUserForm({
+    initialValues: {
+      age: 0,
+      name: '',
+    },
+  });
+
+  return (
+    <UserFormProvider form={form}>
+      <form onSubmit={form.onSubmit(() => {})}>
+        <NumberInput label="Age" {...form.getInputProps('age')} />
+        <NameInput />
+      </form>
+    </UserFormProvider>
+  );
+}

    Previous

    Touched & dirty

    Next

    Recipes

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/errors/index.html b/form/errors/index.html new file mode 100644 index 00000000000..d6279e82867 --- /dev/null +++ b/form/errors/index.html @@ -0,0 +1,100 @@ +Form errors | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Form errors

    Manipulate form errors with use-form hook

    Docs

    Edit this page

    Package

    @mantine/form

    Errors object

    +

    form.errors is an object of React nodes that contains validation errors:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { firstName: '', lastName: '' },
+  validate: {
+    firstName: (value) => (value.length < 2 ? 'First name is too short' : null),
+    lastName: (value) => (value.length < 2 ? 'Last name is too short' : null),
+  },
+});
+
+// Errors object is empty by default
+form.errors; // -> {}
+
+// Errors will be filled when you call form.validate manually
+// or automatically with form.onSubmit handler
+form.validate();
+
+form.errors; // ->
+// {
+//   firstName: 'First name is too short',
+//   lastName: 'Last name is too short'
+// }
    +

    Initial errors

    +

    Same as with initial values you can set initial form errors:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { firstName: '', lastName: '' },
+  initialErrors: {
+    firstName: 'First name is too short',
+    lastName: 'Last name is too short',
+  },
+});
    +

    setErrors handler

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm();
+form.setErrors({ firstName: 'Too short', email: 'Invalid email' });
+
+form.errors;
+// -> { firstName: 'Too short', email: 'Invalid email' }
    +

    setFieldError handler

    +

    form.setFieldError handler sets error of the given field:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialValues: { name: '', email: '' } });
+form.setFieldError('email', 'Invalid email');
+
+form.errors; // -> { email: 'Invalid email' }
    +

    clearErrors handler

    +

    form.clearErrors handler clear all form errors:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialErrors: { name: 'Too short', email: 'Invalid email' } });
+form.clearErrors();
+
+console.log(form.errors);
+// -> {}
    +

    clearFieldError handler

    +

    form.clearFieldError handler clears error of the given field:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialErrors: { name: 'Too short', email: 'Invalid email' } });
+form.clearFieldError('name');
+
+console.log(form.errors);
+// -> { email: 'Invalid email' }
    +

    Errors as react node

    +

    You can use any React node as an error message:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { name: '', email: '' },
+  initialErrors: {
+    name: <p>Paragraph error</p>, // -> error as a react element
+    email: 42, // -> error as a number
+  },
+});
    +

    Note that errors that are false, null or undefined will be automatically removed:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialErrors: { name: 'name-error', email: null } });
+form.errors; // -> { name: 'name-error' }, email error is not included in errors object
    +

    FormErrors type

    +

    form.errors type is Record<string, React.ReactNode>, you can import a shorthand FormErrors type from @mantine/form:

    +
    import type { FormErrors } from '@mantine/form';
    +

    You can also get type directly from the form instance:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm();
+
+const handleErrors = (errors: typeof form.errors) => {};

    Previous

    Form values

    Next

    Form validation

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/nested/index.html b/form/nested/index.html new file mode 100644 index 00000000000..b2934208b2e --- /dev/null +++ b/form/nested/index.html @@ -0,0 +1,238 @@ +Nested fields | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Nested fields

    Manage nested arrays and object state with use-form hook

    Docs

    Edit this page

    Package

    @mantine/form

    Properties paths

    +

    Most of form handlers accept property path as the first argument. +Property path includes keys/indices of objects/arrays at which target property is contained:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    user: {
+      firstName: 'John',
+      lastName: 'Doe',
+    },
+
+    fruits: [
+      { name: 'Banana', available: true },
+      { name: 'Orange', available: false },
+    ],
+
+    deeply: {
+      nested: {
+        object: [{ item: 1 }, { item: 2 }],
+      },
+    },
+  },
+});
+
+// Props for input that is controlled by user object firstName field
+form.getInputProps('user.firstName');
+
+// Set value of `name` field that is contained in object at second position of fruits array:
+form.setFieldValue('fruits.1.name', 'Carrot');
+
+// Validate deeply nested field
+form.validateField('deeply.nested.object.0.item');
    +

    Nested objects

    +

    Form values:

    {
+  "terms": false,
+  "user": {
+    "firstName": "",
+    "lastName": ""
+  }
+}
    import { useForm } from '@mantine/form';
+import { TextInput, Checkbox, Code, Text, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      terms: false,
+      user: {
+        firstName: '',
+        lastName: '',
+      },
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <TextInput
+        label="First name"
+        placeholder="First name"
+        {...form.getInputProps('user.firstName')}
+      />
+      <TextInput
+        label="Last name"
+        placeholder="Last name"
+        mt="md"
+        {...form.getInputProps('user.lastName')}
+      />
+      <Checkbox
+        label="I accepts terms & conditions"
+        mt="sm"
+        {...form.getInputProps('terms', { type: 'checkbox' })}
+      />
+
+      <Text size="sm" fw={500} mt="xl">
+        Form values:
+      </Text>
+      <Code block mt={5}>
+        {JSON.stringify(form.values, null, 2)}
+      </Code>
+    </Box>
+  );
+}
    +

    Set nested object value

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    user: {
+      name: '',
+      occupation: '',
+    },
+  },
+});
+
+// You can set values for each field individually
+form.setFieldValue('user.name', 'John');
+form.setFieldValue('user.occupation', 'Engineer');
+
+// Or set the entire object
+form.setFieldValue('user', { name: 'Jane', occupation: 'Architect' });
    +

    Nested object values validation

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    user: {
+      name: '',
+      occupation: '',
+    },
+  },
+
+  validate: {
+    user: {
+      name: (value) => (value.length < 2 ? 'Name is too short' : null),
+      occupation: (value) => (value.length < 2 ? 'Occupation is too short' : null),
+    },
+  },
+});
+
+form.validate();
+form.errors; // -> { 'user.name': 'Name is too short', 'user.occupation': 'Occupation is too short' }
    +

    Nested arrays

    +

    Name

    Status

    Form values:

    {
+  "employees": [
+    {
+      "name": "",
+      "active": false,
+      "key": "mantine-fwsv9vew4"
+    }
+  ]
+}
    import { useForm } from '@mantine/form';
+import { TextInput, Switch, Group, ActionIcon, Box, Text, Button, Code } from '@mantine/core';
+import { randomId } from '@mantine/hooks';
+import { IconTrash } from '@tabler/icons-react';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      employees: [{ name: '', active: false, key: randomId() }],
+    },
+  });
+
+  const fields = form.values.employees.map((item, index) => (
+    <Group key={item.key} mt="xs">
+      <TextInput
+        placeholder="John Doe"
+        withAsterisk
+        style={{ flex: 1 }}
+        {...form.getInputProps(`employees.${index}.name`)}
+      />
+      <Switch
+        label="Active"
+        {...form.getInputProps(`employees.${index}.active`, { type: 'checkbox' })}
+      />
+      <ActionIcon color="red" onClick={() => form.removeListItem('employees', index)}>
+        <IconTrash size="1rem" />
+      </ActionIcon>
+    </Group>
+  ));
+
+  return (
+    <Box maw={500} mx="auto">
+      {fields.length > 0 ? (
+        <Group mb="xs">
+          <Text fw={500} size="sm" style={{ flex: 1 }}>
+            Name
+          </Text>
+          <Text fw={500} size="sm" pr={90}>
+            Status
+          </Text>
+        </Group>
+      ) : (
+        <Text c="dimmed" ta="center">
+          No one here...
+        </Text>
+      )}
+
+      {fields}
+
+      <Group justify="center" mt="md">
+        <Button
+          onClick={() =>
+            form.insertListItem('employees', { name: '', active: false, key: randomId() })
+          }
+        >
+          Add employee
+        </Button>
+      </Group>
+
+      <Text size="sm" fw={500} mt="md">
+        Form values:
+      </Text>
+      <Code block>{JSON.stringify(form.values, null, 2)}</Code>
+    </Box>
+  );
+}
    +

    List handlers

    +

    useForm hook provides the following handlers to manage list state:

    +
      +
    • removeListItem – removes list item at given index
      • +
    • insertListItem – inserts list item at given index (appends item to the end of the list if index is not specified)
      • +
    • reorderListItem – reorders list item with given position at specified field
      • +
    +

    List values validation

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    users: [
+      { name: 'John', age: 12 },
+      { name: '', age: 22 },
+    ],
+  },
+
+  validate: {
+    users: {
+      name: (value) => (value.length < 2 ? 'Name should have at least 2 letters' : null),
+      age: (value) => (value < 18 ? 'User must be 18 or older' : null),
+    },
+  },
+});
+
+// Validate list item field
+form.validate('users.1.name');
+
+// Or with all other fields
+form.validate();
+console.log(form.errors);
+// {
+//  'users.0.age': 'User must be 18 or older',
+//  'users.1.name': 'Name should have at least 2 letters'
+// }

    Previous

    Form validators

    Next

    Touched & dirty

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/recipes/index.html b/form/recipes/index.html new file mode 100644 index 00000000000..0c9f2bf2e34 --- /dev/null +++ b/form/recipes/index.html @@ -0,0 +1,264 @@ +Recipes | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Recipes

    use-form examples

    Docs

    Edit this page

    Package

    @mantine/form

    Set initial values with async request

    +
    import { useEffect } from 'react';
+import { useForm } from '@mantine/form';
+import { TextInput, Checkbox, Box } from '@mantine/core';
+
+interface FormValues {
+  email: string;
+  terms: boolean;
+}
+
+function loadInitialValues(): Promise<FormValues> {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve({ email: 'test@email', terms: true }), 2000);
+  });
+}
+
+function Demo() {
+  const form = useForm<FormValues>({ initialValues: { email: '', terms: false } });
+
+  useEffect(() => {
+    loadInitialValues().then((values) => {
+      form.setValues(values);
+      form.resetDirty(values);
+    });
+  }, []);
+
+  return (
+    <Box maw={320} mx="auto">
+      <TextInput label="Email" placeholder="Email" {...form.getInputProps('email')} />
+      <Checkbox
+        mt="sm"
+        label="I accept terms and conditions"
+        {...form.getInputProps('terms', { type: 'checkbox' })}
+      />
+    </Box>
+  );
+}
    +

    Save form values to local storage

    +
    import { useEffect } from 'react';
+import { useForm } from '@mantine/form';
+import { TextInput, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({ initialValues: { name: '', occupation: '' } });
+
+  useEffect(() => {
+    const storedValue = window.localStorage.getItem('user-form');
+    if (storedValue) {
+      try {
+        form.setValues(JSON.parse(window.localStorage.getItem('user-form')!));
+      } catch (e) {
+        console.log('Failed to parse stored value');
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    window.localStorage.setItem('user-form', JSON.stringify(form.values));
+  }, [form.values]);
+
+  return (
+    <Box maw={340} mx="auto">
+      <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+      <TextInput
+        mt="md"
+        label="Occupation"
+        placeholder="Occupation"
+        {...form.getInputProps('occupation')}
+      />
+    </Box>
+  );
+}
    +

    List items reordering

    +

    Form values:

    {
+  "employees": [
+    {
+      "name": "John Doe",
+      "email": "john@mantine.dev"
+    },
+    {
+      "name": "Bill Love",
+      "email": "bill@mantine.dev"
+    },
+    {
+      "name": "Nancy Eagle",
+      "email": "nanacy@mantine.dev"
+    },
+    {
+      "name": "Lim Notch",
+      "email": "lim@mantine.dev"
+    },
+    {
+      "name": "Susan Seven",
+      "email": "susan@mantine.dev"
+    }
+  ]
+}
    import { Group, TextInput, Box, Text, Code, Button, Center } from '@mantine/core';
+import { useForm } from '@mantine/form';
+import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
+import { IconGripVertical } from '@tabler/icons-react';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      employees: [
+        { name: 'John Doe', email: 'john@mantine.dev' },
+        { name: 'Bill Love', email: 'bill@mantine.dev' },
+        { name: 'Nancy Eagle', email: 'nanacy@mantine.dev' },
+        { name: 'Lim Notch', email: 'lim@mantine.dev' },
+        { name: 'Susan Seven', email: 'susan@mantine.dev' },
+      ],
+    },
+  });
+
+  const fields = form.values.employees.map((_, index) => (
+    <Draggable key={index} index={index} draggableId={index.toString()}>
+      {(provided) => (
+        <Group ref={provided.innerRef} mt="xs" {...provided.draggableProps}>
+          <Center {...provided.dragHandleProps}>
+            <IconGripVertical size="1.2rem" />
+          </Center>
+          <TextInput placeholder="John Doe" {...form.getInputProps(`employees.${index}.name`)} />
+          <TextInput
+            placeholder="example@mail.com"
+            {...form.getInputProps(`employees.${index}.email`)}
+          />
+        </Group>
+      )}
+    </Draggable>
+  ));
+
+  return (
+    <Box maw={500} mx="auto">
+      <DragDropContext
+        onDragEnd={({ destination, source }) =>
+          form.reorderListItem('employees', { from: source.index, to: destination?.index! })
+        }
+      >
+        <Droppable droppableId="dnd-list" direction="vertical">
+          {(provided) => (
+            <div {...provided.droppableProps} ref={provided.innerRef}>
+              {fields}
+              {provided.placeholder}
+            </div>
+          )}
+        </Droppable>
+      </DragDropContext>
+
+      <Group justify="center" mt="md">
+        <Button onClick={() => form.insertListItem('employees', { name: '', email: '' })}>
+          Add employee
+        </Button>
+      </Group>
+
+      <Text size="sm" fw={500} mt="md">
+        Form values:
+      </Text>
+      <Code block>{JSON.stringify(form.values, null, 2)}</Code>
+    </Box>
+  );
+}
    +

    Form with multiple steps

    +
    import { useState } from 'react';
+import { Stepper, Button, Group, TextInput, PasswordInput, Code } from '@mantine/core';
+import { useForm } from '@mantine/form';
+
+function Demo() {
+  const [active, setActive] = useState(0);
+
+  const form = useForm({
+    initialValues: {
+      username: '',
+      password: '',
+      name: '',
+      email: '',
+      website: '',
+      github: '',
+    },
+
+    validate: (values) => {
+      if (active === 0) {
+        return {
+          username:
+            values.username.trim().length < 6
+              ? 'Username must include at least 6 characters'
+              : null,
+          password:
+            values.password.length < 6 ? 'Password must include at least 6 characters' : null,
+        };
+      }
+
+      if (active === 1) {
+        return {
+          name: values.name.trim().length < 2 ? 'Name must include at least 2 characters' : null,
+          email: /^\S+@\S+$/.test(values.email) ? null : 'Invalid email',
+        };
+      }
+
+      return {};
+    },
+  });
+
+  const nextStep = () =>
+    setActive((current) => {
+      if (form.validate().hasErrors) {
+        return current;
+      }
+      return current < 3 ? current + 1 : current;
+    });
+
+  const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current));
+
+  return (
+    <>
+      <Stepper active={active}>
+        <Stepper.Step label="First step" description="Profile settings">
+          <TextInput label="Username" placeholder="Username" {...form.getInputProps('username')} />
+          <PasswordInput
+            mt="md"
+            label="Password"
+            placeholder="Password"
+            {...form.getInputProps('password')}
+          />
+        </Stepper.Step>
+
+        <Stepper.Step label="Second step" description="Personal information">
+          <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+          <TextInput mt="md" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        </Stepper.Step>
+
+        <Stepper.Step label="Final step" description="Social media">
+          <TextInput label="Website" placeholder="Website" {...form.getInputProps('website')} />
+          <TextInput
+            mt="md"
+            label="GitHub"
+            placeholder="GitHub"
+            {...form.getInputProps('github')}
+          />
+        </Stepper.Step>
+        <Stepper.Completed>
+          Completed! Form values:
+          <Code block mt="xl">
+            {JSON.stringify(form.values, null, 2)}
+          </Code>
+        </Stepper.Completed>
+      </Stepper>
+
+      <Group justify="flex-end" mt="xl">
+        {active !== 0 && (
+          <Button variant="default" onClick={prevStep}>
+            Back
+          </Button>
+        )}
+        {active !== 3 && <Button onClick={nextStep}>Next step</Button>}
+      </Group>
+    </>
+  );
+}

    Previous

    Form context

    Next

    AppShell

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/status/index.html b/form/status/index.html new file mode 100644 index 00000000000..f6c66216a5c --- /dev/null +++ b/form/status/index.html @@ -0,0 +1,100 @@ +Touched & dirty | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Touched & dirty

    Get fields and form touched and dirty status

    Docs

    Edit this page

    Package

    @mantine/form

    Touched and dirty state

    +

    form.isTouched and form.isDirty fields provide information about current field status:

    +
      +
    • Field is considered to be touched when user focused it or its value was changed programmatically with form.setFieldValue handler
      • +
    • Field is considered to be dirty when its value was changed and new value is different from field value specified in initialValues (compared with fast-deep-equal)
      • +
    +

    Touched: not touched

    Dirty: not dirty

    import { useForm } from '@mantine/form';
+import { TextInput, Text, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({ initialValues: { text: 'initial value' } });
+
+  return (
+    <Box maw={400} mx="auto">
+      <TextInput
+        {...form.getInputProps('text')}
+        label="Touched/dirty demo"
+        placeholder="Touched/dirty demo"
+      />
+
+      <Text size="sm" mt="sm">
+        Touched:{' '}
+        <Text span c={form.isTouched('text') ? 'blue' : 'red'}>
+          {form.isTouched('text') ? 'touched' : 'not touched'}
+        </Text>
+      </Text>
+
+      <Text size="sm">
+        Dirty:{' '}
+        <Text span c={form.isDirty('text') ? 'blue' : 'red'}>
+          {form.isDirty('text') ? 'dirty' : 'not dirty'}
+        </Text>
+      </Text>
+    </Box>
+  );
+}
    +

    isTouched and isDirty functions

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialValues: { a: 1, nested: { field: '' } } });
+
+// Provide path as first argument to get state of single field
+form.isTouched('a'); // -> was field 'a' focused or changed?
+form.isDirty('a'); // -> was field 'a' modified?
+form.isDirty('nested.field'); // -> nested fields are also supported
+
+// If field path is not provided,
+// then functions will return form state instead
+form.touched(); // -> was any field in form focused or changed?
+form.isDirty(); // -> was any field in form modified?
    +

    Initial values

    +

    You can provide initial touched and dirty values with initialTouched and initialDirty properties. +Both properties support the same fields path format as errors:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { a: 1, nested: { field: '' } },
+  initialTouched: { a: true, 'nested.field': true },
+  initialDirty: { a: true, 'nested.field': true },
+});
    +

    resetTouched and resetDirty

    +

    form.resetTouched and form.resetDirty functions will make all fields clean and untouched. +Note that form.reset will also reset touched and dirty state:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { a: 1 },
+  initialTouched: { a: true },
+  initialDirty: { a: true },
+});
+
+form.isDirty('a'); // -> true
+form.isTouched('a'); // -> true
+
+form.resetTouched();
+form.isTouched('a'); // -> false
+
+form.resetDirty();
+form.isDirty('a'); // -> false
    +

    To reset values that are used for dirty check call form.resetDirty with new values:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { a: 1 },
+});
+
+form.setValues({ a: 2 });
+form.isDirty(); // -> true
+
+form.resetDirty({ a: 2 });
+form.isDirty(); // -> false
+
+form.setValues({ a: 3 });
+form.isDirty(); // -> true

    Previous

    Nested fields

    Next

    Form context

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/use-form/index.html b/form/use-form/index.html new file mode 100644 index 00000000000..6516ffe14fa --- /dev/null +++ b/form/use-form/index.html @@ -0,0 +1,226 @@ +use-form | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-form

    Manage form state

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/form

    License

    MIT

    Installation

    +

    @mantine/form package does not depend on any other libraries, you can use it with or without @mantine/core inputs:

    +
    yarn add @mantine/form
    +

    Usage

    +
    import { TextInput, Checkbox, Button, Group, Box } from '@mantine/core';
+import { useForm } from '@mantine/form';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      email: '',
+      termsOfService: false,
+    },
+
+    validate: {
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="your@email.com"
+          {...form.getInputProps('email')}
+        />
+
+        <Checkbox
+          mt="md"
+          label="I agree to sell my privacy"
+          {...form.getInputProps('termsOfService', { type: 'checkbox' })}
+        />
+
+        <Group justify="flex-end" mt="md">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    API overview

    +

    All examples below use the following example use-form hook.

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    path: '',
+    path2: '',
+    user: {
+      firstName: 'John',
+      lastName: 'Doe',
+    },
+    fruits: [
+      { name: 'Banana', available: true },
+      { name: 'Orange', available: false },
+    ],
+    accepted: false,
+  },
+});
    +

    Values

    +

    Form values guide

    +
    // get current form values
+form.values;
+
+// Set all form values
+form.setValues(values);
+
+// Set all form values using the previous state
+form.setValues((prev) => ({ ...prev, ...values }));
+
+// Set value of single field
+form.setFieldValue('path', value);
+
+// Set value of nested field
+form.setFieldValue('user.firstName', 'Jane');
+
+// Resets form.values to initialValues,
+// clears all validation errors,
+// resets touched and dirty state
+form.reset();
    +

    List items

    +

    Nested fields guide

    +
    // Inserts given list item at the specified path
+form.insertListItem('fruits', { name: 'Apple', available: true });
+
+// An optional index may be provided to specify the position in a nested field.
+// If the index is provided, item will be inserted at the given position.
+// If the index is larger than the current list, the element is inserted at the last position.
+form.insertListItem('fruits', { name: 'Orange', available: true }, 1);
+
+// Removes the list item at the specified path and index.
+form.removeListItem('fruits', 1);
+
+// Swaps two items of the list at the specified path.
+// You should make sure that there are elements at at the `from` and `to` index.
+form.reorderListItem('fruits', { from: 1, to: 0 });
    +

    Validation

    +

    Form validation guide

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    email: '',
+    user: {
+      firstName: '',
+      lastName: '',
+    },
+  },
+  validate: {
+    email: (value) => (value.length < 2 ? 'Invalid email' : null),
+    user: {
+      firstName: (value) => (value.length < 2 ? 'First name must have at least 2 letters' : null),
+    },
+  },
+});
+
+// Validates all fields with specified `validate` function or schema, sets form.errors
+form.validate();
+
+// Validates single field at specified path, sets form.errors
+form.validateField('user.firstName');
+
+// Works the same way as form.validate but does not set form.errors
+form.isValid();
+form.isValid('user.firstName');
    +

    Errors

    +

    Form errors guide

    +

    Validation errors occur when defined validation rules were violated, initialErrors were specified in useForm properties +or validation errors were set manually.

    +
    // get current errors state
+form.errors;
+
+// Set all errors
+form.setErrors({ path: 'Error message', path2: 'Another error' });
+
+// Set error message at specified path
+form.setFieldError('user.lastName', 'No special characters allowed');
+
+// Clears all errors
+form.clearErrors();
+
+// Clears error of field at specified path
+form.clearFieldError('path');
    +

    onReset and onSubmit

    +

    Wrapper function for form onSubmit and onReset event handler. onSubmit handler accepts as second argument a function +that will be called with errors object when validation fails.

    +
    <form onSubmit={form.onSubmit(setFormValues)}></form>
+<form onSubmit={form.onSubmit(
+    (values, _event) => { setFormValues(values) },
+    (validationErrors, _values, _event) => { console.log(validationErrors) }
+)}></form>
+<form onReset={form.onReset}></form>
    +

    Touched and dirty

    +

    Touched & dirty guide

    +
    // Returns true if user interacted with any field inside form in any way
+form.isTouched();
+
+// Returns true if user interacted with field at specified path
+form.isTouched('path');
+
+// Set all touched values
+form.setTouched({ 'user.firstName': true, 'user.lastName': false });
+
+// Clears touched status of all fields
+form.resetTouched();
+
+// Returns true if form values are not deep equal to initialValues
+form.isDirty();
+
+// Returns true if field value is not deep equal to initialValues
+form.isDirty('path');
+
+// Sets dirty status of all fields
+form.setDirty({ 'user.firstName': true, 'user.lastName': false });
+
+// Clears dirty status of all fields, saves form.values snapshot
+// After form.resetDirty is called, form.isDirty will compare
+// form.values to snapshot instead of initialValues
+form.resetDirty();
    +

    getInputProps

    +

    form.getInputProps returns an object with value, onChange, onFocus, onBlur and error that should be spread on input.

    +

    As second parameter options can be passed.

    +
      +
    • type: default input. Needs to be configured to checkbox if input requires checked to be set instead of value.
      • +
    • withError: default type === 'input'. Specifies if the returned object contains an error property with +form.errors[path] value.
      • +
    • withFocus: default true. Specifies if the returned object contains an onFocus handler. If disabled, the touched state +of the form can only be used if all values are set with setFieldValue.
      • +
    +
    <TextInput {...form.getInputProps('path')} />
+<Checkbox {...form.getInputProps('accepted', { type: 'checkbox' })} />
    +

    UseFormReturnType

    +

    UseFormReturnType can be used when you want to pass form as a prop to another component:

    +
    import { TextInput } from '@mantine/core';
+import { useForm, UseFormReturnType } from '@mantine/form';
+
+interface FormValues {
+  name: string;
+  occupation: string;
+}
+
+function NameInput({ form }: { form: UseFormReturnType<FormValues> }) {
+  return <TextInput {...form.getInputProps('name')} />;
+}
+
+function OccupationInput({ form }: { form: UseFormReturnType<FormValues> }) {
+  return <TextInput {...form.getInputProps('occupation')} />;
+}
+
+function Demo() {
+  const form = useForm<FormValues>({ initialValues: { name: '', occupation: '' } });
+  return (
+    <>
+      <NameInput form={form} />
+      <OccupationInput form={form} />
+    </>
+  );
+}

    Previous

    use-shallow-effect

    Next

    Form values

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/validation/index.html b/form/validation/index.html new file mode 100644 index 00000000000..b671735e3dd --- /dev/null +++ b/form/validation/index.html @@ -0,0 +1,659 @@ +Form validation | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Form validation

    Validate fields with use-form hook

    Docs

    Edit this page

    Package

    @mantine/form

    Validation with rules object

    +

    To validate form with rules object, provide an object of functions which take field value as an argument +and return error message (any React node) or null if field is valid:

    +
    import { useForm } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: { name: '', email: '', age: 0 },
+
+    // functions will be used to validate values at corresponding key
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+      age: (value) => (value < 18 ? 'You must be at least 18 to register' : null),
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit(console.log)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <NumberInput
+          mt="sm"
+          label="Age"
+          placeholder="Age"
+          min={0}
+          max={99}
+          {...form.getInputProps('age')}
+        />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    Rule function arguments

    +

    Each form rule receives the following arguments:

    +
      +
    • value – value of field
      • +
    • values – all form values
      • +
    • path – field path, for example user.email or cart.0.price
      • +
    +

    path argument can be used to get information about field location relative to other fields, +for example you can get index of array element:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { a: [{ b: 1 }, { b: 2 }] },
+  validate: {
+    a: {
+      b: (value, values, path) => (path === 'a.0.b' ? 'error' : null),
+    },
+  },
+});
    +

    Validation based on other form values

    +

    You can get all form values as a second rule function argument to perform field validation based on other +form values. For example, you can validate that password confirmation is the same as password:

    +
    import { useForm } from '@mantine/form';
+import { PasswordInput, Group, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      password: 'secret',
+      confirmPassword: 'sevret',
+    },
+
+    validate: {
+      confirmPassword: (value, values) =>
+        value !== values.password ? 'Passwords did not match' : null,
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <PasswordInput
+          label="Password"
+          placeholder="Password"
+          {...form.getInputProps('password')}
+        />
+
+        <PasswordInput
+          mt="sm"
+          label="Confirm password"
+          placeholder="Confirm password"
+          {...form.getInputProps('confirmPassword')}
+        />
+
+        <Group justify="flex-end" mt="md">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    Function based validation

    +

    Another approach to handle validation is to provide a function to validate. +Function takes form values as single argument and should return object that contains +errors of corresponding fields. If field is valid or field validation is not required, you can either return null or simply omit it +from the validation results.

    +
    import { useForm } from '@mantine/form';
+import { Box, TextInput, NumberInput, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const form = useForm<{ name: string; age: number | undefined }>({
+    initialValues: { name: '', age: undefined },
+    validate: (values) => ({
+      name: values.name.length < 2 ? 'Too short name' : null,
+      age:
+        values.age === undefined
+          ? 'Age is required'
+          : values.age < 18
+          ? 'You must be at least 18'
+          : null,
+    }),
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <NumberInput mt="sm" label="Age" placeholder="You age" {...form.getInputProps('age')} />
+
+        <Group justify="flex-end" mt="md">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    Schema based validation

    +

    Out of the box @mantine/form supports schema validation with:

    + +

    You will need to install one of the libraries yourself, as @mantine/form package does not depend on any of them. +If you do not know what validation library to choose, we recommend choosing zod +as the most modern and developer-friendly library.

    +

    zod

    +
    import { z } from 'zod';
+import { useForm, zodResolver } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box, Group } from '@mantine/core';
+
+const schema = z.object({
+  name: z.string().min(2, { message: 'Name should have at least 2 letters' }),
+  email: z.string().email({ message: 'Invalid email' }),
+  age: z.number().min(18, { message: 'You must be at least 18 to create an account' }),
+});
+
+function Demo() {
+  const form = useForm({
+    validate: zodResolver(schema),
+    initialValues: {
+      name: '',
+      email: '',
+      age: 18,
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="example@mail.com"
+          {...form.getInputProps('email')}
+        />
+        <TextInput
+          withAsterisk
+          label="Name"
+          placeholder="John Doe"
+          mt="sm"
+          {...form.getInputProps('name')}
+        />
+        <NumberInput
+          withAsterisk
+          label="Age"
+          placeholder="Your age"
+          mt="sm"
+          {...form.getInputProps('age')}
+        />
+
+        <Group justify="flex-end" mt="xl">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    joi

    +
    import Joi from 'joi';
+import { useForm, joiResolver } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box, Group } from '@mantine/core';
+
+const schema = Joi.object({
+  name: Joi.string().min(2).message('Name should have at least 2 letters'),
+  email: Joi.string()
+    .email({ tlds: { allow: false } })
+    .message('Invalid email'),
+  age: Joi.number().min(18).message('You must be at least 18 to create an account'),
+});
+
+function Demo() {
+  const form = useForm({
+    validate: joiResolver(schema),
+    initialValues: {
+      name: '',
+      email: '',
+      age: 18,
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="example@mail.com"
+          {...form.getInputProps('email')}
+        />
+        <TextInput
+          withAsterisk
+          label="Name"
+          placeholder="John Doe"
+          mt="sm"
+          {...form.getInputProps('name')}
+        />
+        <NumberInput
+          withAsterisk
+          label="Age"
+          placeholder="Your age"
+          mt="sm"
+          {...form.getInputProps('age')}
+        />
+
+        <Group justify="flex-end" mt="xl">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    yup

    +
    import * as Yup from 'yup';
+import { useForm, yupResolver } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box, Group } from '@mantine/core';
+
+const schema = Yup.object().shape({
+  name: Yup.string().min(2, 'Name should have at least 2 letters'),
+  email: Yup.string().email('Invalid email'),
+  age: Yup.number().min(18, 'You must be at least 18 to create an account'),
+});
+
+function Demo() {
+  const form = useForm({
+    validate: yupResolver(schema),
+    initialValues: {
+      name: '',
+      email: '',
+      age: 18,
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="example@mail.com"
+          {...form.getInputProps('email')}
+        />
+        <TextInput
+          withAsterisk
+          label="Name"
+          placeholder="John Doe"
+          mt="sm"
+          {...form.getInputProps('name')}
+        />
+        <NumberInput
+          withAsterisk
+          label="Age"
+          placeholder="Your age"
+          mt="sm"
+          {...form.getInputProps('age')}
+        />
+
+        <Group justify="flex-end" mt="xl">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    superstruct

    +
    import { useForm, superstructResolver } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box, Group } from '@mantine/core';
+import * as s from 'superstruct';
+import isEmail from 'is-email';
+
+const emailString = s.define('email', isEmail);
+const schema = s.object({
+  name: s.size(s.string(), 2, 30),
+  email: emailString,
+  age: s.min(s.number(), 18)
+});
+
+function Demo() {
+  const form = useForm({
+    validate: superstructResolver(schema),
+    initialValues: {
+      name: '',
+      email: '',
+      age: 18
+    }
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="example@mail.com"
+          {...form.getInputProps('email')}
+        />
+        <TextInput
+          withAsterisk
+          label="Name"
+          placeholder="John Doe"
+          mt="sm"
+          {...form.getInputProps('name')}
+        />
+        <NumberInput
+          withAsterisk
+          label="Age"
+          placeholder="Your age"
+          mt="sm"
+          {...form.getInputProps('age')}
+        />
+
+        <Group justify="flex-end" mt="xl">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    Validate fields on change

    +

    To validate all fields on change set validateInputOnChange option to true:

    +
    const form = useForm({ validateInputOnChange: true });
    +
    import { useForm } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    validateInputOnChange: true,
+    initialValues: { name: '', email: '', age: 0 },
+
+    // functions will be used to validate values at corresponding key
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+      age: (value) => (value < 18 ? 'You must be at least 18 to register' : null),
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit(console.log)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <NumberInput
+          mt="sm"
+          label="Age"
+          placeholder="Age"
+          min={0}
+          max={99}
+          {...form.getInputProps('age')}
+        />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    You can also provide an array of fields paths to validate only those values:

    +
    import { FORM_INDEX, useForm } from '@mantine/form';
+
+const form = useForm({ validateInputOnChange: ['name', 'email', `jobs.${FORM_INDEX}.title`] });
    +
    import { useForm, FORM_INDEX } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    validateInputOnChange: [
+      'email',
+      'name',
+      // use FORM_INDEX to reference fields indices
+      `jobs.${FORM_INDEX}.title`,
+    ],
+    initialValues: { name: '', email: '', age: 0, jobs: [{ title: '' }, { title: '' }] },
+
+    // functions will be used to validate values at corresponding key
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+      age: (value) => (value < 18 ? 'You must be at least 18 to register' : null),
+      jobs: {
+        title: (value) => (value.length < 2 ? 'Job must have at least 2 letters' : null),
+      },
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit(console.log)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <NumberInput
+          mt="sm"
+          label="Age"
+          placeholder="Age"
+          min={0}
+          max={99}
+          {...form.getInputProps('age')}
+        />
+        <TextInput
+          mt="sm"
+          label="Job 1"
+          placeholder="Job 1"
+          {...form.getInputProps('jobs.0.title')}
+        />
+        <TextInput
+          mt="sm"
+          label="Job 2"
+          placeholder="Job 2"
+          {...form.getInputProps('jobs.1.title')}
+        />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    Validate fields on blur

    +

    To validate all fields on blur set validateInputOnBlur option to true:

    +
    const form = useForm({ validateInputOnBlur: true });
    +
    import { useForm } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    validateInputOnBlur: true,
+    initialValues: { name: '', email: '', age: 0 },
+
+    // functions will be used to validate values at corresponding key
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+      age: (value) => (value < 18 ? 'You must be at least 18 to register' : null),
+    },
+  });
+
+  return (
+    <Box maw={320} mx="auto">
+      <form onSubmit={form.onSubmit(console.log)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <NumberInput
+          mt="sm"
+          label="Age"
+          placeholder="Age"
+          min={0}
+          max={99}
+          {...form.getInputProps('age')}
+        />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    You can also provide an array of fields paths to validate only those values:

    +
    import { FORM_INDEX, useForm } from '@mantine/form';
+
+const form = useForm({ validateInputOnBlur: ['name', 'email', `jobs.${FORM_INDEX}.title`] });
    +
    import { useForm, FORM_INDEX } from '@mantine/form';
+import { NumberInput, TextInput, Button, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    validateInputOnBlur: [
+      'email',
+      'name',
+      // use FORM_INDEX to reference fields indices
+      `jobs.${FORM_INDEX}.title`,
+    ],
+    initialValues: { name: '', email: '', age: 0, jobs: [{ title: '' }, { title: '' }] },
+
+    // functions will be used to validate values at corresponding key
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+      age: (value) => (value < 18 ? 'You must be at least 18 to register' : null),
+      jobs: {
+        title: (value) => (value.length < 2 ? 'Job must have at least 2 letters' : null),
+      },
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit(console.log)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <NumberInput
+          mt="sm"
+          label="Age"
+          placeholder="Age"
+          min={0}
+          max={99}
+          {...form.getInputProps('age')}
+        />
+        <TextInput
+          mt="sm"
+          label="Job 1"
+          placeholder="Job 1"
+          {...form.getInputProps('jobs.0.title')}
+        />
+        <TextInput
+          mt="sm"
+          label="Job 2"
+          placeholder="Job 2"
+          {...form.getInputProps('jobs.1.title')}
+        />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    Clear field error on change

    +

    By default, field error is cleared when value changes. To change this, set clearInputErrorOnChange to false:

    +
    const form = useForm({ clearInputErrorOnChange: false });
    +
    import { TextInput, Checkbox, Button, Group, Box } from '@mantine/core';
+import { useForm } from '@mantine/form';
+
+function Demo() {
+  const form = useForm({
+    clearInputErrorOnChange: false,
+    initialValues: {
+      email: '',
+      termsOfService: false,
+    },
+
+    validate: {
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit((values) => console.log(values))}>
+        <TextInput
+          withAsterisk
+          label="Email"
+          placeholder="your@email.com"
+          {...form.getInputProps('email')}
+        />
+
+        <Checkbox
+          mt="md"
+          label="I agree to sell my privacy"
+          {...form.getInputProps('termsOfService', { type: 'checkbox' })}
+        />
+
+        <Group justify="flex-end" mt="md">
+          <Button type="submit">Submit</Button>
+        </Group>
+      </form>
+    </Box>
+  );
+}
    +

    Validation in onSubmit handler

    +

    form.onSubmit accepts two arguments: first argument is handleSubmit function that will be called with form values, when validation +was completed without errors, second argument is handleErrors function, it is called with errors object when validation was completed with errors.

    +

    You can use handleErrors function to perform certain actions when user tries to submit form without values, +for example, you can show a notification:

    +
    import { useForm } from '@mantine/form';
+import { TextInput, Button, Box } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
+function Demo() {
+  const form = useForm({
+    initialValues: { name: '', email: '' },
+    validate: {
+      name: (value) => (value.length < 2 ? 'Name must have at least 2 letters' : null),
+      email: (value) => (/^\S+@\S+$/.test(value) ? null : 'Invalid email'),
+    },
+  });
+
+  const handleError = (errors: typeof form.errors) => {
+    if (errors.name) {
+      notifications.show({ message: 'Please fill name field', color: 'red' });
+    } else if (errors.email) {
+      notifications.show({ message: 'Please provide a valid email', color: 'red' });
+    }
+  };
+
+  return (
+    <Box maw={340} mx="auto">
+      <form onSubmit={form.onSubmit(console.log, handleError)}>
+        <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+        <TextInput mt="sm" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+        <Button type="submit" mt="sm">
+          Submit
+        </Button>
+      </form>
+    </Box>
+  );
+}
    +

    isValid handler

    +

    form.isValid performs form validation with given validation functions, rules object or schema, but unlike +form.validate it does not set form.errors and just returns boolean value that indicates whether form is valid.

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: { name: '', age: 0 },
+  validate: {
+    name: (value) => (value.trim().length < 2 ? 'Too short' : null),
+    age: (value) => (value < 18 ? 'Too young' : null),
+  },
+});
+
+// get validation status of all values
+form.isValid(); // -> false
+
+// get validation status of field
+form.isValid('name'); // -> false

    Previous

    Form errors

    Next

    Form validators

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/validators/index.html b/form/validators/index.html new file mode 100644 index 00000000000..0fba70ba93a --- /dev/null +++ b/form/validators/index.html @@ -0,0 +1,238 @@ +Form validators | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Form validators

    Premade validation functions

    Docs

    Edit this page

    Package

    @mantine/form

    Usage

    +

    @mantine/form package exports several functions that can be used in validation rules object. +Validation functions are tiny in size and provide basic validation, if you have complex validation requirements, use other types of validation.

    +
    import { useForm, isNotEmpty, isEmail, isInRange, hasLength, matches } from '@mantine/form';
+import { Button, Group, TextInput, NumberInput, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      job: '',
+      email: '',
+      favoriteColor: '',
+      age: 18,
+    },
+
+    validate: {
+      name: hasLength({ min: 2, max: 10 }, 'Name must be 2-10 characters long'),
+      job: isNotEmpty('Enter your current job'),
+      email: isEmail('Invalid email'),
+      favoriteColor: matches(/^#([0-9a-f]{3}){1,2}$/, 'Enter a valid hex color'),
+      age: isInRange({ min: 18, max: 99 }, 'You must be 18-99 years old to register'),
+    },
+  });
+
+  return (
+    <Box component="form" maw={400} mx="auto" onSubmit={form.onSubmit(() => {})}>
+      <TextInput label="Name" placeholder="Name" withAsterisk {...form.getInputProps('name')} />
+      <TextInput
+        label="Your job"
+        placeholder="Your job"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('job')}
+      />
+      <TextInput
+        label="Your email"
+        placeholder="Your email"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('email')}
+      />
+      <TextInput
+        label="Your favorite color"
+        placeholder="Your favorite color"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('favoriteColor')}
+      />
+      <NumberInput
+        label="Your age"
+        placeholder="Your age"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('age')}
+      />
+
+      <Group justify="flex-end" mt="md">
+        <Button type="submit">Submit</Button>
+      </Group>
+    </Box>
+  );
+}
    +

    Optional error

    +

    Last argument of all validator functions below is optional. If error is not set, then fields with failed validation will +only have invalid styles without error message:

    +
    import { useForm, isNotEmpty, isEmail, isInRange, hasLength, matches } from '@mantine/form';
+import { Button, Group, TextInput, NumberInput, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      job: '',
+      email: '',
+      favoriteColor: '',
+      age: 18,
+    },
+
+    validate: {
+      name: hasLength({ min: 2, max: 10 }),
+      job: isNotEmpty(),
+      email: isEmail(),
+      favoriteColor: matches(/^#([0-9a-f]{3}){1,2}$/),
+      age: isInRange({ min: 18, max: 99 }),
+    },
+  });
+
+  return (
+    <Box component="form" maw={400} mx="auto" onSubmit={form.onSubmit(() => {})}>
+      <TextInput label="Name" placeholder="Name" withAsterisk {...form.getInputProps('name')} />
+      <TextInput
+        label="Your job"
+        placeholder="Your job"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('job')}
+      />
+      <TextInput
+        label="Your email"
+        placeholder="Your email"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('email')}
+      />
+      <TextInput
+        label="Your favorite color"
+        placeholder="Your favorite color"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('favoriteColor')}
+      />
+      <NumberInput
+        label="Your age"
+        placeholder="Your age"
+        withAsterisk
+        mt="md"
+        {...form.getInputProps('age')}
+      />
+
+      <Group justify="flex-end" mt="md">
+        <Button type="submit">Submit</Button>
+      </Group>
+    </Box>
+  );
+}
    +

    isNotEmpty

    +

    isNotEmpty checks that form value is not empty. Empty string, empty array, false, null and undefined +values are considered to be empty. Strings are trimmed before validation.

    +
    import { useForm, isNotEmpty } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    name: '',
+    acceptTermsOfUse: false,
+    country: null,
+    previousJobs: [],
+  },
+
+  validate: {
+    // Empty strings are considered to be invalid
+    name: isNotEmpty('Name cannot be empty'),
+
+    // False value is considered to be invalid
+    acceptTermsOfUse: isNotEmpty('You must accept terms of use'),
+
+    // null is considered to be invalid
+    country: isNotEmpty('Pick your country'),
+
+    // Empty arrays are considered to be invalid
+    previousJobs: isNotEmpty('Enter at least one job'),
+  },
+});
    +

    isEmail

    +

    isEmail uses /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/ regexp to determine whether form value is an email:

    +
    import { useForm, isEmail } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    email: '',
+  },
+
+  validate: {
+    email: isEmail('Invalid email'),
+  },
+});
    +

    matches

    +

    matches checks whether form value matches given regexp. If form value is not a string, validation will be failed.

    +
    import { useForm, matches } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    color: '',
+  },
+
+  validate: {
+    color: matches(/^#([0-9a-f]{3}){1,2}$/, 'Invalid color'),
+  },
+});
    +

    isInRange

    +

    isInRange checks whether form value is within given min-max range. If form value is not a number, validation will be failed.

    +
    import { useForm, isInRange } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    maxRange: 0,
+    minRange: 0,
+    minMaxRange: 0,
+  },
+
+  validate: {
+    maxRange: isInRange({ max: 20 }, 'Value must be 20 or less'),
+    minRange: isInRange({ min: 10 }, 'Value must be 10 or more'),
+    minMaxRange: isInRange({ min: 10, max: 20 }, 'Value must be between 10 and 20'),
+  },
+});
    +

    hasLength

    +

    hasLength check whether form value length is within given min-max range. +hasLength will work correctly with strings, arrays and any other objects that have length property. +Strings are trimmed before validation.

    +
    import { useForm, hasLength } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    exact: '',
+    maxLength: '',
+    minLength: '',
+    minMaxLength: '',
+  },
+
+  validate: {
+    exact: hasLength(5, 'Values must have exactly 5 characters')
+    maxLength: hasLength({ max: 20 }, 'Value must have 20 or less characters'),
+    minLength: hasLength({ min: 10 }, 'Value must have 10  or more characters'),
+    minMaxLength: hasLength({ min: 10, max: 20 }, 'Value must have 10-20 characters'),
+  },
+});
    +

    matchesField

    +

    matchesField checks whether form value is the same as value in other form field. +Note that matchesField can only work with primitive values (arrays and objects cannot be compared).

    +
    import { useForm, matchesField } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    password: '',
+    confirmPassword: '',
+  },
+
+  validate: {
+    confirmPassword: matchesField('password', 'Passwords are not the same'),
+  },
+});

    Previous

    Form validation

    Next

    Nested fields

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/form/values/index.html b/form/values/index.html new file mode 100644 index 00000000000..3d604b2237c --- /dev/null +++ b/form/values/index.html @@ -0,0 +1,264 @@ +Form values | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Form values

    Manipulate form values with use-form

    Docs

    Edit this page

    Package

    @mantine/form

    Initial values

    +

    In most cases you should set initialValues:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({
+  initialValues: {
+    name: '',
+    email: '',
+  },
+});
    +

    setValues handler

    +

    With form.setValues you can set all form values, for example you can set values after you have received a response from the backend API:

    +
    import { useForm } from '@mantine/form';
+import { TextInput, Button, Group, Box } from '@mantine/core';
+import { randomId } from '@mantine/hooks';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      email: '',
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+      <TextInput mt="md" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+
+      <Group justify="center" mt="xl">
+        <Button
+          variant="outline"
+          onClick={() =>
+            form.setValues({
+              name: randomId(),
+              email: `${randomId()}@test.com`,
+            })
+          }
+        >
+          Set random values
+        </Button>
+      </Group>
+    </Box>
+  );
+}
    +

    setValues partial

    +

    form.setValues can also be used to set multiple values at once, payload will be shallow merged with current values state:

    +
    import { useForm } from '@mantine/form';
+
+const form = useForm({ initialValues: { name: '', email: '', age: 0 } });
+
+form.setValues({ name: 'John', age: 21 });
+form.values; // -> { name: 'John', email: '', age: 21 }
    +

    setFieldValue handler

    +

    form.setFieldValue handler allows to set value of the field at given path:

    +
    import { useForm } from '@mantine/form';
+import { TextInput, Button, Group, Box } from '@mantine/core';
+import { randomId } from '@mantine/hooks';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      email: '',
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+      <TextInput mt="md" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+
+      <Group justify="center" mt="xl">
+        <Button variant="outline" onClick={() => form.setFieldValue('name', randomId())}>
+          Random name
+        </Button>
+        <Button
+          variant="outline"
+          onClick={() => form.setFieldValue('email', `${randomId()}@test.com`)}
+        >
+          Random email
+        </Button>
+      </Group>
+    </Box>
+  );
+}
    +

    reset handler

    +

    form.reset handler sets values to initialValues and clear all errors:

    +
    import { useForm } from '@mantine/form';
+import { TextInput, Button, Group, Box } from '@mantine/core';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      email: '',
+    },
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <TextInput label="Name" placeholder="Name" {...form.getInputProps('name')} />
+      <TextInput mt="md" label="Email" placeholder="Email" {...form.getInputProps('email')} />
+
+      <Group justify="center" mt="xl">
+        <Button variant="outline" onClick={() => form.reset()}>
+          Reset to initial values
+        </Button>
+      </Group>
+    </Box>
+  );
+}
    +

    transformValues

    +

    Use transformValues to transform values before they get submitted in onSubmit handler. +For example, it can be used to merge several fields into one or to convert types:

    +
    import { useState } from 'react';
+import { useForm } from '@mantine/form';
+import { TextInput, Button, Box, Code } from '@mantine/core';
+
+function Demo() {
+  const [submittedValues, setSubmittedValues] = useState('');
+
+  const form = useForm({
+    initialValues: {
+      firstName: 'Jane',
+      lastName: 'Doe',
+      age: '33',
+    },
+
+    transformValues: (values) => ({
+      fullName: `${values.firstName} ${values.lastName}`,
+      age: Number(values.age) || 0,
+    }),
+  });
+
+  return (
+    <Box maw={340} mx="auto">
+      <form
+        onSubmit={form.onSubmit((values) => setSubmittedValues(JSON.stringify(values, null, 2)))}
+      >
+        <TextInput
+          label="First name"
+          placeholder="First name"
+          {...form.getInputProps('firstName')}
+        />
+        <TextInput
+          label="Last name"
+          placeholder="Last name"
+          mt="md"
+          {...form.getInputProps('lastName')}
+        />
+        <TextInput
+          type="number"
+          label="Age"
+          placeholder="Age"
+          mt="md"
+          {...form.getInputProps('age')}
+        />
+        <Button type="submit" mt="md">
+          Submit
+        </Button>
+      </form>
+
+      {submittedValues && <Code block>{submittedValues}</Code>}
+    </Box>
+  );
+}
    +

    Get transformed values

    +

    You can get transformed values outside of form.onSubmit method by calling form.getTransformedValues. +It accepts values that need to be transformed as optional argument, if it is not provided, then +the result of form.values transformation will be returned instead:

    +
    import { useForm } from '@mantine/form';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      firstName: 'John',
+      lastName: 'Doe',
+    },
+
+    transformValues: (values) => ({
+      fullName: `${values.firstName} ${values.lastName}`,
+    }),
+  });
+
+  form.getTransformedValues(); // -> { fullName: 'John Doe' }
+  form.getTransformedValues({
+    firstName: 'Jane',
+    lastName: 'Loe',
+  }); // { fullName: 'Jane Loe' }
+}
    +

    Get values type

    +
    import { useForm } from '@mantine/form';
+
+function Demo() {
+  const form = useForm({ initialValues: { name: '', age: 0 } });
+
+  // Get inferred form values type, will be `{ name: string; age: number }`
+  type FormValues = typeof form.values;
+
+  // Use values type in handleSubmit function or anywhere else
+  const handleSubmit = (values: FormValues) => console.log(values);
+}
    +

    Get transformed values type

    +

    To get transformed values (output of transformValues) use TransformedValues type. +It is useful when you want to create a custom submit function:

    +
    import { useForm, TransformedValues } from '@mantine/form';
+
+function Demo() {
+  const form = useForm({
+    initialValues: {
+      name: '',
+      locationId: '2',
+    },
+
+    transformValues: (values) => ({
+      ...values,
+      locationId: Number(values.locationId),
+    }),
+  });
+
+  type Transformed = TransformedValues<typeof form>;
+  // -> { name: string, locationId: number }
+
+  const handleSubmit = (values: TransformedValues<typeof form>) => {};
+
+  return <form onSubmit={form.onSubmit(handleSubmit)} />;
+}
    +

    Set values type

    +

    By default, form values types will be inferred from initialValues. +To avoid that, you can pass type to useForm hook, this approach is useful when +types cannot be correctly inferred or when you want to provide more specific types:

    +
    import { useForm } from '@mantine/form';
+
+interface FormValues {
+  name: string; // regular field, same as inferred type
+  role: 'user' | 'admin'; // union, more specific than inferred string type
+
+  // values that may be undefined or null
+  // cannot be correctly inferred in strict mode
+  age: number | undefined;
+  registeredAt: Date | null;
+
+  // Arrays that are empty cannot be inferred correctly
+  jobs: string[];
+}
+
+function Demo() {
+  const form = useForm<FormValues>({
+    initialValues: {
+      name: '',
+      role: 'user',
+      age: undefined,
+      registeredAt: null,
+      jobs: [],
+    },
+  });
+}

    Previous

    use-form

    Next

    Form errors

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/getting-started/index.html b/getting-started/index.html new file mode 100644 index 00000000000..20049160867 --- /dev/null +++ b/getting-started/index.html @@ -0,0 +1,144 @@ +Getting started | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Getting started

    +

    Get started with a template

    +

    The easiest way to get started is to use one of the templates. +All templates include required dependencies and pre-configured settings. +Some templates also include additional features like Jest, +Storybook, ESLint, etc.

    +

    All templates include only @mantine/core and @mantine/hooks packages, +if you need additional @mantine/* packages follow installation instructions +of the package you want to use.

    +

    To get started with a template, open it on GitHub and click on the "Use this template" +button. Note that you need to be logged in to your GitHub account to use this feature. +If you are not familiar with GitHub, you can find a detailed instruction on how to +bootstrap a project from a template on this page.

    +

    Templates list:

    +

    next-app-template

    Next.js template with app router and full setup: Jest, Storybook, ESLint

    		Use template

    next-pages-template

    Next.js template with pages router and full setup: Jest, Storybook, ESLint

    		Use template

    next-app-min-template

    Next.js template with app router and minimal setup – no additional tools included, only default Next.js configuration

    		Use template

    next-pages-min-template

    Next.js template with pages router and minimal setup – no additional tools included, only default Next.js configuration

    		Use template

    next-vanilla-extract-template

    Next.js template with Vanilla extract example

    		Use template

    vite-template

    Vite template with full setup: Jest, Storybook, ESLint

    		Use template

    vite-min-template

    Vite template with minimal setup – no additional tools included, only default Vite configuration

    		Use template

    vite-vanilla-extract-template

    Vite template with Vanilla extract example

    		Use template

    remix-template

    Remix template with basic setup

    		Use template

    gatsby-template

    Gatsby template with basic setup

    		Use template

    redwood-template

    RedwoodJS template with basic setup

    		Use template
    +

    Framework guide

    +

    Follow one of the guides below to get started with Mantine and your preferred framework. +Note that usually it is better to start a new project with a template. Use guides if you want +to add Mantine to an existing project or if enjoy doing things manually.

    +
    Next.js
    Vite
    Remix
    RedwoodJS
    Gatsby
    +

    Get started without framework

    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars
    +

    Create postcss.config.js file at the root of your application with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Add styles imports to the root of your application. Usually styles are imported +once in the root file. For example, if you are using Next.js with pages router, +you can import styles in _app.tsx file:

    +
    // core styles are required for all packages
+import '@mantine/core/styles.css';
+
+// other css files are required only if
+// you are using components from the corresponding package
+// import '@mantine/dates/styles.css';
+// import '@mantine/dropzone/styles.css';
+// import '@mantine/code-highlight/styles.css';
+// ...
    +

    Wrap your application with MantineProvider:

    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  /** Put your mantine theme override here */
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    If your application has server side rendering, add ColorSchemeScript +to the <head /> of your application:

    +
    import { ColorSchemeScript } from '@mantine/core';
+
+function Demo() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>My awesome app</title>
+
+        <ColorSchemeScript />
+      </head>
+      <body>
+        <App />
+      </body>
+    </html>
+  );
+}
    +

    All set! Now you can use Mantine components in your application.

    +

    Learn

    +

    Before you jump into the code, it is recommended to learn more about Mantine theming and styling options. +The most important documentation pages are:

    +
      +
    • API overview – overview of the most important Mantine styling and theming features
      • +
    • Theme object – learn about available theme properties
      • +
    • Colors – learn how to add/replace colors in the theme object
      • +
    • CSS modules – learn how to use CSS modules with Mantine
      • +
    • postcss-preset-mantine – learn about postcss-preset-mantine functions and mixins
      • +
    • Responsive styles – learn how to apply responsive styles to components
      • +
    • Styles API – learn how to style internal elements of any component
      • +
    • Polymorphic components – learn how to use polymorphic components to change rendered element
      • +
    +

    Get help

    +
    Join Discord community
    Ask questions, share feedback, get updates, learn about upcoming features and more
    Start a discussion
    Request new features, ask questions and provide feedback with GitHub discussions
    +

    Support Mantine

    +

    If you enjoy working with Mantine we would appreciate your contribution to the project. +There are multiple ways to support the project:

    +
      +
    • Share your feedback in GitHub Discussions – +we are always happy to hear your thoughts on how to make Mantine better. Most of the new features and components +are based on the feedback we receive from the community.
      • +
    • Help others on Discord and/or GitHub Discussions. There are usually 10-20 new questions every day, +you can help people with their issues and questions. While helping others, you will learn yourself and become +more proficient with React and Mantine.
      • +
    • Give us a code review. You are welcome to explore @mantine/* packages source code +and provide your feedback on how we can improve it. We are always open to new ideas and suggestions.
      • +
    • Send us some kind words. We usually receive only +bug reports and feature requests, it is always nice to hear that people enjoy working with Mantine.
      • +
    • Star the project on GitHub. It is a small thing that helps us grow and get more +people interested in the project.
      • +
    • Contribute to the Mantine codebase. We welcome all kinds of contributions: if you do not have much +experience with React/TypeScript, you can help us improve the documentation to make it more clear and understandable +for new developers. If you are an experienced React developer, you can help us with open issues.
      • +
    • If you are using Mantine at work and your company wants to support the project, you can allocate some time +of your engineers to contribute to Mantine.
      • +
    +

    Mantine for Figma

    +

    Design files are not used during the development process of the library – there are no official +Figma or Sketch files. However, there are community-driven projects that provide Figma components +based on Mantine. Note that these projects are not maintained by Mantine team, and we do not guarantee +that they are up-to-date with the latest Mantine version.

    + +

    License

    +

    All @mantine/* packages are distributed under MIT license. +You can use them in any project, commercial or not, with or without attribution. All @mantine/* packages +dependencies are also distributed under MIT license.

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/6x-to-7x/index.html b/guides/6x-to-7x/index.html new file mode 100644 index 00000000000..65297cbb387 --- /dev/null +++ b/guides/6x-to-7x/index.html @@ -0,0 +1,238 @@ +6.x to 7.x migration | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    6.x → 7.x migration guide

    +

    This guide is intended to help you migrate your project styles from 6.x to 7.x. +It is not intended to be a comprehensive guide to all the changes in 7.x. +For that, please see the 7.0.0 changelog.

    +

    Before getting started, it is recommended to go through styles documentation. +Most notable parts:

    + +

    Note that this guide assumes that you have postcss-preset-mantine installed and configured +in your project.

    +

    createStyles

    +

    createStyles function is no longer available in 7.0. Use CSS Modules instead.

    +
    // 6.x
+import { createStyles } from '@mantine/core';
+
+const useStyles = createStyles((theme) => ({
+  root: {
+    backgroundColor: theme.colors.red[5],
+  },
+}));
    +
    /* 7.0 */
+.root {
+  background-color: var(--mantine-color-red-5);
+}
    +

    sx prop

    +

    sx prop is no longer available in 7.0. Use className or style prop instead.

    +
    // 6.x
+import { Box } from '@mantine/core';
+
+function Demo() {
+  return <Box sx={(theme) => ({ backgroundColor: theme.colors.red[5] })} />;
+}
    +
    // 7.0
+import { Box } from '@mantine/core';
+
+function Demo() {
+  return <Box style={{ backgroundColor: 'var(--mantine-color-red-5)' }} />;
+}
    +

    Nested selectors are not supported in style prop, use className instead:

    +
    // 6.x
+import { Box } from '@mantine/core';
+
+function Demo() {
+  return <Box sx={{ '&:hover': { background: 'red' } }} />;
+}
    +
    .box {
+  &:hover {
+    background: red;
+  }
+}
    +

    styles prop

    +

    styles prop no longer supports nested selectors. Use +classNames instead to apply styles to nested elements.

    +
    // 6.x – nested selectors
+import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TextInput
+      styles={{
+        input: {
+          '&:focus': {
+            color: 'red',
+          },
+        },
+      }}
+    />
+  );
+}
    +
    /* 7.0 */
+.input {
+  &:focus {
+    color: red;
+  }
+}
    +

    Regular selectors are still supported:

    +
    // Works both in 6.x and 7.x
+import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TextInput
+      styles={{
+        input: {
+          color: 'red',
+        },
+      }}
+    />
+  );
+}
    +

    Global styles

    +

    Global component and global styles on theme are not available in 7.0. Instead, +create a global stylesheet (.css file) and import it in your application entry point.

    +
    // 6.x
+import { Global } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Global
+      styles={(theme) => ({
+        '*, *::before, *::after': {
+          boxSizing: 'border-box',
+        },
+
+        body: {
+          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,
+          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
+          lineHeight: theme.lineHeight,
+        },
+
+        '.your-class': {
+          backgroundColor: 'red',
+        },
+
+        '#your-id > [data-active]': {
+          backgroundColor: 'pink',
+        },
+      })}
+    />
+  );
+}
    +
    /* 7.0 */
+/* src/index.css */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7));
+  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+  line-height: var(--mantine-line-height);
+}
+
+.your-class {
+  background-color: red;
+}
+
+#your-id > [data-active] {
+  background-color: pink;
+}
    +

    theme referencing

    +

    All theme properties are now available as CSS variables. It is recommended to use +CSS variables instead of referencing theme object in styles.

    +
    // 6.x
+import { Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box
+      sx={(theme) => ({
+        backgroundColor: theme.colors.red[6],
+        color: theme.white,
+        padding: `calc(${theme.spacing.xl} * 2)`,
+      })}
+    />
+  );
+}
    +
    /* 7.0 */
+.box {
+  background-color: var(--mantine-color-red-6);
+  color: var(--mantine-color-white);
+  padding: calc(var(--mantine-spacing-xl) * 2);
+}
    +

    theme.colorScheme

    +

    Color scheme value is managed by MantineProvider, +theme object no longer includes colorScheme property. +Although it is still possible to access color scheme value in components with +useMantineColorScheme hook, +it is not recommended to base your styles on its value. Instead, use light/dark +mixins or light-dark CSS function.

    +

    Example of 6.x createStyles with theme.colorScheme migration to 7.0:

    +
    // 6.x
+import { createStyles } from '@mantine/core';
+
+const useStyles = createStyles((theme) => ({
+  root: {
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],
+    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+  },
+}));
    +
    /* 7.0 */
+
+/* With light-dark function */
+.root {
+  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+}
+
+/* With light/dark mixins */
+.root {
+  background-color: var(--mantine-color-gray-0);
+  color: var(--mantine-color-black);
+
+  @mixin dark {
+    background-color: var(--mantine-color-dark-6);
+    color: var(--mantine-color-white);
+  }
+}
    +

    Note that if your application has server-side rendering, you should not render any +elements based on its value (more info). +Instead, use light/dark mixins or light-dark function to hide/display elements based +on color scheme value.

    +

    Color scheme toggle example:

    +
    import { ActionIcon, useMantineColorScheme, useComputedColorScheme } from '@mantine/core';
+import { IconSun, IconMoon } from '@tabler/icons-react';
+import cx from 'clsx';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const { setColorScheme } = useMantineColorScheme();
+  const computedColorScheme = useComputedColorScheme('light', { getInitialValueInEffect: true });
+
+  return (
+    <ActionIcon
+      onClick={() => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light')}
+      variant="default"
+      size="xl"
+      aria-label="Toggle color scheme"
+    >
+      <IconSun className={cx(classes.icon, classes.light)} stroke={1.5} />
+      <IconMoon className={cx(classes.icon, classes.dark)} stroke={1.5} />
+    </ActionIcon>
+  );
+}

    Previous

    Testing with Jest

    Next

    use-click-outside

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/gatsby/index.html b/guides/gatsby/index.html new file mode 100644 index 00000000000..10d11007617 --- /dev/null +++ b/guides/gatsby/index.html @@ -0,0 +1,75 @@ +Usage with Gatsby | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with Gatsby

    +

    Get started with a template

    The easiest way to get started is to use one of the templates. All templates are configured correctly: they include PostCSS setup, ColorSchemeScript and other essential features. Some templates also include additional features like Jest, Storybook and ESLint.

    If you are not familiar with GitHub, you can find a detailed instruction on how to bootstrap a project from a template on this page.

    gatsby-template

    Gatsby template with basic setup

    		Use template
    +

    Generate new application

    +

    Follow Gatsby quick start guide to +create new Gatsby application:

    +
    yarn create gatsby
    +

    When asked "Would you like to install a styling system?", select PostCSS.

    +

    Installation

    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    PostCSS setup

    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars
    +

    Create postcss.config.js file at the root of your application with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Setup

    +

    Create src/theme.ts file with your theme override:

    +
    // src/theme.ts
+import { createTheme } from '@mantine/core';
+
+export const theme = createTheme({
+  fontFamily: 'serif',
+  // ... other theme override properties
+});
    +

    Create gatsby-ssr.tsx with the following content:

    +
    import React from 'react';
+import { ColorSchemeScript, MantineProvider } from '@mantine/core';
+import { theme } from './src/theme';
+
+export const onPreRenderHTML = ({ getHeadComponents, replaceHeadComponents }) => {
+  const headComponents = getHeadComponents();
+  replaceHeadComponents([...headComponents, <ColorSchemeScript key="color-scheme-script" />]);
+};
+
+export const wrapPageElement = ({ element }) => {
+  return <MantineProvider theme={theme}>{element}</MantineProvider>;
+};
    +

    Create gatsby-browser.tsx with the following content:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+import React from 'react';
+import { MantineProvider } from '@mantine/core';
+import { theme } from './src/theme';
+
+export const wrapPageElement = ({ element }) => {
+  return <MantineProvider theme={theme}>{element}</MantineProvider>;
+};
    +

    All set! Start development server:

    +
    npm run develop
    +

    CSS modules

    +

    By default, Gatsby has different syntax for importing CSS modules:

    +
    // Default syntax – will not work in Gatsby
+import classes from './Demo.module.css';
+
+// Gatsby syntax
+import * as classes from './Demo.module.css';

    Previous

    Usage with Remix

    Next

    Usage with Redwood

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/icons/index.html b/guides/icons/index.html new file mode 100644 index 00000000000..a8b444e878d --- /dev/null +++ b/guides/icons/index.html @@ -0,0 +1,73 @@ +Icons libraries | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Icons libraries with Mantine

    +

    You can use any icons library with Mantine components, most popular options are:

    + +

    Tabler icons

    +

    Tabler icons are used in Mantine demos, documentation +and some @mantine/ packages depend on them. If you do not know which icons library +to use, we recommend Tabler icons.

    +

    Icons size

    +

    Most of the icons libraries support size prop (or similar width and height props) which allows changing +icon width and height. Usually, it is a number in pixels. All Mantine components use rem +units – components are scaled based on user preferences and font-size of the root element. If you want to +support this feature in your application, set icon width and height in rem units with style prop.

    +
    import { rem } from '@mantine/core';
+import { IconBrandMantine } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <IconBrandMantine
+      style={{ width: rem(80), height: rem(80) }}
+      stroke={1.5}
+      color="var(--mantine-color-blue-filled)"
+    />
+  );
+}
    +
    +

    rem units in size prop

    +

    Icons size prop is usually converted to width and height props under the hood. +If you set size={16} it will be converted to width="16" and height="16" attributes +on svg element.

    +

    You can use rem units in size prop: size="1rem" will be converted to width="1rem" and height="1rem", +but it is not recommended as it is prohibited by SVG standard – some browsers (Firefox) will show a warning in the console.

    +
    +

    Custom icons

    +

    It is recommended to use icons as React components. In this case, you will be able to use +currentColor in the fill and stroke prop. This will change icon color based on the context +it is used in.

    +
    import { rem } from '@mantine/core';
+
+interface AddressBookIconProps extends React.ComponentPropsWithoutRef<'svg'> {
+  size?: number | string;
+}
+
+export function AddressBookIcon({ size, style, ...others }: AddressBookIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      viewBox="0 0 24 24"
+      style={{ width: rem(size), height: rem(size), ...style }}
+      {...others}
+    >
+      <path stroke="none" d="M0 0h24v24H0z" />
+      <path d="M20 6v12a2 2 0 01-2 2H8a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2zM10 16h6" />
+      <path d="M11 11a2 2 0 104 0 2 2 0 10-4 0M4 8h3M4 12h3M4 16h3" />
+    </svg>
+  );
+}

    Previous

    Polymorphic components

    Next

    Usage with Next.js

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/javascript/index.html b/guides/javascript/index.html new file mode 100644 index 00000000000..4470af8b6dc --- /dev/null +++ b/guides/javascript/index.html @@ -0,0 +1,43 @@ +Usage with JavaScript | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with JavaScript

    +

    Is it possible to use Mantine with JavaScript?

    +

    Yes, it is possible to use all @mantine/* packages (as well as all other npm packages) with JavaScript. +@mantine/* packages are written in TypeScript and have type definitions, so you will get some the benefits +of TypeScript (like autocompletion in your IDE) when using them with JavaScript.

    +

    Transforming demos code to JavaScript

    +

    All demos in Mantine documentation are written in TypeScript. In most cases there is no difference between +TypeScript and JavaScript code – you do not have to do anything.

    +

    To transform TypeScript code to JavaScript you can use TypeScript playground +– paste demo code into the playground and all types will be removed. Note that you will also need +to remove type imports from the code.

    +

    Example of transformed code:

    +
    // TypeScript code
+import { Button, ButtonProps } from '@mantine/core';
+
+interface MyButtonProps extends ButtonProps {
+  myProp: string;
+}
+
+function MyButton({ myProp, ...others }: MyButtonProps) {
+  return <Button {...others} />;
+}
    +
    // JavaScript code
+import { Button } from '@mantine/core';
+
+function MyButton({ myProp, ...others }) {
+  return <Button {...others} />;
+}
    +

    Should Mantine be used with JavaScript?

    +

    It is recommended to use Mantine with TypeScript, it does not require deep knowledge of TypeScript +and will make your code more robust and easier to maintain. For example, you will get type errors +when you pass invalid props to components or when you use non-existing props. TypeScript will also +help you during migration to new versions of Mantine – you will get type errors when props/components +that you have in your code are removed/renamed/changed.

    +

    If you are not familiar with TypeScript yet, using Mantine with TypeScript will be a great opportunity +to learn it. You can use any of templates to get started – all of them include +TypeScript support out of the box.

    Previous

    Usage with TypeScript

    Next

    Testing with Jest

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/jest/index.html b/guides/jest/index.html new file mode 100644 index 00000000000..513106c18dd --- /dev/null +++ b/guides/jest/index.html @@ -0,0 +1,89 @@ +Testing with Jest | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Testing with Jest

    +

    This guide will help you setup Jest and React Testing Library for your project. +Note that this guide only covers shared logic that can be applied to any framework, and +it does not cover initial setup of Jest and React Testing Library as it may vary depending on the framework you are using.

    +

    Custom render

    +

    All Mantine components require MantineProvider to be present in the component tree. +To add MantineProvider to the component tree in your tests, create a custom render +function:

    +
    // ./test-utils/render.tsx
+import { render as testingLibraryRender } from '@testing-library/react';
+import { MantineProvider } from '@mantine/core';
+
+// Import your theme object
+import { theme } from '../src/theme';
+
+export function render(ui: React.ReactNode) {
+  return testingLibraryRender(<>{ui}</>, {
+    wrapper: ({ children }: { children: React.ReactNode }) => (
+      <MantineProvider theme={theme}>{children}</MantineProvider>
+    ),
+  });
+}
    +

    It is usually more convenient to export all @testing-library/* functions that you are planning to use +from ./testing-utils/index.ts file:

    +
    import userEvent from '@testing-library/user-event';
+
+export * from '@testing-library/react';
+export { render } from './render';
+export { userEvent };
    +

    Then you should import all testing utilities from ./testing-utils instead of @testing-library/react:

    +
    import { render, screen } from '../test-utils';
+import { Welcome } from './Welcome';
+
+describe('Welcome component', () => {
+  it('has correct Next.js theming section link', () => {
+    render(<Welcome />);
+    expect(screen.getByText('this guide')).toHaveAttribute(
+      'href',
+      'https://mantine.dev/guides/next/'
+    );
+  });
+});
    +

    Mock WEB APIs

    +

    Most of Mantine components depend on browser APIs like window.matchMedia or ResizeObserver. +These APIs are not available in jest-environment-jsdom environment and you will need to mock them in your tests.

    +

    Create jest.setup.js file in your project root and add the following code to it:

    +
    import '@testing-library/jest-dom/extend-expect';
+
+const { getComputedStyle } = window;
+window.getComputedStyle = (elt) => getComputedStyle(elt);
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(),
+    removeListener: jest.fn(),
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
+class ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
+window.ResizeObserver = ResizeObserver;
    +

    Then add it as a setup file in your jest.config.js:

    +
    const config = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  // ... rest of your config
+};
    +

    Framework specific setup

    +

    Jest setup for different frameworks may vary and usually change over time. +To learn hot to setup Jest for your framework, either check Jest +and React Testing Library documentation +or check one of the premade templates. Most of the templates include Jest setup, and +you can use them as a reference.

    Previous

    Usage with JavaScript

    Next

    6.x to 7.x migration

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/next/index.html b/guides/next/index.html new file mode 100644 index 00000000000..f7d94be4979 --- /dev/null +++ b/guides/next/index.html @@ -0,0 +1,174 @@ +Usage with Next.js | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with Next.js

    +

    Get started with a template

    The easiest way to get started is to use one of the templates. All templates are configured correctly: they include PostCSS setup, ColorSchemeScript and other essential features. Some templates also include additional features like Jest, Storybook and ESLint.

    If you are not familiar with GitHub, you can find a detailed instruction on how to bootstrap a project from a template on this page.

    next-app-template

    Next.js template with app router and full setup: Jest, Storybook, ESLint

    		Use template

    next-pages-template

    Next.js template with pages router and full setup: Jest, Storybook, ESLint

    		Use template

    next-app-min-template

    Next.js template with app router and minimal setup – no additional tools included, only default Next.js configuration

    		Use template

    next-pages-min-template

    Next.js template with pages router and minimal setup – no additional tools included, only default Next.js configuration

    		Use template

    next-vanilla-extract-template

    Next.js template with Vanilla extract example

    		Use template
    +

    Generate new application

    +

    Follow create-next-app guide to +create new Next.js application:

    +
    yarn create next-app --typescript
    +

    Installation

    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    PostCSS setup

    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars
    +

    Create postcss.config.js file at the root of your application with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Setup with pages router

    +

    Add styles imports and MantineProvider to the pages/_app.tsx file:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import type { AppProps } from 'next/app';
+import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  /** Put your mantine theme override here */
+});
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <MantineProvider theme={theme}>
+      <Component {...pageProps} />
+    </MantineProvider>
+  );
+}
    +

    Create pages/_document.tsx file with ColorSchemeScript component. +Note that it is required even if you use only one color scheme in your application.

    +
    import { Html, Head, Main, NextScript } from 'next/document';
+import { ColorSchemeScript } from '@mantine/core';
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head>
+        <ColorSchemeScript defaultColorScheme="auto" />
+      </Head>
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
    +

    All set! Start development server:

    +
    npm run dev
    +

    Setup with app router

    +

    Add MantineProvider, ColorSchemeScript +and styles imports to the app/layout.tsx file:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+export const metadata = {
+  title: 'My Mantine app',
+  description: 'I have followed setup instructions carefully',
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <ColorSchemeScript />
+      </head>
+      <body>
+        <MantineProvider>{children}</MantineProvider>
+      </body>
+    </html>
+  );
+}
    +

    All set! Start development server:

    +
    npm run dev
    +

    app + pages router together

    +

    If you use both app and pages router in one application, you need to setup both pages/_app.tsx +and app/layout.tsx files as described above.

    +

    Next.js Link with polymorphic components

    +

    Next.js Link does not work in the same way as other similar components in all Next.js versions.

    +

    With Next.js 12 and below:

    +
    import Link from 'next/link';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Link href="/hello" passHref>
+      <Button component="a">Next link button</Button>
+    </Link>
+  );
+}
    +

    With Next.js 13 and above:

    +
    import Link from 'next/link';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button component={Link} href="/hello">
+      Next link button
+    </Button>
+  );
+}
    +

    Server components

    +

    All Mantine components use useContext hook to support default props +and Styles API. Mantine components cannot be used as server components. +It means that components will render both on the server and client.

    +

    Entry points of all @mantine/* packages (index.js files) have 'use client'; directive at the +top of the file – you do not need to add 'use client'; to your pages/layouts/components.

    +

    Compound components in server components

    +

    Some components like Popover have associated compound components (Component.XXX), +where XXX is a compound component name. Compound components cannot be used in server components. +Instead, use ComponentXXX syntax or add 'use client'; directive to the top of the file.

    +

    Example that will not work in server components:

    +
    import { Popover } from '@mantine/core';
+
+// This will throw an error
+export default function Page() {
+  return (
+    <Popover>
+      <Popover.Trigger>Trigger</Popover.Trigger>
+      <Popover.Dropdown>Dropdown</Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Example with 'use client'; directive:

    +
    'use client';
+import { Popover } from '@mantine/core';
+
+// No error
+export default function Page() {
+  return (
+    <Popover>
+      <Popover.Trigger>Trigger</Popover.Trigger>
+      <Popover.Dropdown>Dropdown</Popover.Dropdown>
+    </Popover>
+  );
+}
    +

    Example with ComponentXXX syntax:

    +
    import { Popover, PopoverTarget, PopoverDropdown } from '@mantine/core';
+
+// No error
+export default function Page() {
+  return (
+    <Popover>
+      <PopoverTarget>Trigger</PopoverTarget>
+      <PopoverDropdown>Dropdown</PopoverDropdown>
+    </Popover>
+  );
+}

    Previous

    Icons libraries

    Next

    Usage with Vite

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/polymorphic/index.html b/guides/polymorphic/index.html new file mode 100644 index 00000000000..6e1a2bab508 --- /dev/null +++ b/guides/polymorphic/index.html @@ -0,0 +1,172 @@ +Polymorphic components | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Polymorphic components

    +

    What is a polymorphic component

    +

    A polymorphic component is a component which root element can be changed with component prop. +All polymorphic components have a default element which is used when component prop is not provided. +For example, the Button component default element is button and +it can be changed to a or any other element or component:

    +
    Mantine website
    import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button component="a" href="https://mantine.dev/" target="_blank">
+      Mantine website
+    </Button>
+  );
+}
    +

    Polymorphic components as other React components

    +

    You can pass any other React component to component prop. +For example, you can pass Link component from react-router-dom:

    +
    import { Link } from 'react-router-dom';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button component={Link} to="/react-router">
+      React router link
+    </Button>
+  );
+}
    +

    Polymorphic components as Next.js Link

    +

    Next.js link does not work in the same way as other similar components in all Next.js versions.

    +

    With Next.js 12 and below:

    +
    import Link from 'next/link';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Link href="/hello" passHref>
+      <Button component="a">Next link button</Button>
+    </Link>
+  );
+}
    +

    With Next.js 13 and above:

    +
    import Link from 'next/link';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button component={Link} href="/hello">
+      Next link button
+    </Button>
+  );
+}
    +

    Wrapping polymorphic components

    +

    Non-polymorphic components include React.ComponentPropsWithoutRef<'x'> as a part of their props type, +where x is a root element of the component. For example, Container component +is not polymorphic – its root element is always div, so its props type includes React.ComponentPropsWithoutRef<'div'>.

    +

    Polymorphic components do not include React.ComponentPropsWithoutRef<'x'> as a part of their props type +because their root element can be changed, and thus props type can be inferred only after the component was rendered.

    +

    Example of creating a non-polymorphic wrapper component for Mantine polymorphic component:

    +
    Mantine website
    import { forwardRef } from 'react';
+import { Button, ButtonProps } from '@mantine/core';
+
+interface LinkButtonProps
+  extends ButtonProps,
+    Omit<React.ComponentPropsWithoutRef<'a'>, keyof ButtonProps> {}
+
+const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => (
+  <Button {...props} ref={ref} component="a" />
+));
+
+function Demo() {
+  return (
+    <LinkButton href="https://mantine.dev" target="_blank">
+      Mantine website
+    </LinkButton>
+  );
+}
    +

    Example of creating a polymorphic wrapper component for Mantine polymorphic component:

    +
    Anchor by default
    import { forwardRef } from 'react';
+import { createPolymorphicComponent, Button, ButtonProps, Group } from '@mantine/core';
+
+interface CustomButtonProps extends ButtonProps {
+  label: string;
+}
+
+// Default root element is 'button', but it can be changed with 'component' prop
+const CustomButton = createPolymorphicComponent<'button', CustomButtonProps>(
+  forwardRef<HTMLButtonElement, CustomButtonProps>(({ label, ...others }, ref) => (
+    <Button {...others} ref={ref}>
+      {label}
+    </Button>
+  ))
+);
+
+// Default root element is 'a', but it can be changed with 'component' prop
+const CustomButtonAnchor = createPolymorphicComponent<'a', CustomButtonProps>(
+  forwardRef<HTMLAnchorElement, CustomButtonProps>(({ label, ...others }, ref) => (
+    <Button component="a" {...others} ref={ref}>
+      {label}
+    </Button>
+  ))
+);
+
+function Demo() {
+  return (
+    <Group>
+      <CustomButton label="Button by default" color="cyan" />
+      <CustomButtonAnchor label="Anchor by default" href="https://mantine.dev" target="_blank" />
+    </Group>
+  );
+}
    +

    Dynamic component prop

    +

    You can use dynamic value in the component prop, but in this case, you need to either provide types manually +or disable type checking by passing any as a type argument to the polymorphic component:

    +
    import { Box } from '@mantine/core';
+
+function KeepTypes() {
+  return <Box<'input'> component={(Math.random() > 0.5 ? 'input' : 'div') as any} />;
+}
+
+function NukeTypes() {
+  return <Box<any> component={Math.random() > 0.5 ? 'input' : 'div'} />;
+}
    +

    Create your own polymorphic components

    +

    Use createPolymorphicComponent function and Box component to create new polymorphic components:

    +
    MyButton as anchor
    import { forwardRef } from 'react';
+import { Box, BoxProps, createPolymorphicComponent, Group } from '@mantine/core';
+
+interface MyButtonProps extends BoxProps {
+  label: string;
+}
+
+const MyButton = createPolymorphicComponent<'button', MyButtonProps>(
+  forwardRef<HTMLButtonElement, MyButtonProps>(({ label, ...others }, ref) => (
+    <Box component="button" {...others} ref={ref}>
+      {label}
+    </Box>
+  ))
+);
+
+function Demo() {
+  return (
+    <Group>
+      <MyButton label="Button by default" />
+      <MyButton
+        label="MyButton as anchor"
+        component="a"
+        href="https://mantine.dev"
+        target="_blank"
+      />
+    </Group>
+  );
+}
    +

    Make Mantine component polymorphic

    +

    Polymorphic components have performance overhead for tsserver (no impact on runtime performance), +because of that not all Mantine components have polymorphic types, but all components still +accept component prop – root element can be changed.

    +

    To make Mantine component polymorphic, use createPolymorphicComponent function the same way +as in the previous example:

    +
    import { Group, GroupProps, createPolymorphicComponent } from '@mantine/core';
+
+const PolymorphicGroup = createPolymorphicComponent<'button', GroupProps>(Group);
+
+function Demo() {
+  return <PolymorphicGroup component="a" href="https://mantine.dev" />;
+}

    Previous

    Styles performance

    Next

    Icons libraries

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/redwood/index.html b/guides/redwood/index.html new file mode 100644 index 00000000000..658deb6454a --- /dev/null +++ b/guides/redwood/index.html @@ -0,0 +1,79 @@ +Usage with Redwood | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with RedwoodJS

    +

    Get started with a template

    The easiest way to get started is to use one of the templates. All templates are configured correctly: they include PostCSS setup, ColorSchemeScript and other essential features. Some templates also include additional features like Jest, Storybook and ESLint.

    If you are not familiar with GitHub, you can find a detailed instruction on how to bootstrap a project from a template on this page.

    redwood-template

    RedwoodJS template with basic setup

    		Use template
    +

    Generate new application

    +

    Follow Redwood getting started guide guide to +create new Redwood application:

    +
    yarn create redwood-app my-redwood-project
    +

    Installation

    +

    Note that it is recommended to use yarn instead of npm to install dependencies.

    +

    Open web directory before installing dependencies:

    +
    cd web
    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    PostCSS setup

    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars postcss-loader
    +

    Create postcss.config.js file in web directory with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Create web/config/webpack.config.js file with the following content:

    +
    /** @returns {import('webpack').Configuration} Webpack Configuration */
+module.exports = (config) => {
+  const stylesRules = ['\\.css$', '\\.module\\.css$', '\\.scss$', '\\.module\\.scss$'];
+
+  config.module.rules[0].oneOf.forEach((rule) => {
+    if (stylesRules.includes(rule.test.source)) {
+      rule.use.push('postcss-loader');
+    }
+  });
+
+  return config;
+};
    +

    Setup

    +

    Add styles imports, MantineProvider and ColorSchemeScript +to web/src/App.tsx file:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+import { FatalErrorBoundary, RedwoodProvider } from '@redwoodjs/web';
+import { RedwoodApolloProvider } from '@redwoodjs/web/apollo';
+
+import FatalErrorPage from 'src/pages/FatalErrorPage';
+import Routes from 'src/Routes';
+
+const App = () => (
+  <FatalErrorBoundary page={FatalErrorPage}>
+    <RedwoodProvider titleTemplate="%PageTitle | %AppTitle">
+      <ColorSchemeScript />
+      <MantineProvider>
+        <RedwoodApolloProvider>
+          <Routes />
+        </RedwoodApolloProvider>
+      </MantineProvider>
+    </RedwoodProvider>
+  </FatalErrorBoundary>
+);
+
+export default App;
    +

    All set! Start development server:

    +
    yarn rw dev

    Previous

    Usage with Gatsby

    Next

    Usage with Storybook

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/remix/index.html b/guides/remix/index.html new file mode 100644 index 00000000000..f2bd1b8e7be --- /dev/null +++ b/guides/remix/index.html @@ -0,0 +1,74 @@ +Usage with Remix | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with Remix

    +

    Get started with a template

    The easiest way to get started is to use one of the templates. All templates are configured correctly: they include PostCSS setup, ColorSchemeScript and other essential features. Some templates also include additional features like Jest, Storybook and ESLint.

    If you are not familiar with GitHub, you can find a detailed instruction on how to bootstrap a project from a template on this page.

    remix-template

    Remix template with basic setup

    		Use template
    +

    Generate new application

    +

    Follow Remix getting started guide guide to create new Remix application:

    +
    npx create-remix@latest
    +

    Installation

    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    PostCSS setup

    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars
    +

    Create postcss.config.cjs file at the root of your application with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Enable PostCSS in Remix remix.config.js:

    +
    module.exports = {
+  postcss: true,
+  // ... other options
+};
    +

    Setup

    +

    Add styles imports, MantineProvider and ColorSchemeScript to app/root.tsx:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import { cssBundleHref } from '@remix-run/css-bundle';
+import type { LinksFunction } from '@remix-run/node';
+import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react';
+import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+export const links: LinksFunction = () => [
+  ...(cssBundleHref ? [{ rel: 'stylesheet', href: cssBundleHref }] : []),
+];
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <Meta />
+        <Links />
+        <ColorSchemeScript />
+      </head>
+      <body>
+        <MantineProvider>
+          <Outlet />
+          <ScrollRestoration />
+          <Scripts />
+          <LiveReload />
+        </MantineProvider>
+      </body>
+    </html>
+  );
+}
    +

    All set! Start development server:

    +
    npm run dev

    Previous

    Usage with Vite

    Next

    Usage with Gatsby

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/storybook/index.html b/guides/storybook/index.html new file mode 100644 index 00000000000..960ea18fe47 --- /dev/null +++ b/guides/storybook/index.html @@ -0,0 +1,88 @@ +Usage with Storybook | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Setup Mantine in Storybook

    +

    Note that this guide covers only Storybook 7.0+ integration. If you are using older version of Storybook, +it will not work for you.

    +

    Add Storybook to your application

    +

    If you already have Storybook in your application, you can skip this step.

    +

    Follow Storybook getting started guide +to add Storybook to your application:

    +
    npx storybook@latest init
    +

    Configure addons

    +

    Install Storybook addons:

    + +
    yarn add --dev storybook-dark-mode @storybook/addon-styling
    +

    Add addons to .storybook/main.ts:

    +
    import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  // ... other config properties
+  addons: [
+    // ... other addons
+    '@storybook/addon-styling',
+    'storybook-dark-mode',
+  ],
+};
+
+export default config;
    +

    Theme object

    +

    To shared theme object between your application and Storybook, create +src/theme.ts (or any other path in your application) file with your theme override:

    +
    // src/theme.ts
+import { createTheme } from '@mantine/core';
+
+export const theme = createTheme({
+  fontFamily: 'serif',
+  // ... other theme override properties
+});
    +

    Then you will be able to use the same theme both in your application and Storybook:

    +
    // In your application
+
+import { MantineProvider } from '@mantine/core';
+import { theme } from './theme';
+
+function App() {
+  return <MantineProvider theme={theme}>{/* ... */}</MantineProvider>;
+}
    +

    Storybook preview

    +

    If .storybook/preview.tsx file does not exist, create it and add +the following content:

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import React, { useEffect } from 'react';
+import { addons } from '@storybook/preview-api';
+import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
+import { MantineProvider, useMantineColorScheme } from '@mantine/core';
+
+// theme.ts file from previous step
+import { theme } from '../src/theme';
+
+const channel = addons.getChannel();
+
+function ColorSchemeWrapper({ children }: { children: React.ReactNode }) {
+  const { setColorScheme } = useMantineColorScheme();
+  const handleColorScheme = (value: boolean) => setColorScheme(value ? 'dark' : 'light');
+
+  useEffect(() => {
+    channel.on(DARK_MODE_EVENT_NAME, handleColorScheme);
+    return () => channel.off(DARK_MODE_EVENT_NAME, handleColorScheme);
+  }, [channel]);
+
+  return <>{children}</>;
+}
+
+export const decorators = [
+  (renderStory: any) => <ColorSchemeWrapper>{renderStory()}</ColorSchemeWrapper>,
+  (renderStory: any) => <MantineProvider theme={theme}>{renderStory()}</MantineProvider>,
+];
    +

    All set! Start Storybook:

    +
    npm run storybook

    Previous

    Usage with Redwood

    Next

    Usage with TypeScript

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/typescript/index.html b/guides/typescript/index.html new file mode 100644 index 00000000000..707066ddb02 --- /dev/null +++ b/guides/typescript/index.html @@ -0,0 +1,144 @@ +Usage with TypeScript | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with TypeScript

    +

    All @mantine/* packages are fully compatible with TypeScript. All examples in the documentation +are written in TypeScript – you can copy-paste them to your project without any changes.

    +

    This guide will help you get familiar with types that @mantine/core package exports.

    +

    Components props types

    +

    Each @mantine/ package that exports components, exports props types for these components as well. +You can import component props types by adding Props to the component name, +for example, you can import Button and DatePicker components props like so:

    +
    import type { ButtonProps } from '@mantine/core';
+import type { DatePickerProps } from '@mantine/dates';
    +

    Note that there are two variations of props types: for polymorphic components and for regular components. +Regular components props types include React.ComponentPropsWithoutRef<'X'>, where X is the root element +type, for example 'div'.

    +

    Example of extending regular component props:

    +
    import { GroupProps, Group } from '@mantine/core';
+
+// Interface includes `React.ComponentPropsWithoutRef<'div'>`
+interface MyGroupProps extends GroupProps {
+  spacing: number;
+}
+
+function MyGroup({ spacing, ...others }: MyGroupProps) {
+  return <Group my={spacing} {...others} />;
+}
    +

    Polymorphic components props types do not include React.ComponentPropsWithoutRef<'X'> +because their root element depends on the component prop value.

    +

    Example of extending polymorphic components props:

    +
    import { ButtonProps, Button, ElementProps } from '@mantine/core';
+
+interface MyButtonProps extends ButtonProps, ElementProps<'button', keyof ButtonProps> {
+  height: number;
+}
+
+function MyButton({ height, ...others }: MyButtonProps) {
+  return <Button style={{ height }} {...others} />;
+}
    +

    ElementProps type

    +

    ElementProps is a utility type similar to React.ComponentPropsWithoutRef, but with additional +features. It replaces native elements style prop with Mantine style prop and +allows omitting properties that are passed as a second type.

    +
    import { ElementProps, ButtonProps } from '@mantine/core';
+
+// Equivalent of `React.ComponentPropsWithoutRef<'button'>`
+type ButtonElementProps = ElementProps<'button'>;
+
+// Equivalent of `Omit<React.ComponentPropsWithoutRef<'button'>, 'color' | 'onClick'>`
+type OmitColor = ElementProps<'button', 'color' | 'onClick'>;
+
+// Removes all Mantine component props from React component props
+// to avoid props types conflicts
+// Equivalent of `Omit<React.ComponentPropsWithoutRef<'button'>, keyof ButtonProps>`
+type OmitButtonProps = ElementProps<'button', keyof ButtonProps>;
    +

    MantineTheme type

    +

    MantineTheme is a type of theme object. You can use it to add types +to functions that accept theme object as an argument:

    +
    import { MantineTheme, useMantineTheme } from '@mantine/core';
+
+function getPrimaryColor(theme: MantineTheme) {
+  return theme.colors.blue[5];
+}
+
+function Demo() {
+  const theme = useMantineTheme();
+  return <div style={{ color: getPrimaryColor(theme) }} />;
+}
    +

    MantineThemeOverride type

    +

    MantineThemeOverride type is a deep partial of MantineTheme. It can be used in functions +that accept theme override as an argument:

    +
    import { MantineThemeOverride, createTheme, mergeThemeOverrides } from '@mantine/core';
+
+const baseTheme = createTheme({
+  fontFamily: 'Helvetica, sans-serif',
+});
+
+function mergeThemes(themes: MantineThemeOverride[]) {
+  return mergeThemeOverrides(baseTheme, ...themes);
+}
+
+const overrideTheme = createTheme({
+  primaryColor: 'blue',
+});
+
+const overrideTheme2 = createTheme({
+  cursorType: 'pointer',
+});
+
+const mergedTheme = mergeThemes([overrideTheme, overrideTheme2]);
    +

    MantineColorScheme type

    +

    MantineColorScheme is a union of 'light' | 'dark' | 'auto' values. You can use to add types +to function that accept color scheme as an argument:

    +
    import { MantineColorScheme, useMantineColorScheme } from '@mantine/core';
+
+function getComputedColorScheme(colorScheme: MantineColorScheme) {
+  return colorScheme === 'auto' ? 'light' : colorScheme;
+}
+
+function Demo() {
+  const { colorScheme } = useMantineColorScheme();
+  const computed = getComputedColorScheme(colorScheme);
+}
    +

    MantineSize type

    +

    MantineSize type is a union of 'xs' | 'sm' | 'md' | 'lg' | 'xl' values. You can use to add types +to various props that accept size as an argument, for example, radius, shadow, p.

    +
    import { MantineSize, Paper } from '@mantine/core';
+
+interface DemoProps {
+  size: MantineSize;
+  radius: MantineSize | (string & {}) | number;
+  shadow: MantineSize | string;
+}
+
+function Demo({ size, radius, shadow }: DemoProps) {
+  return <Paper radius={radius} shadow={shadow} p={size} m={size} />;
+}
    +

    Theme object declarations

    +

    You can change theme.other and theme.colors types by extending MantineTheme interface +in .d.ts file. Create mantine.d.ts anywhere in your project (must be included in tsconfig.json) +to extend theme object types.

    +

    To override theme.other:

    +
    // mantine.d.ts
+declare module '@mantine/core' {
+  export interface MantineThemeOther {
+    myCustomProperty: string;
+    myCustomFunction: () => void;
+  }
+}
    +

    To override theme.colors:

    +
    import { MantineColorsTuple, DefaultMantineColor } from '@mantine/core';
+
+type ExtendedCustomColors = 'primaryColorName' | 'secondaryColorName' | DefaultMantineColor;
+
+declare module '@mantine/core' {
+  export interface MantineThemeColorsOverride {
+    colors: Record<ExtendedCustomColors, MantineColorsTuple>;
+  }
+}
    +

    Note that extending theme type is not required, it is only needed if you want to +make your theme object types more strict and add autocomplete in your editor.

    Previous

    Usage with Storybook

    Next

    Usage with JavaScript

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/guides/vite/index.html b/guides/vite/index.html new file mode 100644 index 00000000000..692dc770124 --- /dev/null +++ b/guides/vite/index.html @@ -0,0 +1,45 @@ +Usage with Vite | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Usage with Vite

    +

    Get started with a template

    The easiest way to get started is to use one of the templates. All templates are configured correctly: they include PostCSS setup, ColorSchemeScript and other essential features. Some templates also include additional features like Jest, Storybook and ESLint.

    If you are not familiar with GitHub, you can find a detailed instruction on how to bootstrap a project from a template on this page.

    vite-template

    Vite template with full setup: Jest, Storybook, ESLint

    		Use template

    vite-min-template

    Vite template with minimal setup – no additional tools included, only default Vite configuration

    		Use template

    vite-vanilla-extract-template

    Vite template with Vanilla extract example

    		Use template
    +

    Generate new application

    +

    Follow Vite getting started guide to create new Vite application:

    +
    yarn create vite
    +

    Installation

    +

    Choose packages that you will use in your application:

    		PackageDescription
    		@mantine/hooks

    Hooks for state and UI management

    		@mantine/core

    Core components library: inputs, buttons, overlays, etc.

    		@mantine/form

    Form management library

    		@mantine/dates

    Date inputs, calendars

    		@mantine/notifications

    Notifications system

    		@mantine/code-highlight

    Code highlight with your theme colors and styles

    		@mantine/tiptap

    Rich text editor based on Tiptap

    		@mantine/dropzone

    Capture files with drag and drop

    		@mantine/carousel

    Embla based carousel component

    		@mantine/spotlight

    Overlay command center

    		@mantine/modals

    Centralized modals manager

    		@mantine/nprogress

    Navigation progress

    Install dependencies:

    yarn add @mantine/core @mantine/hooks
    +

    PostCSS setup

    +

    Install PostCSS plugins and postcss-preset-mantine:

    +
    yarn add --dev postcss postcss-preset-mantine postcss-simple-vars
    +

    Create postcss.config.js file at the root of your application with the following content:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Note that if you use Node.js 18+, you will need to replace module.exports = with export default.

    +

    Setup

    +

    Add styles imports and MantineProvider to your application root component (usually App.tsx):

    +
    // Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/core/styles.css';
+
+import { MantineProvider } from '@mantine/core';
+
+export default function App() {
+  return <MantineProvider>{/* Your app here */}</MantineProvider>;
+}
    +

    All set! Start development server:

    +
    npm run dev

    Previous

    Usage with Next.js

    Next

    Usage with Remix

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-click-outside/index.html b/hooks/use-click-outside/index.html new file mode 100644 index 00000000000..f93084d2c92 --- /dev/null +++ b/hooks/use-click-outside/index.html @@ -0,0 +1,98 @@ +use-click-outside | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-click-outside

    Detects click and touch events outside of given element

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +
    import { useState } from 'react';
+import { Paper, Button } from '@mantine/core';
+import { useClickOutside } from '@mantine/hooks';
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  const ref = useClickOutside(() => setOpened(false));
+
+  return (
+    <>
+      <Button onClick={() => setOpened(true)}>Open dropdown</Button>
+
+      {opened && (
+        <Paper ref={ref} shadow="sm">
+          <span>Click outside to close</span>
+        </Paper>
+      )}
+    </>
+  );
+}
    +

    API

    +

    use-click-outside hook accepts 3 arguments:

    +
      +
    • handler – function that is called on outside click
      • +
    • events – optional list of events that trigger outside click, ['mousedown', 'touchstart'] by default
      • +
    • nodes - optional list of nodes that should not trigger outside click event
      • +
    +

    The hook returns a ref object that must be passed to the element +based on which outside clicks should be captured.

    +
    import { useClickOutside } from '@mantine/hooks';
+
+function Example() {
+  const handleClickOutside = () => console.log('Clicked outside of div');
+  const ref = useClickOutside(handleClickOutside);
+  return <div ref={ref} />;
+}
    +

    Change events

    +

    By default, use-click-outside listens to mousedown and touchstart events, +you can change these events by passing an array of events as second argument:

    +
    import { useState } from 'react';
+import { Paper, Button } from '@mantine/core';
+import { useClickOutside } from '@mantine/hooks';
+
+function Demo() {
+  const [opened, setOpened] = useState(false);
+  const ref = useClickOutside(() => setOpened(false), ['mouseup', 'touchend']);
+
+  return (
+    <>
+      <Button onClick={() => setOpened(true)}>Open dropdown</Button>
+
+      {opened && (
+        <Paper ref={ref} shadow="sm">
+          <span>Click outside to close</span>
+        </Paper>
+      )}
+    </>
+  );
+}
    +

    Multiple nodes

    +
    // Will work only with useState, not useRef
+import { useState } from 'react';
+import { useClickOutside } from '@mantine/hooks';
+import { Portal } from '@mantine/core';
+
+function Demo() {
+  const [dropdown, setDropdown] = useState<HTMLDivElement | null>(null);
+  const [control, setControl] = useState<HTMLDivElement | null>(null);
+
+  useClickOutside(() => console.log('outside'), null, [control, dropdown]);
+
+  return (
+    // We cannot use root element ref as it does not contain dropdown
+    <div>
+      <div ref={setControl}>Control</div>
+      <Portal>
+        <div ref={setDropdown}>Dropdown</div>
+      </Portal>
+    </div>
+  );
+}
    +

    Definition

    +
    function useClickOutside<T extends HTMLElement = any>(
+  handler: () => void,
+  events?: string[] | null,
+  nodes?: HTMLElement[]
+): React.MutableRefObject<T>;
    +

    Set ref type

    +
    import { useClickOutside } from '@mantine/hooks';
+
+const ref = useClickOutside<HTMLDivElement>(onClickOutside);

    Previous

    6.x to 7.x migration

    Next

    use-color-scheme

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-clipboard/index.html b/hooks/use-clipboard/index.html new file mode 100644 index 00000000000..7f180112a68 --- /dev/null +++ b/hooks/use-clipboard/index.html @@ -0,0 +1,42 @@ +use-clipboard | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-clipboard

    Wrapper around navigator.clipboard with feedback timeout

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-clipboard hook provides interface to work with navigator.clipboard:

    +
    import { Button } from '@mantine/core';
+import { useClipboard } from '@mantine/hooks';
+
+function Demo() {
+  const clipboard = useClipboard({ timeout: 500 });
+
+  return (
+    <Button
+      color={clipboard.copied ? 'teal' : 'blue'}
+      onClick={() => clipboard.copy('Hello, world!')}
+    >
+      {clipboard.copied ? 'Copied' : 'Copy'}
+    </Button>
+  );
+}
    +

    navigator.clipboard limitations

    +

    Due to security reasons use-clipboard hook will not work in iframes and may not work with local files opened with file:// protocol +(hook will work fine with local websites that are using http:// protocol). You can learn more about navigator.clipboard here.

    +

    API

    +

    use-clipboard hook accepts one argument options in which copied status timeout duration is defined (defaults to 2000). +Hook returns object with properties:

    +
      +
    • copy – function to copy value to the clipboard
      • +
    • copied – value that indicates that copy handler was called less than options.timeout ms ago
      • +
    • reset – function to clear timeout and reset copied to false
      • +
    • error – contains Error object if something goes wrong
      • +
    +

    Definition

    +
    function useClipboard(options: { timeout: number } = { timeout: 2000 }): {
+  copy: (valueToCopy: any) => void;
+  reset: () => void;
+  error: Error;
+  copied: boolean;
+};

    Previous

    use-validated-state

    Next

    use-document-title

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-color-scheme/index.html b/hooks/use-color-scheme/index.html new file mode 100644 index 00000000000..0bad4a39911 --- /dev/null +++ b/hooks/use-color-scheme/index.html @@ -0,0 +1,31 @@ +use-color-scheme | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-color-scheme

    Detects user system color scheme with window.matchMedia API

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-color-scheme hook returns system color scheme value i.e. either dark or light:

    +
    Your system color scheme is light
    import { Badge } from '@mantine/core';
+import { useColorScheme } from '@mantine/hooks';
+
+function Demo() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Badge color={colorScheme === 'dark' ? 'blue' : 'teal'} variant="filled">
+      Your system color scheme is {colorScheme}
+    </Badge>
+  );
+}
    +

    Hook uses use-media-query hook under the hood. +It relies on window.matchMedia() API +and always returns light if the API is not available (e.g. during server side rendering) +unless an initial value is provided in the first argument.

    +

    Definition

    +
    function useColorScheme(
+  initialValue?: 'dark' | 'light',
+  options?: {
+    getInitialValueInEffect: boolean;
+  }
+): 'dark' | 'light';

    Previous

    use-click-outside

    Next

    use-element-size

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-counter/index.html b/hooks/use-counter/index.html new file mode 100644 index 00000000000..8447296c931 --- /dev/null +++ b/hooks/use-counter/index.html @@ -0,0 +1,41 @@ +use-counter | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-counter

    Increments/decrements state within given boundaries

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Count: 0

    import { Group, Button, Text } from '@mantine/core';
+import { useCounter } from '@mantine/hooks';
+
+function Demo() {
+  const [count, handlers] = useCounter(0, { min: 0, max: 10 });
+
+  return (
+    <>
+      <Text>Count: {count}</Text>
+      <Group justify="center">
+        <Button onClick={handlers.increment}>Increment</Button>
+        <Button onClick={handlers.decrement}>Decrement</Button>
+        <Button onClick={handlers.reset}>Reset</Button>
+        <Button onClick={() => handlers.set(5)}>Set 5</Button>
+      </Group>
+    </>
+  );
+}
    +

    Definition

    +
    function useCounter(
+  initialValue?: number,
+  options?: Partial<{
+    min: number;
+    max: number;
+  }>
+): [
+  number,
+  {
+    increment: () => void;
+    decrement: () => void;
+    set: (value: number) => void;
+    reset: () => void;
+  }
+];

    Previous

    use-window-scroll

    Next

    use-debounced-state

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-debounced-state/index.html b/hooks/use-debounced-state/index.html new file mode 100644 index 00000000000..85fc4363d49 --- /dev/null +++ b/hooks/use-debounced-state/index.html @@ -0,0 +1,63 @@ +use-debounced-state | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-debounced-state

    Debounces value changes

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-debounced-state hook debounces value changes. +This can be useful in case you want to perform a heavy operation based on react state, +for example, send search request. Unlike use-debounced-value it +is designed to work with uncontrolled components.

    +

    Debounced value: [empty string]

    import { useDebouncedState } from '@mantine/hooks';
+import { TextInput, Text } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useDebouncedState('', 200);
+
+  return (
+    <>
+      <TextInput
+        label="Enter value to see debounce effect"
+        defaultValue={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+      />
+
+      <Text>Debounced value: {value}</Text>
+    </>
+  );
+}
    +

    Differences from use-debounce-value

    +
      +
    • You do not have direct access to the non-debounced value.
      • +
    • It is used for uncontrolled inputs (defaultValue prop instead of value), e.g. does not render with every state change like a character typed in an input.
      • +
    • It does not work with custom state providers or props, and it uses useState internally.
      • +
    +

    Leading update

    +

    You can immediately update value with first call with { leading: true } options:

    +

    Debounced value: [empty string]

    import { useDebouncedState } from '@mantine/hooks';
+import { TextInput, Text } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useDebouncedState('', 200, { leading: true });
+
+  return (
+    <>
+      <TextInput
+        label="Enter value to see debounce effect"
+        defaultValue={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+      />
+
+      <Text>Debounced value: {value}</Text>
+    </>
+  );
+}
    +

    Definition

    +
    function useDebouncedState<T = any>(
+  defaultValue: T,
+  wait: number,
+  options?: {
+    leading: boolean;
+  }
+): readonly [T, (newValue: T) => void];

    Previous

    use-counter

    Next

    use-debounced-value

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-debounced-value/index.html b/hooks/use-debounced-value/index.html new file mode 100644 index 00000000000..ec575002ad1 --- /dev/null +++ b/hooks/use-debounced-value/index.html @@ -0,0 +1,99 @@ +use-debounced-value | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-debounced-value

    Debounces value changes

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-debounced-value hook debounces value changes. +This can be useful in case you want to perform a heavy operation based on react state, +for example, send search request. Unlike use-debounced-state it +is designed to work with controlled components.

    +

    Value: [empty string]

    Debounced value: [empty string]

    import { useState } from 'react';
+import { useDebouncedValue } from '@mantine/hooks';
+import { TextInput, Text } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [debounced] = useDebouncedValue(value, 200);
+
+  return (
+    <>
+      <TextInput
+        label="Enter value to see debounce"
+        value={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+      />
+
+      <Text>Value: {value}</Text>
+      <Text>Debounced value: {debounced}</Text>
+    </>
+  );
+}
    +

    Differences from use-debounced-state

    +
      +
    • You have direct access to the non-debounced value.
      • +
    • It is used for controlled inputs (value prop instead of defaultValue), e.g. renders on every state change like a character typed in an input.
      • +
    • It works with props or other state providers, and it does not force use of useState.
      • +
    +

    Leading update

    +

    You can immediately update value with first call with { leading: true } options:

    +

    Value: [empty string]

    Debounced value: [empty string]

    import { useState } from 'react';
+import { useDebouncedValue } from '@mantine/hooks';
+import { TextInput, Text } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [debounced] = useDebouncedValue(value, 200, { leading: true });
+
+  return (
+    <>
+      <TextInput
+        label="Enter value to see debounce"
+        value={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+      />
+
+      <Text>Value: {value}</Text>
+      <Text>Debounced value: {debounced}</Text>
+    </>
+  );
+}
    +

    Cancel update

    +

    Hook provides cancel callback, you can use it to cancel update. +Update cancels automatically on component unmount.

    +

    In this example, type in some text and click the cancel button +within a second to cancel debounced value change:

    +

    Value: [empty string]

    Debounced value: [empty string]

    import { useState } from 'react';
+import { useDebouncedValue } from '@mantine/hooks';
+import { TextInput, Text, Button } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [debounced, cancel] = useDebouncedValue(value, 1000);
+
+  return (
+    <>
+      <TextInput
+        label="Enter value to see debounce"
+        value={value}
+        onChange={(event) => setValue(event.currentTarget.value)}
+      />
+
+      <Button onClick={cancel} size="lg">
+        Cancel
+      </Button>
+
+      <Text>Value: {value}</Text>
+      <Text>Debounced value: {debounced}</Text>
+    </>
+  );
+}
    +

    Definition

    +
    function useDebouncedValue<T = any>(
+  value: T,
+  wait: number,
+  options?: {
+    leading: boolean;
+  }
+): readonly [T, () => void];

    Previous

    use-debounced-state

    Next

    use-disclosure

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-did-update/index.html b/hooks/use-did-update/index.html new file mode 100644 index 00000000000..aeb1dab60d5 --- /dev/null +++ b/hooks/use-did-update/index.html @@ -0,0 +1,15 @@ +use-did-update | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-did-update

    Calls function in useEffect when value changes, but not when component mounts

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-did-update hook works the same way as useEffect but it is not called when component is mounted:

    +
    import { useDidUpdate } from '@mantine/hooks';
+
+function Demo() {
+  useDidUpdate(() => console.log("Won't be called when mounted"), [value]);
+}
    +

    Definition

    +
    function useDidUpdate(fn: EffectCallback, dependencies?: any[]): void;

    Previous

    use-timeout

    Next

    use-force-update

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-disclosure/index.html b/hooks/use-disclosure/index.html new file mode 100644 index 00000000000..45bda243c4b --- /dev/null +++ b/hooks/use-disclosure/index.html @@ -0,0 +1,64 @@ +use-disclosure | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-disclosure

    Manages boolean state and provides controls to toggle it

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-disclosure hook manages boolean state. It provides open, close and toggle handlers +and accepts optional onOpen and onClose callbacks. It can be used to manage controlled modals, +popovers and other similar components:

    +
    import { useDisclosure } from '@mantine/hooks';
+
+function Demo() {
+  const [opened, handlers] = useDisclosure(false);
+
+  // Sets opened to true
+  handlers.open();
+
+  // Sets opened to false
+  handlers.close();
+
+  // Sets opened to true if it was false and vice versa
+  handlers.toggle();
+}
    +

    Callbacks

    +

    onOpen and onClose callbacks are called when opened state changes:

    +
    import { useDisclosure } from '@mantine/hooks';
+
+function Demo() {
+  const [opened, handlers] = useDisclosure(false, {
+    onOpen: () => console.log('Opened'),
+    onClose: () => console.log('Closed'),
+  });
+
+  // Calls onOpen callback and sets opened to true
+  handlers.open();
+
+  // Does nothing, opened is already true
+  handlers.open();
+
+  // Calls onClose callback and sets opened to false
+  handlers.close();
+
+  // Does nothing, opened is already false
+  handlers.close();
+
+  // Calls onOpen or onClose depending on next state
+  handlers.toggle();
+}
    +

    Definition

    +
    function useDisclosure(
+  initialState: boolean,
+  callbacks?: {
+    onOpen?(): void;
+    onClose?(): void;
+  }
+): [
+  boolean,
+  {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+  }
+];

    Previous

    use-debounced-value

    Next

    use-id

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-document-title/index.html b/hooks/use-document-title/index.html new file mode 100644 index 00000000000..2a489017238 --- /dev/null +++ b/hooks/use-document-title/index.html @@ -0,0 +1,27 @@ +use-document-title | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-document-title

    Sets document.title to given string

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-document-title sets document.title property with React.useLayoutEffect hook. Hook is not called during server side rendering. +Use this hook with client only applications, for isomorphic use more advanced options, for example, react-helmet.

    +

    Call hook with a string that should be set as document title inside any component. +The hook is triggered every time value changes and the value is not an empty string (trailing whitespace is trimmed) or null.

    +
    import { useState } from 'react';
+import { useDocumentTitle, randomId } from '@mantine/hooks';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  const [title, setTitle] = useState('');
+  useDocumentTitle(title);
+
+  return (
+    <Button onClick={() => setTitle(randomId())}>
+      Set document title to random id
+    </Button>
+  );
+}
    +

    Definition

    +
    function useDocumentTitle(title: string): void;

    Previous

    use-clipboard

    Next

    use-document-visibility

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-document-visibility/index.html b/hooks/use-document-visibility/index.html new file mode 100644 index 00000000000..6384ac99f96 --- /dev/null +++ b/hooks/use-document-visibility/index.html @@ -0,0 +1,19 @@ +use-document-visibility | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-document-visibility

    Detects if current tab is active

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-document-visibility hook returns current document.visibilityState +– it allows detecting if the current tab is active:

    +

    Switch to another tab to see document title change

    import { Text } from '@mantine/core';
+import { useDocumentTitle, useDocumentVisibility } from '@mantine/hooks';
+
+function Demo() {
+  const documentState = useDocumentVisibility();
+  useDocumentTitle(`Document is ${documentState}`);
+  return <Text>Switch to another tab to see document title change</Text>;
+}
    +

    Definition

    +
    function useDocumentVisibility(): 'visible' | 'hidden';

    Previous

    use-document-title

    Next

    use-eye-dropper

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-element-size/index.html b/hooks/use-element-size/index.html new file mode 100644 index 00000000000..aa8ebc8c5a6 --- /dev/null +++ b/hooks/use-element-size/index.html @@ -0,0 +1,31 @@ +use-element-size | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-element-size

    Returns element width and height and subscribe to changes

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Resize textarea by dragging its right bottom corner

    Width: 0, height: 0

    import { useElementSize } from '@mantine/hooks';
+import { rem } from '@mantine/core';
+
+function Demo() {
+  const { ref, width, height } = useElementSize();
+
+  return (
+    <>
+      <textarea ref={ref} style={{ width: rem(400), height: rem(120) }} />
+      <div>Width: {width}, height: {height}</div>
+    </>
+  );
+}
    +

    API

    +

    use-element-size is a simpler version of use-resize-observer hook. +Hook returns a ref object that should be passed to the observed element, and the element's height and width. +On the first render (as well as during SSR), or when no element is being observed, width and height properties are equal to 0.

    +
    const { ref, width, height } = useElementSize();
    +

    Definition

    +
    function useElementSize<T extends HTMLElement = any>(): {
+  MutableRefObject<T>,
+  width: number,
+  height: number
+};

    Previous

    use-color-scheme

    Next

    use-event-listener

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-event-listener/index.html b/hooks/use-event-listener/index.html new file mode 100644 index 00000000000..851ac4d62c8 --- /dev/null +++ b/hooks/use-event-listener/index.html @@ -0,0 +1,26 @@ +use-event-listener | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-event-listener

    Subscribes to events with a ref

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-event-listener adds a given event listener to an element to which ref is assigned. +Hook supports the same options as addEventListener method. +After the component is unmounted, the listener is automatically removed.

    +
    import { useState, useCallback } from 'react';
+import { Button } from '@mantine/core';
+import { useEventListener } from '@mantine/hooks';
+
+function Demo() {
+  const [count, setCount] = useState(0);
+  const increment = useCallback(() => setCount((c) => c + 1), []);
+  const ref = useEventListener('click', increment);
+  return <Button ref={ref}>Button clicks: {count}</Button>;
+}
    +

    Definition

    +
    function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(
+  type: K,
+  listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any,
+  options?: boolean | AddEventListenerOptions
+): MutableRefObject<T>;

    Previous

    use-element-size

    Next

    use-focus-return

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-eye-dropper/index.html b/hooks/use-eye-dropper/index.html new file mode 100644 index 00000000000..db1ad3e1d00 --- /dev/null +++ b/hooks/use-eye-dropper/index.html @@ -0,0 +1,54 @@ +use-eye-dropper | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-eye-dropper

    Pick color from any pixel on the screen

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-eye-dropper hook provides an interface to work with EyeDropper API. +Check browser support to learn which browsers support the API.

    +

    EyeDropper API is not supported in your browser

    import { useState } from 'react';
+import { ActionIcon, Group, ColorSwatch, Text } from '@mantine/core';
+import { IconColorPicker } from '@tabler/icons-react';
+import { useEyeDropper } from '@mantine/hooks';
+
+function Demo() {
+  const [color, setColor] = useState('');
+  const [error, setError] = useState<Error | null>(null);
+  const { supported, open } = useEyeDropper();
+
+  const pickColor = async () => {
+    try {
+      const { sRGBHex } = (await open())!;
+      setColor(sRGBHex);
+    } catch (e) {
+      setError(e as Error);
+    }
+  };
+
+  if (!supported) {
+    return <Text ta="center">EyeDropper API is not supported in your browser</Text>;
+  }
+
+  return (
+    <Group>
+      <ActionIcon variant="default" onClick={pickColor}>
+        <IconColorPicker size="1rem" stroke={1.5} />
+      </ActionIcon>
+      {color ? (
+        <Group gap="xs">
+          <ColorSwatch color={color} />
+          <Text>Picked color: {color}</Text>
+        </Group>
+      ) : (
+        <Text>Click the button to pick color</Text>
+      )}
+      {error && <Text c="red">Error: {error?.message}</Text>}
+    </Group>
+  );
+}
    +

    Definition

    +
    function useEyeDropper(): {
+  supported: boolean;
+  open: (options?: { signal?: AbortSignal }) => Promise<{ sRGBHex: string }>;
+};

    Previous

    use-document-visibility

    Next

    use-favicon

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-favicon/index.html b/hooks/use-favicon/index.html new file mode 100644 index 00000000000..e22b3ea2682 --- /dev/null +++ b/hooks/use-favicon/index.html @@ -0,0 +1,31 @@ +use-favicon | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-favicon

    Changes favicon

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-favicon appends <link /> element to head component with given favicon in useLayoutEffect. +The hook is not called during server side rendering.

    +

    Call hook with a favicon URL (supported formats: .ico, .png, .svg and .gif) that should be set as favicon. +The hook is triggered every time the URL changes and the value is not an empty string (trailing whitespace is trimmed) or null.

    +
    import { useState } from 'react';
+import { useFavicon } from '@mantine/hooks';
+import { Group, Button } from '@mantine/core';
+
+function Demo() {
+  const [favicon, setFavicon] = useState('https://mantine.dev/favicon.svg');
+  const setTwitterFavicon = () => setFavicon('https://twitter.com/favicon.ico');
+  const setMantineFavicon = () => setFavicon('https://mantine.dev/favicon.svg');
+
+  useFavicon(favicon);
+
+  return (
+    <Group justify="center">
+      <Button onClick={setTwitterFavicon}>Twitter favicon</Button>
+      <Button onClick={setMantineFavicon}>Mantine favicon</Button>
+    </Group>
+  );
+}
    +

    Definition

    +
    function useFavicon(url: string): void;

    Previous

    use-eye-dropper

    Next

    use-hash

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-focus-return/index.html b/hooks/use-focus-return/index.html new file mode 100644 index 00000000000..07b9548ecb1 --- /dev/null +++ b/hooks/use-focus-return/index.html @@ -0,0 +1,46 @@ +use-focus-return | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-focus-return

    Captures last focused element on the page and returns focus to it once the condition is met

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-focus-return automatically returns focus to the last focused element when a given condition is met. +For example, it is used in Modal component to restore focus after the modal was closed.

    +

    Close the modal with the Escape key and see how focus returns to the button after the modal closes:

    +
    import { useDisclosure } from '@mantine/hooks';
+import { Modal, Button } from '@mantine/core';
+
+function Demo() {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Authentication">
+        {/* Modal content */}
+      </Modal>
+
+      <Button onClick={open}>Open modal</Button>
+    </>
+  );
+}
    +

    In most cases, you should use this hook with use-focus-trap.

    +
    useFocusReturn({
+  // Is region with focus trap active?
+  // When it activates hook saves document.activeElement to the internal state
+  // and focuses this element once focus trap is deactivated
+  opened: false,
+
+  // Determines whether focus should be returned automatically, true by default
+  shouldReturnFocus: true,
+});
    +

    If shouldReturnFocus option is set to false you can call returned function to focus last active element:

    +
    const returnFocus = useFocusReturn({
+  opened: false,
+  shouldReturnFocus: false,
+});
+
+// ... later
+returnFocus();
    +

    Definition

    +
    function useFocusReturn(options: { opened: boolean; shouldReturnFocus?: boolean }): () => void;

    Previous

    use-event-listener

    Next

    use-focus-trap

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-focus-trap/index.html b/hooks/use-focus-trap/index.html new file mode 100644 index 00000000000..cf144531d70 --- /dev/null +++ b/hooks/use-focus-trap/index.html @@ -0,0 +1,66 @@ +use-focus-trap | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-focus-trap

    Traps focus inside given node

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-focus-trap traps focus at the given node, for example in modal, drawer or menu. +Node must include at least one focusable element. When the node unmounts, the focus trap is automatically released.

    +
    import { useFocusTrap } from '@mantine/hooks';
+
+function Demo() {
+  const focusTrapRef = useFocusTrap();
+
+  return (
+    <div ref={focusTrapRef}>
+      <input />
+    </div>
+  );
+}
    +

    API

    +

    The hook accepts focus trap active state as a single argument:

    +
    useFocusTrap(); // -> focus trap inactive
+useFocusTrap(true); // -> focus trap active
+
+useFocusTrap(false); // -> focus trap disabled
    +

    The hook returns ref that should be passed to the element:

    +
    const focusTrapRef = useFocusTrap();
+
+// With regular element:
+<div ref={focusTrapRef} />
+
+// With Mantine component:
+<Paper ref={focusTrapRef} />
    +

    Combine with other ref based hooks

    +

    To combine use-focus-trap with other ref based hooks, use use-merged-ref hook:

    +
    import { useRef } from 'react';
+import { useClickOutside, useFocusTrap, useMergedRef } from '@mantine/hooks';
+
+function Demo() {
+  const myRef = useRef();
+  const useClickOutsideRef = useClickOutside(() => {});
+  const focusTrapRef = useFocusTrap();
+  const mergedRef = useMergedRef(myRef, useClickOutsideRef, focusTrapRef);
+
+  return <div ref={mergedRef} />;
+}
    +

    Initial focus

    +

    By default, focus trap will move focus to the first interactive element. +To specify the element that should receive initial focus, add data-autofocus attribute:

    +
    import { useFocusTrap } from '@mantine/hooks';
+
+function Demo() {
+  const focusTrapRef = useFocusTrap();
+
+  return (
+    <div ref={focusTrapRef}>
+      <input />
+      {/* Second input in modal will have initial focus */}
+      <input data-autofocus />
+      <input />
+    </div>
+  );
+}
    +

    Definition

    +
    function useFocusTrap(active?: boolean): (instance: HTMLElement) => void;

    Previous

    use-focus-return

    Next

    use-focus-within

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-focus-within/index.html b/hooks/use-focus-within/index.html new file mode 100644 index 00000000000..35b3c742749 --- /dev/null +++ b/hooks/use-focus-within/index.html @@ -0,0 +1,38 @@ +use-focus-within | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-focus-within

    Detects if any element within other element has focus

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-focus-within hook detects if any element within the other element has focus. +It works the same way as :focus-within CSS selector:

    +

    One of elements has focus: false

    import { useFocusWithin } from '@mantine/hooks';
+import { TextInput, Button, Box, Text } from '@mantine/core';
+
+function Demo() {
+  const { ref, focused } = useFocusWithin();
+
+  return (
+    <div ref={ref}>
+      <Box
+        p="xl"
+        style={{
+          backgroundColor: focused ? 'var(--mantine-color-blue-light)' : 'transparent',
+        }}
+      >
+        <Text size="sm">One of elements has focus: {focused.toString()}</Text>
+        <TextInput label="Focus this input" placeholder="Styles will be added to parent" />
+        <Button mt="md">Button</Button>
+      </Box>
+    </div>
+  );
+}
    +

    Definition

    +
    function useFocusWithin<T extends HTMLElement = any>(handlers?: {
+  onFocus?(event: FocusEvent): void;
+  onBlur?(event: FocusEvent): void;
+}): {
+  ref: React.MutableRefObject<T>;
+  focused: boolean;
+};

    Previous

    use-focus-trap

    Next

    use-fullscreen

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-force-update/index.html b/hooks/use-force-update/index.html new file mode 100644 index 00000000000..ef890bf96b3 --- /dev/null +++ b/hooks/use-force-update/index.html @@ -0,0 +1,23 @@ +use-force-update | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-force-update

    Force component to rerender without state change

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-force-update returns a function, which when called rerenders the component:

    +

    mantine-xf7mq5qk8

    import { Button, Text, Group } from '@mantine/core';
+import { useForceUpdate, randomId } from '@mantine/hooks';
+
+function Demo() {
+  const forceUpdate = useForceUpdate();
+
+  return (
+    <Group justify="center">
+      <Text>{randomId()}</Text>
+      <Button onClick={forceUpdate}>Force update</Button>
+    </Group>
+  );
+}
    +

    Definition

    +
    function useForceUpdate(): () => void;

    Previous

    use-did-update

    Next

    use-isomorphic-effect

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-fullscreen/index.html b/hooks/use-fullscreen/index.html new file mode 100644 index 00000000000..ed71b568ba0 --- /dev/null +++ b/hooks/use-fullscreen/index.html @@ -0,0 +1,50 @@ +use-fullscreen | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-fullscreen

    Enter/exit fullscreen mode

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-fullscreen allows to enter/exit fullscreen for given element using the Fullscreen API. +By default, if you don't provide ref, the hook will target document.documentElement:

    +
    import { useFullscreen } from '@mantine/hooks';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  const { toggle, fullscreen } = useFullscreen();
+
+  return (
+    <Button onClick={toggle} color={fullscreen ? 'red' : 'blue'}>
+      {fullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
+    </Button>
+  );
+}
    +

    Custom target element

    +

    The hook returns an optional ref function that can be passed to an element to act as root. +Be sure to follow best practices to not confuse or trap the end user:

    +
    From unsplash.com
    import { useFullscreen } from '@mantine/hooks';
+import { Button, Stack } from '@mantine/core';
+
+function RefDemo() {
+  const { ref, toggle, fullscreen } = useFullscreen();
+
+  return (
+    <Stack align="center">
+      <img
+        ref={ref}
+        src="https://images.unsplash.com/photo-1545569341-9eb8b30979d9?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1650&q=80"
+        alt="From unsplash.com"
+        width={200}
+      />
+      <Button onClick={toggle} color={fullscreen ? 'red' : 'blue'}>
+        {fullscreen ? 'Exit Fullscreen' : 'View Image Fullscreen'}
+      </Button>
+    </Stack>
+  );
+}
    +

    Definition

    +
    function useFullscreen<T extends HTMLElement = any>(): {
+  readonly ref: (element: T | null) => void;
+  readonly toggle: () => Promise<void>;
+  readonly fullscreen: boolean;
+};

    Previous

    use-focus-within

    Next

    use-hotkeys

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-hash/index.html b/hooks/use-hash/index.html new file mode 100644 index 00000000000..fc56311e223 --- /dev/null +++ b/hooks/use-hash/index.html @@ -0,0 +1,23 @@ +use-hash | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-hash

    Get and set hash value in url

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-hash returns hash from URL, subscribes to its changes with hashchange event +and allows changing it with setHash function:

    +

    Current hash: 

    import { useHash, randomId } from '@mantine/hooks';
+import { Button, Text, Code } from '@mantine/core';
+
+function Demo() {
+  const [hash, setHash] = useHash();
+  return (
+    <>
+      <Button onClick={() => setHash(randomId())}>Set hash to random string</Button>
+      <Text>Current hash: <Code>{hash}</Code></Text>
+    </>
+  );
+}
    +

    Definition

    +
    function useHash(): readonly [string, (value: string) => void];

    Previous

    use-favicon

    Next

    use-headroom

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-headroom/index.html b/hooks/use-headroom/index.html new file mode 100644 index 00000000000..b20049f8696 --- /dev/null +++ b/hooks/use-headroom/index.html @@ -0,0 +1,55 @@ +use-headroom | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-headroom

    Create headers that are hidden after user scrolls past given distance

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Use use-headroom hook to create headers that are hidden after user scrolls past the given distance in px. +The hook returns a boolean value that determines whether the element should be pinned or hidden. +Hook returns true when the current scroll position is less than the specified fixedAt value and +after user scrolled up.

    +

    Header is pinned

    import { Box, Portal, rem, Text } from '@mantine/core';
+import { useHeadroom } from '@mantine/hooks';
+
+function Demo() {
+  const pinned = useHeadroom({ fixedAt: 120 });
+
+  return (
+    <>
+      <Portal>
+        <Box
+          style={{
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            padding: 'var(--mantine-spacing-xs)',
+            height: rem(60),
+            zIndex: 1000000,
+            transform: `translate3d(0, ${pinned ? 0 : rem(-110)}, 0)`,
+            transition: 'transform 400ms ease',
+            backgroundColor: 'var(--mantine-color-body)',
+          }}
+        >
+          Pinned header
+        </Box>
+      </Portal>
+      <Text ta="center">Header is {pinned ? 'pinned' : 'not pinned'}</Text>
+    </>
+  );
+}
    +

    Definition

    +
    function useHeadroom(input?: {
+  /** Number in px at which element should be fixed */
+  fixedAt?: number;
+
+  /** Called when element is pinned */
+  onPin?(): void;
+
+  /** Called when element is at fixed position */
+  onFix?(): void;
+
+  /** Called when element is unpinned */
+  onRelease?(): void;
+}): boolean;

    Previous

    use-hash

    Next

    use-idle

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-hotkeys/index.html b/hooks/use-hotkeys/index.html new file mode 100644 index 00000000000..92d9bc964f9 --- /dev/null +++ b/hooks/use-hotkeys/index.html @@ -0,0 +1,86 @@ +use-hotkeys | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-hotkeys

    Listen for keys combinations on document element

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-hotkeys accepts as its first argument an array of hotkeys and handler tuples:

    +
      +
    • hotkey - hotkey string, for example ctrl+E, shift+alt+L, mod+S
      • +
    • handler - event handler called when a given combination was pressed
      • +
    • options - object with extra options for hotkey handler
      • +
    +

    The second argument is a list of HTML tags:

    +
      +
    • tagsToIgnore - HTML tag names that hotkeys will not trigger on
      • +
    • triggerOnContentEditable - Whether shortcuts should trigger when based on contentEditable
      • +
    +
    import { useHotkeys } from '@mantine/hooks';
+
+function Demo() {
+  // ctrl + J and ⌘ + J to toggle color scheme
+  // ctrl + K and ⌘ + K to search
+  useHotkeys([
+    ['mod+J', () => console.log('Toggle color scheme')],
+    ['ctrl+K', () => console.log('Trigger search')],
+    ['alt+mod+shift+X', () => console.log('Rick roll')],
+  ]);
+
+  return null;
+}
    +

    Targeting elements

    +

    use-hotkeys hook can work only with document element, you will need to create your own event listener +if you need to support other elements. For this purpose, @mantine/hooks package exports getHotkeyHandler function +which should be used with onKeyDown:

    +
    import { useState } from 'react';
+import { getHotkeyHandler } from '@mantine/hooks';
+import { notifications } from '@mantine/notifications';
+import { TextInput } from '@mantine/core';
+
+function Demo() {
+  const [value, setValue] = useState("I've just used a hotkey to send a message");
+  const handleSubmit = () => notifications.show({ title: 'Your message', message: value });
+  const handleSave = () => notifications.show({ title: 'You saved', color: 'teal', message: value });
+
+  return (
+    <TextInput
+      placeholder="Your message"
+      label="Press ⌘+Enter or Ctrl+Enter when input has focus to send message"
+      value={value}
+      onChange={(event) => setValue(event.target.value)}
+      onKeyDown={getHotkeyHandler([
+        ['mod+Enter', handleSubmit],
+        ['mod+S', handleSave],
+      ])}
+    />
+  );
+}
    +

    With getHotkeyHandler you can also add events to any dom node using .addEventListener:

    +
    import { getHotkeyHandler } from '@mantine/hooks';
+
+document.body.addEventListener(
+  'keydown',
+  getHotkeyHandler([
+    ['mod+Enter', () => console.log('Submit')],
+    ['mod+S', () => console.log('Save')],
+  ])
+);
    +

    Supported formats

    +
      +
    • mod+S – detects ⌘+S on macOS and Ctrl+S on Windows
      • +
    • ctrl+shift+X – handles multiple modifiers
      • +
    • alt + shift + L – you can use whitespace inside hotkey
      • +
    • ArrowLeft – you can use special keys using this format
      • +
    +

    Definition

    +
    function useHotkeys(
+  hotKeyItem: Array<
+    [
+      hotkey: string,
+      handler: (event: KeyboardEvent) => void,
+      options?: { preventDefault?: boolean }
+    ]
+  >,
+  tagsToIgnore?: string[]
+): void;

    Previous

    use-fullscreen

    Next

    use-hover

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-hover/index.html b/hooks/use-hover/index.html new file mode 100644 index 00000000000..887c881aef7 --- /dev/null +++ b/hooks/use-hover/index.html @@ -0,0 +1,22 @@ +use-hover | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-hover

    Detects if element is hovered

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Put mouse over me please

    import { useHover } from '@mantine/hooks';
+
+function Demo() {
+  const { hovered, ref } = useHover();
+  return (
+    <div ref={ref}>
+      {hovered ? 'I am hovered' : 'Put mouse over me please'}
+    </div>
+  );
+}
    +

    Definition

    +
    function useHover<T extends HTMLElement = HTMLDivElement>(): {
+  ref: React.MutableRefObject<T>;
+  hovered: boolean;
+};

    Previous

    use-hotkeys

    Next

    use-intersection

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-id/index.html b/hooks/use-id/index.html new file mode 100644 index 00000000000..a645a6bb834 --- /dev/null +++ b/hooks/use-id/index.html @@ -0,0 +1,30 @@ +use-id | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-id

    Generates memoized random id

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-id hook generates a random id that persists across renders. +The hook is usually used to bind input elements to labels. +The generated random id is saved to ref and will not change unless the component is unmounted.

    +
    import { useId } from '@mantine/hooks';
+
+function Input({ id }: { id?: string }) {
+  const uuid = useId(id);
+
+  return (
+    <>
+      <label htmlFor={uuid}>Input label</label>
+      <input type="text" id={uuid} />
+    </>
+  );
+}
+
+// input and label will have id 'my-id'
+const withId = <Input id="my-id" />;
+
+// input and label will have random id 'mantine-fZMoF'
+const withoutId = <Input />;
    +

    Definition

    +
    function useId(id: string): string;

    Previous

    use-disclosure

    Next

    use-input-state

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-idle/index.html b/hooks/use-idle/index.html new file mode 100644 index 00000000000..16efdbd4859 --- /dev/null +++ b/hooks/use-idle/index.html @@ -0,0 +1,40 @@ +use-idle | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-idle

    Detects if user does nothing on page

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-idle detects if user does nothing for a given time in ms:

    +
    Current state: idle
    import { Badge } from '@mantine/core';
+import { useIdle } from '@mantine/hooks';
+
+function Demo() {
+  const idle = useIdle(2000);
+  return <Badge color={idle ? 'blue' : 'teal'}>Current state: {idle ? 'idle' : 'not idle'}</Badge>;
+}
    +

    Custom events

    +

    By default, the hook will listen to keypress, mousemove, touchmove, click and scroll events to set idle status. +To change that, provide a list of events in the options argument:

    +
    Current state: idle
    import { Badge } from '@mantine/core';
+import { useIdle } from '@mantine/hooks';
+
+function Demo() {
+  const idle = useIdle(2000, { events: ['click', 'touchstart'] });
+  return <Badge color={idle ? 'blue' : 'teal'}>Current state: {idle ? 'idle' : 'not idle'}</Badge>;
+}
    +

    Initial state

    +

    By default, the hook will return an idle state. +To change that, provide an initial state value in the options argument:

    +
    Current state: not idle
    import { Badge } from '@mantine/core';
+import { useIdle } from '@mantine/hooks';
+
+function Demo() {
+  const idle = useIdle(2000, { initialState: false });
+  return <Badge color={idle ? 'blue' : 'teal'}>Current state: {idle ? 'idle' : 'not idle'}</Badge>;
+}
    +

    Definition

    +
    function useIdle(
+  timeout: number,
+  options?: Partial<{ events: string[]; initialState: boolean }>
+): boolean;

    Previous

    use-headroom

    Next

    use-interval

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-input-state/index.html b/hooks/use-input-state/index.html new file mode 100644 index 00000000000..79243b57bc1 --- /dev/null +++ b/hooks/use-input-state/index.html @@ -0,0 +1,49 @@ +use-input-state | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-input-state

    Manages input state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-input-state handles state of native inputs (with event in onChange handler) and custom inputs (with value in onChange handler). +Hook works with all Mantine and native inputs:

    +
    import { useState } from 'react';
+import { useInputState } from '@mantine/hooks';
+import { TextInput, NumberInput } from '@mantine/core';
+
+function WithUseInputState() {
+  const [stringValue, setStringValue] = useInputState('');
+  const [numberValue, setNumberValue] = useInputState(0);
+
+  return (
+    <>
+      <input type="text" value={stringValue} onChange={setStringValue} />
+      <TextInput value={stringValue} onChange={setStringValue} />
+      <NumberInput value={numberValue} onChange={setNumberValue} />
+    </>
+  );
+}
+
+function WithUseState() {
+  const [stringValue, setStringValue] = useState('');
+  const [numberValue, setNumberValue] = useState(0);
+
+  return (
+    <>
+      <input
+        type="text"
+        value={stringValue}
+        onChange={(event) => setStringValue(event.currentTarget.value)}
+      />
+      <TextInput
+        value={stringValue}
+        onChange={(event) => setStringValue(event.currentTarget.value)}
+      />
+      <NumberInput value={numberValue} onChange={setNumberValue} />
+    </>
+  );
+}
    +

    Definition

    +
    function useInputState<T>(
+  initialState: T
+): [T, (value: null | undefined | T | React.ChangeEvent<any>) => void];

    Previous

    use-id

    Next

    use-list-state

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-intersection/index.html b/hooks/use-intersection/index.html new file mode 100644 index 00000000000..453210c2de5 --- /dev/null +++ b/hooks/use-intersection/index.html @@ -0,0 +1,65 @@ +use-intersection | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-intersection

    Detects if element is visible in viewport

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-intersection returns information about the intersection +of a given element with its scroll container or body element with Intersection Observer API:

    +

    Obscured

    import { useRef } from 'react';
+import { useIntersection } from '@mantine/hooks';
+import { Text, Paper, Box } from '@mantine/core';
+
+function Demo() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const { ref, entry } = useIntersection({
+    root: containerRef.current,
+    threshold: 1,
+  });
+
+  return (
+    <Paper ref={containerRef} h={300} style={{ overflowY: 'scroll' }}>
+      <Box pt={260} pb={280}>
+        <Paper
+          ref={ref}
+          p="xl"
+          style={{
+            backgroundColor: entry?.isIntersecting
+              ? 'var(--mantine-color-green-6)'
+              : 'var(--mantine-color-red-6)',
+            minWidth: '50%',
+          }}
+        >
+          <Text c="#fff" fw={700}>
+            {entry?.isIntersecting ? 'Fully visible' : 'Obscured'}
+          </Text>
+        </Paper>
+      </Box>
+    </Paper>
+  );
+}
    +

    API

    +

    The hook accepts IntersectionObserver's options as its only optional argument:

    +
    useIntersection({
+  root: someDomElement,
+  rootMargin: '0rem',
+  threshold: 1.0,
+});
    +

    The hook returns a ref function that should be passed to the observed element, and the latest entry, as returned by IntersectionObserver's callback. +See Intersection Observer API documentation to learn everything about options.

    +

    On the first render (as well as during SSR), or when no element is being observed, the entry is null.

    +
    const { ref, entry } = useIntersection();
+
+// With regular element:
+<div ref={ref}>Observed</div>
+
+// With Mantine component:
+<Paper ref={ref}>Observed</Paper>
    +

    Definition

    +
    function useIntersection<T extends HTMLElement = any>(
+  options?: ConstructorParameters<typeof IntersectionObserver>[1]
+): {
+  ref: (element: T | null) => void;
+  entry: IntersectionObserverEntry;
+};

    Previous

    use-hover

    Next

    use-media-query

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-interval/index.html b/hooks/use-interval/index.html new file mode 100644 index 00000000000..9170d5c02be --- /dev/null +++ b/hooks/use-interval/index.html @@ -0,0 +1,57 @@ +use-interval | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-interval

    Calls function in given interval

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Page loaded 0 seconds ago

    import { useState, useEffect } from 'react';
+import { useInterval } from '@mantine/hooks';
+import { Stack, Button, Text } from '@mantine/core';
+
+function Demo() {
+  const [seconds, setSeconds] = useState(0);
+  const interval = useInterval(() => setSeconds((s) => s + 1), 1000);
+
+  useEffect(() => {
+    interval.start();
+    return interval.stop;
+  }, []);
+
+  return (
+    <Stack align="center">
+      <Text>Page loaded <b>{seconds}</b> seconds ago</Text>
+      <Button
+        onClick={interval.toggle}
+        color={interval.active ? 'red' : 'teal'}
+        variant="outline"
+      >
+        {interval.active ? 'Stop' : 'Start'} counting
+      </Button>
+    </Stack>
+  );
+}
    +

    API

    +
    const { start, stop, toggle, active } = useInterval(fn, interval);
    +

    Arguments:

    +
      +
    • fn – function that is called at each interval tick
      • +
    • interval – amount of milliseconds between each tick
      • +
    +

    Return object:

    +
      +
    • start – start interval
      • +
    • stop – stop interval
      • +
    • toggle – toggle interval
      • +
    • active – current interval status
      • +
    +

    Definition

    +
    function useInterval(
+  fn: () => void,
+  interval: number
+): {
+  start: () => void;
+  stop: () => void;
+  toggle: () => void;
+  active: boolean;
+};

    Previous

    use-idle

    Next

    use-merged-ref

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-isomorphic-effect/index.html b/hooks/use-isomorphic-effect/index.html new file mode 100644 index 00000000000..0fc3f31d413 --- /dev/null +++ b/hooks/use-isomorphic-effect/index.html @@ -0,0 +1,17 @@ +use-isomorphic-effect | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-isomorphic-effect

    useLayoutEffect that does not show warning when used in SSR

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-isomorphic-effect is a replacement for useEffect hook that works in both browser and server environments.

    +
    import { useIsomorphicEffect } from '@mantine/hooks';
+
+function Demo() {
+  useIsomorphicEffect(() => {
+    document.title = 'title';
+  });
+
+  return null;
+}

    Previous

    use-force-update

    Next

    use-logger

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-list-state/index.html b/hooks/use-list-state/index.html new file mode 100644 index 00000000000..d93541f96fb --- /dev/null +++ b/hooks/use-list-state/index.html @@ -0,0 +1,147 @@ +use-list-state | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-list-state

    Manages array state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-list-state provides an API to work with list state:

    +
    const [values, handlers] = useListState([{ a: 1 }]);
+
+// add one or more items to the end of the list
+const append = () => handlers.append({ a: 2 });
+// values -> [{ a: 1 }, { a: 2 }]
+
+// add one or more items to the start of the list
+const prepend = () => handlers.prepend({ a: 3 }, { a: 4 });
+// values -> [{ a: 3 }, { a: 4 }, { a: 1 }, { a: 2 }]
+
+// remove items at given positions
+const remove = () => handlers.remove(0, 2);
+// values -> [{ a: 4 }, { a: 2 }]
+
+// insert one or more items at given position
+const insert = () => handlers.insert(1, { a: 5 });
+// values -> [{ a: 4 }, { a: 5 }, { a: 2 }]
+
+// apply function to each element of the list
+const apply = () => handlers.apply((item, index) => ({ a: item.a * index }));
+// values -> [{ a: 0 }, { a: 5 }, { a: 4 }]
+
+// move item from one position to another
+const reorder = () => handlers.reorder({ from: 2, to: 0 });
+// values -> [{ a: 4 }, { a: 0 }, { a: 5 }]
+
+// apply function to each element that matches condition
+const applyWhere = () =>
+  handlers.applyWhere(
+    (item) => item.a > 0,
+    (item) => ({ a: item.a + 2 })
+  );
+// values -> [{ a: 6 }, { a: 0 }, { a: 7 }]
+
+// set entirely new state
+const setState = () => handlers.setState([{ a: 6 }, { a: 7 }]);
+// values -> [{ a: 6 }, { a: 7 }]
+
+// set individual item at given position
+const setItem = () => handlers.setItem(0, { a: 8 });
+// values -> [{ a: 8 }, { a: 7 }]
+
+// set item property at given position
+const setItemProp = () => handlers.setItemProp(1, 'a', 'new-prop');
+// values -> [{ a: 8 }, { a: 'new-prop' }]
+
+// filter objects that have a = 'new-prop'
+const filter = () => handlers.filter((item) => item.a === 'new-prop');
+// values -> [{ a: 'new-prop' }]
    +

    API

    +

    use-list-state takes an array as a single argument and +returns a list of values and handlers to change them in a tuple, similar to useState hook.

    +

    The hook provides handlers to work with array data:

    +
      +
    • append – add items to the end of the list
      • +
    • prepend – add items to the start of the list
      • +
    • pop – remove last item
      • +
    • shift – remove first item
      • +
    • insert – insert items at given index
      • +
    • remove – remove items at given indices
      • +
    • reorder – move item from one position to another
      • +
    • apply – apply given function to all items in the list
      • +
    • applyWhere - apply given function to selective items using condition
      • +
    • setItem – replace item at given index
      • +
    • setItemProp – set item property at given index
      • +
    • setState – set list state with react action
      • +
    • filter - filter values with callback function
      • +
    +

    Indeterminate state checkbox example

    +
    import { useListState, randomId } from '@mantine/hooks';
+import { Checkbox } from '@mantine/core';
+
+const initialValues = [
+  { label: 'Receive email notifications', checked: false, key: randomId() },
+  { label: 'Receive sms notifications', checked: false, key: randomId() },
+  { label: 'Receive push notifications', checked: false, key: randomId() },
+];
+
+export function IndeterminateCheckbox() {
+  const [values, handlers] = useListState(initialValues);
+
+  const allChecked = values.every((value) => value.checked);
+  const indeterminate = values.some((value) => value.checked) && !allChecked;
+
+  const items = values.map((value, index) => (
+    <Checkbox
+      mt="xs"
+      ml={33}
+      label={value.label}
+      key={value.key}
+      checked={value.checked}
+      onChange={(event) => handlers.setItemProp(index, 'checked', event.currentTarget.checked)}
+    />
+  ));
+
+  return (
+    <>
+      <Checkbox
+        checked={allChecked}
+        indeterminate={indeterminate}
+        label="Receive all notifications"
+        onChange={() =>
+          handlers.setState((current) =>
+            current.map((value) => ({ ...value, checked: !allChecked }))
+          )
+        }
+      />
+      {items}
+    </>
+  );
+}
    +

    Definition

    +
    function useListState<T>(initialValue: T[] = []): [
+  T[],
+  {
+    setState: Dispatch<SetStateAction<T[]>>;
+    append: (...items: T[]) => void;
+    prepend: (...items: T[]) => void;
+    insert: (index: number, ...items: T[]) => void;
+    apply: (fn: (item: T, index?: number) => T) => void;
+    pop: () => void;
+    shift: () => void;
+    applyWhere: (
+      condition: (item: T, index?: number) => boolean,
+      fn: (item: T, index?: number) => T)
+    ) => void;
+    remove: (...indices: number[]) => void;
+    reorder: ({ from, to }: { from: number; to: number }) => void;
+    setItem: (index: number, item: T) => void;
+    setItemProp: <K extends keyof T, U extends T[K]>(index: number, prop: K, value: U) => void;
+    filter: (fn: (item: T, i: number) => boolean) => void;
+  }
+];
    +

    Set item type

    +

    By default, use-list-state will use type from initialValues. +If you call the hook with an empty array, you must specify item type:

    +
    useListState(['hello']); // ok, item type is string
+useListState([]); // not ok, item type is any
+useListState<string>([]); // ok, item type is string

    Previous

    use-input-state

    Next

    use-local-storage

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-local-storage/index.html b/hooks/use-local-storage/index.html new file mode 100644 index 00000000000..ddc2f2538ef --- /dev/null +++ b/hooks/use-local-storage/index.html @@ -0,0 +1,120 @@ +use-local-storage | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-local-storage

    Use localStorage value as react state, sync state across opened tabs

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-local-storage allows using value from the localStorage as react state. +The hook works the same way as useState, but also writes the value to the localStorage:

    +
    import { useLocalStorage } from '@mantine/hooks';
+
+// The hook will read value from localStorage.getItem('color-scheme')
+// If localStorage is not available or value at a given key does not exist
+// 'dark' will be assigned to value variable
+const [value, setValue] = useLocalStorage({ key: 'color-scheme', defaultValue: 'dark' });
+
+// Value is set both to state and localStorage at 'color-scheme'
+setValue('light');
+
+// You can also use callback like in useState hook to set value
+setValue((current) => (current === 'dark' ? 'light' : 'dark'));
    +

    Example

    +

    Example of a color scheme toggle button that uses use-local-storage hook +to store current color scheme in the localStorage:

    +
    import { useLocalStorage } from '@mantine/hooks';
+import { ActionIcon, ColorScheme } from '@mantine/core';
+import { IconSun, IconMoonStars } from '@tabler/icons-react';
+
+function ColorSchemeToggle() {
+  const [colorScheme, setColorScheme] = useLocalStorage<ColorScheme>({
+    key: 'color-scheme',
+    defaultValue: 'light',
+  });
+
+  const toggleColorScheme = () =>
+    setColorScheme((current) => (current === 'dark' ? 'light' : 'dark'));
+
+  return (
+    <ActionIcon onClick={toggleColorScheme}>
+      {colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
+    </ActionIcon>
+  );
+}
    +

    Remove value

    +

    Use removeValue callback to clean localStorage/sessionStorage. +When value is removed it is reset to defaultValue:

    +
    import { useLocalStorage } from '@mantine/hooks';
+
+const [value, setValue, removeValue] = useLocalStorage({
+  key: 'color-scheme',
+  defaultValue: 'light',
+});
    +

    Browser tabs synchronization

    +

    use-local-storage subscribes to storage event. +When state changes in one tab, it automatically updates the value in all other opened browser tabs. +You can test this feature by opening 2 tabs with Mantine docs side by side and changing the color scheme +(button on the top right or ⌘ + J on MacOS and Ctrl + J on Windows and Linux).

    +

    Serialize/deserialize JSON

    +

    By default, the hook will serialize/deserialize data with JSON.stringify/JSON.parse. +If you need to store data in local storage that cannot be serialized with JSON.stringify +– provide your own serialization handlers:

    +
    const [value, setValue] = useLocalStorage({
+  key: 'color-scheme',
+  serialize: (value) => {
+    /* return value serialized to string */
+  },
+  deserialize: (localStorageValue) => {
+    /* parse localStorage string value and return value */
+  },
+});
    +

    Usage with superjson

    +

    superjson is compatible with JSON.stringify/JSON.parse but works for Date, Map, Set and BigInt:

    +
    import superjson from 'superjson';
+
+const [value, setValue] = useLocalStorage({
+  key,
+  defaultValue,
+  serialize: superjson.stringify,
+  deserialize: (str) => (str === undefined ? defaultValue : superjson.parse(str)),
+});
    +

    use-session-storage

    +

    use-session-storage hook works the same way as use-local-storage hook but uses sessionStorage instead of window.localStorage:

    +
    import { useSessionStorage } from '@mantine/hooks';
+
+const [value, setValue] = useSessionStorage({ key: 'session-key', defaultValue: 'mantine' });
    +

    Definition

    +
    interface UseLocalStorage<T> {
+  /** Local storage key */
+  key: string;
+
+  /** Default value that will be set if value is not found in local storage */
+  defaultValue?: T;
+
+  /** If set to true, value will be updated in useEffect after mount */
+  getInitialValueInEffect: boolean;
+
+  /** Function to serialize value into a string to be saved in local storage */
+  serialize?(value: T): string;
+
+  /** Function to deserialize string value from local storage to value */
+  deserialize?(value: string): T;
+}
+
+function useLocalStorage<T = string>({
+  key,
+  defaultValue,
+  deserialize,
+  serialize,
+  getInitialValueInEffect,
+}: UseLocalStorage<T>): readonly [
+  T, // current value
+  (val: T | ((prevState: T) => T)) => void, // callback to set value in storage
+  () => void // callback to remove value from storage
+];
    +

    Set value type

    +

    You can specify value type same as in useState hook:

    +
    const [value, setValue] = useLocalStorage<'dark' | 'light'>({
+  key: 'color-scheme',
+  defaultValue: 'light',
+});

    Previous

    use-list-state

    Next

    use-pagination

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-logger/index.html b/hooks/use-logger/index.html new file mode 100644 index 00000000000..4c74678a6cb --- /dev/null +++ b/hooks/use-logger/index.html @@ -0,0 +1,20 @@ +use-logger | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-logger

    Log given values to console when component renders

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-logger logs given values to the console each time component renders. +Open devtools to see state changes in console:

    +
    import { useState } from 'react';
+import { useLogger } from '@mantine/hooks';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  const [count, setCount] = useState(0);
+  useLogger('Demo', [{ count, hello: 'world' }]);
+  return <Button onClick={() => setCount((c) => c + 1)}>Update state ({count})</Button>;
+}
    +

    Definition

    +
    function useLogger(componentName: string, props: any[]): any;

    Previous

    use-isomorphic-effect

    Next

    use-shallow-effect

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-media-query/index.html b/hooks/use-media-query/index.html new file mode 100644 index 00000000000..983719728ad --- /dev/null +++ b/hooks/use-media-query/index.html @@ -0,0 +1,41 @@ +use-media-query | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-media-query

    Subscribes to media queries with window.matchMedia

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-media-query subscribes to media queries. +It receives a media query as an argument and returns true if the given media query matches the current state. +The hook relies on window.matchMedia() API +and will return false if the API is not available, unless an initial value is provided in the second argument.

    +

    Resize browser window to trigger window.matchMedia event:

    +
    Breakpoint does not match
    import { Badge } from '@mantine/core';
+import { useMediaQuery } from '@mantine/hooks';
+
+function Demo() {
+  const matches = useMediaQuery('(min-width: 56.25em)');
+
+  return (
+    <Badge color={matches ? 'teal' : 'red'} variant="filled">
+      Breakpoint {matches ? 'matches' : 'does not match'}
+    </Badge>
+  );
+}
    +

    Server Side Rendering

    +

    During server side rendering the hook will always return false as window.matchMedia api is not available, +if that is not a desired behavior, you can override the initial value:

    +
    import { useMediaQuery } from '@mantine/hooks';
+
+function Demo() {
+  // Set initial value in second argument and getInitialValueInEffect option to false
+  const matches = useMediaQuery('(max-width: 40em)', true, { getInitialValueInEffect: false });
+}
    +

    Definition

    +
    function useMediaQuery(
+  query: string,
+  initialValue?: boolean,
+  options?: {
+    getInitialValueInEffect: boolean;
+  }
+): boolean;

    Previous

    use-intersection

    Next

    use-mouse

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-merged-ref/index.html b/hooks/use-merged-ref/index.html new file mode 100644 index 00000000000..b62411414e9 --- /dev/null +++ b/hooks/use-merged-ref/index.html @@ -0,0 +1,43 @@ +use-merged-ref | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-merged-ref

    Merges multiple refs into one

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-merged-ref accepts any number of refs and returns a function that should be passed to the ref prop. +Use this hook when you need to use more than one ref on a single dom node, for example, +when you want to use use-click-outside and use-focus-trap hooks and also get a ref for yourself:

    +
    import { useRef } from 'react';
+import { useClickOutside, useFocusTrap, useMergedRef } from '@mantine/hooks';
+
+function Demo() {
+  const myRef = useRef();
+  const useClickOutsideRef = useClickOutside(() => {});
+  const focusTrapRef = useFocusTrap();
+  const mergedRef = useMergedRef(myRef, useClickOutsideRef, focusTrapRef);
+
+  return <div ref={mergedRef} />;
+}
    +

    mergeRefs function

    +

    use-merged-ref hooks memoizes refs with useCallback hook, but in some cases +memoizing is not a valid strategy, for example, when you are working with a list +of dynamic components React will complain that different number of hooks was called +across two renders. To fix that issue, use mergeRefs function instead:

    +
    import { useRef } from 'react';
+import { useClickOutside, mergeRefs } from '@mantine/hooks';
+
+function Demo() {
+  const myRef = useRef();
+  const useClickOutsideRef = useClickOutside(() => {});
+  const mergedRef = mergeRefs(myRef, useClickOutsideRef);
+  return <div ref={mergedRef} />;
+}
    +

    mergeRefs works the same way as use-merged-ref, but does not use hooks internally. +Use it only when you cannot use use-merged-ref. Note that mergeRefs will not work +correctly with use-focus-trap hook, you are required to +use use-merged-ref with it.

    +

    Definition

    +
    function useMergedRef<T = any>(...refs: React.ForwardedRef<T>[]): (node: T) => void;
    +

    Set node type

    +
    useMergedRef<HTMLDivElement>();

    Previous

    use-interval

    Next

    use-network

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-mouse/index.html b/hooks/use-mouse/index.html new file mode 100644 index 00000000000..fe07ccd617c --- /dev/null +++ b/hooks/use-mouse/index.html @@ -0,0 +1,55 @@ +use-mouse | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-mouse

    Tracks mouse position over the viewport or given element

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Mouse coordinates { x: 0, y: 0 }

    import { Text, Code, Group, Box } from '@mantine/core';
+import { useMouse } from '@mantine/hooks';
+
+function Demo() {
+  const { ref, x, y } = useMouse();
+
+  return (
+    <>
+      <Group justify="center">
+        <Box ref={ref} w={300} h={180} bg="var(--mantine-color-blue-light)" />
+      </Group>
+      <Text ta="center">
+        Mouse coordinates <Code>{`{ x: ${x}, y: ${y} }`}</Code>
+      </Text>
+    </>
+  );
+}
    +

    If you do not provide ref, mouse position is tracked relative to the document element:

    +

    Mouse coordinates { x: 0, y: 0 }

    import { Text, Code } from '@mantine/core';
+import { useMouse } from '@mantine/hooks';
+
+function Demo() {
+  const { x, y } = useMouse();
+
+  return (
+    <Text ta="center">
+      Mouse coordinates <Code>{`{ x: ${x}, y: ${y} }`}</Code>
+    </Text>
+  );
+}
    +

    API

    +

    Set resetOnExit option to reset mouse position to 0, 0 when mouse leaves the element:

    +
    const { ref, x, y } = useMouse({ resetOnExit: true });
    +

    The hook returns an object with ref and x, y mouse coordinates:

    +
    const {
+  ref, // -> pass ref to target element, if not used document element will be used as target element
+  x, // -> mouse x position
+  y, // -> mouse y position
+} = useMouse();
    +

    On the first render (as well as during SSR), both x and y values are equal to 0.

    +

    Definition

    +
    function useMouse<T extends HTMLElement = any>(options?: {
+  resetOnExit?: boolean;
+}): {
+  x: number;
+  y: number;
+  ref: React.MutableRefObject<T>;
+};

    Previous

    use-media-query

    Next

    use-move

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-move/index.html b/hooks/use-move/index.html new file mode 100644 index 00000000000..944d48f2f1a --- /dev/null +++ b/hooks/use-move/index.html @@ -0,0 +1,225 @@ +use-move | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-move

    Handles move behavior over any element, use to build custom sliders, color pickers, etc.

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-move handles move behavior over any element:

    +

    Values { x: 20, y: 60 }

    import { useState } from 'react';
+import { Group, Text, Code, rem } from '@mantine/core';
+import { useMove } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useState({ x: 0.2, y: 0.6 });
+  const { ref, active } = useMove(setValue);
+
+  return (
+    <>
+      <Group justify="center">
+        <div
+          ref={ref}
+          style={{
+            width: rem(400),
+            height: rem(120),
+            backgroundColor: 'var(--mantine-color-blue-light)',
+            position: 'relative',
+          }}
+        >
+          <div
+            style={{
+              position: 'absolute',
+              left: `calc(${value.x * 100}% - ${rem(8)})`,
+              top: `calc(${value.y * 100}% - ${rem(8)})`,
+              width: rem(16),
+              height: rem(16),
+              backgroundColor: active ? 'var(--mantine-color-teal-7)' : 'var(--mantine-color-blue-7)',
+            }}
+          />
+        </div>
+      </Group>
+      <Text ta="center" mt="sm">
+        Values <Code>{`{ x: ${Math.round(value.x * 100)}, y: ${Math.round(value.y * 100)} }`}</Code>
+      </Text>
+    </>
+  );
+}
    +

    API

    +

    The hook accepts a callback that is called when user moves pressed mouse over the given element +and returns an object with ref and active state:

    +
    const {
+  ref, // -> pass ref to target element
+  active, // -> is user changing something right now?
+} = useMove(({ x, y }) => setValue({ x, y }));
    +

    x and y values are always between 0 and 1, you can use them to calculate value in your boundaries.

    +

    Horizontal slider

    +

    You can ignore changes for one of the axis:

    +

    Value: 20

    import { useState } from 'react';
+import { Group, Text, rem } from '@mantine/core';
+import { useMove } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useState(0.2);
+  const { ref } = useMove(({ x }) => setValue(x));
+
+  return (
+    <>
+      <Group justify="center">
+        <div
+          ref={ref}
+          style={{
+            width: rem(400),
+            height: rem(16),
+            backgroundColor: 'var(--mantine-color-blue-light)',
+            position: 'relative',
+          }}
+        >
+          {/* Filled bar */}
+          <div
+            style={{
+              width: `${value * 100}%`,
+              height: rem(16),
+              backgroundColor: 'var(--mantine-color-blue-filled)',
+            }}
+          />
+
+          {/* Thumb */}
+          <div
+            style={{
+              position: 'absolute',
+              left: `calc(${value * 100}% - ${rem(8)})`,
+              top: 0,
+              width: rem(16),
+              height: rem(16),
+              backgroundColor: 'var(--mantine-color-blue-7)',
+            }}
+          />
+        </div>
+      </Group>
+
+      <Text ta="center" mt="sm">
+        Value: {Math.round(value * 100)}
+      </Text>
+    </>
+  );
+}
    +

    Vertical slider

    +

    Moving the slider down increases the value, to reverse that set value to 1 - y in your setValue function:

    +

    Value: 20

    import { useState } from 'react';
+import { Group, Text, rem } from '@mantine/core';
+import { useMove } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useState(0.2);
+  const { ref } = useMove(({ y }) => setValue(1 - y));
+
+  return (
+    <>
+      <Group justify="center">
+        <div
+          ref={ref}
+          style={{
+            width: rem(16),
+            height: rem(120),
+            backgroundColor: 'var(--mantine-color-blue-light)',
+            position: 'relative',
+          }}
+        >
+          {/* Filled bar */}
+          <div
+            style={{
+              position: 'absolute',
+              bottom: 0,
+              height: `${value * 100}%`,
+              width: rem(16),
+              backgroundColor: 'var(--mantine-color-blue-filled)',
+            }}
+          />
+
+          {/* Thumb */}
+          <div
+            style={{
+              position: 'absolute',
+              bottom: `calc(${value * 100}% - ${rem(8)})`,
+              left: 0,
+              width: rem(16),
+              height: rem(16),
+              backgroundColor: 'var(--mantine-color-blue-7)',
+            }}
+          />
+        </div>
+      </Group>
+
+      <Text ta="center" mt="sm">
+        Value: {Math.round(value * 100)}
+      </Text>
+    </>
+  );
+}
    +

    Color picker

    +
    import { useState } from 'react';
+import { rem } from '@mantine/core';
+import { useMove } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useState({ x: 0.2, y: 0.6 });
+  const { ref } = useMove(setValue);
+
+  return (
+    <div>
+      <div
+        ref={ref}
+        style={{
+          width: rem(300),
+          height: rem(150),
+          backgroundColor: 'red',
+          position: 'relative',
+        }}
+      >
+        {/* Gradient overlays */}
+        <div
+          style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundImage: 'linear-gradient(90deg, #fff, transparent)',
+          }}
+        />
+        <div
+          style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundImage: 'linear-gradient(0deg, #000, transparent)',
+          }}
+        />
+
+        {/* Thumb */}
+        <div
+          style={{
+            position: 'absolute',
+            left: `calc(${value.x * 100}% - ${rem(8)})`,
+            top: `calc(${value.y * 100}% - ${rem(8)})`,
+            width: rem(16),
+            height: rem(16),
+            border: `${rem(2)} solid #fff`,
+            borderRadius: rem(16),
+          }}
+        />
+      </div>
+    </div>
+  );
+}
    +

    Definition

    +
    function useMove<T extends HTMLElement = HTMLDivElement>(
+  onChange: (value: UseMovePosition) => void,
+  handlers?: useMoveHandlers,
+  dir?: 'ltr' | 'rtl'
+): {
+  ref: MutableRefObject<T>;
+  active: boolean;
+};

    Previous

    use-mouse

    Next

    use-reduced-motion

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-network/index.html b/hooks/use-network/index.html new file mode 100644 index 00000000000..e9eb12a98aa --- /dev/null +++ b/hooks/use-network/index.html @@ -0,0 +1,72 @@ +use-network | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-network

    Returns current connection status

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-network hook returns an object with current connection status:

    +
    PropertyValue
    Online

    Online

    rtt
    downlink
    effectiveType
    saveData

    false

    import { Text, Table } from '@mantine/core';
+import { useNetwork } from '@mantine/hooks';
+
+function Demo() {
+  const networkStatus = useNetwork();
+
+  return (
+    <Table maw={300} layout="fixed" mx="auto">
+      <Table.Thead>
+        <Table.Tr>
+          <Table.Th>Property</Table.Th>
+          <Table.Th>Value</Table.Th>
+        </Table.Tr>
+      </Table.Thead>
+
+      <Table.Tbody>
+        <Table.Tr>
+          <Table.Td>Online</Table.Td>
+          <Table.Td>
+            <Text size="sm" c={networkStatus.online ? 'teal' : 'red'}>
+              {networkStatus.online ? 'Online' : 'Offline'}
+            </Text>
+          </Table.Td>
+        </Table.Tr>
+
+        <Table.Tr>
+          <Table.Td>rtt</Table.Td>
+          <Table.Td>{networkStatus.rtt}</Table.Td>
+        </Table.Tr>
+
+        <Table.Tr>
+          <Table.Td>downlink</Table.Td>
+          <Table.Td>{networkStatus.downlink}</Table.Td>
+        </Table.Tr>
+
+        <Table.Tr>
+          <Table.Td>effectiveType</Table.Td>
+          <Table.Td>{networkStatus.effectiveType}</Table.Td>
+        </Table.Tr>
+
+        <Table.Tr>
+          <Table.Td>saveData</Table.Td>
+          <Table.Td>
+            <Text size="sm" c={networkStatus.saveData ? 'teal' : 'red'}>
+              {networkStatus.saveData ? 'true' : 'false'}
+            </Text>
+          </Table.Td>
+        </Table.Tr>
+      </Table.Tbody>
+    </Table>
+  );
+}
    +

    Browser support

    +

    use-network uses experimental navigator.connection, see browser compatibility table.

    +

    Definition

    +
    function useNetwork(): {
+  online: boolean;
+  downlink?: number;
+  downlinkMax?: number;
+  effectiveType?: 'slow-2g' | '2g' | '3g' | '4g';
+  rtt?: number;
+  saveData?: boolean;
+  type?: 'bluetooth' | 'cellular' | 'ethernet' | 'wifi' | 'wimax' | 'none' | 'other' | 'unknown';
+};

    Previous

    use-merged-ref

    Next

    use-os

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-os/index.html b/hooks/use-os/index.html new file mode 100644 index 00000000000..2202d37a332 --- /dev/null +++ b/hooks/use-os/index.html @@ -0,0 +1,23 @@ +use-os | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-os

    Detects user operating system

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-os returns user's os. Possible values are: undetermined, macos, ios, windows, android, linux. +If the OS cannot be identified, for example, during server side rendering undetermined will be returned.

    +

    Your os is undetermined

    import { useOs } from '@mantine/hooks';
+
+function Demo() {
+  const os = useOs();
+  return <>Your os is <b>{os}</b></>;
+}
    +

    OS type

    +

    You can import OS union type from @mantine/hooks:

    +
    import type { OS } from '@mantine/hooks';
+// OS type is 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux'
    +

    Definition

    +
    function getOS(options?: {
+  getValueInEffect: boolean;
+}): 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';

    Previous

    use-network

    Next

    use-page-leave

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-page-leave/index.html b/hooks/use-page-leave/index.html new file mode 100644 index 00000000000..07d8c6e77e7 --- /dev/null +++ b/hooks/use-page-leave/index.html @@ -0,0 +1,18 @@ +use-page-leave | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-page-leave

    Calls given function when mouse leaves the page

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-page-leave calls given function when mouse leaves the page:

    +

    Mouse left the page 0 times

    import { useState } from 'react';
+import { usePageLeave } from '@mantine/hooks';
+
+function Demo() {
+  const [leftsCount, setLeftsCount] = useState(0);
+  usePageLeave(() => setLeftsCount((p) => p + 1));
+  return <>Mouse left the page {leftsCount} times</>;
+}
    +

    Definition

    +
    function usePageLeave(onPageLeave: () => void): void;

    Previous

    use-os

    Next

    use-text-selection

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-pagination/index.html b/hooks/use-pagination/index.html new file mode 100644 index 00000000000..e797a3210f2 --- /dev/null +++ b/hooks/use-pagination/index.html @@ -0,0 +1,104 @@ +use-pagination | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-pagination

    Manages pagination state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-pagination is a state management hook for Pagination component, +it manages pagination with controlled and uncontrolled state:

    +
    +
    const pagination = usePagination({ total: 10, initialPage: 1 });
+
+pagination.range; // -> [1, 2, 3, 4, 5, 'dots', 10];
+
+pagination.setPage(5);
+pagination.range; // -> [1, 'dots', 4, 5, 6, 'dots', 10];
+
+pagination.next();
+pagination.range; // -> [1, 'dots', 5, 6, 7, 'dots', 10];
+
+pagination.previous();
+pagination.range; // -> [1, 'dots', 4, 5, 6, 'dots', 10];
+
+pagination.last();
+pagination.range; // -> [1, 'dots', 6, 7, 8, 9, 10];
+
+pagination.first();
+pagination.range; // -> [1, 2, 3, 4, 5, 'dots', 10];
    +

    Controlled

    +

    The hook supports controlled mode, provide page and onChange props to manage state from outside:

    +
    const [page, onChange] = useState(1);
+const pagination = usePagination({ total: 10, page, onChange });
+
+// Will call onChange with 5
+pagination.setPage(5);
+pagination.range; // -> [1, 'dots', 4, 5, 6, 'dots', 10];
+
+// ... All other examples work the same
    +

    Siblings

    +

    Control number of active item siblings with siblings:

    +
    const pagination = usePagination({ total: 20, siblings: 3 });
    +

    1 sibling (default)

    2 siblings

    3 siblings

    import { Text, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text mb="xs">1 sibling (default)</Text>
+      <Pagination total={20} siblings={1} defaultValue={10} />
+
+      <Text mb="xs" mt="xl">2 siblings</Text>
+      <Pagination total={20} siblings={2} defaultValue={10} />
+
+      <Text mb="xs" mt="xl">3 siblings</Text>
+      <Pagination total={20} siblings={3} defaultValue={10} />
+    </>
+  );
+}
    +

    Boundaries

    +

    Control number of items on each boundary with boundaries:

    +
    const pagination = usePagination({ total: 20, boundaries: 3 });
    +

    1 boundary (default)

    2 boundaries

    3 boundaries

    import { Text, Pagination } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text mb="xs">1 boundary (default)</Text>
+      <Pagination total={20} boundaries={1} defaultValue={10} />
+
+      <Text mt="xl" mb="xs">2 boundaries</Text>
+      <Pagination total={20} boundaries={2} defaultValue={10} />
+
+      <Text mt="xl" mb="xs">3 boundaries</Text>
+      <Pagination total={20} boundaries={3} defaultValue={10} />
+    </>
+  );
+}
    +

    Definition

    +
    function usePagination(settings: {
+  /** Page selected on initial render, defaults to 1 */
+  initialPage?: number;
+
+  /** Controlled active page number */
+  page?: number;
+
+  /** Total number of pages */
+  total: number;
+
+  /** Siblings number on left/right side of selected page, defaults to 1 */
+  siblings?: number;
+
+  /** Amount of elements visible on left/right edges, defaults to 1  */
+  boundaries?: number;
+
+  /** Callback fired after change of each page */
+  onChange?: (page: number) => void;
+}): {
+  range: (number | 'dots')[];
+  active: number;
+  setPage: (page: number) => void;
+  next: () => void;
+  previous: () => void;
+  first: () => void;
+  last: () => void;
+};

    Previous

    use-local-storage

    Next

    use-previous

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-previous/index.html b/hooks/use-previous/index.html new file mode 100644 index 00000000000..8a681381c64 --- /dev/null +++ b/hooks/use-previous/index.html @@ -0,0 +1,32 @@ +use-previous | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-previous

    Returns previous value of given state

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-previous stores the previous value of a state in a ref. +IT returns undefined on initial render and the previous value of a state after rerender:

    +

    Current value:

    Previous value: 

    import { TextInput, Text } from '@mantine/core';
+import { usePrevious, useInputState } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useInputState('');
+  const previousValue = usePrevious(value);
+
+  return (
+    <div>
+      <TextInput
+        label="Enter some text here"
+        placeholder="Enter some text here"
+        id="previous-demo-input"
+        value={value}
+        onChange={setValue}
+      />
+      <Text mt="md">Current value: {value}</Text>
+      <Text>Previous value: {previousValue}</Text>
+    </div>
+  );
+}
    +

    Definition

    +
    function usePrevious<T>(value: T): T | undefined;

    Previous

    use-pagination

    Next

    use-queue

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-queue/index.html b/hooks/use-queue/index.html new file mode 100644 index 00000000000..99ecb667f9f --- /dev/null +++ b/hooks/use-queue/index.html @@ -0,0 +1,85 @@ +use-queue | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-queue

    Manages queue of values

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-queue limits the number of data in current state and places the rest of it in a queue. +For example, in @mantine/notifications package number of +notifications that is currently displayed is limited and other new notifications are added to the queue and displayed once +available space appears.

    +
    import { useQueue } from '@mantine/hooks';
+
+const { state, queue, add, update, cleanQueue } = useQueue({
+  initialValues: [1],
+  limit: 2,
+});
+
+// state -> [1], queue -> []
+
+// When state.length is less that limit, new items are added to state
+add(2);
+// state -> [1,2], queue -> []
+
+// When state.length is equal to limit, new items are added to queue
+add(3, 4, 5, 6);
+// state -> [1,2], queue -> [3,4,5,6]
+
+// Use update function to modify items
+update((values) => values.map((item) => item * 3));
+// state -> [3,6], queue -> [9,12,15,18]
+
+// If you add or remove items in update function,
+// they will be divided between queue and state according to limit
+// order is always preserved
+update((values) => values.filter((item) => item % 2));
+// state -> [3,9], queue -> [15]
+
+// Remove all items from queue
+cleanQueue();
+// state -> [3,9], queue -> []
+
+// Remove all items from queue and state
+update(() => []);
+// state -> [], queue -> []
    +

    API

    +

    The hook accepts one argument – a configuration object with keys:

    +
      +
    • initialValues – optional initial values (divided between state and queue according to limit), defaults to empty array
      • +
    • limit – maximum number of items that state can include, every next item after the limit is exceeded is put in queue
      • +
    +

    Return value:

    +
      +
    • state – current state
      • +
    • queue – current queue
      • +
    • add – add any number of items to state or queue
      • +
    • update – apply given function to all items in state and queue, use it to filter, modify or add items
      • +
    • cleanQueue – remove all items from the queue
      • +
    +

    Set item type

    +

    By default, the hook will get types information from initialValues automatically:

    +
    const q = useQueue({
+  limit: 2,
+  initialValues: [
+    { name: 'Bob', id: 1 },
+    { name: 'Alice', id: 2 },
+  ],
+});
+
+typeof q.state[number]; // -> { name: string; id: number; }
    +

    If you do not provide initialValues, pass in type for state item:

    +
    const q = useQueue<{ name: string; id: number }>({
+  limit: 2,
+  initialValues: [],
+});
+
+q.add({ name: 'Bob', id: 1 });
    +

    Definition

    +
    function useQueue<T>(configuration: { initialValues?: T[]; limit: number }): {
+  state: T[];
+  queue: T[];
+  add: (...items: T[]) => void;
+  update: (fn: (state: T[]) => T[]) => void;
+  cleanQueue: () => void;
+};

    Previous

    use-previous

    Next

    use-set-state

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-reduced-motion/index.html b/hooks/use-reduced-motion/index.html new file mode 100644 index 00000000000..57b5a562e2f --- /dev/null +++ b/hooks/use-reduced-motion/index.html @@ -0,0 +1,35 @@ +use-reduced-motion | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-reduced-motion

    Detects if user prefers reduced motion

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-reduced-motion detects if user prefers to reduce motion. +It uses use-media-query hook under the hood. +Hook relies on window.matchMedia() API +and will always return false if api is not available (e.g. during server side rendering), unless the initial value is provided in the first argument.

    +

    Use hook to detect if user prefers to reduce motion ((prefers-reduced-motion: reduce) media query) and set animations duration based on this value.

    +
    You prefer not to reduce motion
    import { Badge } from '@mantine/core';
+import { useReducedMotion } from '@mantine/hooks';
+
+function Demo() {
+  const reduceMotion = useReducedMotion();
+
+  return (
+    <Badge
+      color={reduceMotion ? 'red' : 'teal'}
+      style={{ transitionDuration: reduceMotion ? '0ms' : '200ms' }}
+      variant="filled"
+    >
+      {reduceMotion ? 'You prefer to reduce motion' : 'You prefer not to reduce motion'}
+    </Badge>
+  );
+}
    +

    Definition

    +
    function useReducedMotion(
+  initialValue?: boolean,
+  options?: {
+    getInitialValueInEffect: boolean;
+  }
+): boolean;

    Previous

    use-move

    Next

    use-resize-observer

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-resize-observer/index.html b/hooks/use-resize-observer/index.html new file mode 100644 index 00000000000..bc5400795eb --- /dev/null +++ b/hooks/use-resize-observer/index.html @@ -0,0 +1,54 @@ +use-resize-observer | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-resize-observer

    Tracks element size and position changes

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Resize textarea by dragging its right bottom corner

    Rect: { + "x": 0, + "y": 0, + "width": 0, + "height": 0, + "top": 0, + "left": 0, + "bottom": 0, + "right": 0 +}

    import { Text, Code, rem } from '@mantine/core';
+import { useResizeObserver } from '@mantine/hooks';
+
+function Demo() {
+  const [ref, rect] = useResizeObserver();
+
+  return (
+    <>
+      <textarea ref={ref} style={{ width: rem(400), height: rem(120) }} />
+      <Text ta="center">Rect: <Code>{JSON.stringify(rect)}</Code></Text>
+    </>
+  );
+}
    +

    API

    +

    use-resize-observer returns a ref object that should be passed to the observed element, and the current element content rect, as returned by ResizeObserver's callback entry.contentRect. +See Resize Observer API documentation to learn more. +On the first render (as well as during SSR), or when no element is being observed, all of the properties are equal to 0.

    +
    import { useResizeObserver } from '@mantine/hooks';
+
+function Demo() {
+  const [ref, rect] = useResizeObserver();
+  return <div ref={ref}>Observed</div>;
+}
    +

    See also use-element-size hook in case you need to subscribe only to width and height.

    +

    Definition

    +
    function useResizeObserver<T extends HTMLElement = any>(): [
+  MutableRefObject<T>,
+  {
+    x: number;
+    y: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    height: number;
+    width: number;
+  }
+];

    Previous

    use-reduced-motion

    Next

    use-scroll-into-view

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-scroll-into-view/index.html b/hooks/use-scroll-into-view/index.html new file mode 100644 index 00000000000..31293c88d41 --- /dev/null +++ b/hooks/use-scroll-into-view/index.html @@ -0,0 +1,148 @@ +use-scroll-into-view | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-scroll-into-view

    Scrolls element into view

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-scroll-into-view handles scroll behavior for any scrollable element. Basic usage works the same way as element.scrollIntoView(). +Hook adjusts scrolling animation with respect to the reduced-motion user preference.

    +

    Hello there

    import { useScrollIntoView } from '@mantine/hooks';
+import { Button, Text, Group, Box } from '@mantine/core';
+
+function Demo() {
+  const { scrollIntoView, targetRef } = useScrollIntoView<HTMLDivElement>({
+    offset: 60,
+  });
+
+  return (
+    <Group justify="center">
+      <Button
+        onClick={() =>
+          scrollIntoView({
+            alignment: 'center',
+          })
+        }
+      >
+        Scroll to target
+      </Button>
+      <Box
+        style={{
+          width: '100%',
+          height: '50vh',
+          backgroundColor: 'var(--mantine-color-blue-light)',
+        }}
+      />
+      <Text ref={targetRef}>Hello there</Text>
+    </Group>
+  );
+}
    +

    API

    +

    The hook is configured with settings object:

    +
      +
    • onScrollFinish – function that will be called after scroll animation
      • +
    • easing – custom math easing function
      • +
    • duration - duration of scroll animation in milliseconds
      • +
    • axis - axis of scroll
      • +
    • cancelable - indicator if animation may be interrupted by user scrolling
      • +
    • offset - additional distance between the nearest edge and element
      • +
    • isList - indicator that prevents content jumping in scrolling lists with multiple targets, for example Select, Carousel
      • +
    +

    Hook returns an object with:

    +
      +
    • scrollIntoView – function that starts scroll animation
      • +
    • cancel – function that stops scroll animation
      • +
    • targetRef - ref of target HTML node
      • +
    • scrollableRef - ref of scrollable parent HTML element, if not used document element will be used
      • +
    +

    Returned scrollIntoView function accepts single optional argument alignment - optional target element alignment relatively to parent based on current axis.

    +
    scrollIntoView({ alignment: 'center' });
    +

    Easing

    +

    The hook accept custom easing math function to control the flow of animation. +It takes t argument, which is a number between 0 and 1.

    +

    Default easing is easeInOutQuad - more info here. +You can find other popular examples on easings.net

    +
    useScrollIntoView({
+  target: someDomElement,
+  easing: (t) => (t < 0.5 ? 16 * Math.pow(t, 5) : 1 - Math.pow(-2 * x + 2, 5) / 2), // easeInOutQuint
+});
    +

    Parent node

    +

    Scroll me into view

    import { useScrollIntoView } from '@mantine/hooks';
+import { Button, Text, Group, Paper, Box } from '@mantine/core';
+
+function Demo() {
+  const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView<
+    HTMLDivElement,
+    HTMLDivElement
+  >();
+
+  return (
+    <Group justify="center">
+      <Paper ref={scrollableRef} h={300} style={{ overflowY: 'scroll', flex: 1 }}>
+        <Box pt={260} pb={450}>
+          <Paper
+            ref={targetRef}
+            p="xl"
+            style={{
+              backgroundColor: 'var(--mantine-color-blue-light)',
+              width: '100%',
+            }}
+          >
+            <Text>Scroll me into view</Text>
+          </Paper>
+        </Box>
+      </Paper>
+      <Button onClick={() => scrollIntoView()}>Scroll to target</Button>
+    </Group>
+  );
+}
    +

    Scroll X axis

    +

    Scroll me into view

    import { useScrollIntoView } from '@mantine/hooks';
+import { Button, Text, Group, Paper, Box } from '@mantine/core';
+
+function Demo() {
+  const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView<
+    HTMLDivElement,
+    HTMLDivElement
+  >({ axis: 'x' });
+
+  return (
+    <Group justify="center">
+      <Paper ref={scrollableRef} h={150} w={300} style={{ overflowX: 'scroll' }}>
+        <Box pl={260} pr={450}>
+          <Paper
+            ref={targetRef}
+            p="md"
+            style={{
+              backgroundColor: 'var(--mantine-color-blue-light)',
+              width: 'max-content',
+            }}
+          >
+            <Text>Scroll me into view</Text>
+          </Paper>
+        </Box>
+      </Paper>
+      <Button onClick={() => scrollIntoView()}>Scroll to target</Button>
+    </Group>
+  );
+}
    +

    Definition

    +
    function useScrollIntoView<
+  Target extends HTMLElement,
+  Parent extends HTMLElement | null = null
+>({
+  onScrollFinish?: () => void;
+  duration?: number;
+  axis?: 'x' | 'y';
+  easing?: (t: number) => number;
+  offset?: number;
+  cancelable?: boolean;
+  isList?: boolean;
+}): {
+  targetRef: MutableRefObject<Target>;
+  scrollableRef: MutableRefObject<Parent>;
+  scrollIntoView: ({
+    alignment?: 'start' | 'end' | 'center';
+  }) => void;
+  cancel: () => void;
+};

    Previous

    use-resize-observer

    Next

    use-viewport-size

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-set-state/index.html b/hooks/use-set-state/index.html new file mode 100644 index 00000000000..7a61a7c3fa8 --- /dev/null +++ b/hooks/use-set-state/index.html @@ -0,0 +1,24 @@ +use-set-state | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-set-state

    Manages state with setState-like API

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-set-state works similar to how this.setState works in class components – it shallow merges state partial +into current state.

    +
    const [state, setState] = useSetState({ name: 'John', age: 35, job: 'Engineer' });
+
+state; // -> { name: 'John', age: 35, job: 'Engineer' }
+
+setState({ name: 'Jane' }); // -> { name: 'Jane', age: 35, job: 'Engineer' }
+setState({ age: 25, job: 'Manager' }); // -> { name: 'Jane', age: 25, job: 'Manager' }
+setState((current) => ({ age: current.age + 7 })); // -> { name: 'Jane', age: 32, job: 'Manager' }
    +

    Note that it can work only with objects: primitive values and arrays are not supported:

    +
    useSetState([1, 2, 3]); // -> will not work
+useSetState(1); // -> will not work
+useSetState({ skills: ['JavaScript', 'TypeScript'] }); // -> works fine
    +

    Definition

    +
    function useSetState<T extends Record<string, any>>(
+  initialState: T
+): readonly [T, (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) => void];

    Previous

    use-queue

    Next

    use-toggle

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-shallow-effect/index.html b/hooks/use-shallow-effect/index.html new file mode 100644 index 00000000000..61927623bd6 --- /dev/null +++ b/hooks/use-shallow-effect/index.html @@ -0,0 +1,30 @@ +use-shallow-effect | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-shallow-effect

    useEffect drop in replacement with dependencies shallow comparison

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-shallow-effect works exactly like useEffect, but performs shallow dependencies comparison instead of referential comparison:

    +
    import { useEffect } from 'react';
+import { useShallowEffect } from '@mantine/hooks';
+
+// Will be called on each render
+useEffect(() => {}, [{ a: 1 }]);
+
+// Will be called only once
+useShallowEffect(() => {}, [{ a: 1 }]);
    +

    Hook works with primitive values, arrays and objects:

    +
    // Primitive values are handled like in useEffect
+useShallowEffect(() => {}, [1, 2, 3]);
+
+// Arrays with primitive values will not trigger callback
+useShallowEffect(() => {}, [[1], [2], [3]]);
+
+// Objects with primitive values will not trigger callback
+useShallowEffect(() => {}, [{ a: 1 }, { b: 2 }]);
+
+// Arrays with objects will trigger callback since values are not shallow equal
+useShallowEffect(() => {}, [[{ a: 1 }], [{ b: 2 }]]);
    +

    Definition

    +
    function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void;

    Previous

    use-logger

    Next

    use-form

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-text-selection/index.html b/hooks/use-text-selection/index.html new file mode 100644 index 00000000000..6d6720b4ce7 --- /dev/null +++ b/hooks/use-text-selection/index.html @@ -0,0 +1,21 @@ +use-text-selection | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-text-selection

    Returns current selected text on the page

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-text-selection returns current text selection:

    +
    Select some text here or anywhere on the page and it will be displayed below
    Selected text: 
    import { useTextSelection } from '@mantine/hooks';
+
+function Demo() {
+  const selection = useTextSelection();
+  return (
+    <>
+      <div>Select some text here or anywhere on the page and it will be displayed below</div>
+      <div>Selected text: {selection?.toString()}</div>
+    </>
+  );
+}
    +

    Definition

    +
    function useTextSelection(): Selection | null;

    Previous

    use-page-leave

    Next

    use-timeout

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-timeout/index.html b/hooks/use-timeout/index.html new file mode 100644 index 00000000000..9d751dba784 --- /dev/null +++ b/hooks/use-timeout/index.html @@ -0,0 +1,49 @@ +use-timeout | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-timeout

    Calls function in given timeout

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    Random value: 

    import { useState } from 'react';
+import { Button, Text, Group } from '@mantine/core';
+import { randomId, useTimeout } from '@mantine/hooks';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const { start, clear } = useTimeout(() => setValue(randomId()), 1000);
+
+  return (
+    <Group>
+      <Button onClick={start}>Start</Button>
+      <Button onClick={clear} color="red">
+        Clear
+      </Button>
+      <Text>Random value: {value}</Text>
+    </Group>
+  );
+}
    +

    API

    +
    const { start, clear } = useTimeout(callback, delay, { autoInvoke: true });
    +

    Arguments:

    +
      +
    • callback – function that will be called after the timer elapses
      • +
    • delay – number of milliseconds the timer should wait before the specified function is executed
      • +
    • options: { autoInvoke } - determines whether the timer should be started on mount, defaults to false
      • +
    +

    Return object:

    +
      +
    • start - starts the timer
      • +
    • clear – cancels the timer
      • +
    +

    Definition

    +
    function useTimeout(
+  callback: (...callbackParams: any[]) => void,
+  delay: number,
+  options?: {
+    autoInvoke: boolean;
+  }
+): {
+  start: (...callbackParams: any[]) => void;
+  clear: () => void;
+};

    Previous

    use-text-selection

    Next

    use-did-update

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-toggle/index.html b/hooks/use-toggle/index.html new file mode 100644 index 00000000000..bf1d689fe63 --- /dev/null +++ b/hooks/use-toggle/index.html @@ -0,0 +1,43 @@ +use-toggle | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-toggle

    Switch between given values

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-toggle implements a common state pattern – it switches state between given values:

    +
    import { Button } from '@mantine/core';
+import { useToggle } from '@mantine/hooks';
+
+function Demo() {
+  const [value, toggle] = useToggle(['blue', 'orange', 'cyan', 'teal']);
+
+  return (
+    <Button color={value} onClick={() => toggle()}>
+      {value}
+    </Button>
+  );
+}
    +

    API

    +

    The hook accepts an array as single argument, the first option will be used as the default value.

    +

    The hook returns an array with state value and toggle function:

    +
    const [value, toggle] = useToggle(['light', 'dark'] as const);
+
+toggle(); // -> value == 'light'
+toggle(); // -> value == 'dark'
+
+// You can force specific value, in this case state will be set to given value
+toggle('dark'); // -> value == 'dark'
    +

    If you do not provide an array with options, then use-toggle will use boolean values with false as default:

    +
    const [value, toggle] = useToggle();
+// -> value === false
+toggle(); // -> value === true
    +

    Set type

    +

    By default, TypeScript will guess your type, but in most cases it's better to use const assertion to prevent type widening:

    +
    const [value, toggle] = useToggle(['light', 'dark']); // value is string
+const [value, toggle] = useToggle(['light', 'dark'] as const); // value is 'dark' | 'light'
+const [value, toggle] = useToggle<'dark' | 'light'>(['light', 'dark']); // same as above
    +

    Definition

    +
    function useToggle<T = boolean>(
+  options?: readonly T[]
+): readonly [T, (value?: React.SetStateAction<T>) => void];

    Previous

    use-set-state

    Next

    use-uncontrolled

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-uncontrolled/index.html b/hooks/use-uncontrolled/index.html new file mode 100644 index 00000000000..3837047afbc --- /dev/null +++ b/hooks/use-uncontrolled/index.html @@ -0,0 +1,54 @@ +use-uncontrolled | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-uncontrolled

    Manage state of both controlled and uncontrolled components

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-uncontrolled manages state for both controlled and uncontrolled components:

    +
    import { useUncontrolled } from '@mantine/hooks';
+
+function CustomInput({ value, defaultValue, onChange }) {
+  const [_value, handleChange] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: 'Final',
+    onChange,
+  });
+
+  return (
+    <input
+      type="text"
+      value={_value}
+      onChange={(event) => handleChange(event.currentTarget.value)}
+    />
+  );
+}
    +

    Set value type

    +

    By default, the hook will set type automatically, but you can provide your own type:

    +
    useUncontrolled<number>({
+  value: 10,
+  defaultValue: 5,
+  finalValue: 20,
+  onChange: (val) => console.log(val > 10),
+});
    +

    Definition

    +
    interface UseUncontrolledInput<T> {
+  /** Value for controlled state */
+  value?: T;
+
+  /** Initial value for uncontrolled state */
+  defaultValue?: T;
+
+  /** Final value for uncontrolled state when value and defaultValue are not provided */
+  finalValue?: T;
+
+  /** Controlled state onChange handler */
+  onChange?(value: T): void;
+}
+
+function useUncontrolled<T>(input: UseUncontrolledInput<T>): [
+  T, // current value
+  (value: T) => void, // onChange function
+  boolean // value that indicates if input is controlled or not
+];

    Previous

    use-toggle

    Next

    use-validated-state

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-validated-state/index.html b/hooks/use-validated-state/index.html new file mode 100644 index 00000000000..ccd2e0be003 --- /dev/null +++ b/hooks/use-validated-state/index.html @@ -0,0 +1,74 @@ +use-validated-state | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-validated-state

    Manages state with validation

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-validated-state validates state with a given rule each time state is set. +It returns an object with current validation state, last valid value and current value:

    +
    const [{ lastValidValue, value, valid }, setValue] = useValidatedState(
+  'valid',
+  (value) => value === 'valid'
+);
+
+lastValidValue; // -> valid
+value; // -> valid
+valid; // -> true
+
+setValue('invalid');
+
+lastValidValue; // -> valid
+value; // -> invalid
+valid; // -> false
    +

    Example

    +

    Current value: [empty string]

    Last valid value: [empty string]

    import { TextInput, Text, Box } from '@mantine/core';
+import { useValidatedState } from '@mantine/hooks';
+
+function Demo() {
+  const [{ value, lastValidValue, valid }, setEmail] = useValidatedState(
+    '',
+    (val) => /^\S+@\S+$/.test(val),
+    true
+  );
+
+  return (
+    <Box maw={320} mx="auto" style={{ overflowWrap: 'break-word' }}>
+      <TextInput
+        value={value}
+        onChange={(event) => setEmail(event.currentTarget.value)}
+        withAsterisk
+        error={!valid}
+        placeholder="email@example.com"
+        label="Your email"
+      />
+
+      <Text size="sm" mt="md">
+        <Text inherit c="dimmed" component="span">
+          Current value:
+        </Text>{' '}
+        {value || '[empty string]'}
+      </Text>
+
+      <Text size="sm">
+        <Text inherit c="dimmed" component="span">
+          Last valid value:
+        </Text>{' '}
+        {lastValidValue || '[empty string]'}
+      </Text>
+    </Box>
+  );
+}
    +

    Definition

    +
    function useValidatedState<T>(
+  initialValue: T,
+  validation: (value: T) => boolean,
+  initialValidationState?: boolean
+): [
+  {
+    value: T;
+    lastValidValue: T;
+    valid: boolean;
+  },
+  (val: T) => void
+];

    Previous

    use-uncontrolled

    Next

    use-clipboard

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-viewport-size/index.html b/hooks/use-viewport-size/index.html new file mode 100644 index 00000000000..6c546fc1541 --- /dev/null +++ b/hooks/use-viewport-size/index.html @@ -0,0 +1,20 @@ +use-viewport-size | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-viewport-size

    Returns current viewport size

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-viewport-size returns current viewport's width and height, it subscribes to resize and orientationchange events, +during ssr hook will return { width: 0, height: 0 }:

    +

    Width: 0, height: 0

    import { useViewportSize } from '@mantine/hooks';
+
+function Demo() {
+  const { height, width } = useViewportSize();
+  return <>Width: {width}, height: {height}</>;
+}
    +

    Definition

    +
    function useViewportSize(): {
+  height: number;
+  width: number;
+};

    Previous

    use-scroll-into-view

    Next

    use-window-event

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-window-event/index.html b/hooks/use-window-event/index.html new file mode 100644 index 00000000000..625d8e25fc3 --- /dev/null +++ b/hooks/use-window-event/index.html @@ -0,0 +1,45 @@ +use-window-event | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-window-event

    Adds event listener to window on component mount and removes it on unmount

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-window-event adds event listener to window object on component mount and removes it on unmount:

    +
    import { useEffect } from 'react';
+import { useWindowEvent } from '@mantine/hooks';
+
+const handler = (event) => console.log(event);
+
+// regular way
+useEffect(() => {
+  window.addEventListener('keydown', handler);
+  return () => window.removeEventListener('keydown', handler);
+}, []);
+
+// with use-window-event hook
+useWindowEvent('keydown', handler);
    +

    Example

    +

    Search focus with ⌘ + K on mac or Ctrl + K on windows and linux on Mantine docs website:

    +
    import { useRef } from 'react';
+import { useWindowEvent } from '@mantine/hooks';
+
+function Demo() {
+  const inputRef = useRef<HTMLInputElement>();
+
+  useWindowEvent('keydown', (event) => {
+    if (event.code === 'KeyK' && (event.ctrlKey || event.metaKey)) {
+      event.preventDefault();
+      inputRef.current.focus();
+    }
+  });
+
+  return <input ref={inputRef} />;
+}
    +

    Definition

    +

    The hook has the same definition as window.addEventListener function:

    +
    function useWindowEvent<K extends keyof WindowEventMap>(
+  type: K,
+  listener: (this: Window, ev: WindowEventMap[K]) => any,
+  options?: boolean | AddEventListenerOptions
+): void;

    Previous

    use-viewport-size

    Next

    use-window-scroll

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/hooks/use-window-scroll/index.html b/hooks/use-window-scroll/index.html new file mode 100644 index 00000000000..82b1e36ae4f --- /dev/null +++ b/hooks/use-window-scroll/index.html @@ -0,0 +1,28 @@ +use-window-scroll | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    use-window-scroll

    Tracks window scroll position

    Import

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/hooks

    Usage

    +

    use-window-scroll returns current scroll position and a function to scroll smoothly to given position:

    +

    Scroll position x: 0, y: 0

    import { useWindowScroll } from '@mantine/hooks';
+import { Button, Text, Group } from '@mantine/core';
+
+function Demo() {
+  const [scroll, scrollTo] = useWindowScroll();
+
+  return (
+    <Group justify="center">
+      <Text>
+        Scroll position x: {scroll.x}, y: {scroll.y}
+      </Text>
+      <Button onClick={() => scrollTo({ y: 0 })}>Scroll to top</Button>
+    </Group>
+  );
+}
    +

    Definition

    +
    function useWindowScroll(): readonly [
+  { x: number; y: number },
+  (position: { x?: number; y?: number }) => void
+];

    Previous

    use-window-event

    Next

    use-counter

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000000..9db608ff912 --- /dev/null +++ b/index.html @@ -0,0 +1,92 @@ +Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation

    Free and open source

    All packages have MIT license, you can use Mantine in any project

    TypeScript based

    Build type safe applications, all components and hooks export types

    Use anywhere

    Mantine supports all modern frameworks: Next.js, Remix, etc.

    Get startedGitHub

    100+ components

    Every input can have description...

    ...and error

    Dark color scheme

    Dark and light theme

    Add dark theme to your application with just a few lines of code – Mantine exports global styles both for light and dark theme, all components support dark theme out of the box.

    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider defaultColorScheme="dark">
+      <App />
+    </MantineProvider>
+  );
+}

    Customize components

    Every Mantine component supports visual customizations with props – you can quickly prototype and experiment by modifying component props:

    New branch

    You've created new branch fix-notifications from master

    2 hours ago

    Commits

    You've pushed 23 commits to fix-notifications branch

    52 minutes ago

    Pull request

    You've submitted a pull request Fix incorrect notification message (#187)

    34 minutes ago

    Code review

    Robert Gluesticker left a code review on your pull request

    12 minutes ago

    Color
    Radius
    Active
    Line width
    Bullet size
    Align
    import { Timeline } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Timeline active={1}>
+      {/* items */}
+    </Timeline>
+  );
+}

    Styles overriding

    Each Mantine component supports styles overriding for every internal element inside with classes or inline styles. This feature alongside other customization options allows you to implement any visual modifications to components and adapt them to fit almost any design requirements.

    Default slider styles

    20%
    50%
    80%
    import { Slider } from '@mantine/core';
+
+const marks = [
+  { value: 20, label: '20%' },
+  { value: 50, label: '50%' },
+  { value: 80, label: '80%' },
+];
+
+function Demo() {
+  return <Slider defaultValue={40} marks={marks} />;
+}

    Find elements that you need to change in styles API table

    NameDescription
    rootRoot element
    labelThumb label
    thumbThumb element
    trackContainerWraps track element
    trackSlider track
    barTrack filled part
    markWrapperContains `mark` and `markLabel` elements
    markMark displayed on track
    markLabelLabel of the associated mark, displayed below track

    Then apply styles and add other props:

    20%
    50%
    80%
    .track {
+  &::before {
+    background-color: light-dark(var(--mantine-color-blue-1), var(--mantine-color-dark-3));
+  }
+}
+
+.mark {
+  width: rem(6px);
+  height: rem(6px);
+  border-radius: rem(6px);
+  transform: translateX(rem(-3px)) translateY(rem(-2px));
+  border-color: light-dark(var(--mantine-color-blue-1), var(--mantine-color-dark-3));
+
+  &[data-filled] {
+    border-color: var(--mantine-color-blue-6);
+  }
+}
+
+.markLabel {
+  font-size: var(--mantine-font-size-xs);
+  margin-bottom: rem(5px);
+  margin-top: 0;
+}
+
+.thumb {
+  height: rem(16px);
+  width: rem(16px);
+  background-color: var(--mantine-color-white);
+  border-width: rem(1px);
+  box-shadow: var(--mantine-shadow-sm);
+}
    View more examples

    Flexible theming

    Extend default theme with any amount of additional colors, replace shadows, radius, spacing, fonts and many other properties to match your design requirements.

    Bright pink badge
    import { Badge, Button, MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  fontFamily: 'Greycliff CF, sans-serif',
+  colors: {
+    'ocean-blue': ['#7AD1DD', '#5FCCDB', '#44CADC', '#2AC9DE', '#1AC2D9', '#11B7CD', '#09ADC3', '#0E99AC', '#128797', '#147885'],
+    'bright-pink': ['#F0BBDD', '#ED9BCF', '#EC7CC3', '#ED5DB8', '#F13EAF', '#F71FA7', '#FF00A1', '#E00890', '#C50E82', '#AD1374'],
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Button color="ocean-blue">Ocean blue button</Button>
+      <Badge color="bright-pink" variant="filled">Bright pink badge</Badge>
+    </MantineProvider>
+  );
+}

    Hooks library

    Resize textarea by dragging its right bottom corner

    Width: 0, height: 0

    import { useElementSize } from '@mantine/hooks';
+import { rem } from '@mantine/core';
+
+function Demo() {
+  const { ref, width, height } = useElementSize();
+
+  return (
+    <>
+      <textarea ref={ref} style={{ width: rem(400), height: rem(120) }} />
+      <div>Width: {width}, height: {height}</div>
+    </>
+  );
+}

    Ready to get started?

    Mantine works in all modern environments – get started instantly with Next.js, Gatsby.js, Redwood, Vite or Remix by following getting started guide:

    Next.js
    Vite
    Remix
    RedwoodJS
    Gatsby

    Join the community

    Join Discord community
    Ask questions, share feedback, get updates, learn about upcoming features and more
    Start a discussion
    Request new features, ask questions and provide feedback with GitHub discussions
    Follow on Twitter
    Get notified about new minor and major releases
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/carousel/index.html b/others/carousel/index.html new file mode 100644 index 00000000000..70f77c11e97 --- /dev/null +++ b/others/carousel/index.html @@ -0,0 +1,484 @@ +Carousel | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Carousel

    Embla based carousel component

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/carousel

    License

    MIT

    Installation

    +
    yarn add embla-carousel-react @mantine/carousel
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/carousel/styles.css';
    +

    Usage

    +

    @mantine/carousel package is based on embla carousel, +it supports most of its features:

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel withIndicators height={200}>
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Options

    +
    1
    2
    3
    4
    5
    Align
    Orientation
    Slide gap
    Controls offset
    Control size
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel slideSize="70%" height={200} slideGap="md">
+      {/* ...slides */}
+    </Carousel>
+  );
+}
    +

    Size and gap

    +

    Set slideSize and slideGap on Carousel component to control size and gap of every slide:

    +
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel
+      withIndicators
+      height={200}
+      slideSize="33.333333%"
+      slideGap="md"
+      loop
+      align="start"
+      slidesToScroll={3}
+    >
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Responsive styles

    +

    slideSize and slideGap props work the same way as style props, +you can pass an object with values for different breakpoints:

    +
    1
    2
    3
    4
    5
    6
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel
+      withIndicators
+      height={200}
+      slideSize={{ base: '100%', sm: '50%', md: '33.333333%' }}
+      slideGap={{ base: 0, sm: 'md' }}
+      loop
+      align="start"
+    >
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Drag free

    +

    dragFree will disable slides snap points – user will be able to stop dragging at any position:

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel withIndicators height={200} dragFree slideGap="md" align="start">
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Vertical orientation

    +

    Carousel with orientation="vertical" requires height prop to be set:

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  return (
+    <Carousel orientation="vertical" height={200} withIndicators>
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Controls icons

    +

    You can replace default next/previous controls icons with any React nodes:

    +
    1
    2
    3
    4
    5
    import { rem } from '@mantine/core';
+import { Carousel } from '@mantine/carousel';
+import { IconArrowRight, IconArrowLeft } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Carousel
+      height={180}
+      nextControlIcon={<IconArrowRight style={{ width: rem(16), height: rem(16) }} />}
+      previousControlIcon={<IconArrowLeft style={{ width: rem(16), height: rem(16) }} />}
+    >
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    100% height

    +

    Set height="100%" to make Carousel take 100% height of the container. Note that in this case:

    +
      +
    • container element must have display: flex styles
      • +
    • carousel root element must have flex: 1 styles
      • +
    • container element must have fixed height
      • +
    +
    import { Carousel } from '@mantine/carousel';
+
+export function PercentageHeight() {
+  return (
+    <div style={{ height: 400, display: 'flex' }}>
+      <Carousel withIndicators height="100%" style={{ flex: 1 }}>
+        <Carousel.Slide>1</Carousel.Slide>
+        <Carousel.Slide>2</Carousel.Slide>
+        <Carousel.Slide>3</Carousel.Slide>
+      </Carousel>
+    </div>
+  );
+}
    +

    Get embla instance

    +

    You can get embla instance with getEmblaApi prop. +You will be able enhance carousel with additional logic after that using embla api methods:

    +
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    import { useCallback, useEffect, useState } from 'react';
+import { Carousel, Embla } from '@mantine/carousel';
+import { Progress } from '@mantine/core';
+
+function Demo() {
+  const [scrollProgress, setScrollProgress] = useState(0);
+  const [embla, setEmbla] = useState<Embla | null>(null);
+
+  const handleScroll = useCallback(() => {
+    if (!embla) return;
+    const progress = Math.max(0, Math.min(1, embla.scrollProgress()));
+    setScrollProgress(progress * 100);
+  }, [embla, setScrollProgress]);
+
+  useEffect(() => {
+    if (embla) {
+      embla.on('scroll', handleScroll);
+      handleScroll();
+    }
+  }, [embla]);
+
+  return (
+    <>
+      <Carousel
+        dragFree
+        slideSize="50%"
+        slideGap="md"
+        height={200}
+        getEmblaApi={setEmbla}
+        initialSlide={2}
+      >
+        <Carousel.Slide>1</Carousel.Slide>
+        <Carousel.Slide>2</Carousel.Slide>
+        <Carousel.Slide>3</Carousel.Slide>
+        {/* ...other slides */}
+      </Carousel>
+      <Progress
+        value={scrollProgress}
+        maw={320}
+        size="sm"
+        mt="xl"
+        mx="auto"
+      />
+    </>
+  );
+}
    +

    Embla plugins

    +

    Set plugins prop to enhance carousel with embla plugins. +Note that plugins are not installed with @mantine/carousel package and you will need to +install them on your side.

    +

    Example with autoplay plugin:

    +
    1
    2
    3
    4
    5
    import { useRef } from 'react';
+import Autoplay from 'embla-carousel-autoplay';
+import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  const autoplay = useRef(Autoplay({ delay: 2000 }));
+  return (
+    <Carousel
+      withIndicators
+      height={200}
+      plugins={[autoplay.current]}
+      onMouseEnter={autoplay.current.stop}
+      onMouseLeave={autoplay.current.reset}
+    >
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Styles API

    Carousel supports Styles API, you can add styles to any inner element of the component withclassNames prop. Follow Styles API documentation to learn more.

    +
    1
    2

    Component Styles API

    Hover over selectors to highlight corresponding elements

    /*
+ * Hover over selectors to apply outline styles
+ *
+ */
    +

    Indicator styles

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Carousel withIndicators height={200} classNames={classes}>
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Hide inactive controls

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Carousel height={200} classNames={classes}>
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Show controls on hover

    +
    1
    2
    3
    4
    5
    import { Carousel } from '@mantine/carousel';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Carousel height={200} classNames={classes}>
+      <Carousel.Slide>1</Carousel.Slide>
+      <Carousel.Slide>2</Carousel.Slide>
+      <Carousel.Slide>3</Carousel.Slide>
+      {/* ...other slides */}
+    </Carousel>
+  );
+}
    +

    Example: Images carousel

    +
    import { Carousel } from '@mantine/carousel';
+import { Image } from '@mantine/core';
+
+const images = [/* ... urls of images */];
+
+function Demo() {
+  const slides = images.map((url) => (
+    <Carousel.Slide key={url}>
+      <Image src={url} />
+    </Carousel.Slide>
+  ));
+
+  return <Carousel withIndicators>{slides}</Carousel>;
+}
    +

    Example: Cards carousel

    +

    nature

    Best forests to visit in North America

    beach

    Hawaii beaches review: better than you think

    nature

    Mountains at night: 12 best locations to enjoy the view

    nature

    Aurora in Norway: when to visit for best experience

    tourism

    Best places to visit this winter

    nature

    Active volcanos reviews: travel at your own risk

    import { Carousel } from '@mantine/carousel';
+import { useMediaQuery } from '@mantine/hooks';
+import { Button, Paper, Title, useMantineTheme, Text } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const data = [
+  {
+    image:
+      'https://images.unsplash.com/photo-1508193638397-1c4234db14d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Best forests to visit in North America',
+    category: 'nature',
+  },
+  {
+    image:
+      'https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Hawaii beaches review: better than you think',
+    category: 'beach',
+  },
+  {
+    image:
+      'https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Mountains at night: 12 best locations to enjoy the view',
+    category: 'nature',
+  },
+  {
+    image:
+      'https://images.unsplash.com/photo-1507272931001-fc06c17e4f43?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Aurora in Norway: when to visit for best experience',
+    category: 'nature',
+  },
+  {
+    image:
+      'https://images.unsplash.com/photo-1510798831971-661eb04b3739?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Best places to visit this winter',
+    category: 'tourism',
+  },
+  {
+    image:
+      'https://images.unsplash.com/photo-1582721478779-0ae163c05a60?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=80',
+    title: 'Active volcanos reviews: travel at your own risk',
+    category: 'nature',
+  },
+];
+
+interface CardProps {
+  image: string;
+  title: string;
+  category: string;
+}
+
+function Card({ image, title, category }: CardProps) {
+  return (
+    <Paper
+      shadow="md"
+      p="xl"
+      radius="md"
+      style={{ backgroundImage: `url(${image})` }}
+      className={classes.card}
+    >
+      <div>
+        <Text className={classes.category} size="xs">
+          {category}
+        </Text>
+        <Title order={3} className={classes.title}>
+          {title}
+        </Title>
+      </div>
+      <Button variant="white" color="dark">
+        Read article
+      </Button>
+    </Paper>
+  );
+}
+
+function Demo() {
+  const theme = useMantineTheme();
+  const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`);
+  const slides = data.map((item) => (
+    <Carousel.Slide key={item.title}>
+      <Card {...item} />
+    </Carousel.Slide>
+  ));
+
+  return (
+    <Carousel
+      slideSize={{ base: '100%', sm: '50%' }}
+      slideGap={{ base: 'xl', sm: 2 }}
+      align="start"
+      slidesToScroll={mobile ? 1 : 2}
+    >
+      {slides}
+    </Carousel>
+  );
+}
    +

    Carousel container animation offset

    +

    Embla carousel only reads slides positions and sizes upon initialization. When you are using Carousel +component inside animated component you may experience an issue with incorrect slides offset after +animation finishes.

    +

    Example of incorrect slides offset calculation (scroll though slides):

    +
    import { useState } from 'react';
+import { Button, Modal, rem } from '@mantine/core';
+import { Carousel } from '@mantine/carousel';
+
+function Demo() {
+  const TRANSITION_DURATION = 200;
+  const [opened, setOpened] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setOpened(true)}>Open carousel with broken offset</Button>
+      <Modal
+        opened={opened}
+        size={300}
+        padding={0}
+        transitionProps={{ duration: TRANSITION_DURATION }}
+        withCloseButton={false}
+        onClose={() => setOpened(false)}
+      >
+        <Carousel loop maw={300}>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat/cute"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat/angry"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+        </Carousel>
+      </Modal>
+    </>
+  );
+}
    +

    To solve this issue use useAnimationOffsetEffect hook exported from @mantine/carousel package. +It accepts embla instance as first argument and transition duration as second:

    +
    import { useState } from 'react';
+import { Button, Modal, rem } from '@mantine/core';
+import { Carousel, useAnimationOffsetEffect } from '@mantine/carousel';
+
+function Demo() {
+  const TRANSITION_DURATION = 200;
+  const [opened, setOpened] = useState(false);
+  const [embla, setEmbla] = useState<Embla | null>(null);
+
+  useAnimationOffsetEffect(embla, TRANSITION_DURATION);
+
+  return (
+    <>
+      <Button onClick={() => setOpened(true)}>Open modal with carousel</Button>
+      <Modal
+        opened={opened}
+        size={300}
+        padding={0}
+        transitionProps={{ duration: TRANSITION_DURATION }}
+        withCloseButton={false}
+        onClose={() => setOpened(false)}
+      >
+        <Carousel loop getEmblaApi={setEmbla} maw={300}>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat/cute"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+          <Carousel.Slide>
+            <img
+              src="https://cataas.com/cat/angry"
+              alt="Cat"
+              style={{ width: rem(300), height: rem(200), objectFit: 'cover' }}
+            />
+          </Carousel.Slide>
+        </Carousel>
+      </Modal>
+    </>
+  );
+}

    Previous

    Spotlight

    Next

    Dropzone

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/code-highlight/index.html b/others/code-highlight/index.html new file mode 100644 index 00000000000..c8c4a12fb84 --- /dev/null +++ b/others/code-highlight/index.html @@ -0,0 +1,415 @@ +CodeHighlight | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    CodeHighlight

    Highlight code with highlight.js

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/code-highlight

    License

    MIT

    Installation

    +
    yarn add @mantine/code-highlight
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/code-highlight/styles.css';
    +

    Usage

    +

    CodeHighlight highlight given code with highlight.js, it accepts +code prop with string of code to highlight and language prop with language name. +If language is not provided, CodeHighlight will assume that the code language is tsx (TypeScript).

    +
    // VisuallyHidden component source code
+import React from 'react';
+import {
+  Box,
+  BoxProps,
+  StylesApiProps,
+  factory,
+  ElementProps,
+  useProps,
+  useStyles,
+  Factory,
+} from '../../core';
+import classes from './VisuallyHidden.module.css';
+
+export type VisuallyHiddenStylesNames = 'root';
+
+export interface VisuallyHiddenProps
+  extends BoxProps,
+    StylesApiProps<VisuallyHiddenFactory>,
+    ElementProps<'div'> {}
+
+export type VisuallyHiddenFactory = Factory<{
+  props: VisuallyHiddenProps;
+  ref: HTMLDivElement;
+  stylesNames: VisuallyHiddenStylesNames;
+}>;
+
+const defaultProps: Partial<VisuallyHiddenProps> = {};
+
+export const VisuallyHidden = factory<VisuallyHiddenFactory>((_props, ref) => {
+  const props = useProps('VisuallyHidden', defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, ...others } = props;
+
+  const getStyles = useStyles<VisuallyHiddenFactory>({
+    name: 'VisuallyHidden',
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+  });
+
+  return <Box component="span" ref={ref} {...getStyles('root')} {...others} />;
+});
+
+VisuallyHidden.classes = classes;
+VisuallyHidden.displayName = '@mantine/core/VisuallyHidden';
    import { CodeHighlight } from '@mantine/code-highlight';
+
+const exampleCode = `
+// VisuallyHidden component source code
+import React from 'react';
+import {
+  Box,
+  BoxProps,
+  StylesApiProps,
+  factory,
+  ElementProps,
+  useProps,
+  useStyles,
+  Factory,
+} from '../../core';
+import classes from './VisuallyHidden.module.css';
+
+export type VisuallyHiddenStylesNames = 'root';
+
+export interface VisuallyHiddenProps
+  extends BoxProps,
+    StylesApiProps<VisuallyHiddenFactory>,
+    ElementProps<'div'> {}
+
+export type VisuallyHiddenFactory = Factory<{
+  props: VisuallyHiddenProps;
+  ref: HTMLDivElement;
+  stylesNames: VisuallyHiddenStylesNames;
+}>;
+
+const defaultProps: Partial<VisuallyHiddenProps> = {};
+
+export const VisuallyHidden = factory<VisuallyHiddenFactory>((_props, ref) => {
+  const props = useProps('VisuallyHidden', defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, ...others } = props;
+
+  const getStyles = useStyles<VisuallyHiddenFactory>({
+    name: 'VisuallyHidden',
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+  });
+
+  return <Box component="span" ref={ref} {...getStyles('root')} {...others} />;
+});
+
+VisuallyHidden.classes = classes;
+VisuallyHidden.displayName = '@mantine/core/VisuallyHidden';
+`;
+
+function Demo() {
+  return <CodeHighlight code={exampleCode} language="tsx" />;
+}
    +

    Copy button

    +

    You can customize copy button labels with copyLabel and copiedLabel props. +In case you need to remove the copy button, set withCopyButton={false}.

    +
    // Custom copy label
+function Button() {
+  return <button>Click me</button>;
+}
    // Without copy button
+function Button() {
+  return <button>Click me</button>;
+}
    import { CodeHighlight } from '@mantine/code-highlight';
+
+const exampleCode = `
+function Button() {
+  return <button>Click me</button>;
+}
+`;
+
+function Demo() {
+  return (
+    <>
+      <CodeHighlight
+        code={`// Custom copy label${exampleCode}`}
+        language="tsx"
+        copyLabel="Copy button code"
+        copiedLabel="Copied!"
+      />
+      <CodeHighlight
+        code={`// Without copy button${exampleCode}`}
+        language="tsx"
+        withCopyButton={false}
+        mt="md"
+      />
+    </>
+  );
+}
    +

    With tabs

    +

    CodeHighlightTabs component allows organizing multiple code blocks into tabs:

    +
    import { Group, Button, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button variant="danger">Danger variant</Button>
+        <Button variant="primary">Primary variant</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    import { CodeHighlightTabs } from '@mantine/code-highlight';
+
+const tsxCode = `
+import { Group, Button, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button variant="danger">Danger variant</Button>
+        <Button variant="primary">Primary variant</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+`;
+
+const cssCode = `
+.root {
+  &[data-variant='danger'] {
+    background-color: var(--mantine-color-red-9);
+    color: var(--mantine-color-red-0);
+  }
+
+  &[data-variant='primary'] {
+    background: linear-gradient(45deg, #4b6cb7 10%, #253b67 90%);
+    color: var(--mantine-color-white);
+  }
+}
+`;
+
+function Demo() {
+  return (
+    <CodeHighlightTabs
+      code={[
+        { fileName: 'Demo.tsx', code: tsxCode, language: 'tsx' },
+        { fileName: 'Demo.module.css', code: cssCode, language: 'scss' },
+      ]}
+    />
+  );
+}
    +

    Tabs with icons

    +

    You can use any React node as tab icon. The example below uses TypeScript and CSS +icons from the @mantine/ds package, but you can use any other icons library or custom +icons:

    +
    function Button() {
+  return <button>Click me</button>;
+}
    import { CodeHighlightTabs } from '@mantine/code-highlight';
+import { TypeScriptIcon, CssIcon } from '@mantine/ds';
+
+const tsxCode = `
+function Button() {
+  return <button>Click me</button>;
+}
+`;
+
+const cssCode = `
+.button {
+  background-color: transparent;
+  color: var(--mantine-color-blue-9);
+}
+`;
+
+function Demo() {
+  const tsIcon = <TypeScriptIcon size={18} />;
+  const cssIcon = <CssIcon size={18} />;
+
+  return (
+    <CodeHighlightTabs
+      code={[
+        {
+          fileName: 'Button.tsx',
+          code: tsxCode,
+          language: 'tsx',
+          icon: tsIcon,
+        },
+        {
+          fileName: 'Button.module.css',
+          code: cssCode,
+          language: 'scss',
+          icon: cssIcon,
+        },
+      ]}
+    />
+  );
+}
    +

    Tabs icons based on file name

    +

    As an alternative to providing icons manually for each tab, you can use getFileIcon prop +to assign icons based on file name. getFileIcon accepts file name and must React node +or null.

    +
    function Button() {
+  return <button>Click me</button>;
+}
    import { CodeHighlightTabs } from '@mantine/code-highlight';
+import { TypeScriptIcon, CssIcon } from '@mantine/ds';
+
+const tsxCode = `
+function Button() {
+  return <button>Click me</button>;
+}
+`;
+
+const cssCode = `
+.button {
+  background-color: transparent;
+  color: var(--mantine-color-blue-9);
+}
+`;
+
+function getFileIcon(fileName: string) {
+  if (fileName.endsWith('.ts') || fileName.endsWith('.tsx')) {
+    return <TypeScriptIcon size={18} />;
+  }
+
+  if (fileName.endsWith('.css')) {
+    return <CssIcon size={18} />;
+  }
+
+  return null;
+}
+
+function Demo() {
+  return (
+    <CodeHighlightTabs
+      getFileIcon={getFileIcon}
+      code={[
+        {
+          fileName: 'Button.tsx',
+          code: tsxCode,
+          language: 'tsx',
+        },
+        {
+          fileName: 'Button.module.css',
+          code: cssCode,
+          language: 'scss',
+        },
+      ]}
+    />
+  );
+}
    +

    Expandable code

    +

    If the code snippet is too long, you can make it expandable with withExpandButton +and defaultExpanded={false} props. To change label of the expand/collapse control +tooltip, use expandCodeLabel and collapseCodeLabel.

    +
    import { Group, Button, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button variant="danger">Danger variant</Button>
+        <Button variant="primary">Primary variant</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    import { CodeHighlightTabs } from '@mantine/code-highlight';
+
+const tsxCode = `
+import { Group, Button, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: classes,
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button variant="danger">Danger variant</Button>
+        <Button variant="primary">Primary variant</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
+`;
+
+const cssCode = `
+.root {
+  &[data-variant='danger'] {
+    background-color: var(--mantine-color-red-9);
+    color: var(--mantine-color-red-0);
+  }
+
+  &[data-variant='primary'] {
+    background: linear-gradient(45deg, #4b6cb7 10%, #253b67 90%);
+    color: var(--mantine-color-white);
+  }
+}
+`;
+
+function Demo() {
+  return (
+    <CodeHighlightTabs
+      withExpandButton
+      defaultExpanded={false}
+      expandCodeLabel="Show full code"
+      collapseCodeLabel="Show less"
+      code={[
+        { fileName: 'Demo.tsx', code: tsxCode, language: 'tsx' },
+        { fileName: 'Demo.module.css', code: cssCode, language: 'scss' },
+      ]}
+    />
+  );
+}
    +

    Inline code

    +

    InlineCodeHighlight component allows highlighting inline code snippets:

    +

    You can highlight code inline: import React from 'react';. Is not that cool?

    import { Text } from '@mantine/core';
+import { InlineCodeHighlight } from '@mantine/code-highlight';
+
+function Demo() {
+  return (
+    <Text>
+      You can highlight code inline:{' '}
+      <InlineCodeHighlight code="import React from 'react';" language="tsx" />. Is not that cool?
+    </Text>
+  );
+}

    Previous

    TimeInput

    Next

    Notifications system

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/dropzone/index.html b/others/dropzone/index.html new file mode 100644 index 00000000000..3a65f4c7bac --- /dev/null +++ b/others/dropzone/index.html @@ -0,0 +1,299 @@ +Dropzone | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Dropzone

    Capture files from user with drag and drop

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/dropzone

    License

    MIT

    Installation

    +
    yarn add @mantine/dropzone
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/dropzone/styles.css';
    +

    Usage

    +

    Dropzone lets you capture one or more files from user. +Component is based on react-dropzone and support all of its core features:

    +
      +
    • Accepts/rejects files based on provided mime types
      • +
    • Limits individual file size
      • +
    • Renders given children and provides context based component to display elements based on current status
      • +
    +
    import { Group, Text, rem } from '@mantine/core';
+import { IconUpload, IconPhoto, IconX } from '@tabler/icons-react';
+import { Dropzone, DropzoneProps, IMAGE_MIME_TYPE } from '@mantine/dropzone';
+
+export function BaseDemo(props: Partial<DropzoneProps>) {
+  return (
+    <Dropzone
+      onDrop={(files) => console.log('accepted files', files)}
+      onReject={(files) => console.log('rejected files', files)}
+      maxSize={3 * 1024 ** 2}
+      accept={IMAGE_MIME_TYPE}
+      {...props}
+    >
+      <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
+        <Dropzone.Accept>
+          <IconUpload
+            style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-blue-6)' }}
+            stroke={1.5}
+          />
+        </Dropzone.Accept>
+        <Dropzone.Reject>
+          <IconX
+            style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-red-6)' }}
+            stroke={1.5}
+          />
+        </Dropzone.Reject>
+        <Dropzone.Idle>
+          <IconPhoto
+            style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-dimmed)' }}
+            stroke={1.5}
+          />
+        </Dropzone.Idle>
+
+        <div>
+          <Text size="xl" inline>
+            Drag images here or click to select files
+          </Text>
+          <Text size="sm" c="dimmed" inline mt={7}>
+            Attach as many files as you like, each file should not exceed 5mb
+          </Text>
+        </div>
+      </Group>
+    </Dropzone>
+  );
+}
    +

    Dropzone.Accept, Dropzone.Reject and Dropzone.Idle

    +

    Dropzone.Accept, Dropzone.Reject and Dropzone.Idle components are visible only when the user performs certain action:

    +
      +
    • Dropzone.Accept is visible only when the user drags file that can be accepted over the dropzone
      • +
    • Dropzone.Reject is visible only when the user drags file that cannot be accepted over the dropzone
      • +
    • Dropzone.Idle is visible when the user does not drag anything over dropzone
      • +
    +

    Loading state

    +

    Set loading prop to indicate loading state with LoadingOverlay component. +When loading props is true user cannot drop or select new files (Dropzone becomes disabled):

    +
    import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  return (
+    <Dropzone loading onDrop={() => {}}>
+      {/* children */}
+    </Dropzone>
+  );
+}
    +

    Disabled state

    +

    If you want to implement your own loading state you can disable Dropzone without LoadingOverlay. +Same as with loading, when Dropzone is disabled user cannot drop or select new files:

    +
    import { Dropzone } from '@mantine/dropzone';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return <BaseDemo disabled className={classes.disabled} />;
+}
    +

    Open file browser manually

    +

    To open files browser from outside of component use openRef prop to get function that will trigger file browser:

    +
    import { useRef } from 'react';
+import { Button, Group } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  const openRef = useRef<() => void>(null);
+
+  return (
+    <>
+      <Dropzone openRef={openRef} onDrop={() => {}}>
+        {/* children */}
+      </Dropzone>
+
+      <Group justify="center" mt="md">
+        <Button onClick={() => openRef.current?.()}>Select files</Button>
+      </Group>
+    </>
+  );
+}
    +

    Enable child pointer event

    +

    By default, Dropzone disables pointer events on its children for dragging events to work. When activateOnClick={false}, +clicking on any children inside Dropzone will not do anything. +However, you can set style pointerEvents: 'all' to make children clickable. +Note that you need to set these styles only on interactive elements, such as buttons or links.

    +
    import { useRef } from 'react';
+import { Button, Group } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  const openRef = useRef<() => void>(null);
+
+  return (
+    <Dropzone openRef={openRef} onDrop={() => {}} activateOnClick={false}>
+      <Group justify="center">
+        <Button onClick={() => openRef.current?.()} style={{ pointerEvents: 'all' }}>
+          Select files
+        </Button>
+      </Group>
+    </Dropzone>
+  );
+}
    +

    Mime types

    +

    To specify file types provide an object with the keys set to the mime type +and the values as an array of file extensions. Find more examples of accepting specific file types +in the react-dropzone documentation.

    +
    import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  return (
+    <Dropzone
+      accept={{
+        'image/*': [], // All images
+        'text/html': ['.html', '.htm'],
+      }}
+    >
+      {/* children */}
+    </Dropzone>
+  );
+}
    +

    You can also specify file types by providing an array of mime types to accept prop:

    +
    import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  return (
+    <Dropzone accept={['image/png', 'image/jpeg', 'image/sgv+xml', 'image/gif']}>
+      {/* children */}
+    </Dropzone>
+  );
+}
    +

    To save some research time you can use MIME_TYPES variable exported from @mantine/dropzone:

    +
    import { Dropzone, MIME_TYPES } from '@mantine/dropzone';
+
+function Demo() {
+  return (
+    <Dropzone accept={[MIME_TYPES.png, MIME_TYPES.jpeg, MIME_TYPES.svg, MIME_TYPES.gif]}>
+      {/* children */}
+    </Dropzone>
+  );
+}
    +

    MIME_TYPES includes following data:

    +
    KeyMime type
    pngimage/png
    gifimage/gif
    jpegimage/jpeg
    svgimage/svg+xml
    webpimage/webp
    avifimage/avif
    mp4video/mp4
    zipapplication/zip
    csvtext/csv
    pdfapplication/pdf
    docapplication/msword
    docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document
    xlsapplication/vnd.ms-excel
    xlsxapplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet
    pptapplication/vnd.ms-powerpoint
    pptxapplication/vnd.openxmlformats-officedocument.presentationml.presentation
    exeapplication/vnd.microsoft.portable-executable
    +

    Additionally you can use grouped mime types:

    +
    VariableMime types
    IMAGE_MIME_TYPEimage/png, image/gif, image/jpeg, image/svg+xml, image/webp, image/avif
    PDF_MIME_TYPEapplication/pdf
    MS_WORD_MIME_TYPEapplication/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document
    MS_EXCEL_MIME_TYPEapplication/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
    MS_POWERPOINT_MIME_TYPEapplication/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation
    +
    import { IMAGE_MIME_TYPE, Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  return <Dropzone accept={IMAGE_MIME_TYPE}>{/* children */}</Dropzone>;
+}
    +

    Styles API

    +

    Dropzone root element has the following data attributes to change styles based on current status:

    +
      +
    • data-loading – when loading prop is true
      • +
    • data-accept – when user drags files that can be accepted over the dropzone
      • +
    • data-reject – when user drags files that cannot be accepted over the dropzone
      • +
    • data-idle – default state – user does not drag any files over dropzone
      • +
    +
    import { Text } from '@mantine/core';
+import { Dropzone, IMAGE_MIME_TYPE } from '@mantine/dropzone';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Dropzone onDrop={() => {}} accept={IMAGE_MIME_TYPE} className={classes.root}>
+      <Text ta="center">Drop images here</Text>
+    </Dropzone>
+  );
+}
    +

    Images previews

    +
    import { useState } from 'react';
+import { Text, Image, SimpleGrid } from '@mantine/core';
+import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from '@mantine/dropzone';
+
+function Demo() {
+  const [files, setFiles] = useState<FileWithPath[]>([]);
+
+  const previews = files.map((file, index) => {
+    const imageUrl = URL.createObjectURL(file);
+    return <Image key={index} src={imageUrl} onLoad={() => URL.revokeObjectURL(imageUrl)} />;
+  });
+
+  return (
+    <div>
+      <Dropzone accept={IMAGE_MIME_TYPE} onDrop={setFiles}>
+        <Text ta="center">Drop images here</Text>
+      </Dropzone>
+
+      <SimpleGrid cols={{ base: 1, sm: 4 }} mt={previews.length > 0 ? 'xl' : 0}>
+        {previews}
+      </SimpleGrid>
+    </div>
+  );
+}
    +

    Get ref

    +
    import { useRef, useEffect } from 'react';
+import { Dropzone } from '@mantine/dropzone';
+
+function Demo() {
+  const dropzoneRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    dropzoneRef.current.focus();
+  }, []);
+
+  return <Dropzone ref={dropzoneRef}>{/* children */}</Dropzone>;
+}
    +

    Dropzone.FullScreen component

    +

    Dropzone.FullScreen lets you capture files dropped to browser window instead of specific area. +It supports the same props as Dropzone component.

    +

    To preview component click button and drop images to browser window:

    +
    import { useState } from 'react';
+import { Group, Text, Button, rem } from '@mantine/core';
+import { IconUpload, IconPhoto, IconX } from '@tabler/icons-react';
+import { Dropzone, IMAGE_MIME_TYPE } from '@mantine/dropzone';
+
+function Demo() {
+  const [active, setActive] = useState(false);
+
+  return (
+    <>
+      <Group justify="center">
+        <Button color={active ? 'red' : 'blue'} onClick={() => setActive((d) => !d)}>
+          {active ? 'Deactivate' : 'Activate'} full screen dropzone
+        </Button>
+      </Group>
+
+      <Dropzone.FullScreen
+        active={active}
+        accept={IMAGE_MIME_TYPE}
+        onDrop={(files) => {
+          console.log(files);
+          setActive(false);
+        }}
+      >
+        <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
+          <Dropzone.Accept>
+            <IconUpload
+              style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-blue-6)' }}
+              stroke={1.5}
+            />
+          </Dropzone.Accept>
+          <Dropzone.Reject>
+            <IconX
+              style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-red-6)' }}
+              stroke={1.5}
+            />
+          </Dropzone.Reject>
+          <Dropzone.Idle>
+            <IconPhoto
+              style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-dimmed)' }}
+              stroke={1.5}
+            />
+          </Dropzone.Idle>
+
+          <div>
+            <Text size="xl" inline>
+              Drag images here or click to select files
+            </Text>
+            <Text size="sm" c="dimmed" inline mt={7}>
+              Attach as many files as you like, each file should not exceed 5mb
+            </Text>
+          </div>
+        </Group>
+      </Dropzone.FullScreen>
+    </>
+  );
+}

    Previous

    Carousel

    Next

    NavigationProgress

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/modals/index.html b/others/modals/index.html new file mode 100644 index 00000000000..3ec38e75fc9 --- /dev/null +++ b/others/modals/index.html @@ -0,0 +1,245 @@ +Modals manager | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Modals manager

    Centralized modals manager with option to handle state of multi-step modals

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/modals

    License

    MIT

    Installation

    +
    yarn add @mantine/modals
    +

    Setup ModalsProvider

    +

    Wrap your app with ModalsProvider component:

    +
    import { MantineProvider } from '@mantine/core';
+import { ModalsProvider } from '@mantine/modals';
+
+function Demo() {
+  return (
+    <MantineProvider>
+      <ModalsProvider>
+        <App />
+      </ModalsProvider>
+    </MantineProvider>
+  );
+}
    +

    Confirm modal

    +

    @mantine/modals package includes special modal that can be used for confirmations. +Component includes confirm and cancel buttons and supports children to display additional +information about action. Use openConfirmModal function to open a confirm modal:

    +
    import { Button, Text } from '@mantine/core';
+import { modals } from '@mantine/modals';
+
+function Demo() {
+  const openModal = () => modals.openConfirmModal({
+    title: 'Please confirm your action',
+    children: (
+      <Text size="sm">
+        This action is so important that you are required to confirm it with a modal. Please click
+        one of these buttons to proceed.
+      </Text>
+    ),
+    labels: { confirm: 'Confirm', cancel: 'Cancel' },
+    onCancel: () => console.log('Cancel'),
+    onConfirm: () => console.log('Confirmed'),
+  });
+
+  return <Button onClick={openModal}>Open confirm modal</Button>;
+}
    +

    openConfirmModal function accepts one argument with following properties:

    +
      +
    • modalId – modal id, defaults to random id, can be used to close modal programmatically
      • +
    • children – additional modal content displayed before actions
      • +
    • onCancel – called when cancel button is clicked
      • +
    • onConfirm – called when confirm button is clicked
      • +
    • closeOnConfirm – should modal be closed when confirm button is clicked, defaults to true
      • +
    • closeOnCancel – should modal be closed when cancel button is clicked, defaults to true
      • +
    • cancelProps – cancel button props
      • +
    • confirmProps – confirm button props
      • +
    • groupProps – buttons Group props
      • +
    • labels – cancel and confirm buttons labels, can be defined on ModalsProvider
      • +
    +

    Using this properties you can customize confirm modal to match current context requirements:

    +
    import { Button, Text } from '@mantine/core';
+import { modals } from '@mantine/modals';
+
+function Demo() {
+  const openDeleteModal = () =>
+    modals.openConfirmModal({
+      title: 'Delete your profile',
+      centered: true,
+      children: (
+        <Text size="sm">
+          Are you sure you want to delete your profile? This action is destructive and you will have
+          to contact support to restore your data.
+        </Text>
+      ),
+      labels: { confirm: 'Delete account', cancel: "No don't delete it" },
+      confirmProps: { color: 'red' },
+      onCancel: () => console.log('Cancel'),
+      onConfirm: () => console.log('Confirmed'),
+    });
+
+  return <Button onClick={openDeleteModal} color="red">Delete account</Button>;
+}
    +

    To setup shared labels for confirm modals set labels on ModalsProvider:

    +
    import { ModalsProvider } from '@mantine/modals';
+
+function Demo() {
+  return (
+    <ModalsProvider labels={{ confirm: 'Submit', cancel: 'Cancel' }}>
+      <App />
+    </ModalsProvider>
+  );
+}
    +

    Context modals

    +

    You can define any amount of modals in ModalsProvider context:

    +
    import { ContextModalProps, ModalsProvider } from '@mantine/modals';
+import { Text, Button } from '@mantine/core';
+
+const TestModal = ({ context, id, innerProps }: ContextModalProps<{ modalBody: string }>) => (
+  <>
+    <Text size="sm">{innerProps.modalBody}</Text>
+    <Button fullWidth mt="md" onClick={() => context.closeModal(id)}>
+      Close modal
+    </Button>
+  </>
+);
+
+function Demo() {
+  return (
+    <ModalsProvider modals={{ demonstration: TestModal /* ...other modals */ }}>
+      <App />
+    </ModalsProvider>
+  );
+}
    +

    And then open one of these modals with modals.openContextModal function. +modals.openContextModal function accepts 2 arguments: modal key (should match one defined on ModalsProvider) and modal props:

    +
    import { Button } from '@mantine/core';
+import { modals } from '@mantine/modals';
+
+function Demo() {
+  return (
+    <Button
+      onClick={() =>
+        modals.openContextModal({
+          modal: 'demonstration',
+          title: 'Test modal from context',
+          innerProps: {
+            modalBody:
+              'This modal was defined in ModalsProvider, you can open it anywhere in you app with useModals hook',
+          },
+        })
+      }
+    >
+      Open demonstration context modal
+    </Button>
+  );
+}
    +

    Typesafe context modals

    +

    By default innerProps and modal are not typesafe. You can add typesafety with a Typescript module declaration.

    +
    const TestModal = ({ context, id, innerProps }: ContextModalProps<{ modalBody: string }>) => (
+  <>
+    <Text size="sm">{innerProps.modalBody}</Text>
+    <Button fullWidth mt="md" onClick={() => context.closeModal(id)}>
+      Close modal
+    </Button>
+  </>
+);
+const modals = {
+  demonstration: TestModal,
+  /* ...other modals */
+};
+declare module '@mantine/modals' {
+  export interface MantineModalsOverride {
+    modals: typeof modals;
+  }
+}
+function Demo() {
+  return (
+    <ModalsProvider modals={modals}>
+      <App />
+    </ModalsProvider>
+  );
+}
    +

    Typesafe context modals will force you to use the correct types for openContextModal:

    +
    import { openContextModal, closeModal } from '@mantine/modals';
+openContextModal({
+  modal: 'demonstration',
+  title: 'Test modal from context',
+  innerProps: {
+    modalBody:
+      'This modal was defined in ModalsProvider, you can open it anywhere in you app with useModals hook',
+  },
+});
+closeModal('demonstration');
    +

    Content modals

    +

    With modals.open function you can open a modal with any content:

    +
    import { TextInput, Button } from '@mantine/core';
+import { modals } from '@mantine/modals';
+
+function Demo() {
+  return (
+    <Button
+      onClick={() => {
+        modals.open({
+          title: 'Subscribe to newsletter',
+          children: (
+            <>
+              <TextInput label="Your email" placeholder="Your email" data-autofocus />
+              <Button fullWidth onClick={() => modals.closeAll()} mt="md">
+                Submit
+              </Button>
+            </>
+          ),
+        });
+      }}
+    >
+      Open content modal
+    </Button>
+  );
+}
    +

    Multiple opened modals

    +

    You can open multiple layers of modals. Every opened modal is added as first element in modals queue. +To close all opened modals call modals.closeAll() function:

    +
    import { Button, Text } from '@mantine/core';
+import { modals } from '@mantine/modals';
+
+function Demo() {
+  return (
+    <Button
+      onClick={() =>
+        modals.openConfirmModal({
+          title: 'Please confirm your action',
+          closeOnConfirm: false,
+          labels: { confirm: 'Next modal', cancel: 'Close modal' },
+          children: (
+            <Text size="sm">
+              This action is so important that you are required to confirm it with a modal. Please
+              click one of these buttons to proceed.
+            </Text>
+          ),
+          onConfirm: () =>
+            modals.openConfirmModal({
+              title: 'This is modal at second layer',
+              labels: { confirm: 'Close modal', cancel: 'Back' },
+              closeOnConfirm: false,
+              children: (
+                <Text size="sm">
+                  When this modal is closed modals state will revert to first modal
+                </Text>
+              ),
+              onConfirm: modals.closeAll,
+            }),
+        })
+      }
+    >
+      Open multiple steps modal
+    </Button>
+  );
+}
    +

    Dynamic Content and the modals manager

    +

    Note that when using the Modals manager, dynamic content is not supported. +Once modal is opened, a snapshot is saved into internal state and cannot be updated.

    +

    If you intend to have dynamic content in modals, either:

    +
      +
    • Use internal component state, or
      • +
    • Use the modal component instead of modals manager
      • +

    Previous

    NavigationProgress

    Next

    Rich text editor

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/notifications/index.html b/others/notifications/index.html new file mode 100644 index 00000000000..7ab1764b16f --- /dev/null +++ b/others/notifications/index.html @@ -0,0 +1,322 @@ +Notifications system | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Notifications system

    Mantine notifications system

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/notifications

    License

    MIT

    Installation

    +
    yarn add @mantine/notifications
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/notifications/styles.css';
    +

    Add Notifications component anywhere in your application. Note that:

    +
      +
    • It is required to render Notifications component inside MantineProvider
      • +
    • You do not need to wrap your application with Notifications component – it is not a provider, it is a regular component
      • +
    • You should not render multiple Notifications components – if you do that, your notifications will be duplicated
      • +
    +
    import { MantineProvider } from '@mantine/core';
+import { Notifications } from '@mantine/notifications';
+
+function Demo() {
+  return (
+    <MantineProvider>
+      <Notifications />
+      <App />
+    </MantineProvider>
+  );
+}
    +

    All set! You can now use all notifications system features.

    +
    import { Button } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
+function Demo() {
+  return (
+    <Button
+      variant="outline"
+      onClick={() =>
+        notifications.show({
+          title: 'Default notification',
+          message: 'Hey there, your code is awesome! 🤥',
+        })
+      }
+    >
+      Show notification
+    </Button>
+  );
+}
    +

    Functions

    +

    @mantine/notifications package exports notifications object with the following functions:

    +
      +
    • notifications.show – adds given notification to the notifications list or queue, depending on the current state and limit
      • +
    • notifications.hide – removes notification with given id from the notifications state and queue
      • +
    • notifications.update – updates notification that was previously added to the state or queue
      • +
    • notifications.updateState – executes given callback with current notifications state and queue as an argument and updates state with returned value
      • +
    • notifications.clean – removes all notifications from the notifications state and queue
      • +
    • notifications.cleanQueue – removes all notifications from the queue
      • +
    +

    All functions can be imported from @mantine/notifications package and can be used in any part of your application:

    +
    import { notifications } from '@mantine/notifications';
    +

    You can also import these functions separately:

    +
    // alias functions
+import {
+  showNotification, // notifications.show
+  hideNotification, // notifications.hide
+  updateNotification, // notifications.update
+  updateNotificationsState, // notifications.updateState
+  cleanNotifications, // notifications.clean
+  cleanNotificationsQueue, // notifications.cleanQueue
+} from '@mantine/notifications';
    +

    Notification props

    +

    notifications.show and notification.update functions can be called with an object that has the following properties:

    +
      +
    • id – notification id, it is used to update and remove notifications, by default id is randomly generated
      • +
    • withBorder – determines whether notification should have a border
      • +
    • withCloseButton – determines whether the close button should be visible
      • +
    • onClose – calls when notification is unmounted
      • +
    • onOpen – calls when notification is mounted
      • +
    • autoClose – defines timeout in ms on which notification will be automatically closed, use false to disable auto close
      • +
    • message – required notification body
      • +
    • color, icon, title, radius, className, style, loading – props passed down to the Notification component
      • +
    +

    All properties except message are optional.

    +
    import { IconX } from '@tabler/icons-react';
+import { notifications } from '@mantine/notifications';
+
+// Bare minimum – message is required for all notifications
+notifications.show({ message: 'Hello' });
+
+// Most used notification props
+notifications.show({
+  id: 'hello-there',
+  withCloseButton: true,
+  onClose: () => console.log('unmounted'),
+  onOpen: () => console.log('mounted'),
+  autoClose: 5000,
+  title: "You've been compromised",
+  message: 'Leave the building immediately',
+  color: 'red',
+  icon: <IconX />,
+  className: 'my-notification-class',
+  style: { backgroundColor: 'red' },
+  loading: false,
+});
    +

    Notifications preview (message prop used as children):

    +
    Color
    Radius
    import { Notification } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Notification title="We notify you that">
+      You are now obligated to give a star to Mantine project on GitHub
+    </Notification>
+  );
+}
    +

    Customize notification styles

    +

    You can use style, className or Styles API classNames, styles props to customize notification styles. +Usually, it is better to override Notification styles with classNames prop in the theme object.

    +
    import { Button } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Button
+      variant="outline"
+      onClick={() =>
+        notifications.show({
+          title: 'Notification with custom styles',
+          message: 'It is default blue',
+          classNames: classes,
+        })
+      }
+    >
+      Show customized notification
+    </Button>
+  );
+}
    +

    Notifications container position

    +

    Notifications container has fixed position inside, it is rendered inside Portal by default. +Position cannot be changed per notification. Notifications supports the following positions:

    +
      +
    • top-left
      • +
    • top-right
      • +
    • top-center
      • +
    • bottom-left
      • +
    • bottom-right
      • +
    • bottom-center
      • +
    +
    import { Notifications } from '@mantine/notifications';
+
+function Demo() {
+  return <Notifications position="top-right" zIndex={1000} />;
+}
    +

    Limit and queue

    +

    You can limit maximum number of notifications that are displayed at a time by setting +limit prop on Notifications:

    +
    import { Notifications } from '@mantine/notifications';
+
+function Demo() {
+  return <Notifications limit={5} />;
+}
    +

    All notifications added after the limit was reached are added to the queue +and displayed when notification from current state is hidden.

    +
    import { Button } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
+function Demo() {
+  return (
+    <Button
+      variant="outline"
+      onClick={() => {
+        Array(10).fill(0).forEach((_, index) => {
+          setTimeout(() => {
+            notifications.show({
+              title: `Notification ${index + 1}`,
+              message: 'Most notifications are added to queue',
+            });
+          }, 200 * index);
+        });
+      }}
+    >
+      Show 10 notifications
+    </Button>
+  );
+}
    +

    Remove notifications from state and queue

    +

    To remove specific notification from state or queue use notifications.hide function:

    +
    import { notifications } from '@mantine/notifications';
+
+const id = notifications.show({ message: 'Hello!' });
+notifications.hide(id);
    +

    Use notifications.cleanQueue function to remove all notifications from the queue and +notifications.clean to remove all notifications both from the state and queue:

    +
    import { Group, Button } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button
+        variant="outline"
+        onClick={() => {
+          Array(10)
+            .fill(0)
+            .forEach((_, index) => {
+              notifications.show({
+                title: `Notification ${index + 1}`,
+                message: 'Most notifications are added to queue',
+                autoClose: false,
+              });
+            });
+        }}
+      >
+        Show 10 notifications
+      </Button>
+
+      <Button variant="outline" color="gray" onClick={() => notifications.cleanQueue()}>
+        Clean queue
+      </Button>
+
+      <Button variant="outline" color="red" onClick={() => notifications.clean()}>
+        Clean all
+      </Button>
+    </Group>
+  );
+}
    +

    Update notification

    +
    import { Button, rem } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+import { IconCheck } from '@tabler/icons-react';
+
+function Demo() {
+  return (
+    <Button
+      variant="outline"
+      onClick={() => {
+        const id = notifications.show({
+          loading: true,
+          title: 'Loading your data',
+          message: 'Data will be loaded in 3 seconds, you cannot close this yet',
+          autoClose: false,
+          withCloseButton: false,
+        });
+
+        setTimeout(() => {
+          notifications.update({
+            id,
+            color: 'teal',
+            title: 'Data was loaded',
+            message: 'Notification will close in 2 seconds, you can close this notification now',
+            icon: <IconCheck style={{ width: rem(18), height: rem(18) }} />,
+            loading: false,
+            autoClose: 2000,
+          });
+        }, 3000);
+      }}
+    >
+      Show update notification
+    </Button>
+  );
+}
    +

    Auto close

    +

    You can configure auto close timeout with Notifications:

    +
    import { Notifications } from '@mantine/notifications';
+
+// All notifications will be closed automatically in 4000ms
+function Demo() {
+  return <Notifications autoClose={4000} />;
+}
    +

    Or per notification in notifications.show/notifications.update functions:

    +
    import { notifications } from '@mantine/notifications';
+
+notifications.show({
+  message: 'I will close in 500ms seconds',
+  autoClose: 500,
+});
+
+notifications.update({
+  id: 'hello',
+  message: 'I will never close',
+  autoClose: false,
+});
    +

    notifications.show and notifications.update functions autoClose prop has higher priority.

    +
    import { Group, Button } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button
+        variant="outline"
+        onClick={() => notifications.show({ message: 'I will close in 4 seconds' })}
+      >
+        Notifications Provider timeout
+      </Button>
+
+      <Button
+        variant="outline"
+        onClick={() =>
+          notifications.show({
+            message: 'I will close in 500ms',
+            autoClose: 500,
+          })
+        }
+      >
+        Closes in 500ms
+      </Button>
+
+      <Button
+        variant="outline"
+        onClick={() =>
+          notifications.show({
+            color: 'blue',
+            title: 'I will never close',
+            message: 'unless you click X',
+            autoClose: false,
+          })
+        }
+      >
+        Never closes automatically
+      </Button>
+    </Group>
+  );
+}

    Previous

    CodeHighlight

    Next

    Spotlight

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/nprogress/index.html b/others/nprogress/index.html new file mode 100644 index 00000000000..ea595e470ce --- /dev/null +++ b/others/nprogress/index.html @@ -0,0 +1,43 @@ +NavigationProgress | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    NavigationProgress

    Navigation progress bar

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/nprogress

    License

    MIT

    Installation

    +
    yarn add @mantine/nprogress
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/nprogress/styles.css';
    +

    Setup NavigationProgress

    +

    Render NavigationProgress anywhere in your app within MantineProvider:

    +
    import { MantineProvider } from '@mantine/core';
+import { NavigationProgress } from '@mantine/nprogress';
+
+function Demo() {
+  return (
+    <MantineProvider>
+      <NavigationProgress />
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Usage

    +
    import { Button, Group } from '@mantine/core';
+import { nprogress, NavigationProgress } from '@mantine/nprogress';
+
+function Demo() {
+  return (
+    <>
+      <NavigationProgress />
+      <Group justify="center">
+        <Button onClick={() => nprogress.start()}>Start</Button>
+        <Button onClick={() => nprogress.stop()}>Stop</Button>
+        <Button onClick={() => nprogress.increment()}>Increment</Button>
+        <Button onClick={() => nprogress.decrement()}>Decrement</Button>
+        <Button onClick={() => nprogress.set(50)}>Set 50%</Button>
+        <Button onClick={() => nprogress.reset()}>Reset</Button>
+        <Button onClick={() => nprogress.complete()}>Complete</Button>
+      </Group>
+    </>
+  );
+}

    Previous

    Dropzone

    Next

    Modals manager

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/spotlight/index.html b/others/spotlight/index.html new file mode 100644 index 00000000000..8d7839b0afb --- /dev/null +++ b/others/spotlight/index.html @@ -0,0 +1,367 @@ +Spotlight | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Spotlight

    Command center for your application

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/spotlight

    License

    MIT

    Installation

    +
    yarn add @mantine/spotlight
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/spotlight/styles.css';
    +

    Usage

    +

    Spotlight component can be used as a search or as a command center of your application. +It is used as a search on mantine.dev website, you can trigger it with Ctrl + K shortcut. +Spotlight is based on Modal component and supports most of its props.

    +
    import { rem, Button } from '@mantine/core';
+import { Spotlight, SpotlightActionData, spotlight } from '@mantine/spotlight';
+import { IconHome, IconDashboard, IconFileText, IconSearch } from '@tabler/icons-react';
+
+const actions: SpotlightActionData[] = [
+  {
+    id: 'home',
+    label: 'Home',
+    description: 'Get to home page',
+    onClick: () => console.log('Home'),
+    leftSection: <IconHome style={{ width: rem(24), height: rem(24) }} stroke={1.5} />,
+  },
+  {
+    id: 'dashboard',
+    label: 'Dashboard',
+    description: 'Get full information about current system status',
+    onClick: () => console.log('Dashboard'),
+    leftSection: <IconDashboard style={{ width: rem(24), height: rem(24) }} stroke={1.5} />,
+  },
+  {
+    id: 'documentation',
+    label: 'Documentation',
+    description: 'Visit documentation to lean more about all features',
+    onClick: () => console.log('Documentation'),
+    leftSection: <IconFileText style={{ width: rem(24), height: rem(24) }} stroke={1.5} />,
+  },
+];
+
+function Demo() {
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+      <Spotlight
+        actions={actions}
+        nothingFound="Nothing found..."
+        highlightQuery
+        searchProps={{
+          leftSection: <IconSearch style={{ width: rem(20), height: rem(20) }} stroke={1.5} />,
+          placeholder: 'Search...',
+        }}
+      />
+    </>
+  );
+}
    +

    Actions

    +

    @mantine/spotlight package exports an object with actions that can be used to control the spotlight:

    +
    import { spotlight } from '@mantine/spotlight';
+
+spotlight.open(); // -> opens spotlight
+spotlight.close(); // -> closes spotlight
+spotlight.toggle(); // -> toggles spotlight opened state
    +

    These actions can be passed to event listeners or used anywhere in your application +(not limited to React components):

    +
    import { spotlight } from '@mantine/spotlight';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  return <Button onClick={spotlight.open}>Open spotlight</Button>;
+}
    +

    You can also import actions directly from the @mantine/spotlight package, if you prefer this syntax:

    +
    import { openSpotlight, closeSpotlight, toggleSpotlight } from '@mantine/spotlight';
+
+openSpotlight(); // same as spotlight.open()
+closeSpotlight(); // same as spotlight.close()
+toggleSpotlight(); // same as spotlight.toggle()
    +

    Spotlight store

    +

    spotlight object documented above uses the default store, it works fine if you have only one spotlight +in your application. In case you need multiple spotlights, you need to create your own store for each of them:

    +
    import { Button } from '@mantine/core';
+import { createSpotlight, Spotlight } from '@mantine/spotlight';
+
+// You can import `firstSpotlight` and `secondSpotlight` anywhere
+// in your application and use `open`, `close` and `toggle` actions
+// to control spotlight the same way as with default `spotlight` object
+export const [firstStore, firstSpotlight] = createSpotlight();
+export const [secondStore, secondSpotlight] = createSpotlight();
+
+function Demo() {
+  return (
+    <>
+      <Button onClick={firstSpotlight.open}>Open first spotlight</Button>
+      <Button onClick={secondSpotlight.open}>Open second spotlight</Button>
+
+      <Spotlight store={firstStore} actions={[]} />
+      <Spotlight store={secondStore} actions={[]} />
+    </>
+  );
+}
    +

    Keyboard shortcuts

    +

    Spotlight uses use-hotkeys hook to handle keyboard shortcuts. +By default, Ctrl + K and Cmd + K shortcuts are used to open spotlight, you can change them +with shortcut prop:

    +
    import { Spotlight } from '@mantine/spotlight';
+
+function SingleShortcut() {
+  return <Spotlight shortcut="mod + J" actions={[]} />;
+}
+
+// Same as on mantine.dev
+function MultipleShortcuts() {
+  return <Spotlight shortcut={['mod + K', 'mod + P', '/']} actions={[]} />;
+}
+
+// Disable shortcut
+function NoShortcut() {
+  return <Spotlight shortcut={null} actions={[]} />;
+}
    +

    Limit prop

    +

    Use limit prop to limit the maximum number of actions that can be displayed at a time. +Usually, 5–7 actions is a good number. limit prop is crucial for performance in case +you have a lot of actions, it will prevent the spotlight from rendering all of them at once.

    +

    The example below renders 3000 actions, but only 7 of them are displayed at a time:

    +
    import { rem, Button } from '@mantine/core';
+import { Spotlight, SpotlightActionData, spotlight } from '@mantine/spotlight';
+import { IconSearch } from '@tabler/icons-react';
+
+const actions: SpotlightActionData[] = Array(3000)
+  .fill(0)
+  .map((_, index) => ({
+    id: `action-${index}`,
+    label: `Action ${index}`,
+    description: `Action ${index} description`,
+  }));
+
+function Demo() {
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+      <Spotlight
+        actions={actions}
+        nothingFound="Nothing found..."
+        highlightQuery
+        limit={7}
+        searchProps={{
+          leftSection: <IconSearch style={{ width: rem(20), height: rem(20) }} stroke={1.5} />,
+          placeholder: 'Search...',
+        }}
+      />
+    </>
+  );
+}
    +

    Scrollable actions list

    +

    By default, Spotlight actions list is not scrollable. If you have a lot of actions that +you need to display at a time, set scrollable and maxHeight props. Note that there are +caveats with both approaches:

    +
      +
    • When the scrollable prop is not set, actions list height is not limited and the spotlight +body will grow to fit all actions. This can result in a very long spotlight body that will +overflow the viewport. To prevent this, use limit prop to define the maximum number of actions +that can be displayed at a time. Usually, 5–7 actions is a good number.
      • +
    • When the scrollable prop is set, actions list height will always equal to the value of maxHeight prop +(it will not shrink if there are not enough actions to fill the space). When there are more +actions than can fit into the list, it will become scrollable. Scrolling logic is handled +by ScrollArea component.
      • +
    +

    In other words, if you want the actions list to shrink, do not set scrollable prop and use limit +prop. If you want the actions list to always have a fixed height, set scrollable and maxHeight props.

    +
    import { rem, Button } from '@mantine/core';
+import { Spotlight, SpotlightActionData, spotlight } from '@mantine/spotlight';
+import { IconSearch } from '@tabler/icons-react';
+
+const actions: SpotlightActionData[] = Array(100)
+  .fill(0)
+  .map((_, index) => ({
+    id: `action-${index}`,
+    label: `Action ${index}`,
+    description: `Action ${index} description`,
+  }));
+
+function Demo() {
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+      <Spotlight
+        actions={actions}
+        nothingFound="Nothing found..."
+        highlightQuery
+        scrollable
+        maxHeight={350}
+        searchProps={{
+          leftSection: <IconSearch style={{ width: rem(20), height: rem(20) }} stroke={1.5} />,
+          placeholder: 'Search...',
+        }}
+      />
+    </>
+  );
+}
    +

    Actions groups

    +

    Spotlight supports actions groups, you can use them to group actions by category:

    +
    import { rem, Button } from '@mantine/core';
+import { Spotlight, SpotlightActionData, SpotlightActionGroupData, spotlight } from '@mantine/spotlight';
+import { IconSearch } from '@tabler/icons-react';
+
+const actions: (SpotlightActionGroupData | SpotlightActionData)[] = [
+  {
+    group: 'Pages',
+    actions: [
+      { id: 'home', label: 'Home page', description: 'Where we present the product' },
+      { id: 'careers', label: 'Careers page', description: 'Where we list open positions' },
+      { id: 'about-us', label: 'About us page', description: 'Where we tell what we do' },
+    ],
+  },
+
+  {
+    group: 'Apps',
+    actions: [
+      { id: 'svg-compressor', label: 'SVG compressor', description: 'Compress SVG images' },
+      { id: 'base64', label: 'Base 64 converter', description: 'Convert data to base 64 format' },
+      { id: 'fake-data', label: 'Fake data generator', description: 'Lorem ipsum generator' },
+    ],
+  },
+];
+
+function Demo() {
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+      <Spotlight
+        actions={actions}
+        nothingFound="Nothing found..."
+        highlightQuery
+        searchProps={{
+          leftSection: <IconSearch style={{ width: rem(20), height: rem(20) }} stroke={1.5} />,
+          placeholder: 'Search...',
+        }}
+      />
+    </>
+  );
+}
    +

    Compound components

    +

    If you need more control over spotlight rendering and logic, use compound components. +Available components:

    +
      +
    • Spotlight.Root – root component, should be used as a wrapper for all other components, accepts all props to customize logic
      • +
    • Spotlight.Search – search input
      • +
    • Spotlight.ActionsList – list of actions, required to wrap all actions and actions groups
      • +
    • Spotlight.Action – action button
      • +
    • Spotlight.ActionsGroup - group of actions
      • +
    • Spotlight.Empty – empty state (nothing found)
      • +
    +
    import { useState } from 'react';
+import { Spotlight, spotlight } from '@mantine/spotlight';
+import { Button } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+
+const data = ['Home', 'About us', 'Contacts', 'Blog', 'Careers', 'Terms of service'];
+
+function Demo() {
+  const [query, setQuery] = useState('');
+
+  const items = data
+    .filter((item) => item.toLowerCase().includes(query.toLowerCase().trim()))
+    .map((item) => <Spotlight.Action key={item} label={item} />);
+
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+
+      <Spotlight.Root query={query} onQueryChange={setQuery}>
+        <Spotlight.Search placeholder="Search..." leftSection={<IconSearch stroke={1.5} />} />
+        <Spotlight.ActionsList>
+          {items.length > 0 ? items : <Spotlight.Empty>Nothing found...</Spotlight.Empty>}
+        </Spotlight.ActionsList>
+      </Spotlight.Root>
+    </>
+  );
+}
    +

    For example, with compound components pattern you can customize actions contents:

    +
    import { useState } from 'react';
+import { Spotlight, spotlight } from '@mantine/spotlight';
+import { Badge, Button, Center, Group, Text } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+
+const data = [
+  {
+    image: 'https://img.icons8.com/clouds/256/000000/futurama-bender.png',
+    title: 'Bender Bending Rodríguez',
+    description: 'Fascinated with cooking, though has no sense of taste',
+    new: true,
+  },
+
+  {
+    image: 'https://img.icons8.com/clouds/256/000000/futurama-mom.png',
+    title: 'Carol Miller',
+    description: 'One of the richest people on Earth',
+    new: false,
+  },
+  {
+    image: 'https://img.icons8.com/clouds/256/000000/homer-simpson.png',
+    title: 'Homer Simpson',
+    description: 'Overweight, lazy, and often ignorant',
+    new: false,
+  },
+  {
+    image: 'https://img.icons8.com/clouds/256/000000/spongebob-squarepants.png',
+    title: 'Spongebob Squarepants',
+    description: 'Not just a sponge',
+    new: false,
+  },
+];
+
+function Demo() {
+  const [query, setQuery] = useState('');
+
+  const items = data
+  .filter((item) => item.title.toLowerCase().includes(query.toLowerCase().trim()))
+  .map((item) => (
+    <Spotlight.Action key={item.title} onClick={() => console.log(item)}>
+      <Group wrap="nowrap" w="100%">
+        {item.image && (
+          <Center>
+            <img src={item.image} alt={item.title} width={50} height={50} />
+          </Center>
+        )}
+
+        <div style={{ flex: 1 }}>
+          <Text>{item.title}</Text>
+
+          {item.description && (
+            <Text opacity={0.6} size="xs">
+              {item.description}
+            </Text>
+          )}
+        </div>
+
+        {item.new && <Badge variant="default">new</Badge>}
+      </Group>
+    </Spotlight.Action>
+  ));
+
+  return (
+    <>
+      <Button onClick={spotlight.open}>Open spotlight</Button>
+
+      <Spotlight.Root query={query} onQueryChange={setQuery}>
+        <Spotlight.Search placeholder="Search..." leftSection={<IconSearch stroke={1.5} />} />
+        <Spotlight.ActionsList>
+          {items.length > 0 ? items : <Spotlight.Empty>Nothing found...</Spotlight.Empty>}
+        </Spotlight.ActionsList>
+      </Spotlight.Root>
+    </>
+  );
+}
    +

    Fixed elements offset

    +

    Spotlight component uses react-remove-scroll +package to lock scroll. To properly size these elements add a className to them (documentation):

    +
    import { RemoveScroll } from '@mantine/core';
+
+// to make "width: 100%"
+<div className={RemoveScroll.classNames.fullWidth} />
+
+// to make "right: 0"
+<div className={RemoveScroll.classNames.zeroRight} />

    Previous

    Notifications system

    Next

    Carousel

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/others/tiptap/index.html b/others/tiptap/index.html new file mode 100644 index 00000000000..390c5d9457d --- /dev/null +++ b/others/tiptap/index.html @@ -0,0 +1,761 @@ +Rich text editor | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Rich text editor

    Tiptap based rich text editor

    Source

    View source code

    Docs

    Edit this page

    Package

    @mantine/tiptap

    License

    MIT

    Installation

    +

    Install with yarn:

    +
    yarn add @mantine/tiptap @mantine/core @mantine/hooks @tabler/icons-react @tiptap/react @tiptap/pm @tiptap/extension-link @tiptap/starter-kit
    +

    After installation import package styles at the root of your application:

    +
    import '@mantine/tiptap/styles.css';
    +

    TipTap editor

    +

    @mantine/tiptap provides a UI for Tiptap. RichTextEditor component +works with Editor instance of tiptap. +This means that you have full control over the editor state and configuration +with useEditor hook.

    +

    In other words, RichTextEditor component does not manage state for you, +controls just execute operations on the Editor instance. If you want to +implement something that is related to state or component value (e.g. controlled mode, value transforms to HTML/Markdown), +you should look for documentation on tiptap.dev website.

    +

    Usage

    +
    import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+
+const content =
+  '<h2 style="text-align: center;">Welcome to Mantine rich text editor</h2><p><code>RichTextEditor</code> component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. <code>RichTextEditor</code> is based on <a href="https://tiptap.dev/" rel="noopener noreferrer" target="_blank">Tiptap.dev</a> and supports all of its features:</p><ul><li>General text formatting: <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>strike-through</s> </li><li>Headings (h1-h6)</li><li>Sub and super scripts (<sup>&lt;sup /&gt;</sup> and <sub>&lt;sub /&gt;</sub> tags)</li><li>Ordered and bullet lists</li><li>Text align&nbsp;</li><li>And all <a href="https://tiptap.dev/extensions" target="_blank" rel="noopener noreferrer">other extensions</a></li></ul>';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ['heading', 'paragraph'] }),
+    ],
+    content,
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar sticky stickyOffset={60}>
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Bold />
+          <RichTextEditor.Italic />
+          <RichTextEditor.Underline />
+          <RichTextEditor.Strikethrough />
+          <RichTextEditor.ClearFormatting />
+          <RichTextEditor.Highlight />
+          <RichTextEditor.Code />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.H1 />
+          <RichTextEditor.H2 />
+          <RichTextEditor.H3 />
+          <RichTextEditor.H4 />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Blockquote />
+          <RichTextEditor.Hr />
+          <RichTextEditor.BulletList />
+          <RichTextEditor.OrderedList />
+          <RichTextEditor.Subscript />
+          <RichTextEditor.Superscript />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Link />
+          <RichTextEditor.Unlink />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.AlignLeft />
+          <RichTextEditor.AlignCenter />
+          <RichTextEditor.AlignJustify />
+          <RichTextEditor.AlignRight />
+        </RichTextEditor.ControlsGroup>
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Controls and extensions

    +

    Some controls require installation of additional Tiptap extensions. +For example, if you want to use RichTextEditor.Underline control, you will need to install @tiptap/extension-underline package:

    +
    yarn add @tiptap/extension-underline
    +

    Included with @tiptap/starter-kit (should be installed by default):

    +
      +
    • RichTextEditor.H1
      • +
    • RichTextEditor.H2
      • +
    • RichTextEditor.H3
      • +
    • RichTextEditor.H4
      • +
    • RichTextEditor.H5
      • +
    • RichTextEditor.H6
      • +
    • RichTextEditor.BulletList
      • +
    • RichTextEditor.OrderedList
      • +
    • RichTextEditor.Bold
      • +
    • RichTextEditor.Italic
      • +
    • RichTextEditor.Strikethrough
      • +
    • RichTextEditor.ClearFormatting
      • +
    • RichTextEditor.Blockquote
      • +
    • RichTextEditor.Code
      • +
    • RichTextEditor.CodeBlock
      • +
    • RichTextEditor.Hr
      • +
    +

    Controls that require @tiptap/extension-link extension:

    +
      +
    • RichTextEditor.Link
      • +
    • RichTextEditor.Unlink
      • +
    +

    Controls that require @tiptap/extension-text-align extension:

    +
      +
    • RichTextEditor.AlignLeft
      • +
    • RichTextEditor.AlignRight
      • +
    • RichTextEditor.AlignCenter
      • +
    • RichTextEditor.AlignJustify
      • +
    +

    Controls that require @tiptap/extension-color and @tiptap/extension-text-style extensions:

    +
      +
    • RichTextEditor.ColorPicker
      • +
    • RichTextEditor.Color
      • +
    • RichTextEditor.UnsetColor
      • +
    +

    Other controls with required extensions:

    + +

    Placeholder

    +

    To use placeholder you will need to install @tiptap/extension-placeholder package:

    +
    yarn add @tiptap/extension-placeholder
    +
    import { RichTextEditor } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit, Placeholder.configure({ placeholder: 'This is placeholder' })],
+    content: '',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Link extension

    +

    @mantine/tiptap provides custom Link extension that is required to be used instead of +@tiptap/extension-link in order for Ctrl + K keyboard shortcut to work:

    +
    // Use Link extension exported from the @mantine/tiptap package
+import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      Link,
+      // ... other extensions
+    ],
+  });
+
+  return <RichTextEditor editor={editor}>{/* content */}</RichTextEditor>;
+}
    +

    Text color

    +

    To use text color you will need to install additional packages:

    +
    yarn add @tiptap/extension-color @tiptap/extension-text-style
    +

    You can use the following controls to change text color:

    +
      +
    • RichTextEditor.ColorPicker – allows to pick colors from given predefined color swatches and with ColorPicker component
      • +
    • RichTextEditor.Color – allows to apply given color with one click
      • +
    • RichTextEditor.UnsetColor – clears color styles
      • +
    +
    import { useEditor } from '@tiptap/react';
+import { IconColorPicker } from '@tabler/icons-react';
+import { Color } from '@tiptap/extension-color';
+import TextStyle from '@tiptap/extension-text-style';
+import StarterKit from '@tiptap/starter-kit';
+import { RichTextEditor } from '@mantine/tiptap';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit, TextStyle, Color],
+    content: '<p>Apply some colors to this text</p>',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar sticky stickyOffset={60}>
+        <RichTextEditor.ColorPicker
+          colors={[
+            '#25262b',
+            '#868e96',
+            '#fa5252',
+            '#e64980',
+            '#be4bdb',
+            '#7950f2',
+            '#4c6ef5',
+            '#228be6',
+            '#15aabf',
+            '#12b886',
+            '#40c057',
+            '#82c91e',
+            '#fab005',
+            '#fd7e14',
+          ]}
+        />
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Control interactive={false}>
+            <IconColorPicker size="1rem" stroke={1.5} />
+          </RichTextEditor.Control>
+          <RichTextEditor.Color color="#F03E3E" />
+          <RichTextEditor.Color color="#7048E8" />
+          <RichTextEditor.Color color="#1098AD" />
+          <RichTextEditor.Color color="#37B24D" />
+          <RichTextEditor.Color color="#F59F00" />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.UnsetColor />
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Code highlight

    +

    To use code highlight you will need to install additional packages:

    +
    yarn add lowlight @tiptap/extension-code-block-lowlight
    +
    import { RichTextEditor } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
+import { lowlight } from 'lowlight';
+import tsLanguageSyntax from 'highlight.js/lib/languages/typescript';
+
+// register languages that your are planning to use
+lowlight.registerLanguage('ts', tsLanguageSyntax);
+
+function escapeHtml(unsafe: string) {
+  return unsafe
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;');
+}
+
+const codeExample =
+  escapeHtml(`// Valid braces Kata – https://www.codewars.com/kata/5277c8a221e209d3f6000b56
+
+const pairs: Record<string, string> = {
+  '[': ']',
+  '{': '}',
+  '(': ')',
+};
+
+const openBraces = Object.keys(pairs);
+
+export function validBraces(braces: string) {
+  const opened: string[] = [];
+
+  for (let i = 0; i < braces.length; i += 1) {
+    const brace = braces[i];
+
+    if (openBraces.includes(brace)) {
+      opened.push(brace);
+      continue;
+    }
+
+    if (pairs[opened[opened.length - 1]] !== brace) {
+      return false
+    }
+
+    opened.pop();
+  }
+
+  return opened.length === 0;
+}`);
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({ codeBlock: false }),
+      CodeBlockLowlight.configure({ lowlight }),
+    ],
+    content: `<p>Regular paragraph</p><pre><code>${codeExample}</code></pre>`,
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar>
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.CodeBlock />
+        </RichTextEditor.ControlsGroup>
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Typography styles

    +

    By default, RichTextEditor renders content with TypographyStylesProvider and some additional styles. +You can disable these styles by setting withTypographyStyles={false}:

    +
    import { RichTextEditor } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      // ... your extensions
+    ],
+  });
+
+  return (
+    <RichTextEditor editor={editor} withTypographyStyles={false}>
+      {/* content */}
+    </RichTextEditor>
+  );
+}
    +

    Then you will be able to add your own styles either with global styles +or with Styles API:

    +
    // ...
+<RichTextEditor
+  editor={editor}
+  withTypographyStyles={false}
+  styles={{
+    content: {
+      '& p': {
+        color: 'silver',
+      },
+    },
+  }}
+>
+  {/* content */}
+</RichTextEditor>
    +

    Bubble menu

    +

    You can use BubbleMenu component +with any RichTextEditor controls. Bubble menu will appear near a selection of text:

    +
    import { useEditor, BubbleMenu } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { RichTextEditor, Link } from '@mantine/tiptap';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit, Link],
+    content: '<p>Select some text to see bubble menu</p>',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      {editor && (
+        <BubbleMenu editor={editor}>
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Bold />
+            <RichTextEditor.Italic />
+            <RichTextEditor.Link />
+          </RichTextEditor.ControlsGroup>
+        </BubbleMenu>
+      )}
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Floating menu

    +

    You can use FloatingMenu component +with any RichTextEditor controls. Floating menu will appear in an empty line:

    +
    import { useEditor, FloatingMenu } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { RichTextEditor, Link } from '@mantine/tiptap';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit, Link],
+    content: '<p>Enter a new line to see floating menu</p>',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      {editor && (
+        <FloatingMenu editor={editor}>
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.H1 />
+            <RichTextEditor.H2 />
+            <RichTextEditor.BulletList />
+          </RichTextEditor.ControlsGroup>
+        </FloatingMenu>
+      )}
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Sticky toolbar

    +

    Set sticky prop on RichTextEditor.Toolbar component to make toolbar sticky, +control top property with stickyOffset. For example, on mantine.dev documentation +website there is a header with 60px height (converted to rem), in this case we will need to +set stickyOffset={60} to make sticky position correctly with fixed positioned element.

    +
    import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+
+const content =
+  '<h2 style="text-align: center;">Welcome to Mantine rich text editor</h2><p><code>RichTextEditor</code> component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. <code>RichTextEditor</code> is based on <a href="https://tiptap.dev/" rel="noopener noreferrer" target="_blank">Tiptap.dev</a> and supports all of its features:</p><ul><li>General text formatting: <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>strike-through</s> </li><li>Headings (h1-h6)</li><li>Sub and super scripts (<sup>&lt;sup /&gt;</sup> and <sub>&lt;sub /&gt;</sub> tags)</li><li>Ordered and bullet lists</li><li>Text align&nbsp;</li><li>And all <a href="https://tiptap.dev/extensions" target="_blank" rel="noopener noreferrer">other extensions</a></li></ul>';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ['heading', 'paragraph'] }),
+    ],
+    content,
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar sticky stickyOffset={60}>
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Bold />
+          <RichTextEditor.Italic />
+          <RichTextEditor.Underline />
+          <RichTextEditor.Strikethrough />
+          <RichTextEditor.ClearFormatting />
+          <RichTextEditor.Highlight />
+          <RichTextEditor.Code />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.H1 />
+          <RichTextEditor.H2 />
+          <RichTextEditor.H3 />
+          <RichTextEditor.H4 />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Blockquote />
+          <RichTextEditor.Hr />
+          <RichTextEditor.BulletList />
+          <RichTextEditor.OrderedList />
+          <RichTextEditor.Subscript />
+          <RichTextEditor.Superscript />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Link />
+          <RichTextEditor.Unlink />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.AlignLeft />
+          <RichTextEditor.AlignCenter />
+          <RichTextEditor.AlignJustify />
+          <RichTextEditor.AlignRight />
+        </RichTextEditor.ControlsGroup>
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Editor context

    +

    Use useRichTextEditorContext hook to get Editor from +the context. This hook can be used to create custom control or run any operations supported +by the Tiptap editor API.

    +
    import { useRichTextEditorContext } from '@mantine/tiptap';
+import { Button } from '@mantine/core';
+
+function Demo() {
+  const { editor } = useRichTextEditorContext();
+  return <Button onClick={() => editor?.chain().focus().toggleBold().run()}>Make bold</Button>;
+}
    +

    Custom controls

    +

    Use RichTextEditor.Control component to create custom controls. It supports all +props supported by button element and has active prop to indicate active state. +Note that you will need to set aria-label attribute to make control visible for screen readers.

    +
    import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { RichTextEditor, useRichTextEditorContext } from '@mantine/tiptap';
+import { IconStar } from '@tabler/icons-react';
+
+function InsertStarControl() {
+  const { editor } = useRichTextEditorContext();
+  return (
+    <RichTextEditor.Control
+      onClick={() => editor?.commands.insertContent('⭐')}
+      aria-label="Insert star emoji"
+      title="Insert star emoji"
+    >
+      <IconStar stroke={1.5} size="1rem" />
+    </RichTextEditor.Control>
+  );
+}
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: '<p>Click control to insert star emoji</p>',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar>
+        <InsertStarControl />
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Change icons

    +

    You can change icon of control by setting icon prop. It accepts a component +that must handle size prop:

    +
    import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { RichTextEditor } from '@mantine/tiptap';
+import { IconBold, IconItalic } from '@tabler/icons-react';
+
+const BoldIcon = () => <IconBold size="1rem" stroke={3.5} />;
+const ItalicIcon = () => <IconItalic size="1rem" stroke={3.5} />;
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: '<p>Customize icons with icon prop</p>',
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar>
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Bold icon={BoldIcon} />
+          <RichTextEditor.Italic icon={ItalicIcon} />
+        </RichTextEditor.ControlsGroup>
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
    +

    Labels and localization

    +

    RichTextEditor supports changing labels for all controls with labels prop:

    +
    import { RichTextEditor } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+
+function Demo() {
+  const editor = useEditor({
+    extensions: [
+      // ... your extensions
+    ],
+  });
+
+  return (
+    <RichTextEditor
+      editor={editor}
+      labels={{
+        boldControlLabel: 'Make text bold',
+        italicControlLabel: 'Make text bold',
+        // ...other labels
+      }}
+    >
+      {/* content */}
+    </RichTextEditor>
+  );
+}
    +

    Most labels are used to add aria-label and title attributes to controls, some of the labels +can be a function that returns string. If you do not provide all labels, then they will be merged with +the default labels.

    +

    All available labels:

    +
    // RichTextEditorLabels type can be imported from @mantine/tiptap package
+export interface RichTextEditorLabels {
+  /** RichTextEditor.Bold control aria-label */
+  boldControlLabel: string;
+
+  /** RichTextEditor.Hr control aria-label */
+  hrControlLabel: string;
+
+  /** RichTextEditor.Italic control aria-label */
+  italicControlLabel: string;
+
+  /** RichTextEditor.Underline control aria-label */
+  underlineControlLabel: string;
+
+  /** RichTextEditor.Strike control aria-label */
+  strikeControlLabel: string;
+
+  /** RichTextEditor.ClearFormatting control aria-label */
+  clearFormattingControlLabel: string;
+
+  /** RichTextEditor.Link control aria-label */
+  linkControlLabel: string;
+
+  /** RichTextEditor.Unlink control aria-label */
+  unlinkControlLabel: string;
+
+  /** RichTextEditor.BulletList control aria-label */
+  bulletListControlLabel: string;
+
+  /** RichTextEditor.OrderedList control aria-label */
+  orderedListControlLabel: string;
+
+  /** RichTextEditor.H1 control aria-label */
+  h1ControlLabel: string;
+
+  /** RichTextEditor.H2 control aria-label */
+  h2ControlLabel: string;
+
+  /** RichTextEditor.H3 control aria-label */
+  h3ControlLabel: string;
+
+  /** RichTextEditor.H4 control aria-label */
+  h4ControlLabel: string;
+
+  /** RichTextEditor.H5 control aria-label */
+  h5ControlLabel: string;
+
+  /** RichTextEditor.H6 control aria-label */
+  h6ControlLabel: string;
+
+  /** RichTextEditor.Blockquote control aria-label */
+  blockquoteControlLabel: string;
+
+  /** RichTextEditor.AlignLeft control aria-label */
+  alignLeftControlLabel: string;
+
+  /** RichTextEditor.AlignCenter control aria-label */
+  alignCenterControlLabel: string;
+
+  /** RichTextEditor.AlignRight control aria-label */
+  alignRightControlLabel: string;
+
+  /** RichTextEditor.AlignJustify control aria-label */
+  alignJustifyControlLabel: string;
+
+  /** RichTextEditor.Code control aria-label */
+  codeControlLabel: string;
+
+  /** RichTextEditor.CodeBlock control aria-label */
+  codeBlockControlLabel: string;
+
+  /** RichTextEditor.Subscript control aria-label */
+  subscriptControlLabel: string;
+
+  /** RichTextEditor.Superscript control aria-label */
+  superscriptControlLabel: string;
+
+  /** RichTextEditor.ColorPicker control aria-label */
+  colorPickerControlLabel: string;
+
+  /** RichTextEditor.UnsetColor control aria-label */
+  unsetColorControlLabel: string;
+
+  /** RichTextEditor.Highlight control aria-label */
+  highlightControlLabel: string;
+
+  /** A function go get RichTextEditor.Color control aria-label based on color that control applies */
+  colorControlLabel(color: string): string;
+
+  /** aria-label for link editor url input */
+  linkEditorInputLabel: string;
+
+  /** placeholder for link editor url input */
+  linkEditorInputPlaceholder: string;
+
+  /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */
+  linkEditorExternalLink: string;
+
+  /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */
+  linkEditorInternalLink: string;
+
+  /** Save button content in link editor */
+  linkEditorSave: string;
+
+  /** Cancel button title text in color picker control */
+  colorPickerCancel: string;
+
+  /** Clear button title text in color picker control */
+  colorPickerClear: string;
+
+  /** Color picker button title text in color picker control */
+  colorPickerColorPicker: string;
+
+  /** Palette button title text in color picker control */
+  colorPickerPalette: string;
+
+  /** Save button title text in color picker control */
+  colorPickerSave: string;
+
+  /** aria-label for color palette colors */
+  colorPickerColorLabel(color: string): string;
+}
    +

    Default labels (can be imported from @mantine/tiptap package):

    +
    export const DEFAULT_LABELS: RichTextEditorLabels = {
+  // Controls labels
+  linkControlLabel: 'Link',
+  colorPickerControlLabel: 'Text color',
+  highlightControlLabel: 'Highlight text',
+  colorControlLabel: (color) => `Set text color ${color}`,
+  boldControlLabel: 'Bold',
+  italicControlLabel: 'Italic',
+  underlineControlLabel: 'Underline',
+  strikeControlLabel: 'Strikethrough',
+  clearFormattingControlLabel: 'Clear formatting',
+  unlinkControlLabel: 'Remove link',
+  bulletListControlLabel: 'Bullet list',
+  orderedListControlLabel: 'Ordered list',
+  h1ControlLabel: 'Heading 1',
+  h2ControlLabel: 'Heading 2',
+  h3ControlLabel: 'Heading 3',
+  h4ControlLabel: 'Heading 4',
+  h5ControlLabel: 'Heading 5',
+  h6ControlLabel: 'Heading 6',
+  blockquoteControlLabel: 'Blockquote',
+  alignLeftControlLabel: 'Align text: left',
+  alignCenterControlLabel: 'Align text: center',
+  alignRightControlLabel: 'Align text: right',
+  alignJustifyControlLabel: 'Align text: justify',
+  codeControlLabel: 'Code',
+  codeBlockControlLabel: 'Code block',
+  subscriptControlLabel: 'Subscript',
+  superscriptControlLabel: 'Superscript',
+  unsetColorControlLabel: 'Unset color',
+  hrControlLabel: 'Horizontal line',
+
+  // Link editor
+  linkEditorInputLabel: 'Enter URL',
+  linkEditorInputPlaceholder: 'https://example.com/',
+  linkEditorExternalLink: 'Open link in a new tab',
+  linkEditorInternalLink: 'Open link in the same tab',
+  linkEditorSave: 'Save',
+
+  // Color picker control
+  colorPickerCancel: 'Cancel',
+  colorPickerClear: 'Clear color',
+  colorPickerColorPicker: 'Color picker',
+  colorPickerPalette: 'Color palette',
+  colorPickerSave: 'Save',
+  colorPickerColorLabel: (color) => `Set text color ${color}`,
+};

    Previous

    Modals manager

    Next

    Version v7.0.0

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/overview/index.html b/overview/index.html new file mode 100644 index 00000000000..ecf71c8d2c4 --- /dev/null +++ b/overview/index.html @@ -0,0 +1,280 @@ +Mantine API overview | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    API overview

    +

    This guide will help you get familiar with core Mantine concepts. +Please read this guide, theming and styles sections before starting development +to learn about all of the available theming and styling features.

    +

    MantineProvider

    +

    MantineProvider is required to be rendered at the root of your application. +It is responsible for:

    + +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Theme object

    +

    Theme object stores design tokens, components default props, context styles +and other data that can be accessed by any Mantine component. Most of the theme values are exposed as +CSS variables and can be accessed both in JavaScript and CSS.

    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+// Your theme configuration is merged with default theme
+const theme = createTheme({
+  fontFamily: 'Montserrat, sans-serif',
+  defaultRadius: 'md',
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Access theme values in styles:

    +
    .demo {
+  background: var(--mantine-color-red-1);
+  color: var(--mantine-color-red-9);
+  font-family: var(--mantine-font-family);
+  border-radius: var(--mantine-radius-md);
+}
    +

    Access theme values in JavaScript:

    +
    import { useMantineTheme, lighten } from '@mantine/core';
+
+function Demo() {
+  const theme = useMantineTheme();
+
+  const style = {
+    // You can use CSS variables in inline styles
+    background: 'var(--mantine-color-red-9)',
+
+    // Or use values from theme object if you need to modify them
+    color: lighten(theme.colors.red[9], 0.2),
+  };
+
+  return <div style={style} />;
+}
    +

    Colors

    +

    Colors are stored in theme.colors object and are exposed as CSS variables. +Each color must have at least 10 shades. You can generate new colors based on a single color value +with the colors generator.

    +

    Colors are numbered from 0 to 9 where 0 is the lightest and 9 is the darkest color. Example of blue +color from the default theme:

    +

    blue 0

    #e7f5ff

    blue 1

    #d0ebff

    blue 2

    #a5d8ff

    blue 3

    #74c0fc

    blue 4

    #4dabf7

    blue 5

    #339af0

    blue 6

    #228be6

    blue 7

    #1c7ed6

    blue 8

    #1971c2

    blue 9

    #1864ab

    +

    To access colors in styles use CSS variables:

    +
    .demo {
+  background: var(--mantine-color-blue-9);
+  color: var(--mantine-color-blue-0);
+}
    +

    CSS modules

    +

    All Mantine components use CSS modules for styling. +It is recommended to use CSS modules in your project as well, but it is not required – +Mantine components are fully compatible with any third-party styling solution and native CSS.

    +

    CSS modules are available in most modern frameworks out of the box. To use them, create a file with .module.css extension:

    +
    /* Button.module.css */
+.button {
+  color: red;
+}
    +

    And then import it in your component:

    +
    import classes from './Button.module.css';
+
+function Demo() {
+  return (
+    <button className={classes.button} type="button">
+      Button
+    </button>
+  );
+}
    +

    PostCSS preset

    +

    postcss-preset-mantine provides several CSS functions and mixins to simplify your styles. +It is not required to use it, but highly recommended. All demos that feature styles +assume that you have this preset installed.

    +

    postcss-preset-mantine allows you to use functions and mixins in .css files:

    +
    .demo {
+  padding: rem(20px); /* Convert px to rem */
+
+  /* Convert px to em (for media queries) */
+  @media (max-width: em(500px)) {
+  }
+
+  /* light and dark mixins to apply styles based on Mantine color scheme */
+  @mixin light {
+    background-color: var(--mantine-color-white);
+  }
+
+  @mixin dark {
+    background-color: var(--mantine-color-black);
+  }
+
+  /* light-dark function as an inline shortcut for light and dark mixins */
+  background: light-dark(var(--mantine-color-white), var(--mantine-color-black));
+
+  /* rtl mixin to apply styles for right-to-left direction */
+  padding-left: 1rem;
+  @mixin rtl {
+    padding-left: 0;
+    padding-right: 1rem;
+  }
+}
    +

    Vanilla extract

    +

    Vanilla extract is a good alternative to CSS modules if you +prefer to write styles in JavaScript. Mantine provides Vanilla extract integration +with @mantine/vanilla-extract package.

    +

    CSS variables

    +

    Theme values are converted to CSS variables and are available to +use in your styles. All Mantine CSS variables are prefixed with --mantine-, for example:

    +
      +
    • theme.fontFamily → --mantine-font-family
      • +
    • theme.colors.blue[9] → --mantine-color-blue-9
      • +
    • theme.spacing.xl → --mantine-spacing-xl
      • +
    +

    Most of Mantine components have associated CSS variables that can be +customized in theme or inline with vars prop. Example of customizing +Button CSS variables to add new xxl and xxs sizes:

    +
    import { Button, rem, Group, MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      vars: (theme, props) => {
+        if (props.size === 'xxl') {
+          return {
+            root: {
+              '--button-height': rem(60),
+              '--button-padding-x': rem(30),
+              '--button-fz': rem(24),
+            },
+          };
+        }
+
+        if (props.size === 'xxs') {
+          return {
+            root: {
+              '--button-height': rem(24),
+              '--button-padding-x': rem(10),
+              '--button-fz': rem(10),
+            },
+          };
+        }
+
+        return { root: {} };
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button size="xxl">XXL Button</Button>
+        <Button size="xxs">XXS Button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    Styles API

    +

    Styles API is a set of props and techniques that allows you to customize styles of any element +inside Mantine component inline or with theme object. All Mantine components that +have styles support Styles API.

    +

    Every Mantine component has a set of elements names that can be used to +apply styles to inner elements inside the component. +Example of TextInput component selectors:

    +
    SelectorStatic selectorDescription
    wrapper.mantine-Button-wrapperRoot element of the Input
    input.mantine-Button-inputInput element
    section.mantine-Button-sectionLeft and right sections
    root.mantine-Button-rootRoot element
    label.mantine-Button-labelLabel element
    required.mantine-Button-requiredRequired asterisk element, rendered inside label
    description.mantine-Button-descriptionDescription element
    error.mantine-Button-errorError element
    +

    These selectors can be used to apply styles to inner elements with classNames or styles props:

    +
    import { useState } from 'react';
+import { TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [focused, setFocused] = useState(false);
+  const floating = focused || value.length > 0 || undefined;
+
+  return (
+    <TextInput
+      label="Floating label input"
+      labelProps={{ 'data-floating': floating }}
+      classNames={{
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      }}
+      onFocus={() => setFocused(true)}
+      onBlur={() => setFocused(false)}
+      value={value}
+      onChange={(event) => setValue(event.currentTarget.value)}
+    />
+  );
+}
    +

    Color scheme

    +

    All Mantine components support light, dark and auto color schemes. By default, +the color scheme is light, it can be changed by the user and will be persisted in localStorage.

    +

    You can use configure the default color scheme on MantineProvider:

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider defaultColorScheme="dark">
+      <App />
+    </MantineProvider>
+  );
+}
    +

    And use useMantineColorScheme hook to create color scheme toggle control:

    +
    import { ActionIcon, useMantineColorScheme, useComputedColorScheme } from '@mantine/core';
+import { IconSun, IconMoon } from '@tabler/icons-react';
+import cx from 'clsx';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const { setColorScheme } = useMantineColorScheme();
+  const computedColorScheme = useComputedColorScheme('light', { getInitialValueInEffect: true });
+
+  return (
+    <ActionIcon
+      onClick={() => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light')}
+      variant="default"
+      size="xl"
+      aria-label="Toggle color scheme"
+    >
+      <IconSun className={cx(classes.icon, classes.light)} stroke={1.5} />
+      <IconMoon className={cx(classes.icon, classes.dark)} stroke={1.5} />
+    </ActionIcon>
+  );
+}
    +

    Unstyled components

    +

    You can use Mantine as a headless UI library. To do that, simply do not import @mantine/*/styles.css +in your application. Then you will be able to apply styles to Mantine components using the Styles API +with a styling solution of your choice.

    +

    All components also support unstyled prop +that removes all library styles from the component:

    +
    Chat panel
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat" unstyled>
+      <Tabs.List>
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="account">Account</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="chat">Chat panel</Tabs.Panel>
+      <Tabs.Panel value="gallery">Gallery panel</Tabs.Panel>
+      <Tabs.Panel value="account">Account panel</Tabs.Panel>
+    </Tabs>
+  );
+}
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 00000000000..6478a16d9ee --- /dev/null +++ b/robots.txt @@ -0,0 +1,9 @@ +# * +User-agent: * +Allow: / + +# Host +Host: https://mantine.dev/ + +# Sitemaps +Sitemap: https://mantine.dev/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 00000000000..b0aaa9a35bd --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,231 @@ + + +https://mantine.dev2023-09-25T13:02:54.002Zdaily0.7 +https://mantine.dev/4042023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/about2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/app-shell2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/colors-generator2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/combobox2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/contribute2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/getting-started2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/overview2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/templates-usage2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/changelog/7-0-02023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/changelog/previous-versions2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/accordion2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/affix2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/action-icon2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/alert2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/anchor2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/app-shell2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/aspect-ratio2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/autocomplete2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/badge2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/avatar2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/background-image2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/blockquote2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/breadcrumbs2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/box2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/burger2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/button2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/card2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/center2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/checkbox2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/chip2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/close-button2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/code2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/collapse2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/color-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/color-picker2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/color-swatch2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/combobox2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/container2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/copy-button2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/dialog2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/divider2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/drawer2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/fieldset2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/file-button2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/file-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/flex2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/focus-trap2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/group2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/grid2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/highlight2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/hover-card2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/image2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/indicator2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/json-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/kbd2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/list2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/loader2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/loading-overlay2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/mark2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/menu2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/modal2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/multi-select2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/native-select2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/nav-link2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/notification2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/number-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/overlay2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/pagination2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/password-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/paper2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/pill2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/pills-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/pin-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/popover2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/portal2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/progress2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/radio2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/ring-progress2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/rating2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/scroll-area2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/segmented-control2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/select2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/simple-grid2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/skeleton2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/slider2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/space2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/spoiler2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/stack2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/stepper2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/table2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/switch2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/tabs2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/tags-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/text2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/text-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/textarea2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/theme-icon2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/timeline2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/title2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/tooltip2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/transition2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/typography-styles-provider2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/visually-hidden2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/core/unstyled-button2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/calendar2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/date-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/date-picker2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/date-picker-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/date-time-picker2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/dates-provider2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/getting-started2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/month-picker2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/month-picker-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/time-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/year-picker2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/dates/year-picker-input2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/create-form-context2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/errors2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/nested2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/recipes2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/use-form2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/status2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/validation2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/validators2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/form/values2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/6x-to-7x2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/gatsby2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/icons2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/javascript2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/jest2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/next2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/polymorphic2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/redwood2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/remix2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/storybook2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/typescript2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/guides/vite2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-click-outside2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-clipboard2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-color-scheme2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-counter2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-debounced-state2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-did-update2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-debounced-value2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-document-title2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-disclosure2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-document-visibility2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-element-size2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-event-listener2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-eye-dropper2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-favicon2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-focus-return2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-focus-trap2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-focus-within2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-fullscreen2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-force-update2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-hash2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-headroom2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-hotkeys2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-hover2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-id2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-idle2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-input-state2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-intersection2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-interval2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-isomorphic-effect2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-list-state2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-local-storage2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-logger2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-merged-ref2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-media-query2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-move2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-mouse2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-network2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-os2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-page-leave2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-pagination2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-previous2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-queue2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-reduced-motion2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-resize-observer2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-scroll-into-view2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-set-state2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-shallow-effect2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-text-selection2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-timeout2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-toggle2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-uncontrolled2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-validated-state2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-viewport-size2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-window-event2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/hooks/use-window-scroll2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/carousel2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/code-highlight2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/dropzone2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/modals2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/notifications2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/nprogress2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/spotlight2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/others/tiptap2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/color-functions2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/css-files-list2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/css-modules2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/css-variables2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/css-variables-list2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/data-attributes2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/global-styles2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/postcss-preset2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/rem2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/responsive2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/rtl2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/style2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/style-props2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/styles-api2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/styles-performance2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/unstyled2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/vanilla-extract2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/styles/variants-sizes2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/color-schemes2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/default-props2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/colors2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/mantine-provider2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/default-theme2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/theme-object2023-09-25T13:02:54.003Zdaily0.7 +https://mantine.dev/theming/typography2023-09-25T13:02:54.003Zdaily0.7 + \ No newline at end of file diff --git a/styles/color-functions/index.html b/styles/color-functions/index.html new file mode 100644 index 00000000000..65177e3989b --- /dev/null +++ b/styles/color-functions/index.html @@ -0,0 +1,127 @@ +Color functions | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Color functions

    +

    @mantine/core package exports several functions that can be used to manipulate colors +or extract information before using them as CSS value.

    +

    darken and lighten

    +

    darken and lighten functions can be used to manipulate color brightness, +they accept color in any format as first argument and the amount of lightness to add/remove as second argument.

    +
    import { darken, lighten } from '@mantine/core';
+
+lighten('#228BE6', 0.1); // lighten by 10%
+// -> rgba(56, 151, 233, 1)
+
+darken('rgb(245, 159, 0)', 0.5); // darken by 50%
+// -> rgba(123, 80, 0, 1)
+
+darken('rgba(245, 159, 0, .3)', 0.5); // darken by 50%
+// -> rgba(123, 80, 0, 1, .3)
    +

    rgba

    +

    rgba function converts color to rgba format with a given alpha channel, +it is usually used to make colors more transparent:

    +
    rgba('#4578FC', 0.45); // -> rgba(69, 120, 252, 0.45)
    +

    parseThemeColor

    +

    parseThemeColor function returns information about a given color in the following format:

    +
    interface ParseThemeColorResult {
+  /**
+   * True if given color is theme color, for example
+   * `blue`, `orange.9`, `pink.3` are theme colors
+   * `#fff`, `rgba(0, 0, 0, .5)` are not
+   */
+  isThemeColor: boolean;
+
+  /**
+   * Key of `theme.colors` if given color is theme color, for example
+   * if given color is `blue` it will be `blue`,
+   * if given color is `orange.9` it will be `orange`
+   */
+  color: string;
+
+  /**
+   * Resolved color value, for example
+   * if given color is `blue.7` it will be value of `theme.colors.blue[7]`,
+   * if given color is `#fff` it will be `#fff`
+   */
+  value: string;
+
+  /**
+   * If given color is theme color, this will be shade of that color
+   * for example if given color is `blue.7` it will be `7`,
+   * if given color does not have index or is not theme color then it will be `undefined`
+   */
+  shade: MantineColorShade | undefined;
+
+  /**
+   * Color CSS variable, for example
+   * `blue.7` – `--mantine-color-blue-7`,
+   * `red` – `--mantine-color-red-filled`,
+   * `white` – `--mantine-color-white`
+   * `#fff` – `undefined`
+   */
+  variable: CssVariable | undefined;
+}
    +

    parseThemeColor function can be used everywhere theme object is available, +for example in CSS variables resolver, variant color resolver +or component body:

    +
    import { parseThemeColor, useMantineTheme, MantineColor } from '@mantine/core';
+
+interface DemoProps {
+  color: MantineColor;
+}
+
+function Demo({ color }: DemoProps) {
+  const theme = useMantineTheme();
+  const parsedColor = parseThemeColor({ color, theme });
+
+  return (
+    <div
+      style={{
+        backgroundColor: parsedColor.isThemeColor
+          ? `var(${parsedColor.variable})`
+          : parsedColor.value,
+      }}
+    />
+  );
+}
    +

    getThemeColor

    +

    getThemeColor is a simpler version of parseThemeColor function, it accepts a color string +as first argument and theme object as second argument. It returns parsed color value or CSS variable:

    +
    import { getThemeColor, useMantineTheme } from '@mantine/core';
+
+function Demo() {
+  const theme = useMantineTheme();
+
+  getThemeColor('blue', theme); // -> var(--mantine-color-blue-filled)
+  getThemeColor('blue.7', theme); // -> var(--mantine-color-blue-7)
+  getThemeColor('white', theme); // -> var(--mantine-color-white)
+  getThemeColor('#DF78E4', theme); // -> #DF78E4
+}
    +

    getGradient

    +

    getGradient function transforms given MantineGradient object to CSS gradient string:

    +
    import { getGradient, useMantineTheme } from '@mantine/core';
+
+function Demo() {
+  const theme = useMantineTheme();
+
+  getGradient({ deg: 180, from: 'blue', to: 'cyan.7' }, theme);
+  // -> `linear-gradient(180deg, var(--mantine-color-blue-filled) 0%, var(--mantine-color-cyan-7) 100%)`
+}
    +

    isLightColor

    +

    isLightColor function can be used to achieve better contrast between text and background:

    +
    import { isLightColor, Box } from '@mantine/core';
+
+interface DemoProps {
+  color: string;
+}
+
+export function Demo({ color }: DemoProps) {
+  return (
+    <Box bg={color} c={isLightColor(color) ? 'black' : 'white'}>
+      Box with contrast text
+    </Box>
+  );
+}

    Previous

    Style props

    Next

    RTL (right-to-left)

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/css-files-list/index.html b/styles/css-files-list/index.html new file mode 100644 index 00000000000..483d12b1644 --- /dev/null +++ b/styles/css-files-list/index.html @@ -0,0 +1,34 @@ +CSS files list | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    CSS files list

    +

    This page contains a list of CSS files that you can import from @mantine/core package +as a replacement for @mantine/core/styles.css.

    +

    Components dependencies

    +

    Some components require additional styles to work properly. For example, Button +component is based on UnstyledButton. If you want to use Button, +you need to import styles for UnstyledButton as well.

    +
    import '@mantine/core/styles/UnstyledButton.css';
+import '@mantine/core/styles/Button.css';
    +

    Some components like Select do not have any styles on their own – they are built +on top of other components. To find out which components are used in a particular component, check +the component source code.

    +

    Global styles

    +

    All Mantine components depend on global styles, you need to import them before +all other styles:

    +
    import '@mantine/core/styles/global.css';
    +

    Import order

    +

    It is important to keep correct styles import order. For example, if you want to use +Button component, you need to import styles for +UnstyledButton first and then import styles for Button.

    +
    // ✅ Correct order – Button styles will override UnstyledButton styles
+import '@mantine/core/styles/UnstyledButton.css';
+import '@mantine/core/styles/Button.css';
    +
    // ❌ Incorrect order – UnstyledButton styles will override Button styles
+import '@mantine/core/styles/Button.css';
+import '@mantine/core/styles/UnstyledButton.css';
    +

    Files list

    +
    ComponentImport
    globalimport '@mantine/core/styles/global.css';
    Accordionimport '@mantine/core/styles/Accordion.css';
    ActionIconimport '@mantine/core/styles/ActionIcon.css';
    Affiximport '@mantine/core/styles/Affix.css';
    Alertimport '@mantine/core/styles/Alert.css';
    Anchorimport '@mantine/core/styles/Anchor.css';
    AppShellimport '@mantine/core/styles/AppShell.css';
    AspectRatioimport '@mantine/core/styles/AspectRatio.css';
    Avatarimport '@mantine/core/styles/Avatar.css';
    BackgroundImageimport '@mantine/core/styles/BackgroundImage.css';
    Badgeimport '@mantine/core/styles/Badge.css';
    Blockquoteimport '@mantine/core/styles/Blockquote.css';
    Breadcrumbsimport '@mantine/core/styles/Breadcrumbs.css';
    Burgerimport '@mantine/core/styles/Burger.css';
    Buttonimport '@mantine/core/styles/Button.css';
    Cardimport '@mantine/core/styles/Card.css';
    Centerimport '@mantine/core/styles/Center.css';
    Checkboximport '@mantine/core/styles/Checkbox.css';
    Chipimport '@mantine/core/styles/Chip.css';
    CloseButtonimport '@mantine/core/styles/CloseButton.css';
    Codeimport '@mantine/core/styles/Code.css';
    ColorInputimport '@mantine/core/styles/ColorInput.css';
    ColorPickerimport '@mantine/core/styles/ColorPicker.css';
    ColorSwatchimport '@mantine/core/styles/ColorSwatch.css';
    Comboboximport '@mantine/core/styles/Combobox.css';
    Containerimport '@mantine/core/styles/Container.css';
    Dialogimport '@mantine/core/styles/Dialog.css';
    Dividerimport '@mantine/core/styles/Divider.css';
    Drawerimport '@mantine/core/styles/Drawer.css';
    Fieldsetimport '@mantine/core/styles/Fieldset.css';
    Fleximport '@mantine/core/styles/Flex.css';
    Gridimport '@mantine/core/styles/Grid.css';
    Groupimport '@mantine/core/styles/Group.css';
    Imageimport '@mantine/core/styles/Image.css';
    Indicatorimport '@mantine/core/styles/Indicator.css';
    InlineInputimport '@mantine/core/styles/InlineInput.css';
    Inputimport '@mantine/core/styles/Input.css';
    Kbdimport '@mantine/core/styles/Kbd.css';
    Listimport '@mantine/core/styles/List.css';
    Loaderimport '@mantine/core/styles/Loader.css';
    LoadingOverlayimport '@mantine/core/styles/LoadingOverlay.css';
    Markimport '@mantine/core/styles/Mark.css';
    Menuimport '@mantine/core/styles/Menu.css';
    Modalimport '@mantine/core/styles/Modal.css';
    ModalBaseimport '@mantine/core/styles/ModalBase.css';
    NavLinkimport '@mantine/core/styles/NavLink.css';
    Notificationimport '@mantine/core/styles/Notification.css';
    NumberInputimport '@mantine/core/styles/NumberInput.css';
    Overlayimport '@mantine/core/styles/Overlay.css';
    Paginationimport '@mantine/core/styles/Pagination.css';
    Paperimport '@mantine/core/styles/Paper.css';
    PasswordInputimport '@mantine/core/styles/PasswordInput.css';
    Pillimport '@mantine/core/styles/Pill.css';
    PillsInputimport '@mantine/core/styles/PillsInput.css';
    PinInputimport '@mantine/core/styles/PinInput.css';
    Popoverimport '@mantine/core/styles/Popover.css';
    Progressimport '@mantine/core/styles/Progress.css';
    Radioimport '@mantine/core/styles/Radio.css';
    Ratingimport '@mantine/core/styles/Rating.css';
    RingProgressimport '@mantine/core/styles/RingProgress.css';
    ScrollAreaimport '@mantine/core/styles/ScrollArea.css';
    SegmentedControlimport '@mantine/core/styles/SegmentedControl.css';
    SimpleGridimport '@mantine/core/styles/SimpleGrid.css';
    Skeletonimport '@mantine/core/styles/Skeleton.css';
    Sliderimport '@mantine/core/styles/Slider.css';
    Spoilerimport '@mantine/core/styles/Spoiler.css';
    Stackimport '@mantine/core/styles/Stack.css';
    Stepperimport '@mantine/core/styles/Stepper.css';
    Switchimport '@mantine/core/styles/Switch.css';
    Tableimport '@mantine/core/styles/Table.css';
    Tabsimport '@mantine/core/styles/Tabs.css';
    Textimport '@mantine/core/styles/Text.css';
    ThemeIconimport '@mantine/core/styles/ThemeIcon.css';
    Timelineimport '@mantine/core/styles/Timeline.css';
    Titleimport '@mantine/core/styles/Title.css';
    Tooltipimport '@mantine/core/styles/Tooltip.css';
    TypographyStylesProviderimport '@mantine/core/styles/TypographyStylesProvider.css';
    UnstyledButtonimport '@mantine/core/styles/UnstyledButton.css';
    VisuallyHiddenimport '@mantine/core/styles/VisuallyHidden.css';
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/css-modules/index.html b/styles/css-modules/index.html new file mode 100644 index 00000000000..ee1c65105a5 --- /dev/null +++ b/styles/css-modules/index.html @@ -0,0 +1,165 @@ +CSS modules | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    CSS modules

    +

    All Mantine components use CSS modules for styling. +It is recommended to use CSS modules in your project as well, but it is not required – +Mantine components are fully compatible with any third-party styling solution and native CSS.

    +

    Usage

    +

    CSS modules are supported out of the box by all major frameworks and build tools. Usually, all you need +to do is to create *.module.css file:

    +
    /* Button.module.css */
+.button {
+  color: red;
+}
    +

    And then import it in your component:

    +
    import classes from './Button.module.css';
+
+function Demo() {
+  return (
+    <button className={classes.button} type="button">
+      Button
+    </button>
+  );
+}
    +

    How CSS modules work

    +

    When you create a *.module.css file, your build tool will generate a unique class name for each class in your file. +For example, when you import the following file in your .js/.ts file:

    +
    /* Button.module.css */
+.button {
+  color: red;
+}
+
+.text {
+  color: blue;
+}
    +

    You will get an object with unique class names:

    +
    import classes from './Button.module.css';
+
+console.log(classes);
+// -> Object of scoped class names: key is a class name, value is a generated unique class name
+// { button: 'button-Xh3s7ER', text: 'text-js65s3Se' }
+// Note that generated class names may vary depending on your build tool
    +

    With CSS modules, you do not need to worry about class name collisions, you can use any class name you want.

    +

    Mantine components styles

    +

    All Mantine components are built with CSS modules, but all styles are bundled before publishing to npm. +To include these styles, you need to import @mantine/{package}/styles.css file in your application. +Example with @mantine/core package:

    +
    import '@mantine/core/styles.css';
    +

    By adding this import, you will have all styles of @mantine/core components in your application.

    +

    Import styles per component

    +

    If you want to reduce CSS bundle size, you can import styles per component. Note that some components +have dependencies, for example, Button component uses UnstyledButton +component internally, so you need to import styles for both components. You can find a full list of +exported styles from @mantine/core package and additional instructions on this page.

    +
    import '@mantine/core/styles/UnstyledButton.css';
+import '@mantine/core/styles/Button.css';
    +

    Adding styles to Mantine components

    +

    You can add styles to most of Mantine components using className prop +– the same way as you would do with a regular HTML element. +To set properties to your theme values, you can use Mantine CSS variables:

    +
    Box component with some styles
    import { Box } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Box className={classes.box}>
+      Box component with <span className={classes.highlight}>some styles</span>
+    </Box>
+  );
+}
    +

    To apply styles to inner elements of Mantine components with CSS modules, you can use classNames prop +(see Styles API for more information):

    +
    import { useState } from 'react';
+import { TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [focused, setFocused] = useState(false);
+  const floating = focused || value.length > 0 || undefined;
+
+  return (
+    <TextInput
+      label="Floating label input"
+      labelProps={{ 'data-floating': floating }}
+      classNames={{
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      }}
+      onFocus={() => setFocused(true)}
+      onBlur={() => setFocused(false)}
+      value={value}
+      onChange={(event) => setValue(event.currentTarget.value)}
+    />
+  );
+}
    +

    Styling Mantine components without CSS modules

    +

    All Mantine components are fully compatible with any third-party styling solution and native CSS. +There are two main strategies to apply styles with a third-party library:

    +
      +
    • className, classNames, style and styles props
      • +
    • with static selectors, for example .mantine-Text-root
      • +
    +

    Example of applying styles with a utility CSS library:

    +
    import { TextInput } from '@mantine/core';
+
+function Demo() {
+  return (
+    <TextInput
+      classNames={{
+        root: 'mt-4',
+        input: 'bg-red-500 text-white',
+      }}
+    />
+  );
+}
    +

    Example of applying styles with global CSS:

    +
    /* styles.css */
+
+/* Note that these styles are not scoped and
+   will be applied to all TextInput components */
+.mantine-TextInput-root {
+  margin-top: 0.8rem;
+}
+
+.mantine-TextInput-input {
+  background-color: var(--mantine-color-red-filled);
+  color: var(--mantine-color-white);
+}
    +

    You can combine both approaches to achieve desired results, for example, +@emotion/styled and styled-components packages will pass className prop to +a given component, and you can use static selectors to style inner elements:

    +
    import { Slider } from '@mantine/core';
+import styled from '@emotion/styled';
+
+const StyledSlider = styled(Slider)`
+  & .mantine-Slider-bar {
+    background-color: var(--mantine-color-pink-5);
+  }
+
+  & .mantine-Slider-thumb {
+    border-color: var(--mantine-color-pink-5);
+    background-color: white;
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+`;
+
+function Demo() {
+  return <StyledSlider defaultValue={40} />;
+}
    +
    +

    Consider using CSS modules first

    +

    CSS modules are the recommended way of styling Mantine components. +Before choosing another styling solution, make sure that CSS modules do not fit your needs. +Other solutions have limitations, for example:

    +
      +
    • It is hard to customize styles based on data-* attributes when using utility-based CSS libraries
      • +
    • It is impossible to style inner elements of Mantine components with static selectors when using styled-components and other similar libraries if component uses Portal because some elements will be rendered outside of the component root and inner elements are not part of the component tree
      • +
    +

    Previous

    Default props

    Next

    PostCSS preset

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/css-variables-list/index.html b/styles/css-variables-list/index.html new file mode 100644 index 00000000000..cb7adf44609 --- /dev/null +++ b/styles/css-variables-list/index.html @@ -0,0 +1,9 @@ +CSS variables list | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Default CSS variables list

    +

    This page contains a list of all Mantine CSS variables that are generated from default theme.

    +

    CSS variables not depending on color scheme

    --mantine-scale1
    --mantine-cursor-typedefault
    --mantine-webkit-font-smoothingantialiased
    --mantine-color-schemelight dark
    --mantine-moz-font-smoothinggrayscale
    --mantine-color-white#fff
    --mantine-color-black#000
    --mantine-line-height1.55
    --mantine-font-family-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
    --mantine-font-family-monospaceui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    --mantine-font-family-headings-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
    --mantine-heading-font-weight700
    --mantine-radius-default0.25rem
    --mantine-primary-color-filledvar(--mantine-color-blue-filled)
    --mantine-primary-color-filled-hovervar(--mantine-color-blue-filled-hover)
    --mantine-primary-color-lightvar(--mantine-color-blue-light)
    --mantine-primary-color-light-hovervar(--mantine-color-blue-light-hover)
    --mantine-primary-color-light-colorvar(--mantine-color-blue-light-color)
    --mantine-breakpoint-xs36em
    --mantine-breakpoint-sm48em
    --mantine-breakpoint-md62em
    --mantine-breakpoint-lg75em
    --mantine-breakpoint-xl88em
    --mantine-spacing-xs0.625rem
    --mantine-spacing-sm0.75rem
    --mantine-spacing-md1rem
    --mantine-spacing-lg1.25rem
    --mantine-spacing-xl2rem
    --mantine-font-size-xs0.75rem
    --mantine-font-size-sm0.875rem
    --mantine-font-size-md1rem
    --mantine-font-size-lg1.125rem
    --mantine-font-size-xl1.25rem
    --mantine-line-height-xs1.4
    --mantine-line-height-sm1.45
    --mantine-line-height-md1.55
    --mantine-line-height-lg1.6
    --mantine-line-height-xl1.65
    --mantine-shadow-xs
    --mantine-shadow-sm
    --mantine-shadow-md
    --mantine-shadow-lg
    --mantine-shadow-xl
    --mantine-radius-xs0.125rem
    --mantine-radius-sm0.25rem
    --mantine-radius-md0.5rem
    --mantine-radius-lg1rem
    --mantine-radius-xl2rem
    --mantine-color-dark-0#C1C2C5
    --mantine-color-dark-1#A6A7AB
    --mantine-color-dark-2#909296
    --mantine-color-dark-3#5c5f66
    --mantine-color-dark-4#373A40
    --mantine-color-dark-5#2C2E33
    --mantine-color-dark-6#25262b
    --mantine-color-dark-7#1A1B1E
    --mantine-color-dark-8#141517
    --mantine-color-dark-9#101113
    --mantine-color-gray-0#f8f9fa
    --mantine-color-gray-1#f1f3f5
    --mantine-color-gray-2#e9ecef
    --mantine-color-gray-3#dee2e6
    --mantine-color-gray-4#ced4da
    --mantine-color-gray-5#adb5bd
    --mantine-color-gray-6#868e96
    --mantine-color-gray-7#495057
    --mantine-color-gray-8#343a40
    --mantine-color-gray-9#212529
    --mantine-color-red-0#fff5f5
    --mantine-color-red-1#ffe3e3
    --mantine-color-red-2#ffc9c9
    --mantine-color-red-3#ffa8a8
    --mantine-color-red-4#ff8787
    --mantine-color-red-5#ff6b6b
    --mantine-color-red-6#fa5252
    --mantine-color-red-7#f03e3e
    --mantine-color-red-8#e03131
    --mantine-color-red-9#c92a2a
    --mantine-color-pink-0#fff0f6
    --mantine-color-pink-1#ffdeeb
    --mantine-color-pink-2#fcc2d7
    --mantine-color-pink-3#faa2c1
    --mantine-color-pink-4#f783ac
    --mantine-color-pink-5#f06595
    --mantine-color-pink-6#e64980
    --mantine-color-pink-7#d6336c
    --mantine-color-pink-8#c2255c
    --mantine-color-pink-9#a61e4d
    --mantine-color-grape-0#f8f0fc
    --mantine-color-grape-1#f3d9fa
    --mantine-color-grape-2#eebefa
    --mantine-color-grape-3#e599f7
    --mantine-color-grape-4#da77f2
    --mantine-color-grape-5#cc5de8
    --mantine-color-grape-6#be4bdb
    --mantine-color-grape-7#ae3ec9
    --mantine-color-grape-8#9c36b5
    --mantine-color-grape-9#862e9c
    --mantine-color-violet-0#f3f0ff
    --mantine-color-violet-1#e5dbff
    --mantine-color-violet-2#d0bfff
    --mantine-color-violet-3#b197fc
    --mantine-color-violet-4#9775fa
    --mantine-color-violet-5#845ef7
    --mantine-color-violet-6#7950f2
    --mantine-color-violet-7#7048e8
    --mantine-color-violet-8#6741d9
    --mantine-color-violet-9#5f3dc4
    --mantine-color-indigo-0#edf2ff
    --mantine-color-indigo-1#dbe4ff
    --mantine-color-indigo-2#bac8ff
    --mantine-color-indigo-3#91a7ff
    --mantine-color-indigo-4#748ffc
    --mantine-color-indigo-5#5c7cfa
    --mantine-color-indigo-6#4c6ef5
    --mantine-color-indigo-7#4263eb
    --mantine-color-indigo-8#3b5bdb
    --mantine-color-indigo-9#364fc7
    --mantine-color-blue-0#e7f5ff
    --mantine-color-blue-1#d0ebff
    --mantine-color-blue-2#a5d8ff
    --mantine-color-blue-3#74c0fc
    --mantine-color-blue-4#4dabf7
    --mantine-color-blue-5#339af0
    --mantine-color-blue-6#228be6
    --mantine-color-blue-7#1c7ed6
    --mantine-color-blue-8#1971c2
    --mantine-color-blue-9#1864ab
    --mantine-color-cyan-0#e3fafc
    --mantine-color-cyan-1#c5f6fa
    --mantine-color-cyan-2#99e9f2
    --mantine-color-cyan-3#66d9e8
    --mantine-color-cyan-4#3bc9db
    --mantine-color-cyan-5#22b8cf
    --mantine-color-cyan-6#15aabf
    --mantine-color-cyan-7#1098ad
    --mantine-color-cyan-8#0c8599
    --mantine-color-cyan-9#0b7285
    --mantine-color-teal-0#e6fcf5
    --mantine-color-teal-1#c3fae8
    --mantine-color-teal-2#96f2d7
    --mantine-color-teal-3#63e6be
    --mantine-color-teal-4#38d9a9
    --mantine-color-teal-5#20c997
    --mantine-color-teal-6#12b886
    --mantine-color-teal-7#0ca678
    --mantine-color-teal-8#099268
    --mantine-color-teal-9#087f5b
    --mantine-color-green-0#ebfbee
    --mantine-color-green-1#d3f9d8
    --mantine-color-green-2#b2f2bb
    --mantine-color-green-3#8ce99a
    --mantine-color-green-4#69db7c
    --mantine-color-green-5#51cf66
    --mantine-color-green-6#40c057
    --mantine-color-green-7#37b24d
    --mantine-color-green-8#2f9e44
    --mantine-color-green-9#2b8a3e
    --mantine-color-lime-0#f4fce3
    --mantine-color-lime-1#e9fac8
    --mantine-color-lime-2#d8f5a2
    --mantine-color-lime-3#c0eb75
    --mantine-color-lime-4#a9e34b
    --mantine-color-lime-5#94d82d
    --mantine-color-lime-6#82c91e
    --mantine-color-lime-7#74b816
    --mantine-color-lime-8#66a80f
    --mantine-color-lime-9#5c940d
    --mantine-color-yellow-0#fff9db
    --mantine-color-yellow-1#fff3bf
    --mantine-color-yellow-2#ffec99
    --mantine-color-yellow-3#ffe066
    --mantine-color-yellow-4#ffd43b
    --mantine-color-yellow-5#fcc419
    --mantine-color-yellow-6#fab005
    --mantine-color-yellow-7#f59f00
    --mantine-color-yellow-8#f08c00
    --mantine-color-yellow-9#e67700
    --mantine-color-orange-0#fff4e6
    --mantine-color-orange-1#ffe8cc
    --mantine-color-orange-2#ffd8a8
    --mantine-color-orange-3#ffc078
    --mantine-color-orange-4#ffa94d
    --mantine-color-orange-5#ff922b
    --mantine-color-orange-6#fd7e14
    --mantine-color-orange-7#f76707
    --mantine-color-orange-8#e8590c
    --mantine-color-orange-9#d9480f
    --mantine-h1-font-size2.125rem
    --mantine-h1-line-height1.3
    --mantine-h1-font-weight700
    --mantine-h2-font-size1.625rem
    --mantine-h2-line-height1.35
    --mantine-h2-font-weight700
    --mantine-h3-font-size1.375rem
    --mantine-h3-line-height1.4
    --mantine-h3-font-weight700
    --mantine-h4-font-size1.125rem
    --mantine-h4-line-height1.45
    --mantine-h4-font-weight700
    --mantine-h5-font-size1rem
    --mantine-h5-line-height1.5
    --mantine-h5-font-weight700
    --mantine-h6-font-size0.875rem
    --mantine-h6-line-height1.5
    --mantine-h6-font-weight700

    Light color scheme only variables

    --mantine-color-brightvar(--mantine-color-black)
    --mantine-color-text#000
    --mantine-color-body#fff
    --mantine-color-error#fa5252
    --mantine-color-placeholder#adb5bd
    --mantine-color-anchor#228be6
    --mantine-color-default#fff
    --mantine-color-default-hover#f8f9fa
    --mantine-color-default-color#000
    --mantine-color-default-border#ced4da
    --mantine-color-dimmedvar(--mantine-color-gray-6)
    --mantine-color-dark-filled#25262b
    --mantine-color-dark-filled-hover#1A1B1E
    --mantine-color-dark-lightrgba(37, 38, 43, 0.1)
    --mantine-color-dark-light-hoverrgba(37, 38, 43, 0.12)
    --mantine-color-dark-light-color#25262b
    --mantine-color-dark-outline#25262b
    --mantine-color-dark-outline-hoverrgba(37, 38, 43, 0.05)
    --mantine-color-gray-filled#868e96
    --mantine-color-gray-filled-hover#495057
    --mantine-color-gray-lightrgba(134, 142, 150, 0.1)
    --mantine-color-gray-light-hoverrgba(134, 142, 150, 0.12)
    --mantine-color-gray-light-color#868e96
    --mantine-color-gray-outline#868e96
    --mantine-color-gray-outline-hoverrgba(134, 142, 150, 0.05)
    --mantine-color-red-filled#fa5252
    --mantine-color-red-filled-hover#f03e3e
    --mantine-color-red-lightrgba(250, 82, 82, 0.1)
    --mantine-color-red-light-hoverrgba(250, 82, 82, 0.12)
    --mantine-color-red-light-color#fa5252
    --mantine-color-red-outline#fa5252
    --mantine-color-red-outline-hoverrgba(250, 82, 82, 0.05)
    --mantine-color-pink-filled#e64980
    --mantine-color-pink-filled-hover#d6336c
    --mantine-color-pink-lightrgba(230, 73, 128, 0.1)
    --mantine-color-pink-light-hoverrgba(230, 73, 128, 0.12)
    --mantine-color-pink-light-color#e64980
    --mantine-color-pink-outline#e64980
    --mantine-color-pink-outline-hoverrgba(230, 73, 128, 0.05)
    --mantine-color-grape-filled#be4bdb
    --mantine-color-grape-filled-hover#ae3ec9
    --mantine-color-grape-lightrgba(190, 75, 219, 0.1)
    --mantine-color-grape-light-hoverrgba(190, 75, 219, 0.12)
    --mantine-color-grape-light-color#be4bdb
    --mantine-color-grape-outline#be4bdb
    --mantine-color-grape-outline-hoverrgba(190, 75, 219, 0.05)
    --mantine-color-violet-filled#7950f2
    --mantine-color-violet-filled-hover#7048e8
    --mantine-color-violet-lightrgba(121, 80, 242, 0.1)
    --mantine-color-violet-light-hoverrgba(121, 80, 242, 0.12)
    --mantine-color-violet-light-color#7950f2
    --mantine-color-violet-outline#7950f2
    --mantine-color-violet-outline-hoverrgba(121, 80, 242, 0.05)
    --mantine-color-indigo-filled#4c6ef5
    --mantine-color-indigo-filled-hover#4263eb
    --mantine-color-indigo-lightrgba(76, 110, 245, 0.1)
    --mantine-color-indigo-light-hoverrgba(76, 110, 245, 0.12)
    --mantine-color-indigo-light-color#4c6ef5
    --mantine-color-indigo-outline#4c6ef5
    --mantine-color-indigo-outline-hoverrgba(76, 110, 245, 0.05)
    --mantine-color-blue-filled#228be6
    --mantine-color-blue-filled-hover#1c7ed6
    --mantine-color-blue-lightrgba(34, 139, 230, 0.1)
    --mantine-color-blue-light-hoverrgba(34, 139, 230, 0.12)
    --mantine-color-blue-light-color#228be6
    --mantine-color-blue-outline#228be6
    --mantine-color-blue-outline-hoverrgba(34, 139, 230, 0.05)
    --mantine-color-cyan-filled#15aabf
    --mantine-color-cyan-filled-hover#1098ad
    --mantine-color-cyan-lightrgba(21, 170, 191, 0.1)
    --mantine-color-cyan-light-hoverrgba(21, 170, 191, 0.12)
    --mantine-color-cyan-light-color#15aabf
    --mantine-color-cyan-outline#15aabf
    --mantine-color-cyan-outline-hoverrgba(21, 170, 191, 0.05)
    --mantine-color-teal-filled#12b886
    --mantine-color-teal-filled-hover#0ca678
    --mantine-color-teal-lightrgba(18, 184, 134, 0.1)
    --mantine-color-teal-light-hoverrgba(18, 184, 134, 0.12)
    --mantine-color-teal-light-color#12b886
    --mantine-color-teal-outline#12b886
    --mantine-color-teal-outline-hoverrgba(18, 184, 134, 0.05)
    --mantine-color-green-filled#40c057
    --mantine-color-green-filled-hover#37b24d
    --mantine-color-green-lightrgba(64, 192, 87, 0.1)
    --mantine-color-green-light-hoverrgba(64, 192, 87, 0.12)
    --mantine-color-green-light-color#40c057
    --mantine-color-green-outline#40c057
    --mantine-color-green-outline-hoverrgba(64, 192, 87, 0.05)
    --mantine-color-lime-filled#82c91e
    --mantine-color-lime-filled-hover#74b816
    --mantine-color-lime-lightrgba(130, 201, 30, 0.1)
    --mantine-color-lime-light-hoverrgba(130, 201, 30, 0.12)
    --mantine-color-lime-light-color#82c91e
    --mantine-color-lime-outline#82c91e
    --mantine-color-lime-outline-hoverrgba(130, 201, 30, 0.05)
    --mantine-color-yellow-filled#fab005
    --mantine-color-yellow-filled-hover#f59f00
    --mantine-color-yellow-lightrgba(250, 176, 5, 0.1)
    --mantine-color-yellow-light-hoverrgba(250, 176, 5, 0.12)
    --mantine-color-yellow-light-color#fab005
    --mantine-color-yellow-outline#fab005
    --mantine-color-yellow-outline-hoverrgba(250, 176, 5, 0.05)
    --mantine-color-orange-filled#fd7e14
    --mantine-color-orange-filled-hover#f76707
    --mantine-color-orange-lightrgba(253, 126, 20, 0.1)
    --mantine-color-orange-light-hoverrgba(253, 126, 20, 0.12)
    --mantine-color-orange-light-color#fd7e14
    --mantine-color-orange-outline#fd7e14
    --mantine-color-orange-outline-hoverrgba(253, 126, 20, 0.05)

    Dark color scheme only variables

    --mantine-color-brightvar(--mantine-color-white)
    --mantine-color-textvar(--mantine-color-dark-0)
    --mantine-color-body#1A1B1E
    --mantine-color-error#c92a2a
    --mantine-color-placeholder#5c5f66
    --mantine-color-anchor#4dabf7
    --mantine-color-default#25262b
    --mantine-color-default-hover#2C2E33
    --mantine-color-default-color#fff
    --mantine-color-default-border#373A40
    --mantine-color-dimmedvar(--mantine-color-dark-2)
    --mantine-color-dark-filled#141517
    --mantine-color-dark-filled-hover#101113
    --mantine-color-dark-lightrgba(37, 38, 43, 0.15)
    --mantine-color-dark-light-hoverrgba(37, 38, 43, 0.2)
    --mantine-color-dark-light-color#5c5f66
    --mantine-color-dark-outline#373A40
    --mantine-color-dark-outline-hoverrgba(55, 58, 64, 0.05)
    --mantine-color-gray-filled#343a40
    --mantine-color-gray-filled-hover#212529
    --mantine-color-gray-lightrgba(134, 142, 150, 0.15)
    --mantine-color-gray-light-hoverrgba(134, 142, 150, 0.2)
    --mantine-color-gray-light-color#dee2e6
    --mantine-color-gray-outline#ced4da
    --mantine-color-gray-outline-hoverrgba(206, 212, 218, 0.05)
    --mantine-color-red-filled#e03131
    --mantine-color-red-filled-hover#c92a2a
    --mantine-color-red-lightrgba(250, 82, 82, 0.15)
    --mantine-color-red-light-hoverrgba(250, 82, 82, 0.2)
    --mantine-color-red-light-color#ffa8a8
    --mantine-color-red-outline#ff8787
    --mantine-color-red-outline-hoverrgba(255, 135, 135, 0.05)
    --mantine-color-pink-filled#c2255c
    --mantine-color-pink-filled-hover#a61e4d
    --mantine-color-pink-lightrgba(230, 73, 128, 0.15)
    --mantine-color-pink-light-hoverrgba(230, 73, 128, 0.2)
    --mantine-color-pink-light-color#faa2c1
    --mantine-color-pink-outline#f783ac
    --mantine-color-pink-outline-hoverrgba(247, 131, 172, 0.05)
    --mantine-color-grape-filled#9c36b5
    --mantine-color-grape-filled-hover#862e9c
    --mantine-color-grape-lightrgba(190, 75, 219, 0.15)
    --mantine-color-grape-light-hoverrgba(190, 75, 219, 0.2)
    --mantine-color-grape-light-color#e599f7
    --mantine-color-grape-outline#da77f2
    --mantine-color-grape-outline-hoverrgba(218, 119, 242, 0.05)
    --mantine-color-violet-filled#6741d9
    --mantine-color-violet-filled-hover#5f3dc4
    --mantine-color-violet-lightrgba(121, 80, 242, 0.15)
    --mantine-color-violet-light-hoverrgba(121, 80, 242, 0.2)
    --mantine-color-violet-light-color#b197fc
    --mantine-color-violet-outline#9775fa
    --mantine-color-violet-outline-hoverrgba(151, 117, 250, 0.05)
    --mantine-color-indigo-filled#3b5bdb
    --mantine-color-indigo-filled-hover#364fc7
    --mantine-color-indigo-lightrgba(76, 110, 245, 0.15)
    --mantine-color-indigo-light-hoverrgba(76, 110, 245, 0.2)
    --mantine-color-indigo-light-color#91a7ff
    --mantine-color-indigo-outline#748ffc
    --mantine-color-indigo-outline-hoverrgba(116, 143, 252, 0.05)
    --mantine-color-blue-filled#1971c2
    --mantine-color-blue-filled-hover#1864ab
    --mantine-color-blue-lightrgba(34, 139, 230, 0.15)
    --mantine-color-blue-light-hoverrgba(34, 139, 230, 0.2)
    --mantine-color-blue-light-color#74c0fc
    --mantine-color-blue-outline#4dabf7
    --mantine-color-blue-outline-hoverrgba(77, 171, 247, 0.05)
    --mantine-color-cyan-filled#0c8599
    --mantine-color-cyan-filled-hover#0b7285
    --mantine-color-cyan-lightrgba(21, 170, 191, 0.15)
    --mantine-color-cyan-light-hoverrgba(21, 170, 191, 0.2)
    --mantine-color-cyan-light-color#66d9e8
    --mantine-color-cyan-outline#3bc9db
    --mantine-color-cyan-outline-hoverrgba(59, 201, 219, 0.05)
    --mantine-color-teal-filled#099268
    --mantine-color-teal-filled-hover#087f5b
    --mantine-color-teal-lightrgba(18, 184, 134, 0.15)
    --mantine-color-teal-light-hoverrgba(18, 184, 134, 0.2)
    --mantine-color-teal-light-color#63e6be
    --mantine-color-teal-outline#38d9a9
    --mantine-color-teal-outline-hoverrgba(56, 217, 169, 0.05)
    --mantine-color-green-filled#2f9e44
    --mantine-color-green-filled-hover#2b8a3e
    --mantine-color-green-lightrgba(64, 192, 87, 0.15)
    --mantine-color-green-light-hoverrgba(64, 192, 87, 0.2)
    --mantine-color-green-light-color#8ce99a
    --mantine-color-green-outline#69db7c
    --mantine-color-green-outline-hoverrgba(105, 219, 124, 0.05)
    --mantine-color-lime-filled#66a80f
    --mantine-color-lime-filled-hover#5c940d
    --mantine-color-lime-lightrgba(130, 201, 30, 0.15)
    --mantine-color-lime-light-hoverrgba(130, 201, 30, 0.2)
    --mantine-color-lime-light-color#c0eb75
    --mantine-color-lime-outline#a9e34b
    --mantine-color-lime-outline-hoverrgba(169, 227, 75, 0.05)
    --mantine-color-yellow-filled#f08c00
    --mantine-color-yellow-filled-hover#e67700
    --mantine-color-yellow-lightrgba(250, 176, 5, 0.15)
    --mantine-color-yellow-light-hoverrgba(250, 176, 5, 0.2)
    --mantine-color-yellow-light-color#ffe066
    --mantine-color-yellow-outline#ffd43b
    --mantine-color-yellow-outline-hoverrgba(255, 212, 59, 0.05)
    --mantine-color-orange-filled#e8590c
    --mantine-color-orange-filled-hover#d9480f
    --mantine-color-orange-lightrgba(253, 126, 20, 0.15)
    --mantine-color-orange-light-hoverrgba(253, 126, 20, 0.2)
    --mantine-color-orange-light-color#ffc078
    --mantine-color-orange-outline#ffa94d
    --mantine-color-orange-outline-hoverrgba(255, 169, 77, 0.05)
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/css-variables/index.html b/styles/css-variables/index.html new file mode 100644 index 00000000000..08cbac735e6 --- /dev/null +++ b/styles/css-variables/index.html @@ -0,0 +1,152 @@ +CSS variables | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Mantine CSS variables

    +

    MantineProvider exposes all Mantine CSS variables based on the given theme. +You can use these variables in CSS files, style prop or any other styles. +Note that not all values are documented on this page, you can find full list of variables on this page.

    +

    Typography CSS variables

    +

    The following CSS variables are used to control all typography styles (font-family, font-size, line-height) +in all Mantine components:

    +
    VariableDefault value
    --mantine-font-family-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
    --mantine-font-family-monospaceui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    --mantine-font-family-headings-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
    --mantine-font-size-xs0.75rem
    --mantine-font-size-sm0.875rem
    --mantine-font-size-md1rem
    --mantine-font-size-lg1.125rem
    --mantine-font-size-xl1.25rem
    --mantine-line-height-xs1.4
    --mantine-line-height-sm1.45
    --mantine-line-height-md1.55
    --mantine-line-height-lg1.6
    --mantine-line-height-xl1.65
    +

    Usage:

    +
    .demo {
+  font-family: var(--mantine-font-family);
+  font-size: var(--mantine-font-size-md);
+  line-height: var(--mantine-line-height-md);
+}
    +

    Spacing

    +

    Spacing CSS variables are used to control margins and paddings in most of Mantine components. +They are also used in p and m style props:

    +
    VariableDefault value
    --mantine-spacing-xs0.625rem
    --mantine-spacing-sm0.75rem
    --mantine-spacing-md1rem
    --mantine-spacing-lg1.25rem
    --mantine-spacing-xl2rem
    +

    Usage:

    +
    .demo {
+  margin: var(--mantine-spacing-md);
+
+  /* With calc */
+  padding: calc(var(--mantine-spacing-xl) * 1.5);
+
+  /* Negative value */
+  margin-left: calc(var(--mantine-spacing-md) * -1);
+}
    +

    Shadows

    +

    Shadows CSS variables are used to control shadows in all Mantine components that support shadow prop:

    +
    VariableDefault value
    --mantine-shadow-xs
    --mantine-shadow-sm
    --mantine-shadow-md
    --mantine-shadow-lg
    --mantine-shadow-xl
    +

    Usage:

    +
    .demo {
+  box-shadow: var(--mantine-shadow-md);
+}
    +

    Radius

    +

    Radius CSS variables are used to control border-radius in all Mantine components that support radius prop:

    +
    VariableDefault value
    --mantine-radius-default0.25rem
    --mantine-radius-xs0.125rem
    --mantine-radius-sm0.25rem
    --mantine-radius-md0.5rem
    --mantine-radius-lg1rem
    --mantine-radius-xl2rem
    +

    Usage:

    +
    .demo {
+  border-radius: var(--mantine-radius-md);
+}
    +

    Colors

    +

    All theme.colors values are exposed as CSS variables in --mantine-color-{x}-{y} format, +where x is the color name and y is the color shade. For example, --mantine-color-red-6 is theme.colors.red[6]. +You can find the full default colors list in the colors guide.

    +

    Usage:

    +
    .demo {
+  color: var(--mantine-color-red-6);
+  background-color: var(--mantine-color-red-0);
+}
    +

    Variant specific colors

    +

    Variant specific variables for each color are exposed in the following format +(x is the color name):

    +
      +
    • --mantine-color-{x}-filled – filled variant background-color
      • +
    • --mantine-color-{x}-filled-hover – filled variant background-color on hover
      • +
    • --mantine-color-{x}-light – light variant background-color
      • +
    • --mantine-color-{x}-light-hover – light variant background-color on hover
      • +
    • --mantine-color-{x}-light-color – light variant text color
      • +
    • --mantine-color-{x}-outline – outline variant border-color and text color
      • +
    • --mantine-color-{x}-outline-hover – outline variant background-color on hover
      • +
    +

    Usage:

    +
    .demo {
+  background-color: var(--mantine-color-blue-filled);
+  color: var(--mantine-color-white);
+
+  @mixin hover {
+    background-color: var(--mantine-color-blue-filled-hover);
+  }
+}
    +

    Other colors variables

    +
      +
    • --mantine-color-white – value of theme.white
      • +
    • --mantine-color-black – value of theme.black
      • +
    • --mantine-color-text – text color set on body element
      • +
    • --mantine-color-body – body element background-color
      • +
    • --mantine-color-error – error color, used in Input and other similar components
      • +
    • --mantine-color-placeholder – placeholder color, used in Input and other similar components to set text color of placeholder
      • +
    • --mantine-color-anchor – anchor color, used in Anchor component
      • +
    • --mantine-color-default – default variant background-color
      • +
    • --mantine-color-default-hover – default variant background-color on hover
      • +
    • --mantine-color-default-color – default variant text color
      • +
    • --mantine-color-default-border – default variant border-color
      • +
    +

    Usage:

    +
    .demo {
+  background-color: var(--mantine-color-body);
+
+  &[data-error] {
+    color: var(--mantine-color-error);
+  }
+
+  &::placeholder {
+    color: var(--mantine-color-placeholder);
+  }
+}
    +

    CSS variables resolver

    +

    cssVariablesResolver prop on MantineProvider allows you to +modify values of Mantine CSS variables or even add your own variables. +cssVariablesResolver is a function that accepts theme as a single +argument and returns an object with CSS variables divided into three groups:

    +
      +
    • variables – variables that do not depend on color scheme
      • +
    • light – variables for light color scheme only
      • +
    • dark – variables for dark color scheme only
      • +
    +

    Example of adding new CSS variables based on theme.other:

    +
    import { MantineProvider, CSSVariablesResolver, createTheme, rem } from '@mantine/core';
+
+const themeOverride = createTheme({
+  other: {
+    deepOrangeLight: '#E17900',
+    deepOrangeDark: '#FC8C0C',
+    heroHeight: rem(400),
+  },
+});
+
+const resolver: CSSVariablesResolver = (theme) => ({
+  variables: {
+    '--mantine-hero-height': theme.other.heroHeight,
+  },
+  light: {
+    '--mantine-color-deep-orange': theme.other.deepOrangeLight,
+  },
+  dark: {
+    '--mantine-color-deep-orange': theme.other.deepOrangeDark,
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={themeOverride} cssVariablesResolver={resolver}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Then you will be able to use --mantine-hero-height and --mantine-color-deep-orange variables +in any part of your application:

    +
    .hero {
+  height: var(--mantine-hero-height);
+
+  /* background color will automatically change based on color scheme */
+  background-color: var(--mantine-color-deep-orange);
+}

    Previous

    Global styles

    Next

    rem, em and px units

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/data-attributes/index.html b/styles/data-attributes/index.html new file mode 100644 index 00000000000..93755fb65ed --- /dev/null +++ b/styles/data-attributes/index.html @@ -0,0 +1,145 @@ +data-* attributes | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    data attributes

    +

    Mantine components use data-* attributes to apply styles. These attributes are used as +a modifier to apply styles based on component state. General rule of Mantine components +styles – one class with shared styles and any number of data-* attributes as modifiers.

    +

    Example of applying styles with data-* attributes:

    +
    .root {
+  border-top-left-radius: var(--mantine-radius-xl);
+  border-bottom-left-radius: var(--mantine-radius-xl);
+  padding-left: rem(4px);
+
+  /* The following styles will be applied only when button is disabled */
+  &[data-disabled] {
+    /* You can use Mantine PostCSS mixins inside data attributes */
+    @mixin light {
+      border: rem(1px) solid var(--mantine-color-gray-2);
+    }
+
+    @mixin dark {
+      border: rem(1px) solid var(--mantine-color-dark-4);
+    }
+
+    /* You can target child elements that are inside .root[data-disabled] */
+    & .section[data-position='left'] {
+      opacity: 0.6;
+    }
+  }
+}
+
+.section {
+  /* Apply styles only to left section */
+  &[data-position='left'] {
+    --section-size: calc(var(--button-height) - rem(8px));
+
+    background-color: var(--mantine-color-body);
+    color: var(--mantine-color-text);
+    height: var(--section-size);
+    width: var(--section-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--mantine-radius-xl);
+  }
+
+  &[data-position='right'] {
+    @mixin rtl {
+      transform: rotate(180deg);
+    }
+  }
+}
    +

    data attributes values

    +

    Most of the data-* attributes do not have associated values, they represent boolean +state or feature. For example, when disabled prop on Button is set +data-disabled attribute is added to the <button /> element:

    +
    import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button disabled className="my-button">
+      Disabled button
+    </Button>
+  );
+}
    +

    Will output the following HTML:

    +
    <button class="my-button" data-disabled>Disabled button</button>
    +

    You can then use this attribute to apply styles to disabled button:

    +
    .my-button {
+  color: var(--mantine-color-black);
+
+  &[data-disabled] {
+    color: var(--mantine-color-gray-5);
+  }
+}
    +

    When disabled prop is not set, then data-disabled attribute is not added to the +button:

    +
    <button class="my-button">Not disabled button</button>
    +

    In some cases, data-* attributes have associated values, for example, Button +component section element has an associated data-position attribute which can be +left or right. The following example will render two section elements, one with +data-position="left" and another with data-position="right":

    +
    import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button leftSection="L" rightSection="R">
+      Label
+    </Button>
+  );
+}
    +

    Will output the following HTML:

    +
    <button>
+  <span class="section" data-position="left">L</span>
+  Label
+  <span class="section" data-position="right">R</span>
+</button>
    +

    You can then use this attribute to apply styles to the left and right sections:

    +
    .section {
+  /* Styles applied to both sections */
+  width: 2rem;
+
+  /* Styles applied only to left section */
+  &[data-position='left'] {
+    background-color: red;
+  }
+
+  /* Styles applied only to right section */
+  &[data-position='right'] {
+    background-color: blue;
+  }
+}
    +

    Components data attributes documentation

    +

    Every component that uses data-* attributes has a dedicated section under Styles API tab.

    +

    Button component data-* attributes table:

    +
    SelectorAttributeConditionValue
    rootdata-disableddisabled prop is set–
    root, labeldata-loadingloading prop is set–
    rootdata-blockfullWidth prop is set–
    rootdata-with-left-sectionleftSection is set–
    rootdata-with-right-sectionrightSection is set–
    sectiondata-position–Section position: left or right
    +

    How to read the table:

    +
      +
    • selector column – Styles API selector (or multiple selectors) to which data attribute is added
      • +
    • attribute column – data attribute name
      • +
    • condition column – condition based on which data attribute is added to the element
      • +
    • value column – value of the data attribute
      • +
    +

    Box component mod prop

    +

    Box component supports mod prop, which allows adding data attributes to +the element. You can use to create custom components with data attributes.

    +
    import { Box } from '@mantine/core';
+
+<Box mod="data-button" />;
+// -> <div data-button />
+
+<Box mod={{ opened: true }} />;
+// -> <div data-opened />
+
+<Box mod={{ opened: false }} />;
+// -> <div />
+
+<Box mod={['button', { opened: true }]} />;
+// -> <div data-button data-opened />
+
+<Box mod={{ orientation: 'horizontal' }} />;
+// -> <div data-orientation="horizontal" />

    Previous

    Styles API

    Next

    Variants and sizes

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/global-styles/index.html b/styles/global-styles/index.html new file mode 100644 index 00000000000..a33f3f0e539 --- /dev/null +++ b/styles/global-styles/index.html @@ -0,0 +1,96 @@ +Global styles | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Global styles

    +

    @mantine/core package includes some global styles that are required for components to work correctly. +If you override these styles, some components might not work as expected.

    +

    Global styles are automatically imported with:

    +
    import '@mantine/core/styles.css';
    +

    CSS reset

    +

    @mantine/core package includes minimal CSS reset – it includes only basic styles required for components to work +in modern browsers. If you need to support older browsers, you can additionally include normalize.css +or any other CSS reset of your choice.

    +
    html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
    +

    Body and :root elements styles

    +

    @mantine/core package includes the following body and :root elements styles:

    +
    :root {
+  color-scheme: var(--mantine-color-scheme);
+}
+
+body {
+  font-family: var(--mantine-font-family);
+  font-size: var(--mantine-font-size-md);
+  line-height: var(--mantine-line-height);
+  background-color: var(--mantine-color-body);
+  color: var(--mantine-color-text);
+
+  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
+  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
+}
    +

    Static classes

    +

    @mantine/core package includes the following static classes:

    +
      +
    • mantine-active – contains :active styles
      • +
    • mantine-focus-auto – contains :focus-visible styles
      • +
    • mantine-focus-always – contains :focus styles
      • +
    • mantine-focus-never – removes default browser focus ring
      • +
    +

    You can use these classes with any components or elements:

    +
    import { Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group>
+      <button type="button" className="mantine-focus-auto">
+        Focus auto
+      </button>
+      <button type="button" className="mantine-focus-always">
+        Focus always
+      </button>
+      <button type="button" className="mantine-focus-never">
+        Focus never
+      </button>
+      <button type="button" className="mantine-active">
+        Active
+      </button>
+    </Group>
+  );
+}
    +

    Add global styles in your application

    +

    It is recommended to use CSS modules to apply styles to Mantine components +with className prop or with Styles API. CSS modules files names usually +end with .module.css, if you want to add global styles to your application, create a file with +.css extension but without .module part, for example global.css.

    +

    In global .css files you can reference all Mantine CSS variables and +change styles of <body />, :root and other elements. For example, to change body background-color:

    +
    body {
+  background-color: var(--mantine-color-red-filled);
+}

    Previous

    Vanilla extract

    Next

    CSS variables

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/postcss-preset/index.html b/styles/postcss-preset/index.html new file mode 100644 index 00000000000..062ad82b388 --- /dev/null +++ b/styles/postcss-preset/index.html @@ -0,0 +1,130 @@ +PostCSS preset | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Mantine PostCSS preset

    +

    postcss-preset-mantine provides several CSS functions and mixins to help you write styles. +It is not required to use it, but highly recommended. All demos that feature styles +assume that you have this preset installed.

    +

    postcss-preset-mantine includes the following PostCSS plugins:

    + +

    Installation

    +

    Install postcss-preset-mantine as a dev dependency:

    +
    yarn add --dev postcss-preset-mantine
    +

    Usage

    +

    Note that setting up PostCSS may be different depending on your build tool/framework, check +a dedicated framework guide to learn more. +Add postcss-preset-mantine to your postcss.config.js file (usually it is located in the root of your project):

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+  },
+};
    +

    All done! You can now use all the features of the preset.

    +

    rem/em functions

    +

    rem and em functions can be used to convert pixels to rem/em units. +16px = 1rem and 16px = 1em, em values are supposed to be used in media queries, +rem everywhere else. You can learn more about units conversions in this guide.

    +
    .demo {
+  font-size: rem(16px);
+
+  @media (min-width: em(320px)) {
+    font-size: rem(32px);
+  }
+}
    +

    Will be transformed to:

    +
    .demo {
+  font-size: calc(1rem * var(--mantine-scale));
+
+  @media (min-width: 20em) {
+    font-size: calc(2rem * var(--mantine-scale));
+  }
+}
    +

    dark and light mixins

    +

    dark and light mixins can be used to create styles that will be applied only in dark or light color scheme.

    +
    .demo {
+  @mixin light {
+    color: red;
+  }
+
+  @mixin dark {
+    color: blue;
+  }
+}
    +

    Will be transformed to:

    +
    [data-mantine-color-scheme='light'] .demo {
+  color: red;
+}
+
+[data-mantine-color-scheme='dark'] .demo {
+  color: blue;
+}
    +

    Note that usually you do not need to use both light and dark mixins at the same time. +It is easier to define styles for light color scheme and then use dark mixin to override them in dark color scheme.

    +
    .demo {
+  // Value for light color scheme
+  color: red;
+
+  @mixin dark {
+    // Value for dark color scheme
+    color: blue;
+  }
+}
    +

    light-dark function

    +

    light-dark function is an alternative to light and dark mixins. It accepts two arguments: +first argument is rule that will be applied in light color scheme, second argument is rule that will be applied in dark color scheme.

    +
    .demo {
+  color: light-dark(red, blue);
+}
    +

    Will be transformed to:

    +
    .demo {
+  color: red;
+}
+
+[data-mantine-color-scheme='dark'] .demo {
+  color: blue;
+}
    +

    hover mixin

    +

    hover mixin can be used to create styles that will be applied on hover.

    +
    .demo {
+  @mixin hover {
+    color: orange;
+  }
+}
    +

    Will be transformed to:

    +
    @media (hover: hover) {
+  .demo:hover {
+    color: orange;
+  }
+}
+
+@media (hover: none) {
+  .demo:active {
+    color: orange;
+  }
+}
    +

    rtl mixin

    +

    rtl mixin can be used to create styles that will be applied when dir="rtl" is set on parent element (usually <html />).

    +
    .demo {
+  margin-left: 1rem;
+
+  @mixin rtl {
+    margin-left: 0;
+    margin-right: 1rem;
+  }
+}
    +

    Will be transformed to:

    +
    .demo {
+  margin-left: 1rem;
+}
+
+[dir='rtl'] .demo {
+  margin-left: 0;
+  margin-right: 1rem;
+}

    Previous

    CSS modules

    Next

    Vanilla extract

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/rem/index.html b/styles/rem/index.html new file mode 100644 index 00000000000..8d3e5a18f2c --- /dev/null +++ b/styles/rem/index.html @@ -0,0 +1,105 @@ +rem, em and px units | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    rem, em and px units

    +

    rem units

    +

    All Mantine components use rem units to apply size styles (margin, padding, width, etc.). +By default, 1rem is considered to be 16px as it is a default setting in most browsers. +All components scale based on the user's browser font-size settings or font-size of html/:root.

    +
    import { Slider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Slider
+      defaultValue={100}
+      min={70}
+      max={130}
+      onChange={(value) => {
+        document.documentElement.style.fontSize = `${value}%`;
+      }}
+    />
+  );
+}
    +

    rem units scaling

    +

    If you want to change font-size of :root/html element and preserve Mantine components sizes, +set scale on theme to the value of 1 / htmlFontSize.

    +

    For example, if you set html font-size to 10px and want to scale Mantine components accordingly, you need +to set scale to 1 / (10 / 16) (16 – default font-size) = 1 / 0.625 = 1.6:

    +
    :root {
+  font-size: 10px;
+}
    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  scale: 1.6,
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    em units

    +

    em units are used in media queries the same way as rem units, but they are not affected by font-size specified on html/:root element. +1em is considered to be 16px.

    +

    px conversions

    +

    You can use numbers in some Mantine components props. Numbers are treated as px and converted to rem, for example:

    +
    import { ColorSwatch } from '@mantine/core';
+
+function DemoPx() {
+  // Specify ColorSwatch size in px, it will be automatically converted to rem
+  // Width and height of ColorSwatch in this case will be 32px / 16 = 2rem
+  return <ColorSwatch color="#000" size={32} />;
+}
+
+function DemoRem() {
+  // This demo will have the same size as previous one
+  return <ColorSwatch color="#000" size="2rem" />;
+}
    +

    The same conversion happens in style props:

    +
    import { Box } from '@mantine/core';
+
+function Demo() {
+  // width: calc(2rem * var(--mantine-scale))
+  // height: calc(1rem * var(--mantine-scale))
+  return <Box w={32} h={16} />;
+}
    +

    rem and em function

    +

    @mantine/core package exports rem and em function that can be used to convert px into rem/em:

    +
    import { rem, em } from '@mantine/core';
+
+// numbers and values in px are converted to rem
+rem(32); // -> calc(2rem * var(--mantine-scale))
+em(32); // -> 2em
+rem('16px'); // -> calc(1rem * var(--mantine-scale))
+em('16px'); // -> 1em
+
+rem('2rem'); // -> calc(2rem * var(--mantine-scale))
+em('2rem'); // -> 2rem
+
+rem('50%'); // -> 50%
+em('50%'); // -> 50%
+
+rem('5vh'); // -> 5vh
+em('5vh'); // -> 5vh
    +

    Convert rem to px

    +

    To convert rem/em to px use px function exported from @mantine/core:

    +
    import { px } from '@mantine/core';
+
+px('2rem'); // -> 32
+px('10rem'); // -> 160
    +

    rem/em functions in css files

    +

    You can use rem and em function in css files if +postcss-preset-mantine is installed:

    +
    .demo {
+  font-size: rem(16px);
+
+  @media (min-width: em(320px)) {
+    font-size: rem(32px);
+  }
+}

    Previous

    CSS variables

    Next

    style prop

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/responsive/index.html b/styles/responsive/index.html new file mode 100644 index 00000000000..282e8160498 --- /dev/null +++ b/styles/responsive/index.html @@ -0,0 +1,149 @@ +Responsive styles | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Responsive styles

    +

    Media queries

    +
    Demo
    .demo {
+  background-color: var(--mantine-color-blue-filled);
+  color: var(--mantine-color-white);
+  padding: var(--mantine-spacing-md);
+  text-align: center;
+
+  @media (min-width: em(750px)) {
+    background-color: var(--mantine-color-red-filled);
+  }
+}
    +

    Configure breakpoints

    +

    theme.breakpoints are used in all responsive Mantine components. Breakpoints are expected to be set in em units. +You can configure these values with MantineProvider:

    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  breakpoints: {
+    xs: '30em',
+    sm: '48em',
+    md: '64em',
+    lg: '74em',
+    xl: '90em',
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Default theme.breakpoints values:

    +
    BreakpointViewport widthValue in px
    xs36em576px
    sm48em768px
    md62em992px
    lg75em1200px
    xl88em1408px
    +

    Breakpoints variables in CSS modules

    +

    It is not possible to use CSS variables inside media queries – these values cannot be dynamically +generated by MantineProvider. To use Mantine theme breakpoints +in your .css files, you will need postcss-simple-vars package:

    +
    yarn add --dev postcss-simple-vars
    +

    Add it to your PostCSS config in postcss.config.js:

    +
    module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+};
    +

    Then you will be able to access these variables in your .css files:

    +
    .demo {
+  @media (max-width: $mantine-breakpoint-xs) {
+    background-color: red;
+  }
+}
    +

    Will be transformed to:

    +
    @media (max-width: 36em) {
+  .demo {
+    background-color: red;
+  }
+}
    +
    +

    Dynamic breakpoints are not supported

    +

    Values that are defined in postcss-simple-vars config are static and +are not connected to the theme – if values change, +you will need to update them manually in both theme override and postcss config.

    +
    +

    hiddenFrom and visibleFrom props

    +

    All Mantine components that have a root element support hiddenFrom and visibleFrom props. +These props accept breakpoint (xs, sm, md, lg, xl) and hide the component when +viewport width is less than or greater than the specified breakpoint:

    +
    import { Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Group justify="center">
+      <Button hiddenFrom="sm" color="orange">
+        Hidden from sm
+      </Button>
+      <Button visibleFrom="sm" color="cyan">
+        Visible from sm
+      </Button>
+      <Button visibleFrom="md" color="pink">
+        Visible from md
+      </Button>
+    </Group>
+  );
+}
    +

    Component size based on media query

    +

    Some components support size prop, which changes various aspects of component appearance. +size prop is not responsive – it is not possible to define different component sizes for different +screen sizes. Instead, you can render multiple components with different sizes and show/hide them +based on media query:

    +
    import { TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <>
+      <TextInput
+        label="My input"
+        placeholder="My input"
+        size="xs"
+        className={classes['input-mobile']}
+      />
+      <TextInput
+        label="My input"
+        placeholder="My input"
+        size="xl"
+        className={classes['input-desktop']}
+      />
+    </>
+  );
+}
    +

    use-media-query hook

    +

    You can use use-media-query hook to change some of component props +based on media query. Note that this approach is not recommended for most of the cases if you have +ssr in your application (you use Next.js, Remix, Gatsby or any other framework that includes ssr) +as it may cause hydration mismatch. If you do not have ssr in your application (for example, if you use Vite), +then you can safely use this hook to change props of components or conditionally render components +based on hook return value.

    +

    use-media-query hook can be safely used to change props of components that are not rendered +on server side (modals, tooltips, etc.). In the following example, it is safe to use useMediaQuery hook to +change Tooltip props as it is not rendered on server side:

    +
    import { Tooltip, Button, em } from '@mantine/core';
+import { useMediaQuery } from '@mantine/hooks';
+
+function Demo() {
+  const isMobile = useMediaQuery(`(max-width: ${em(750)})`);
+
+  return (
+    <Tooltip label={isMobile ? 'Mobile' : 'Desktop'}>
+      <Button>Hover me</Button>
+    </Tooltip>
+  );
+}

    Previous

    style prop

    Next

    Styles API

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/rtl/index.html b/styles/rtl/index.html new file mode 100644 index 00000000000..cd048ac34bc --- /dev/null +++ b/styles/rtl/index.html @@ -0,0 +1,86 @@ +RTL (right-to-left) | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Right-to-left direction

    +

    All Mantine components support right-to-left direction out of the box. +You can preview how components work with RTL direction by clicking direction control +in the top right corner or pressing Ctrl + Shift + L.

    +

    DirectionProvider

    +

    DirectionProvider component is used to set direction for all components inside it. +It is required to wrap your application with DirectionProvider if you are planning to +either use RTL direction or change direction dynamically.

    +

    DirectionProvider supports the following props:

    +
    export interface DirectionProviderProps {
+  /** Your application */
+  children: React.ReactNode;
+
+  /** Direction set as a default value, `ltr` by default */
+  initialDirection?: Direction;
+
+  /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element), `true` by default  */
+  detectDirection?: boolean;
+}
    +

    Setup DirectionProvider in your application:

    +
    import { DirectionProvider, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <DirectionProvider>
+      <MantineProvider>
+        <App />
+      </MantineProvider>
+    </DirectionProvider>
+  );
+}
    +

    dir attribute

    +

    It is required to set dir attribute on the root element of your application, usually it is html element. +DirectionProvider will use its value to set direction on mount if detectDirection prop is set to true. +Note that this guide does not cover setting dir attribute for different frameworks – follow your framework +documentation to learn how to do it.

    +
    <!DOCTYPE html>
+<!-- Set direction attribute on html element -->
+<html dir="rtl">
+  <head></head>
+  <body></body>
+</html>
    +

    useDirection hook

    +

    useDirection returns an object with the following properties:

    +
      +
    • dir – current direction
      • +
    • setDirection – function to set direction
      • +
    • toggleDirection – function to change direction to the opposite value
      • +
    +

    You can use it to create direction control in your application:

    +
    import { ActionIcon, useDirection } from '@mantine/core';
+import { IconTextDirectionLtr, IconTextDirectionRtl } from '@tabler/icons-react';
+
+function Demo() {
+  const { toggleDirection, dir } = useDirection();
+  return (
+    <ActionIcon onClick={() => toggleDirection()} variant="default" radius="md" size="lg">
+      {dir === 'rtl' ? (
+        <IconTextDirectionLtr stroke={1.5} />
+      ) : (
+        <IconTextDirectionRtl stroke={1.5} />
+      )}
+    </ActionIcon>
+  );
+}
    +

    rtl mixin

    +

    If you have postcss-preset-mantine installed then you can use rtl mixin in .css files:

    +
    Demo
    .demo {
+  text-align: center;
+  color: var(--mantine-color-white);
+  padding: var(--mantine-spacing-md);
+
+  /* LTR styles */
+  background-color: var(--mantine-color-blue-filled);
+
+  @mixin rtl {
+    /* RTL styles override LTR styles */
+    background-color: var(--mantine-color-red-filled);
+  }
+}

    Previous

    Color functions

    Next

    Styles performance

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/style-props/index.html b/styles/style-props/index.html new file mode 100644 index 00000000000..416edd0bc03 --- /dev/null +++ b/styles/style-props/index.html @@ -0,0 +1,104 @@ +Style props | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Style props

    +

    With style props, you can add inline styles to any Mantine component. +Style props add styles to the root element, if you need to style nested elements, +use Styles API instead.

    +
    import { Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box mx="auto" maw={400} c="blue.6" bg="#fff">
+      Your component
+    </Box>
+  );
+}
    +

    Supported props

    +

    All Mantine components that have root element support the following style props:

    +
    PropCSS PropertyTheme key
    m
    margin
    		theme.spacing
    mt
    marginTop
    		theme.spacing
    mb
    marginBottom
    		theme.spacing
    ml
    marginLeft
    		theme.spacing
    mr
    marginRight
    		theme.spacing
    mx
    marginRight
    ,
    marginLeft
    		theme.spacing
    my
    marginTop
    ,
    marginBottom
    		theme.spacing
    p
    padding
    		theme.spacing
    pt
    paddingTop
    		theme.spacing
    pb
    paddingBottom
    		theme.spacing
    pl
    paddingLeft
    		theme.spacing
    pr
    paddingRight
    		theme.spacing
    px
    paddingRight
    ,
    paddingLeft
    		theme.spacing
    py
    paddingTop
    ,
    paddingBottom
    		theme.spacing
    bg
    background
    		theme.colors
    c
    color
    		theme.colors
    opacity
    opacity
    		–
    ff
    fontFamily
    		–
    fz
    fontSize
    		theme.fontSizes
    fw
    fontWeight
    		–
    lts
    letterSpacing
    		–
    ta
    textAlign
    		–
    lh
    lineHeight
    		theme.lineHeights
    fs
    fontStyle
    		–
    tt
    textTransform
    		–
    td
    textDecoration
    		–
    w
    width
    		theme.spacing
    miw
    minWidth
    		theme.spacing
    maw
    maxWidth
    		theme.spacing
    h
    height
    		theme.spacing
    mih
    minHeight
    		theme.spacing
    mah
    maxHeight
    		theme.spacing
    bgsz
    backgroundSize
    		–
    bgp
    backgroundPosition
    		–
    bgr
    backgroundRepeat
    		–
    bga
    backgroundAttachment
    		–
    pos
    position
    		–
    top
    top
    		–
    left
    left
    		–
    bottom
    bottom
    		–
    right
    right
    		–
    inset
    inset
    		–
    display
    display
    		–
    +

    Theme values

    +

    Some style props can reference values from theme, for example mt will use theme.spacing value +if you set xs, sm, md, lg, xl:

    +
    import { Box } from '@mantine/core';
+
+// margin-top: theme.spacing.xs
+<Box mt="xs" />
+
+// margin-top: theme.spacing.md * -1
+<Box mt="-md" />
+
+// margin-top: auto
+<Box mt="auto" />
+
+// margin-top: 1rem
+<Box mt={16} />
+
+// margin-top: 5rem
+<Box mt="5rem" />
    +

    In c and bg props you can reference colors from theme.colors:

    +
    import { Box } from '@mantine/core';
+
+// color: theme.colors.blue[theme.fn.primaryShade()]
+<Box c="blue" />
+
+// background: theme.colors.orange[1]
+<Box bg="orange.1" />
+
+// color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6]
+<Box c="dimmed" />
+
+// background: #EDFEFF
+<Box bg="#EDFEFF" />
+
+// background: rgba(0, 34, 45, 0.6)
+<Box bg="rgba(0, 34, 45, 0.6)" />
    +

    Responsive styles

    +

    You can use object syntax to add responsive styles with style props. +Note that responsive style props are less performant than regular style props, +it is not recommended to use them in large lists of elements.

    +
    Box with responsive style props
    import { Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box
+      w={{ base: 200, sm: 400, lg: 500 }}
+      py={{ base: 'xs', sm: 'md', lg: 'xl' }}
+      bg={{ base: 'blue.7', sm: 'red.7', lg: 'green.7' }}
+      c="#fff"
+      ta="center"
+      mx="auto"
+    >
+      Box with responsive style props
+    </Box>
+  );
    +

    Responsive values are calculated the following way:

    +
      +
    • base value is used when none of breakpoint values are applied
      • +
    • xs, sm, md, lg, xl values are used when the viewport width is larger that the value of corresponding breakpoint specified in theme.breakpoints
      • +
    +
    import { Box } from '@mantine/core';
+
+<Box w={{ base: 320, sm: 480, lg: 640 }}} />
    +

    In this case the element will have the following styles:

    +
    /* Base styles added to element and then get overwritten with responsive values */
+.element {
+  width: 20rem;
+}
+
+/* 48em is theme.breakpoints.sm by default */
+@media (min-width: 48em) {
+  .element {
+    width: 30rem;
+  }
+}
+
+/* 75em is theme.breakpoints.lg by default */
+@media (min-width: 75em) {
+  .element {
+    width: 40rem;
+  }
+}

    Previous

    Unstyled / headless

    Next

    Color functions

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/style/index.html b/styles/style/index.html new file mode 100644 index 00000000000..38c8d65e024 --- /dev/null +++ b/styles/style/index.html @@ -0,0 +1,54 @@ +style prop | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Style prop

    +

    All Mantine components that have root element support style prop. +It works similar to React style prop, but with some additional features.

    +

    Style object

    +

    You can pass a style object to the style prop – in this case it works the same way +as React style prop. You can use Mantine CSS variables in style object +the same way as in .css files.

    +
    import { Box, rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box
+      style={{
+        color: 'var(--mantine-color-red-5)',
+        fontSize: rem(12),
+      }}
+    />
+  );
+}
    +

    Style function

    +

    You can pass a style function to the style prop – in this case it will be called with theme. +It is useful when you need to access theme properties that are not exposed as CSS variables, +for example, properties from theme.other.

    +
    import { Box } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Box
+      style={(theme) => ({
+        color: theme.colors.red[5],
+        fontSize: theme.fontSizes.xs,
+      })}
+    />
+  );
+}
    +

    Styles array

    +

    You can pass an array of style objects and/or functions to style prop – in this case, all styles will be merged into one object. +It is useful when you want to create a wrapper around Mantine component, add inline styles and keep the option to pass +style prop to it.

    +
    import { Box, MantineStyleProp } from '@mantine/core';
+
+interface DemoProps {
+  style?: MantineStyleProp;
+}
+
+function Demo({ style }: DemoProps) {
+  return <Box style={[{ color: 'red' }, style]} />;
+}

    Previous

    rem, em and px units

    Next

    Responsive styles

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/styles-api/index.html b/styles/styles-api/index.html new file mode 100644 index 00000000000..d8b66fb50c3 --- /dev/null +++ b/styles/styles-api/index.html @@ -0,0 +1,274 @@ +Styles API | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Styles API

    +

    What is Styles API

    +

    Styles API is a set of props and techniques that allows you to customize styles of any element +inside Mantine component inline or with theme object. All Mantine components that +have styles support Styles API.

    +

    Styles API selectors

    +

    Every Mantine component that supports Styles API has a set of elements names that can be used to +apply styles to inner elements inside the component. For simplicity, these elements names are called +selectors in Mantine documentation. You can find selectors information under Styles API tab +in component documentation.

    +

    Example of Button component selectors:

    +
    SelectorStatic selectorDescription
    root.mantine-Button-rootRoot element
    loader.mantine-Button-loaderLoader component, displayed only when loading prop is set
    inner.mantine-Button-innerContains all other elements, child of the root element
    section.mantine-Button-sectionLeft and right sections of the button
    label.mantine-Button-labelButton children
    +

    You can use these selectors in classNames and styles both in component props and in theme.components:

    +
    import { Button, createTheme, MantineProvider } from '@mantine/core';
+
+function ClassNamesDemo() {
+  return (
+    <Button
+      classNames={{
+        root: 'my-root-class',
+        label: 'my-label-class',
+        inner: 'my-inner-class',
+      }}
+    >
+      Button
+    </Button>
+  );
+}
+
+function StylesDemo() {
+  return (
+    <Button
+      styles={{
+        root: { backgroundColor: 'red' },
+        label: { color: 'blue' },
+        inner: { fontSize: 20 },
+      }}
+    >
+      Button
+    </Button>
+  );
+}
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      classNames: {
+        root: 'my-root-class',
+        label: 'my-label-class',
+        inner: 'my-inner-class',
+      },
+      styles: {
+        root: { backgroundColor: 'red' },
+        label: { color: 'blue' },
+        inner: { fontSize: 20 },
+      },
+    }),
+  },
+});
+
+function ProviderDemo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Button>Button</Button>
+    </MantineProvider>
+  );
+}
    +

    classNames prop

    +

    With classNames prop you can add classes to inner elements of Mantine components. It accepts +object with keys as element names and values as classes:

    +
    import { useState } from 'react';
+import { TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [focused, setFocused] = useState(false);
+  const floating = focused || value.length > 0 || undefined;
+
+  return (
+    <TextInput
+      label="Floating label input"
+      labelProps={{ 'data-floating': floating }}
+      classNames={{
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      }}
+      onFocus={() => setFocused(true)}
+      onBlur={() => setFocused(false)}
+      value={value}
+      onChange={(event) => setValue(event.currentTarget.value)}
+    />
+  );
+}
    +

    classNames in theme.components

    +

    You can also define classNames in theme.components to apply them to all +components of specific type:

    +
    import { useState } from 'react';
+import { TextInput, MantineProvider, createTheme } from '@mantine/core';
+// Styles are the same as in previous example
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    TextInput: TextInput.extend({
+      classNames: {
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Components CSS variables

    +

    Most of Mantine components use CSS variables to define colors, sizes, paddings and other +properties. You can override these values by with a custom CSS variables resolver function +in theme.components or by passing it to vars prop.

    +

    You can find CSS variables information under Styles API tab in component documentation. +Example of Button component CSS variables:

    +
    SelectorVariableDescription
    root--button-bgControls background
    --button-bdControl border
    --button-hoverControls background when hovered
    --button-colorControl text color
    --button-radiusControls border-radius
    --button-heightControls height of the button
    --button-padding-xControls horizontal padding of the button
    --button-fzControls font-size of the button
    --button-justifyControls justify-content of inner element
    +

    Example of custom CSS variables resolver function used to add more sizes to Button component:

    +
    import { Button, rem, Group, MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      vars: (theme, props) => {
+        if (props.size === 'xxl') {
+          return {
+            root: {
+              '--button-height': rem(60),
+              '--button-padding-x': rem(30),
+              '--button-fz': rem(24),
+            },
+          };
+        }
+
+        if (props.size === 'xxs') {
+          return {
+            root: {
+              '--button-height': rem(24),
+              '--button-padding-x': rem(10),
+              '--button-fz': rem(10),
+            },
+          };
+        }
+
+        return { root: {} };
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button size="xxl">XXL Button</Button>
+        <Button size="xxs">XXS Button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    styles prop

    +

    styles prop works the same way as classNames, but applies inline styles. Note that inline +styles have higher specificity than classes, so you will not be able to override them with classes +without using !important. You cannot use pseudo-classes (for example, :hover, :first-of-type) +and media queries inside styles prop.

    +
    import { Button, rem } from '@mantine/core';
+
+function Demo() {
+  const gradient =
+    'linear-gradient(45deg, var(--mantine-color-pink-filled) 0%, var(--mantine-color-orange-filled) 50%, var(--mantine-color-yellow-filled) 100%)';
+
+  return (
+    <Button
+      radius="md"
+      styles={{
+        root: {
+          padding: rem(2),
+          border: 0,
+          backgroundImage: gradient,
+        },
+
+        inner: {
+          background: 'var(--mantine-color-body)',
+          color: 'var(--mantine-color-text)',
+          borderRadius: 'calc(var(--button-radius) - 2px)',
+          paddingLeft: 'var(--mantine-spacing-md)',
+          paddingRight: 'var(--mantine-spacing-md)',
+        },
+
+        label: {
+          backgroundImage: gradient,
+          WebkitBackgroundClip: 'text',
+          WebkitTextFillColor: 'transparent',
+        },
+      }}
+    >
+      Gradient button
+    </Button>
+  );
+}
    +
    +

    styles prop usage

    +

    Some examples and demos in the documentation use styles prop for convenience, but it is not +recommended to use styles prop as the primary means of styling components, as classNames +prop is more flexible and has better performance.

    +
    +

    Styles API based on component props

    +

    You can also pass a callback function to classNames and styles. This function will receive +theme as first argument and component props as second. It should return +object of classes (classNames) or styles (styles).

    +

    You can use this feature to conditionally apply styles based on component props. For example, +you can change TextInput label color if the input is required or change the input +background color if input has error:

    +
    import cx from 'clsx';
+import { MantineProvider, createTheme, TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    TextInput: TextInput.extend({
+      classNames: (_theme, props) => ({
+        label: cx({ [classes.labelRequired]: props.required }),
+        input: cx({ [classes.inputError]: props.error }),
+      }),
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <TextInput required label="Required input" placeholder="Required input" />
+      <TextInput error label="Input with error" placeholder="Input with error" mt="md" />
+    </MantineProvider>
+  );
+}
    +

    Static classes

    +

    Every component that supports Styles API also includes static classes that can be used to style +component without using classNames or styles props. By default, static classes have +.mantine-{ComponentName}-{selector} format. For example, root selector of Button +component will have .mantine-Button-root class.

    +

    You can use static classes to style component with CSS or any other styling solution:

    +
    .mantine-Button-root {
+  background-color: red;
+}
    +

    Static classes prefix can be changed with classNamesPrefix on MantineProvider.

    +

    Components classes

    +

    Classes of each component are available in Component.classes object. For example, you can +find Button classes in Button.classes:

    +
    KeyClass
    rootm-77c9d27d
    innerm-80f1301b
    labelm-811560b9
    sectionm-a74036a
    loaderm-a25b86ee
    groupm-80d6d844
    +

    You can use these classes to create components with the same styles as Mantine components:

    +
    import { Button } from '@mantine/core';
+
+function Demo() {
+  return <button type="button" className={Button.classes.root} />;
+}

    Previous

    Responsive styles

    Next

    data-* attributes

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/styles-performance/index.html b/styles/styles-performance/index.html new file mode 100644 index 00000000000..8457b65befc --- /dev/null +++ b/styles/styles-performance/index.html @@ -0,0 +1,139 @@ +Styles performance | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Styles performance

    +

    CSS modules

    +

    CSS modules is the most performant way to apply styles – +this approach generates static CSS that is never re-evaluated. 99% of Mantine components +styles are generated with CSS modules – components are optimized out of the box.

    +

    In most cases, it is recommended to use CSS modules to style your components as well. +You can apply styles to HTML elements with className prop and to Mantine components with className, +classNames props.

    +

    Applying styles with className:

    +
    Box component with some styles
    import { Box } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <Box className={classes.box}>
+      Box component with <span className={classes.highlight}>some styles</span>
+    </Box>
+  );
+}
    +

    Applying styles with classNames (see Styles API guide to learn more):

    +
    import { useState } from 'react';
+import { TextInput } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const [value, setValue] = useState('');
+  const [focused, setFocused] = useState(false);
+  const floating = focused || value.length > 0 || undefined;
+
+  return (
+    <TextInput
+      label="Floating label input"
+      labelProps={{ 'data-floating': floating }}
+      classNames={{
+        root: classes.root,
+        input: classes.input,
+        label: classes.label,
+      }}
+      onFocus={() => setFocused(true)}
+      onBlur={() => setFocused(false)}
+      value={value}
+      onChange={(event) => setValue(event.currentTarget.value)}
+    />
+  );
+}
    +

    Inline styles

    +

    Inline styles (style and styles props) are less performant than CSS modules, but still +performant enough to be used in most cases if it is your preferred way of styling in your project.

    +

    Inline styles caveats:

    +
      +
    • Styles are not reused between components, each component will generate its own styles, for example, +if you have 100 buttons with the same styles, CSS modules will generate 1 class for all of them, +inline styles will generate 100 style attributes
      • +
    • If inline styles are overused, it can increase bundle size and output HTML size
      • +
    • Not performance related: inline styles have higher specificity than CSS modules, so if you want +to override inline styles you will have to use !important or use another inline styles
      • +
    +

    Example of inline styles:

    +
    import { Button, rem } from '@mantine/core';
+
+function Demo() {
+  const gradient =
+    'linear-gradient(45deg, var(--mantine-color-pink-filled) 0%, var(--mantine-color-orange-filled) 50%, var(--mantine-color-yellow-filled) 100%)';
+
+  return (
+    <Button
+      radius="md"
+      styles={{
+        root: {
+          padding: rem(2),
+          border: 0,
+          backgroundImage: gradient,
+        },
+
+        inner: {
+          background: 'var(--mantine-color-body)',
+          color: 'var(--mantine-color-text)',
+          borderRadius: 'calc(var(--button-radius) - 2px)',
+          paddingLeft: 'var(--mantine-spacing-md)',
+          paddingRight: 'var(--mantine-spacing-md)',
+        },
+
+        label: {
+          backgroundImage: gradient,
+          WebkitBackgroundClip: 'text',
+          WebkitTextFillColor: 'transparent',
+        },
+      }}
+    >
+      Gradient button
+    </Button>
+  );
+}
    +

    Style props

    +

    Style props transform component props into inline styles. Style props have +the same caveats as inline styles, it is not recommended to use them as the primary means of styling +your components. Usually, style props are used to apply 1–3 styles to a component – using them +this way does not impact performance.

    +

    Responsive style props

    +

    Responsive style props have worse performance than regular style props +because they require injecting <style /> tag next to the component. It is fine to use responsive +style props to apply styles to several components, but it is not recommended to use +them in large lists of components, for example, if you have 1000 inputs with responsive margins, +it is better to refactor to use classNames prop:

    +
    import { TextInput } from '@mantine/core';
+
+// Ok, style props are used to apply margin-top property to several components
+function StyleProps() {
+  return (
+    <>
+      <TextInput label="Input 1" />
+      <TextInput label="Input 2" mt={{ base: 10, md: 20 }} />
+      <TextInput label="Input 3" mt={{ base: 10, md: 20 }} />
+    </>
+  );
+}
+
+// Worse, 1000 separate `<style />` tags will be generated
+// Better to refactor to use className prop
+function StylePropsArray() {
+  const inputs = Array(1000)
+    .fill(0)
+    .map((_, index) => (
+      <TextInput key={index} label={`Input ${index}`} mt={{ base: 10, md: 20 }} />
+    ));
+
+  return <>{inputs}</>;
+}
    +

    Components responsive props

    +

    Some components, like SimpleGrid and Grid +rely on the same mechanism as responsive style props to apply styles. The limitations are the same +– it is fine to use these several of these components on a page, but it is not recommended to use +them in large lists of components.

    Previous

    RTL (right-to-left)

    Next

    Polymorphic components

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/unstyled/index.html b/styles/unstyled/index.html new file mode 100644 index 00000000000..26a0bb92dec --- /dev/null +++ b/styles/unstyled/index.html @@ -0,0 +1,43 @@ +Unstyled / headless | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Unstyled components

    +

    Using Mantine as a headless UI library

    +

    You can use Mantine as a headless UI library. To do that, simply do not import @mantine/*/styles.css +in your application. Then you will be able to apply styles to Mantine components using Styles API +with a styling solution of your choice.

    +

    unstyled prop

    +

    Most of Mantine components support unstyled prop that removes library styles from the component and allows you to style it +from scratch. Note that unstyled prop is not supported by compound components (Tabs.Tab, Menu.Dropdown, Accordion.Control, etc.) +– it only works on root component (Tabs, Menu, Accordion, etc.).

    +

    Unstyled Tabs component:

    +
    Chat panel
    import { Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Tabs defaultValue="chat" unstyled>
+      <Tabs.List>
+        <Tabs.Tab value="chat">Chat</Tabs.Tab>
+        <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+        <Tabs.Tab value="account">Account</Tabs.Tab>
+      </Tabs.List>
+
+      <Tabs.Panel value="chat">Chat panel</Tabs.Panel>
+      <Tabs.Panel value="gallery">Gallery panel</Tabs.Panel>
+      <Tabs.Panel value="account">Account panel</Tabs.Panel>
+    </Tabs>
+  );
+}
    +
    +

    Choosing between unstyled prop and headless components

    +

    unstyled prop is useful when you want to remove library styles from a single component, +but keep styles for other components. For example, if Tabs component does +not meet your design system requirements, but all other components do, you can use unstyled +prop to remove styles from Tabs and style it from scratch, while keeping all other components +styled with Mantine styles.

    +

    Note that unstyled prop does not remove Mantine library styles from your .css bundle – +it only does not apply them to component with unstyled prop.

    +

    Previous

    Variants and sizes

    Next

    Style props

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/vanilla-extract/index.html b/styles/vanilla-extract/index.html new file mode 100644 index 00000000000..07abcfb48dd --- /dev/null +++ b/styles/vanilla-extract/index.html @@ -0,0 +1,166 @@ +Vanilla extract | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Vanilla extract integration

    +

    Vanilla extract is a TypeScript CSS preprocessor that generates static CSS files at build time. +It is a great alternative to CSS Modules if you prefer to write your styles in TypeScript.

    +

    Vanilla extract vs CSS Modules

    +

    Vanilla extract and CSS Modules do the same thing, +but with different syntax. Common features of Vanilla extract and CSS Modules:

    +
      +
    • Styles are generated at build time – no runtime and performance overhead
      • +
    • Classes names are scoped to the styles file
      • +
    +

    Differences between Vanilla extract and CSS Modules:

    +
      +
    • Vanilla extract styles are type safe
      • +
    • You can use any JavaScript/TypeScript code in Vanilla extract styles, including color functions
      • +
    • With Vanilla extract you do not have access to postcss-preset-mantine features like light-dark function and hover mixin. +Because of this, you will not be able to copy-paste all demos from Mantine documentation and use them with Vanilla extract.
      • +
    • Vanilla extract requires additional configuration and setup that may not be available for your build tool/framework. +Most popular tools like Next.js and Vite have plugins for Vanilla extract, +but if you are using something more niche, you might need to configure it yourself.
      • +
    +

    Note that you can use both Vanilla extract and CSS Modules in the same project, +it will not cause any issues: performance will be the same and the bundle size will not be impacted.

    +

    Installation

    +

    Follow the installation instructions to install vanilla extract. +Then install @mantine/vanilla-extract package, it exports themeToVars function to convert Mantine theme to CSS variables:

    +
    yarn add @mantine/vanilla-extract
    +

    Templates

    +

    You can use one of the following templates to get started or a reference for your own setup. +Note that all templates include only minimal setup.

    +

    next-vanilla-extract-template

    Next.js template with Vanilla extract example

    		Use template

    vite-vanilla-extract-template

    Vite template with Vanilla extract example

    		Use template
    +

    Theming

    +

    Vanilla extract provides createTheme +function which converts given theme object into CSS variables and assigns them to :root or other selector. +You should not use Vanilla extract createTheme to generate Mantine theme tokens – all Mantine theme +properties are already exposed as CSS variables. Instead, use themeToVars function from @mantine/vanilla-extract package +to create an object with CSS variables from Mantine theme:

    +
    // theme.ts
+import { createTheme } from '@mantine/core';
+import { themeToVars } from '@mantine/vanilla-extract';
+
+// Do not forget to pass theme to MantineProvider
+export const theme = createTheme({
+  fontFamily: 'serif',
+  primaryColor: 'cyan',
+});
+
+// CSS variables object, can be access in *.css.ts files
+export const vars = themeToVars(theme);
    +

    Styling

    +

    Import vars object in *.css.ts files to access Mantine CSS variables:

    +
    // Demo.css.ts
+import { vars } from './theme';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  fontSize: vars.fontSizes.xl,
+  backgroundColor: vars.colors.red[5],
+  color: vars.colors.white,
+});
    +

    rem and em

    +

    To convert px to rem or em use rem and em functions from @mantine/core package:

    +
    // Demo.css.ts
+import { rem } from '@mantine/core';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  fontSize: rem(16),
+
+  '@media': {
+    [`(min-width: ${em(768)})`]: {
+      fontSize: rem(18),
+    },
+  },
+});
    +

    light and dark selectors

    +

    vars object contains lightSelector and darkSelector properties which can be used to +apply styles only in light or dark color scheme:

    +
    // Demo.css.ts
+import { vars } from './theme';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  fontSize: vars.fontSizes.xl,
+
+  selectors: {
+    [vars.lightSelector]: {
+      backgroundColor: vars.colors.red[5],
+      color: vars.colors.white,
+    },
+
+    [vars.darkSelector]: {
+      backgroundColor: vars.colors.blue[5],
+      color: vars.colors.white,
+    },
+  },
+});
    +

    Note that usually it is more convenient to use only one of them: +apply styles for light color scheme and then override them for dark color scheme +with vars.darkSelector (or vice versa):

    +
    // Demo.css.ts
+import { vars } from './theme';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  fontSize: vars.fontSizes.xl,
+  backgroundColor: vars.colors.red[5],
+  color: vars.colors.white,
+
+  selectors: {
+    [vars.darkSelector]: {
+      backgroundColor: vars.colors.blue[5],
+      color: vars.colors.white,
+    },
+  },
+});
    +

    largerThan and smallerThan

    +

    vars object contains largerThan and smallerThan properties which can be used in +@media as a shorthand for min-width and max-width:

    +
    // Demo.css.ts
+import { vars } from './theme';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  fontSize: vars.fontSizes.sm,
+
+  '@media': {
+    // equivalent to `(min-width: 640px)` converted to em
+    // -> `(min-width: 40em)`
+    [vars.largerThan(640)]: {
+      fontSize: vars.fontSizes.md,
+    },
+
+    // equivalent to `(max-width: 640px)` converted to em
+    // -> `(max-width: 40em)`
+    [vars.smallerThan(640)]: {
+      fontSize: vars.fontSizes.xs,
+    },
+
+    // You can reference `theme.breakpoints` values
+    [vars.largerThan('sm')]: {
+      fontSize: vars.fontSizes.md,
+    },
+  },
+});
    +

    rtl selector

    +

    Use vars.rtlSelector to apply styles only in rtl direction:

    +
    // Demo.css.ts
+import { vars } from './theme';
+import { style } from '@vanilla-extract/css';
+
+export const demo = style({
+  paddingRight: vars.spacing.md,
+
+  selectors: {
+    [vars.rtlSelector]: {
+      paddingLeft: vars.spacing.md,
+      paddingRight: 0,
+    },
+  },
+});

    Previous

    PostCSS preset

    Next

    Global styles

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/styles/variants-sizes/index.html b/styles/variants-sizes/index.html new file mode 100644 index 00000000000..2e6f1bb55e4 --- /dev/null +++ b/styles/variants-sizes/index.html @@ -0,0 +1,220 @@ +Variants and sizes | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Variants and sizes

    +

    Adding custom variants

    +

    Most of Mantine components support variant prop, it can be used in CSS variables resolver, +and it is also exposed as data-variant="{value}" attribute on the root element of the component. +The easiest way to add custom variants is to add styles that use [data-variant="{value}"].

    +

    Example of adding a new variant to the Input component:

    +
      +
    • underline variant styles are added
      • +
    • filled variant is a default variant – you do not need to define any additional styles for it
      • +
    +
    import { Input, MantineProvider, createTheme } from '@mantine/core';
+import classes from './Demo.module.css';
+
+// It is better to add new variants in theme.components
+// This way you will be able to use them in anywhere in the app
+const theme = createTheme({
+  components: {
+    Input: Input.extend({ classNames: classes }),
+  }
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Input variant="underline" placeholder="Underline input" />
+      <Input variant="filled" placeholder="Filled input" mt="md" />
+    </MantineProvider>
+  );
+}
    +

    Note that you can add custom variants to every Mantine component that supports Styles API +even if there are no variants defined on the library side.

    +
    +

    Overriding existing variants styles

    +

    Apart from adding new variants, you can also override existing ones, for example, you can change the +filled variant of the Input component with .input[data-variant="filled"] selector.

    +
    +

    variantColorResolver

    +

    Button, Badge, ActionIcon and other +components support custom variants with variantColorResolver +– it supports both changing colors and adding new variants. Note that theme.variantColorResolver is +responsible only for colors, if you need to change other properties, use data-variant attribute.

    +
    import {
+  Button,
+  Group,
+  MantineProvider,
+  defaultVariantColorsResolver,
+  VariantColorsResolver,
+  parseThemeColor,
+  rem,
+  rgba,
+  darken,
+} from '@mantine/core';
+
+const variantColorResolver: VariantColorsResolver = (input) => {
+  const defaultResolvedColors = defaultVariantColorsResolver(input);
+  const parsedColor = parseThemeColor({
+    color: input.color || input.theme.primaryColor,
+    theme: input.theme,
+  });
+
+  // Override some properties for variant
+  if (parsedColor.isThemeColor && parsedColor.color === 'lime' && input.variant === 'filled') {
+    return { ...defaultResolvedColors, color: 'var(--mantine-color-black)' };
+  }
+
+  // Completely override variant
+  if (input.variant === 'light') {
+    return {
+      background: rgba(parsedColor.value, 0.1),
+      hover: rgba(parsedColor.value, 0.15),
+      border: `${rem(1)} solid ${parsedColor.value}`,
+      color: darken(parsedColor.value, 0.1),
+    };
+  }
+
+  // Add new variants support
+  if (input.variant === 'danger') {
+    return {
+      background: 'var(--mantine-color-red-9)',
+      hover: 'var(--mantine-color-red-8)',
+      color: 'var(--mantine-color-white)',
+      border: 'none',
+    };
+  }
+
+  return defaultResolvedColors;
+};
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ variantColorResolver }}>
+      <Group>
+        <Button color="lime.4" variant="filled">
+          Lime filled button
+        </Button>
+
+        <Button color="orange" variant="light">
+          Orange light button
+        </Button>
+
+        <Button variant="danger">Danger button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    Sizes with components CSS variables

    +

    You can add custom sizes to any component that supports size prop by providing a custom +CSS variables resolver, usually it is done in theme.components:

    +
    import { Button, rem, Group, MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      vars: (theme, props) => {
+        if (props.size === 'xxl') {
+          return {
+            root: {
+              '--button-height': rem(60),
+              '--button-padding-x': rem(30),
+              '--button-fz': rem(24),
+            },
+          };
+        }
+
+        if (props.size === 'xxs') {
+          return {
+            root: {
+              '--button-height': rem(24),
+              '--button-padding-x': rem(10),
+              '--button-fz': rem(10),
+            },
+          };
+        }
+
+        return { root: {} };
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button size="xxl">XXL Button</Button>
+        <Button size="xxs">XXS Button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    Sizes with data-size attribute

    +

    Every component that supports size prop exposes it as data-size="{value}" attribute on the root element. +You can use it to add custom sizes:

    +
    import { Input, createTheme, MantineProvider } from '@mantine/core';
+import classes from './Demo.module.css';
+
+const theme = createTheme({
+  components: {
+    Input: Input.extend({ classNames: classes }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Input placeholder="Size XXL" size="xxl" />
+      <Input placeholder="Size XXS" size="xxs" mt="md" />
+    </MantineProvider>
+  );
+}
    +

    Sizes with static CSS variables

    +

    Mantine components sizes are defined with CSS variables (usually on root element), for example, +ActionIcon component has the following CSS variables:

    +
    .root {
+  --ai-size-xs: rem(18px);
+  --ai-size-sm: rem(22px);
+  --ai-size-md: rem(28px);
+  --ai-size-lg: rem(34px);
+  --ai-size-xl: rem(44px);
+}
    +

    You can override these values with Styles API or add new sizes values:

    +
    .root {
+  --ai-size-xxs: rem(16px);
+  --ai-size-xxl: rem(50px);
+}
    +

    Note that some components have more than one CSS variable for size, for example, +the Button component has the following CSS variables:

    +
    .root {
+  --button-height-xs: rem(30px);
+  --button-height-sm: rem(36px);
+  --button-height-md: rem(42px);
+  --button-height-lg: rem(50px);
+  --button-height-xl: rem(60px);
+
+  --button-height-compact-xs: rem(22px);
+  --button-height-compact-sm: rem(26px);
+  --button-height-compact-md: rem(30px);
+  --button-height-compact-lg: rem(34px);
+  --button-height-compact-xl: rem(40px);
+
+  --button-padding-x-xs: rem(14px);
+  --button-padding-x-sm: rem(18px);
+  --button-padding-x-md: rem(22px);
+  --button-padding-x-lg: rem(26px);
+  --button-padding-x-xl: rem(32px);
+
+  --button-padding-x-compact-xs: rem(7px);
+  --button-padding-x-compact-sm: rem(8px);
+  --button-padding-x-compact-md: rem(10px);
+  --button-padding-x-compact-lg: rem(12px);
+  --button-padding-x-compact-xl: rem(14px);
+}
    +

    Usually, it is more convenient to use data-size attribute or vars on theme +to customize sizes in this case.

    Previous

    data-* attributes

    Next

    Unstyled / headless

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/templates-usage/index.html b/templates-usage/index.html new file mode 100644 index 00000000000..e8cb72d3840 --- /dev/null +++ b/templates-usage/index.html @@ -0,0 +1,32 @@ +Getting started with a template | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Templates

    +

    Mantine provides a set of templates for most common use cases. +A template is a set of configuration files that are required to +get started with Mantine and a React framework of your choice. +You can find a list of all available templates on the getting started page.

    +

    Getting started with a template

    +

    To get started with one of the templates:

    +
      +
    • Open it on GitHub
      • +
    • Click "Use this template" button
      • +
    • Click "Create a new repository" in the dropdown
      • +
    • Enter repository name and click "Create repository from template"
      • +
    • Clone your new repository
      • +
    • Install dependencies by running yarn
      • +
    • Start development server by running yarn dev/yarn start (exact command depends on the framework of the template)
      • +
    +

    Without GitHub account

    +

    If you do not have a GitHub account, you can download a template as a zip archive:

    +
      +
    • Open template on GitHub
      • +
    • Click "Code" button (it is next to the "Use this template" button)
      • +
    • Click "Download ZIP"
      • +
    • Extract downloaded archive
      • +
    • Install dependencies by running yarn
      • +
    • Start development server by running yarn dev/yarn start (exact command depends on the framework of the template)
      • +
    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/color-schemes/index.html b/theming/color-schemes/index.html new file mode 100644 index 00000000000..b0f8db298d6 --- /dev/null +++ b/theming/color-schemes/index.html @@ -0,0 +1,251 @@ +Color schemes | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Color schemes

    +

    MantineProvider manages color scheme context in your application. +You can configure the default color scheme value with defaultColorScheme prop, possible values are light, +dark and auto (system color scheme is used). The default value is light.

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider defaultColorScheme="dark">
+      <App />
+    </MantineProvider>
+  );
+}
    +

    data-mantine-color-scheme attribute

    +

    When MantineProvider is mounted, it sets data-mantine-color-scheme +attribute on <html /> element to the value that the user has selected previously or to the value of defaultColorScheme prop. +data-mantine-color-scheme attribute is used in all components styles to determine which colors should component use.

    +

    use-mantine-color-scheme hook

    +

    useMantineColorScheme hook can be used to get and set current color scheme value:

    +
    function useMantineColorScheme(): {
+  /** Current color scheme value */
+  colorScheme: 'dark' | 'light' | 'auto';
+
+  /** Sets colors scheme to given value */
+  setColorScheme: (colorScheme: 'dark' | 'light' | 'auto') => void;
+
+  /** Toggle color scheme to the opposite value, if value is 'auto', color scheme is inferred from the OS settings */
+  toggleColorScheme: () => void;
+
+  /** Clears color scheme value from storage and sets it to `defaultColorScheme` */
+  clearColorScheme: () => void;
+};
    +
    import { useMantineColorScheme, Button, Group } from '@mantine/core';
+
+function Demo() {
+  const { setColorScheme, clearColorScheme } = useMantineColorScheme();
+
+  return (
+    <Group>
+      <Button onClick={() => setColorScheme('light')}>Light</Button>
+      <Button onClick={() => setColorScheme('dark')}>Dark</Button>
+      <Button onClick={() => setColorScheme('auto')}>Auto</Button>
+      <Button onClick={clearColorScheme}>Clear</Button>
+    </Group>
+  );
+}
    +

    use-computed-color-scheme hook

    +

    useComputedColorScheme returns a computed color scheme value, it returns either light or dark. +It can be used to implement color scheme toggle logic:

    +
    import { useComputedColorScheme, useMantineColorScheme } from '@mantine/core';
+
+function Demo() {
+  // -> colorScheme is 'auto' | 'light' | 'dark'
+  const { colorScheme, setColorScheme } = useMantineColorScheme();
+
+  // -> computedColorScheme is 'light' | 'dark', argument is the default value
+  const computedColorScheme = useComputedColorScheme('light');
+
+  // Incorrect color scheme toggle implementation
+  // If colorScheme is 'auto', then it is not possible to
+  // change color scheme correctly in all cases:
+  // 'auto' can mean both light and dark
+  const toggleColorScheme = () => {
+    setColorScheme(colorScheme === 'dark' ? 'light' : 'dark');
+  };
+
+  // Correct color scheme toggle implementation
+  // computedColorScheme is always either 'light' or 'dark'
+  const toggleColorScheme = () => {
+    setColorScheme(computedColorScheme === 'dark' ? 'light' : 'dark');
+  };
+}
    +

    Color scheme value caveats

    +

    By default, the color scheme value is stored in local storage, and its value is saved in state +before the component is mounted to avoid flash of inaccurate color scheme. This means that +color scheme value can be different on client and server, as server does not have access +to local storage and always uses the default value.

    +

    If you have server side rendering in your application (for example, if you use Next.js or Remix), then you cannot use colorScheme +value in your application to avoid hydration issues. Instead, you can use dark and light +mixins from postcss-preset-mantine to generate styles that will +hide elements based on color scheme value:

    +
    import { ActionIcon, useMantineColorScheme, useComputedColorScheme } from '@mantine/core';
+import { IconSun, IconMoon } from '@tabler/icons-react';
+import cx from 'clsx';
+import classes from './Demo.module.css';
+
+function Demo() {
+  const { setColorScheme } = useMantineColorScheme();
+  const computedColorScheme = useComputedColorScheme('light', { getInitialValueInEffect: true });
+
+  return (
+    <ActionIcon
+      onClick={() => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light')}
+      variant="default"
+      size="xl"
+      aria-label="Toggle color scheme"
+    >
+      <IconSun className={cx(classes.icon, classes.light)} stroke={1.5} />
+      <IconMoon className={cx(classes.icon, classes.dark)} stroke={1.5} />
+    </ActionIcon>
+  );
+}
    +
    +

    colorScheme for client only applications

    +

    You can safely use colorScheme value in client only applications (for example, Vite or create-react-app applications). +In this case, there is no hydration, and thus hydration error cannot occur.

    +
    +

    ColorSchemeScript

    +

    ColorSchemeScript component renders script tag that sets data-mantine-color-scheme attribute +on <html /> element to user selected value or to defaultColorScheme prop value before +hydration. It is used to avoid flash of inaccurate color scheme in server side rendered applications, +for example Next.js or Remix. Follows framework specific guides +to learn where to render ColorSchemeScript component.

    +

    You can add any additional props to the <script /> tag generated by ColorSchemeScript component, +for example, you can add nonce attribute:

    +
    import { ColorSchemeScript } from '@mantine/core';
+
+function Demo() {
+  return <ColorSchemeScript nonce="8IBTHwOdqNKAWeKl7plt8g==" defaultColorScheme="dark" />;
+}
    +

    Color scheme manager

    +

    By default, color scheme value is stored in local storage, but you can implement your own +color scheme manager to store the value in any other external storage.

    +

    Color scheme manager must have the following methods:

    +
    interface MantineColorSchemeManager {
+  /** Function to retrieve color scheme value from external storage, for example window.localStorage */
+  get(defaultValue: MantineColorScheme): MantineColorScheme;
+
+  /** Function to set color scheme value in external storage, for example window.localStorage */
+  set(value: MantineColorScheme): void;
+
+  /** Function to subscribe to color scheme changes triggered by external events */
+  subscribe(onUpdate: (colorScheme: MantineColorScheme) => void): void;
+
+  /** Function to unsubscribe from color scheme changes triggered by external events */
+  unsubscribe(): void;
+
+  /** Function to clear value from external storage */
+  clear(): void;
+}
    +

    Usually, it is better to wrap color scheme manager in a creator function to provide a way to +configure it. Default local storage based color scheme manager example:

    +
    import { MantineColorScheme, MantineColorSchemeManager, isMantineColorScheme } from '@mantine/core';
+
+export interface LocalStorageColorSchemeManagerOptions {
+  /** Local storage key used to retrieve value with `localStorage.getItem(key)`, `mantine-color-scheme` by default */
+  key?: string;
+}
+
+export function localStorageColorSchemeManager({
+  key = 'mantine-color-scheme',
+}: LocalStorageColorSchemeManagerOptions = {}): MantineColorSchemeManager {
+  let handleStorageEvent: (event: StorageEvent) => void;
+
+  return {
+    get: (defaultValue) => {
+      if (typeof window === 'undefined') {
+        return defaultValue;
+      }
+
+      try {
+        return (window.localStorage.getItem(key) as MantineColorScheme) || defaultValue;
+      } catch {
+        return defaultValue;
+      }
+    },
+
+    set: (value) => {
+      try {
+        window.localStorage.setItem(key, value);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.warn(
+          '[@mantine/core] Local storage color scheme manager was unable to save color scheme.',
+          error
+        );
+      }
+    },
+
+    subscribe: (onUpdate) => {
+      handleStorageEvent = (event) => {
+        if (event.storageArea === window.localStorage && event.key === key) {
+          isMantineColorScheme(event.newValue) && onUpdate(event.newValue);
+        }
+      };
+
+      window.addEventListener('storage', handleStorageEvent);
+    },
+
+    unsubscribe: () => {
+      window.removeEventListener('storage', handleStorageEvent);
+    },
+
+    clear: () => {
+      window.localStorage.removeItem(key);
+    },
+  };
+}
    +

    Then custom color scheme manager can be passed to MantineProvider:

    +
    import { MantineProvider } from '@mantine/core';
+import { localStorageColorSchemeManager } from './localStorageColorSchemeManager';
+
+const colorSchemeManager = localStorageColorSchemeManager({ key: 'my-color-scheme' });
+
+function Demo() {
+  return (
+    <MantineProvider colorSchemeManager={colorSchemeManager}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Default color scheme

    +

    The default color scheme value is used when the user has not selected any color scheme yet. +It is required to be set both on MantineProvider and +ColorSchemeScript. If defaultColorScheme is not set, then light is used – +your application color scheme will depend on the system color scheme.

    +
    import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <ColorSchemeScript defaultColorScheme="dark" />
+      <MantineProvider defaultColorScheme="dark">
+        <App />
+      </MantineProvider>
+    </>
+  );
+}
    +

    Force color scheme

    +

    You can force the color scheme value to be either light or dark with forceColorScheme prop. +It is required to be set both on MantineProvider and +ColorSchemeScript. If forceColorScheme is set, then defaultColorScheme and colorSchemeManager are ignored. +When forceColorScheme is set, it is not possible to change color scheme value with setColorScheme function.

    +
    import { MantineProvider, ColorSchemeScript } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <ColorSchemeScript forceColorScheme="light" />
+      <MantineProvider forceColorScheme="light">
+        <App />
+      </MantineProvider>
+    </>
+  );
+}

    Previous

    Colors

    Next

    Typography

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/colors/index.html b/theming/colors/index.html new file mode 100644 index 00000000000..ed63ee3a907 --- /dev/null +++ b/theming/colors/index.html @@ -0,0 +1,330 @@ +Colors | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Colors

    +

    Mantine uses open-color in default theme with some additions. +Each color has 10 shades.

    +

    Colors are exposed on the theme object as an array of strings, +you can access color shade by color name and index (0-9), colors with larger index are darker:

    +
    theme.colors.red[5];
+theme.colors.gray[9];
+theme.colors.blue[0];
    +

    Colors are also exposed as CSS variables:

    +
    --mantine-color-red-5;
+--mantine-color-gray-9;
+--mantine-color-blue-0;
    +

    Adding extra colors

    +

    You can add any number of extra colors to theme.colors object. +This will allow you to use them in all components that support color prop, for example +Button, Badge and Switch.

    +
    import { Group, Button, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        colors: {
+          'ocean-blue': ['#7AD1DD', '#5FCCDB', '#44CADC', '#2AC9DE', '#1AC2D9', '#11B7CD', '#09ADC3', '#0E99AC', '#128797', '#147885'],
+          'bright-pink': ['#F0BBDD', '#ED9BCF', '#EC7CC3', '#ED5DB8', '#F13EAF', '#F71FA7', '#FF00A1', '#E00890', '#C50E82', '#AD1374'],
+        },
+      }}
+    >
+      <Group>
+        <Button>Primary button</Button>
+        <Button color="blue">Blue button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +
    +

    10 shades per color

    +

    Colors override must include at least 10 shades per color. Otherwise, you will get a TypeScript error +and some variants will not have proper colors. If you only have one color value, you can either +pick the remaining colors manually or use the colors generator tool.

    +

    You can add more than 10 shades per color: these values will not be used by Mantine components with the default colors resolver, +but you can still reference them by index, for example, color="blue.11".

    +
    +

    primaryColor

    +

    theme.primaryColor is a key of theme.colors, it is used:

    +
      +
    • As a default value for most of the components that support color prop
      • +
    • To set default focus ring outline color
      • +
    +
    import { Group, Button, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        primaryColor: 'bright-pink',
+        colors: {
+          'bright-pink': ['#F0BBDD', '#ED9BCF', '#EC7CC3', '#ED5DB8', '#F13EAF', '#F71FA7', '#FF00A1', '#E00890', '#C50E82', '#AD1374'],
+        },
+      }}
+    >
+      <Group>
+        <Button>Primary button</Button>
+        <Button color="blue">Blue button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +
    +

    CSS color values at theme.primaryColor

    +

    Value of theme.primaryColor must be a key of theme.colors object. For example, blue, orange or green. +You cannot assign CSS color values, for example, the following code will throw an error during theme merging:

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        primaryColor: '#CEFEDC', // This will throw an error
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +
    +

    primaryShade

    +

    theme.primaryShade is a number from 0 to 9. It determines which shade will be used for the components that have color prop.

    +
    Primary shade
    import { MantineProvider, Button, Group } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ primaryShade: 6 }}>
+      <Group>
+        <Button>Filled</Button>
+        <Button variant="light">Light</Button>
+        <Button variant="outline">Outline</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    You can also customize primary shade for dark and light color schemes separately:

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ primaryShade: { light: 6, dark: 8 } }}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Color prop

    +

    Components that support changing their color have color prop. This prop supports the following values:

    +
      +
    • Key of theme.colors, for example, blue or green
      • +
    • Key of theme.colors with color index, for example, blue.5 or green.9
      • +
    • CSS color value, for example, #fff or rgba(0, 0, 0, 0.5)
      • +
    +

    Filled variant

    Light variant

    Outline variant

    import { Group, Button, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text size="sm" mb={5} fw={500}>
+        Filled variant
+      </Text>
+      <Group>
+        <Button color="cyan">Theme color</Button>
+        <Button color="#1D72FE">Hex color</Button>
+      </Group>
+
+      <Text size="sm" mb={5} mt="md" fw={500}>
+        Light variant
+      </Text>
+      <Group>
+        <Button variant="light" color="cyan">
+          Theme color
+        </Button>
+        <Button variant="light" color="#1D72FE">
+          Hex color
+        </Button>
+      </Group>
+
+      <Text size="sm" mb={5} mt="md" fw={500}>
+        Outline variant
+      </Text>
+      <Group>
+        <Button variant="outline" color="cyan">
+          Theme color
+        </Button>
+        <Button variant="outline" color="#1D72FE">
+          Hex color
+        </Button>
+      </Group>
+    </>
+  );
+}
    +

    Colors index reference

    +

    You can reference colors by index in color prop and style props, for example c prop:

    +

    Text with blue.6 color

    Index
    import { Button, Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <>
+      <Text c="blue.6">Text with blue.6 color</Text>
+      <Button color="cyan.6">Button</Button>
+    </>
+  );
+}
    +

    Difference between color and c props

    +

    color prop is used to control multiple CSS properties of the component. These properties can vary across different components, +but usually color prop controls background, color and border-color CSS properties. For example, +when you set color="#C3FF36" on Button component (with variant="filled"), it will set the following CSS properties:

    +
      +
    • background-color to #C3FF36
      • +
    • background-color when button is hovered to #B0E631 (#C3FF36 darkened by 10%)
      • +
    • color to var(--mantine-color-white)
      • +
    • border-color to transparent
      • +
    +

    c is a style prop – it is responsible for setting a single CSS property color (color of the text). +You can combine both props to achieve better contrast between text and background. In the following example:

    +
      +
    • color prop sets all background: #C3FF36 and color: var(--mantine-color-white)
      • +
    • c prop overrides color styles to color: var(--mantine-color-black)
      • +
    +
    import { Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Button color="#C3FF36" c="black">
+      Button with color and c props
+    </Button>
+  );
+}
    +

    Colors variant resolver

    +

    theme.variantColorResolver is a function that is used to determine which colors will be used +in different variants in the following components: Alert, Avatar, Button, Badge and ActionIcon.

    +

    It accepts an object argument with the following properties:

    +
    interface VariantColorsResolverInput {
+  /** `color` prop passed to component */
+  color: MantineColor | undefined;
+
+  /** `variant` prop passed to component */
+  variant: string;
+
+  /** `gradient` prop passed to component, used only for gradient variant by default */
+  gradient?: MantineGradient;
+
+  /** Theme object */
+  theme: MantineTheme;
+}
    +

    theme.variantColorResolver must return an object with the following properties:

    +
    interface VariantColorResolverResult {
+  background: string;
+  hover: string;
+  color: string;
+  border: string;
+}
    +

    You can use theme.variantColorResolver to customize colors handling by default variants +or to add new variants support:

    +
    import {
+  Button,
+  Group,
+  MantineProvider,
+  defaultVariantColorsResolver,
+  VariantColorsResolver,
+  parseThemeColor,
+  rem,
+  rgba,
+  darken,
+} from '@mantine/core';
+
+const variantColorResolver: VariantColorsResolver = (input) => {
+  const defaultResolvedColors = defaultVariantColorsResolver(input);
+  const parsedColor = parseThemeColor({
+    color: input.color || input.theme.primaryColor,
+    theme: input.theme,
+  });
+
+  // Override some properties for variant
+  if (parsedColor.isThemeColor && parsedColor.color === 'lime' && input.variant === 'filled') {
+    return { ...defaultResolvedColors, color: 'var(--mantine-color-black)' };
+  }
+
+  // Completely override variant
+  if (input.variant === 'light') {
+    return {
+      background: rgba(parsedColor.value, 0.1),
+      hover: rgba(parsedColor.value, 0.15),
+      border: `${rem(1)} solid ${parsedColor.value}`,
+      color: darken(parsedColor.value, 0.1),
+    };
+  }
+
+  // Add new variants support
+  if (input.variant === 'danger') {
+    return {
+      background: 'var(--mantine-color-red-9)',
+      hover: 'var(--mantine-color-red-8)',
+      color: 'var(--mantine-color-white)',
+      border: 'none',
+    };
+  }
+
+  return defaultResolvedColors;
+};
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ variantColorResolver }}>
+      <Group>
+        <Button color="lime.4" variant="filled">
+          Lime filled button
+        </Button>
+
+        <Button color="orange" variant="light">
+          Orange light button
+        </Button>
+
+        <Button variant="danger">Danger button</Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    Colors generation

    +

    You can use colors generator to generate 10 shades of color based on a single value +or install @mantine/colors-generator package to generate dynamic colors in your application:

    +
    yarn add chroma-js @mantine/colors-generator
    +

    The package exports generateColors function that accepts a color value and returns an array of 10 shades. +Note that generateColors function works best with darker colors (blue, violet, red) and may produce +colors with poor contrast for lighter colors (yellow, teal, orange). Usually, it is better to generate +colors in advance to avoid contrast issues.

    +
    import { MantineProvider } from '@mantine/core';
+import { generateColors } from '@mantine/colors-generator';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        colors: {
+          'pale-blue': generateColors('#375EAC'),
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Default colors

    +

    dark 0

    #C1C2C5

    dark 1

    #A6A7AB

    dark 2

    #909296

    dark 3

    #5c5f66

    dark 4

    #373A40

    dark 5

    #2C2E33

    dark 6

    #25262b

    dark 7

    #1A1B1E

    dark 8

    #141517

    dark 9

    #101113

    gray 0

    #f8f9fa

    gray 1

    #f1f3f5

    gray 2

    #e9ecef

    gray 3

    #dee2e6

    gray 4

    #ced4da

    gray 5

    #adb5bd

    gray 6

    #868e96

    gray 7

    #495057

    gray 8

    #343a40

    gray 9

    #212529

    red 0

    #fff5f5

    red 1

    #ffe3e3

    red 2

    #ffc9c9

    red 3

    #ffa8a8

    red 4

    #ff8787

    red 5

    #ff6b6b

    red 6

    #fa5252

    red 7

    #f03e3e

    red 8

    #e03131

    red 9

    #c92a2a

    pink 0

    #fff0f6

    pink 1

    #ffdeeb

    pink 2

    #fcc2d7

    pink 3

    #faa2c1

    pink 4

    #f783ac

    pink 5

    #f06595

    pink 6

    #e64980

    pink 7

    #d6336c

    pink 8

    #c2255c

    pink 9

    #a61e4d

    grape 0

    #f8f0fc

    grape 1

    #f3d9fa

    grape 2

    #eebefa

    grape 3

    #e599f7

    grape 4

    #da77f2

    grape 5

    #cc5de8

    grape 6

    #be4bdb

    grape 7

    #ae3ec9

    grape 8

    #9c36b5

    grape 9

    #862e9c

    violet 0

    #f3f0ff

    violet 1

    #e5dbff

    violet 2

    #d0bfff

    violet 3

    #b197fc

    violet 4

    #9775fa

    violet 5

    #845ef7

    violet 6

    #7950f2

    violet 7

    #7048e8

    violet 8

    #6741d9

    violet 9

    #5f3dc4

    indigo 0

    #edf2ff

    indigo 1

    #dbe4ff

    indigo 2

    #bac8ff

    indigo 3

    #91a7ff

    indigo 4

    #748ffc

    indigo 5

    #5c7cfa

    indigo 6

    #4c6ef5

    indigo 7

    #4263eb

    indigo 8

    #3b5bdb

    indigo 9

    #364fc7

    blue 0

    #e7f5ff

    blue 1

    #d0ebff

    blue 2

    #a5d8ff

    blue 3

    #74c0fc

    blue 4

    #4dabf7

    blue 5

    #339af0

    blue 6

    #228be6

    blue 7

    #1c7ed6

    blue 8

    #1971c2

    blue 9

    #1864ab

    cyan 0

    #e3fafc

    cyan 1

    #c5f6fa

    cyan 2

    #99e9f2

    cyan 3

    #66d9e8

    cyan 4

    #3bc9db

    cyan 5

    #22b8cf

    cyan 6

    #15aabf

    cyan 7

    #1098ad

    cyan 8

    #0c8599

    cyan 9

    #0b7285

    teal 0

    #e6fcf5

    teal 1

    #c3fae8

    teal 2

    #96f2d7

    teal 3

    #63e6be

    teal 4

    #38d9a9

    teal 5

    #20c997

    teal 6

    #12b886

    teal 7

    #0ca678

    teal 8

    #099268

    teal 9

    #087f5b

    green 0

    #ebfbee

    green 1

    #d3f9d8

    green 2

    #b2f2bb

    green 3

    #8ce99a

    green 4

    #69db7c

    green 5

    #51cf66

    green 6

    #40c057

    green 7

    #37b24d

    green 8

    #2f9e44

    green 9

    #2b8a3e

    lime 0

    #f4fce3

    lime 1

    #e9fac8

    lime 2

    #d8f5a2

    lime 3

    #c0eb75

    lime 4

    #a9e34b

    lime 5

    #94d82d

    lime 6

    #82c91e

    lime 7

    #74b816

    lime 8

    #66a80f

    lime 9

    #5c940d

    yellow 0

    #fff9db

    yellow 1

    #fff3bf

    yellow 2

    #ffec99

    yellow 3

    #ffe066

    yellow 4

    #ffd43b

    yellow 5

    #fcc419

    yellow 6

    #fab005

    yellow 7

    #f59f00

    yellow 8

    #f08c00

    yellow 9

    #e67700

    orange 0

    #fff4e6

    orange 1

    #ffe8cc

    orange 2

    #ffd8a8

    orange 3

    #ffc078

    orange 4

    #ffa94d

    orange 5

    #ff922b

    orange 6

    #fd7e14

    orange 7

    #f76707

    orange 8

    #e8590c

    orange 9

    #d9480f

    +

    Add custom colors types

    +

    TypeScript will only autocomplete Mantine's default colors when accessing the theme. To add your custom colors to the MantineColor type, you can use TypeScript module declaration.

    +
    import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
+
+type ExtendedCustomColors = 'primaryColorName' | 'secondaryColorName' | DefaultMantineColor;
+
+declare module '@mantine/core' {
+  export interface MantineThemeColorsOverride {
+    colors: Record<ExtendedCustomColors, MantineColorsTuple>;
+  }
+}

    Previous

    Theme object

    Next

    Color schemes

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/default-props/index.html b/theming/default-props/index.html new file mode 100644 index 00000000000..91ace467e7b --- /dev/null +++ b/theming/default-props/index.html @@ -0,0 +1,133 @@ +Default props | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Default props

    +

    You can define default props for every Mantine component by setting theme.components. +These props will be used by default by all components of your application unless they are overridden by component props:

    +
    import { MantineProvider, Button, Group, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      defaultProps: {
+        color: 'cyan',
+        variant: 'outline',
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Group>
+        <Button>Default button</Button>
+        <Button color="red" variant="filled">
+          Button with props
+        </Button>
+      </Group>
+    </MantineProvider>
+  );
+}
    +

    Default props with MantineThemeProvider

    +

    You can also use MantineThemeProvider to define default props +for a part of your application:

    +
    import { MantineThemeProvider, Button, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  components: {
+    Button: Button.extend({
+      defaultProps: {
+        color: 'cyan',
+        variant: 'outline',
+      },
+    }),
+  },
+});
+
+function Demo() {
+  return (
+    <>
+      <MantineThemeProvider theme={theme}>
+        <AppPart />
+      </MantineThemeProvider>
+
+      <AnotherAppPart />
+    </>
+  );
+}
    +

    Default props for compound components

    +

    Some components like Menu and Tabs have associated compound components: +Menu.Item, Tabs.List, etc.. You can add default props to these components by omitting the dot from component name:

    +
    import { MantineProvider, Menu, Tabs } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        components: {
+          MenuItem: Menu.Item.extend({
+            defaultProps: { color: 'red' },
+          }),
+
+          TabsList: Tabs.List.extend({
+            defaultProps: {
+              justify: 'center',
+            },
+          }),
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    useProps hook

    +

    You can use useProps hook to add default props support to any custom component. +useProps accepts three arguments:

    +
      +
    • component name (string) – it is used to connect component with theme
      • +
    • defaultProps – default props on component level – these props are used when default props are not defined on theme
      • +
    • props – props passed to component
      • +
    +
    Default color
    Provider color
    Prop color
    import { useProps, MantineThemeProvider, createTheme } from '@mantine/core';
+
+interface CustomComponentProps {
+  color?: string;
+  children?: React.ReactNode;
+}
+
+const defaultProps: Partial<CustomComponentProps> = {
+  color: 'red',
+};
+
+function CustomComponent(props: CustomComponentProps) {
+  const { color, children } = useProps('CustomComponent', defaultProps, props);
+  return <div style={{ color }}>{children}</div>;
+}
+
+const theme = createTheme({
+  components: {
+    CustomComponent: {
+      defaultProps: {
+        color: 'green',
+      },
+    },
+  },
+});
+
+function Demo() {
+  return (
+    <div>
+      <CustomComponent>Default color</CustomComponent>
+
+      <MantineThemeProvider theme={theme}>
+        <CustomComponent>Provider color</CustomComponent>
+        <CustomComponent color="blue">Prop color</CustomComponent>
+      </MantineThemeProvider>
+    </div>
+  );
+}

    Previous

    Typography

    Next

    CSS modules

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/default-theme/index.html b/theming/default-theme/index.html new file mode 100644 index 00000000000..4d3395b5b28 --- /dev/null +++ b/theming/default-theme/index.html @@ -0,0 +1,279 @@ +Default theme | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Default theme object

    +

    Import default theme object

    +

    You can import DEFAULT_THEME from @mantine/core package:

    +
    import { DEFAULT_THEME } from '@mantine/core';
    +

    Default theme object

    +
    {
+  "scale": 1,
+  "fontSmoothing": true,
+  "focusRing": "auto",
+  "white": "#fff",
+  "black": "#000",
+  "colors": {
+    "dark": [
+      "#C1C2C5",
+      "#A6A7AB",
+      "#909296",
+      "#5c5f66",
+      "#373A40",
+      "#2C2E33",
+      "#25262b",
+      "#1A1B1E",
+      "#141517",
+      "#101113"
+    ],
+    "gray": [
+      "#f8f9fa",
+      "#f1f3f5",
+      "#e9ecef",
+      "#dee2e6",
+      "#ced4da",
+      "#adb5bd",
+      "#868e96",
+      "#495057",
+      "#343a40",
+      "#212529"
+    ],
+    "red": [
+      "#fff5f5",
+      "#ffe3e3",
+      "#ffc9c9",
+      "#ffa8a8",
+      "#ff8787",
+      "#ff6b6b",
+      "#fa5252",
+      "#f03e3e",
+      "#e03131",
+      "#c92a2a"
+    ],
+    "pink": [
+      "#fff0f6",
+      "#ffdeeb",
+      "#fcc2d7",
+      "#faa2c1",
+      "#f783ac",
+      "#f06595",
+      "#e64980",
+      "#d6336c",
+      "#c2255c",
+      "#a61e4d"
+    ],
+    "grape": [
+      "#f8f0fc",
+      "#f3d9fa",
+      "#eebefa",
+      "#e599f7",
+      "#da77f2",
+      "#cc5de8",
+      "#be4bdb",
+      "#ae3ec9",
+      "#9c36b5",
+      "#862e9c"
+    ],
+    "violet": [
+      "#f3f0ff",
+      "#e5dbff",
+      "#d0bfff",
+      "#b197fc",
+      "#9775fa",
+      "#845ef7",
+      "#7950f2",
+      "#7048e8",
+      "#6741d9",
+      "#5f3dc4"
+    ],
+    "indigo": [
+      "#edf2ff",
+      "#dbe4ff",
+      "#bac8ff",
+      "#91a7ff",
+      "#748ffc",
+      "#5c7cfa",
+      "#4c6ef5",
+      "#4263eb",
+      "#3b5bdb",
+      "#364fc7"
+    ],
+    "blue": [
+      "#e7f5ff",
+      "#d0ebff",
+      "#a5d8ff",
+      "#74c0fc",
+      "#4dabf7",
+      "#339af0",
+      "#228be6",
+      "#1c7ed6",
+      "#1971c2",
+      "#1864ab"
+    ],
+    "cyan": [
+      "#e3fafc",
+      "#c5f6fa",
+      "#99e9f2",
+      "#66d9e8",
+      "#3bc9db",
+      "#22b8cf",
+      "#15aabf",
+      "#1098ad",
+      "#0c8599",
+      "#0b7285"
+    ],
+    "teal": [
+      "#e6fcf5",
+      "#c3fae8",
+      "#96f2d7",
+      "#63e6be",
+      "#38d9a9",
+      "#20c997",
+      "#12b886",
+      "#0ca678",
+      "#099268",
+      "#087f5b"
+    ],
+    "green": [
+      "#ebfbee",
+      "#d3f9d8",
+      "#b2f2bb",
+      "#8ce99a",
+      "#69db7c",
+      "#51cf66",
+      "#40c057",
+      "#37b24d",
+      "#2f9e44",
+      "#2b8a3e"
+    ],
+    "lime": [
+      "#f4fce3",
+      "#e9fac8",
+      "#d8f5a2",
+      "#c0eb75",
+      "#a9e34b",
+      "#94d82d",
+      "#82c91e",
+      "#74b816",
+      "#66a80f",
+      "#5c940d"
+    ],
+    "yellow": [
+      "#fff9db",
+      "#fff3bf",
+      "#ffec99",
+      "#ffe066",
+      "#ffd43b",
+      "#fcc419",
+      "#fab005",
+      "#f59f00",
+      "#f08c00",
+      "#e67700"
+    ],
+    "orange": [
+      "#fff4e6",
+      "#ffe8cc",
+      "#ffd8a8",
+      "#ffc078",
+      "#ffa94d",
+      "#ff922b",
+      "#fd7e14",
+      "#f76707",
+      "#e8590c",
+      "#d9480f"
+    ]
+  },
+  "primaryShade": {
+    "light": 6,
+    "dark": 8
+  },
+  "primaryColor": "blue",
+  "fontFamily": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",
+  "fontFamilyMonospace": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  "respectReducedMotion": false,
+  "cursorType": "default",
+  "defaultGradient": {
+    "from": "blue",
+    "to": "cyan",
+    "deg": 45
+  },
+  "defaultRadius": "sm",
+  "activeClassName": "mantine-active",
+  "focusClassName": "",
+  "headings": {
+    "fontFamily": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",
+    "fontWeight": "700",
+    "sizes": {
+      "h1": {
+        "fontSize": "calc(2.125rem * var(--mantine-scale))",
+        "lineHeight": "1.3"
+      },
+      "h2": {
+        "fontSize": "calc(1.625rem * var(--mantine-scale))",
+        "lineHeight": "1.35"
+      },
+      "h3": {
+        "fontSize": "calc(1.375rem * var(--mantine-scale))",
+        "lineHeight": "1.4"
+      },
+      "h4": {
+        "fontSize": "calc(1.125rem * var(--mantine-scale))",
+        "lineHeight": "1.45"
+      },
+      "h5": {
+        "fontSize": "calc(1rem * var(--mantine-scale))",
+        "lineHeight": "1.5"
+      },
+      "h6": {
+        "fontSize": "calc(0.875rem * var(--mantine-scale))",
+        "lineHeight": "1.5"
+      }
+    }
+  },
+  "fontSizes": {
+    "xs": "calc(0.75rem * var(--mantine-scale))",
+    "sm": "calc(0.875rem * var(--mantine-scale))",
+    "md": "calc(1rem * var(--mantine-scale))",
+    "lg": "calc(1.125rem * var(--mantine-scale))",
+    "xl": "calc(1.25rem * var(--mantine-scale))"
+  },
+  "lineHeights": {
+    "xs": "1.4",
+    "sm": "1.45",
+    "md": "1.55",
+    "lg": "1.6",
+    "xl": "1.65"
+  },
+  "radius": {
+    "xs": "calc(0.125rem * var(--mantine-scale))",
+    "sm": "calc(0.25rem * var(--mantine-scale))",
+    "md": "calc(0.5rem * var(--mantine-scale))",
+    "lg": "calc(1rem * var(--mantine-scale))",
+    "xl": "calc(2rem * var(--mantine-scale))"
+  },
+  "spacing": {
+    "xs": "calc(0.625rem * var(--mantine-scale))",
+    "sm": "calc(0.75rem * var(--mantine-scale))",
+    "md": "calc(1rem * var(--mantine-scale))",
+    "lg": "calc(1.25rem * var(--mantine-scale))",
+    "xl": "calc(2rem * var(--mantine-scale))"
+  },
+  "breakpoints": {
+    "xs": "36em",
+    "sm": "48em",
+    "md": "62em",
+    "lg": "75em",
+    "xl": "88em"
+  },
+  "shadows": {
+    "xs": "0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1)",
+    "sm": "0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale))",
+    "md": "0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale))",
+    "lg": "0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))",
+    "xl": "0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))"
+  },
+  "other": {},
+  "components": {}
+}

    Next

    MantineProvider

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/mantine-provider/index.html b/theming/mantine-provider/index.html new file mode 100644 index 00000000000..250aa97cb8d --- /dev/null +++ b/theming/mantine-provider/index.html @@ -0,0 +1,188 @@ +MantineProvider | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    MantineProvider

    +

    MantineProvider provides a theme object context value, manages color scheme +changes and injects CSS variables. It must be rendered at the root of your +application and should be used only once.

    +

    Usage

    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  /** Your theme override here */
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    MantineProvider props

    +

    MantineProvider supports the following props:

    +
    interface MantineProviderProps {
+  /** Theme override object */
+  theme?: MantineThemeOverride;
+
+  /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */
+  colorSchemeManager?: MantineColorSchemeManager;
+
+  /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `light` by default */
+  defaultColorScheme?: MantineColorScheme;
+
+  /** CSS selector to which CSS variables should be added, `:root` by default */
+  cssVariablesSelector?: string;
+
+  /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */
+  withCssVariables?: boolean;
+
+  /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
+  getRootElement?(): HTMLElement | undefined;
+
+  /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */
+  classNamesPrefix?: string;
+
+  /** Function to generate nonce attribute added to all generated `<style />` tags */
+  getStyleNonce?(): string;
+
+  /** Function to generate CSS variables based on theme object */
+  cssVariablesResolver?: CSSVariablesResolver;
+
+  /** Your application */
+  children?: React.ReactNode;
+}
    +

    theme

    +

    Pass theme object override to theme prop. It will be merged with the default +theme and used in all components.

    +
    import { MantineProvider, createTheme } from '@mantine/core';
+
+const theme = createTheme({
+  fontFamily: 'Open Sans, sans-serif',
+  primaryColor: 'cyan',
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    colorSchemeManager

    +

    colorSchemeManager is used to retrieve and set color scheme value in external storage. By default, +MantineProvider uses window.localStorage to store color scheme value, but you can pass your own +implementation to colorSchemeManager prop. You can learn more about color scheme management in the +color schemes guide.

    +
    import { MantineProvider, localStorageColorSchemeManager } from '@mantine/core';
+
+const colorSchemeManager = localStorageColorSchemeManager({ key: 'my-app-color-scheme' });
+
+function Demo() {
+  return (
+    <MantineProvider colorSchemeManager={colorSchemeManager}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    defaultColorScheme

    +

    defaultColorScheme value is used when colorSchemeManager cannot retrieve the value from external +storage, for example during server side rendering or when the user hasn't selected a preferred color scheme. +Possible values are light, dark and auto. By default, it is set to light, +which means that the color scheme will be determined based on user system preferences. +You can learn more about color scheme management in the color schemes guide.

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider defaultColorScheme="dark">
+      <App />
+    </MantineProvider>
+  );
+}
    +

    cssVariablesSelector

    +

    cssVariablesSelector is a CSS selector to which CSS variables should be added. +By default, it is :root. MantineProvider generates CSS variables based on given theme override +and cssVariablesResolver, then these variables are rendered into <style /> tag next to your application. +You can learn more about Mantine CSS variables in the CSS variables guide.

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider cssVariablesSelector="html">
+      <App />
+    </MantineProvider>
+  );
+}
    +

    withCssVariables

    +

    withCssVariables determines whether theme CSS variables should be added to given cssVariablesSelector. +By default, it is set to true, you should not change it unless you want to manage CSS variables +via .css file (Note that in this case you will need to generate all theme tokens +that are not a part of the default theme on your side).

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider withCssVariables={false}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    getRootElement

    +

    getRootElement is a function that returns the root application (usually html) element to set data-mantine-color-scheme attribute. +Default value is () => document.documentElement which means that data-mantine-color-scheme +attribute will be added to <html /> tag. You can learn more about color scheme management in the +color schemes guide.

    +
    import { MantineProvider } from '@mantine/core';
+
+const getRootElement = () => (typeof window === 'undefined' ? undefined : document.body);
+
+function Demo() {
+  return (
+    <MantineProvider getRootElement={getRootElement}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    classNamesPrefix

    +

    classNamesPrefix is a prefix for components static classes (for example {selector}-Text-root). +Default value is mantine – all components will have mantine- prefix in their static classes.

    +
    import { Text, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider>
+      <Text>Just some text</Text>
+    </MantineProvider>
+  );
+}
    +

    In this case (default classNamesPrefix), Text component will have the following classes:

    +
      +
    • mantine-focus-auto – global utility class
      • +
    • m-3nrA4eL – component class, usually a random string, with this class library styles are applied
      • +
    • mantine-Text-root – component static class, part of Styles API
      • +
    +

    With classNamesPrefix you can change only static class:

    +
    import { Text, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider classNamesPrefix="app">
+      <Text>Just some text</Text>
+    </MantineProvider>
+  );
+}
    +

    Now Text component will have the following classes:

    +
      +
    • mantine-focus-auto – classNamesPrefix does not impact global utility classes – it is static and cannot be changed
      • +
    • m-3nrA4eL – classNamesPrefix does not impact library class – it is static and cannot be changed
      • +
    • app-Text-root – component static class has classNamesPrefix instead of mantine
      • +
    +

    getStyleNonce

    +

    getStyleNonce is a function to generate nonce attribute added to dynamic generated <style /> tags.

    +

    cssVariablesResolver

    +

    cssVariablesResolver is a function to generate CSS variables styles based on the theme object. +You can learn more about Mantine CSS variables in the CSS variables guide.

    Next

    Theme object

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/theme-object/index.html b/theming/theme-object/index.html new file mode 100644 index 00000000000..79e848dc256 --- /dev/null +++ b/theming/theme-object/index.html @@ -0,0 +1,358 @@ +Theme object | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Theme object

    +

    Mantine theme is an object where your application's colors, fonts, spacing, border-radius and other design tokens are stored.

    +
    interface MantineTheme {
+  /** Controls focus ring styles. Supports the following options:
+   *  - `auto` – focus ring is displayed only when the user navigates with keyboard (default value)
+   *  - `always` – focus ring is displayed when the user navigates with keyboard and mouse
+   *  - `never` – focus ring is always hidden (not recommended)
+   */
+  focusRing: 'auto' | 'always' | 'never';
+
+  /** rem units scale, change if you customize font-size of `<html />` element
+   *  default value is `1` (for `100%`/`16px` font-size on `<html />`)
+   */
+  scale: number;
+
+  /** Determines whether `font-smoothing` property should be set on the body, `true` by default */
+  fontSmoothing: boolean;
+
+  /** White color */
+  white: string;
+
+  /** Black color */
+  black: string;
+
+  /** Object of colors, key is color name, value is an array of at least 10 strings (colors) */
+  colors: MantineThemeColors;
+
+  /** Index of theme.colors[color].
+   *  Primary shade is used in all components to determine which color from theme.colors[color] should be used.
+   *  Can be either a number (0–9) or an object to specify different color shades for light and dark color schemes.
+   *  Default value `{ light: 6, dark: 8 }`
+   *
+   *  For example,
+   *  { primaryShade: 6 } // shade 6 is used both for dark and light color schemes
+   *  { primaryShade: { light: 6, dark: 7 } } // different shades for dark and light color schemes
+   * */
+  primaryShade: MantineColorShade | MantinePrimaryShade;
+
+  /** Key of `theme.colors`, hex/rgb/hsl values are not supported.
+   *  Determines which color will be used in all components by default.
+   *  Default value – `blue`.
+   * */
+  primaryColor: string;
+
+  /** Function to resolve colors based on variant.
+   *  Can be used to deeply customize how colors are applied to `Button`, `ActionIcon`, `ThemeIcon`
+   *  and other components that use colors from theme.
+   * */
+  variantColorResolver: VariantColorsResolver;
+
+  /** font-family used in all components, system fonts by default */
+  fontFamily: string;
+
+  /** Monospace font-family, used in code and other similar components, system fonts by default  */
+  fontFamilyMonospace: string;
+
+  /** Controls various styles of h1-h6 elements, used in TypographyStylesProvider and Title components */
+  headings: {
+    fontFamily: string;
+    fontWeight: string;
+    sizes: {
+      h1: HeadingStyle;
+      h2: HeadingStyle;
+      h3: HeadingStyle;
+      h4: HeadingStyle;
+      h5: HeadingStyle;
+      h6: HeadingStyle;
+    };
+  };
+
+  /** Object of values that are used to set `border-radius` in all components that support it */
+  radius: MantineRadiusValues;
+
+  /** Key of `theme.radius` or any valid CSS value. Default `border-radius` used by most components */
+  defaultRadius: MantineRadius;
+
+  /** Object of values that are used to set various CSS properties that control spacing between elements */
+  spacing: MantineSpacingValues;
+
+  /** Object of values that are used to control `font-size` property in all components */
+  fontSizes: MantineFontSizesValues;
+
+  /** Object of values that are used to control `line-height` property in `Text` component */
+  lineHeights: MantineLineHeightValues;
+
+  /** Object of values that are used to control breakpoints in all components,
+   *  values are expected to be defined in em
+   * */
+  breakpoints: MantineBreakpointsValues;
+
+  /** Object of values that are used to add `box-shadow` styles to components that support `shadow` prop */
+  shadows: MantineShadowsValues;
+
+  /** Determines whether user OS settings to reduce motion should be respected, `false` by default */
+  respectReducedMotion: boolean;
+
+  /** Determines which cursor type will be used for interactive elements
+   * - `default` – cursor that is used by native HTML elements, for example, `input[type="checkbox"]` has `cursor: default` styles
+   * - `pointer` – sets `cursor: pointer` on interactive elements that do not have these styles by default
+   */
+  cursorType: 'default' | 'pointer';
+
+  /** Default gradient configuration for components that support `variant="gradient"` */
+  defaultGradient: MantineGradient;
+
+  /** Class added to the elements that have active styles, for example, `Button` and `ActionIcon` */
+  activeClassName: string;
+
+  /** Class added to the elements that have focus styles, for example, `Button` or `ActionIcon`.
+   *  Overrides `theme.focusRing` property.
+   */
+  focusClassName: string;
+
+  /** Allows adding `classNames`, `styles` and `defaultProps` to any component */
+  components: MantineThemeComponents;
+
+  /** Any other properties that you want to access with the theme objects */
+  other: MantineThemeOther;
+}
    +

    Usage

    +

    To customize theme, pass theme override object to MantineProvider theme prop. +Theme override will be deeply merged with the default theme.

    +
    import { MantineProvider, createTheme, rem } from '@mantine/core';
+
+const theme = createTheme({
+  colors: {
+    // Add your color
+    deepBlue: ['#E9EDFC', '#C1CCF6', '#99ABF0' /* ... */],
+    // or replace default theme color
+    blue: ['#E9EDFC', '#C1CCF6', '#99ABF0' /* ... */],
+  },
+
+  shadows: {
+    md: '1px 1px 3px rgba(0, 0, 0, .25)',
+    xl: '5px 5px 3px rgba(0, 0, 0, .25)',
+  },
+
+  headings: {
+    fontFamily: 'Roboto, sans-serif',
+    sizes: {
+      h1: { fontSize: rem(36) },
+    },
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Theme properties

    +

    focusRing

    +

    theme.focusRing controls focus ring styles, it supports the following values:

    +
      +
    • auto (default and recommended) – focus ring is visible only when the user navigates with keyboard, this is the default browser behavior for native interactive elements
      • +
    • always – focus ring is visible when user navigates with keyboard and mouse, for example, the focus ring will be visible when user clicks on a button
      • +
    • never – focus ring is always hidden, it is not recommended – users who navigate with keyboard will not have visual indication of the current focused element
      • +
    +

    Focus ring: auto

    Focus ring: always

    Focus ring: never

    +

    focusClassName

    +

    theme.focusClassName is a CSS class that is added to elements that have focus styles, for example, Button or ActionIcon. +It can be used to customize focus ring styles of all interactive components except inputs. Note that when theme.focusClassName is set, theme.focusRing is ignored.

    +
    import { MantineProvider, Button } from '@mantine/core';
+import classes from './focus.module.css';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ focusClassName: classes.focus }}>
+      <Button>Click button to see custom focus ring</Button>
+    </MantineProvider>
+  );
+}
    +
    +

    :focus-visible selector

    +

    :focus-visible selector is supported by more than 91% of browsers (data from April 2023). +Safari browsers added support for it in version 15.4 (released in March 2022). If you need to support Safari 15.3 and older, you can use focus-visible polyfill +or provide a fallback with :focus pseudo-class.

    +
    +

    activeClassName

    +

    theme.activeClassName is a CSS class that is added to elements that have active styles, for example, Button or ActionIcon. +It can be used to customize active styles of all interactive components.

    +
    import { MantineProvider, Button } from '@mantine/core';
+import classes from './active.module.css';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ activeClassName: classes.active }}>
+      <Button>Press me to see active styles</Button>
+    </MantineProvider>
+  );
+}
    +

    To disable active styles for all components, set theme.activeClassName to an empty string:

    +
    import { MantineProvider, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ activeClassName: '' }}>
+      <Button>No active styles</Button>
+    </MantineProvider>
+  );
+}
    +

    defaultRadius

    +

    theme.defaultRadius controls the default border-radius property in most components, for example, Button or TextInput. +You can set to either one of the values from theme.radius or a number/string to use exact value. Note that numbers are treated as pixels, but +converted to rem. For example, theme.defaultRadius: 4 will be converted to 0.25rem. +You can learn more about rem conversion in the rem units guide.

    +
    Default radius
    import { MantineProvider, TextInput, Button } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider theme={{ defaultRadius: 'sm' }}>
+      <Button fullWidth>Button with defaultRadius</Button>
+      <TextInput mt="sm" label="TextInput with defaultRadius" placeholder="TextInput with default radius" />
+    </MantineProvider>
+  );
+}
    +

    cursorType

    +

    theme.cursorType controls the default cursor type for interactive elements, +that do not have cursor: pointer styles by default. For example, Checkbox and NativeSelect.

    +
    import { MantineProvider, createTheme, Checkbox } from '@mantine/core';
+
+const theme = createTheme({
+  cursorType: 'pointer',
+});
+
+function Demo() {
+  return (
+    <>
+      <Checkbox label="Default cursor" />
+
+      <MantineProvider theme={theme}>
+        <Checkbox label="Pointer cursor" mt="md" />
+      </MantineProvider>
+    </>
+  );
+}
    +

    defaultGradient

    +

    theme.defaultGradient controls the default gradient configuration for components that support variant="gradient" +(Button, ActionIcon, Badge, etc.).

    +
    import { MantineProvider, createTheme, Button } from '@mantine/core';
+
+const theme = createTheme({
+  defaultGradient: {
+    from: 'orange',
+    to: 'red',
+    deg: 45,
+  },
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={theme}>
+      <Button variant="gradient">Button with custom default gradient</Button>
+    </MantineProvider>
+  );
+}
    +

    components

    +

    theme.components allows to override components default props and styles with classNames and styles properties. +You can learn more about these features in default props and Styles API guides.

    +

    other

    +

    theme.other is an object that can be used to store any other properties that you want to access with the theme objects.

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        other: {
+          charcoal: '#333333',
+          primaryHeadingSize: 45,
+          fontWeights: {
+            bold: 700,
+            extraBold: 900,
+          },
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Store theme override object in a variable

    +

    To store theme override object in a variable, use createTheme function:

    +
    import { createTheme, MantineProvider } from '@mantine/core';
+
+const myTheme = createTheme({
+  primaryColor: 'orange',
+  defaultRadius: 0,
+});
+
+function Demo() {
+  return (
+    <MantineProvider theme={myTheme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Merge multiple theme overrides

    +

    Use mergeThemeOverrides function to merge multiple themes into one theme override object:

    +
    import { createTheme, mergeThemeOverrides, MantineProvider } from '@mantine/core';
+
+const theme1 = createTheme({
+  primaryColor: 'orange',
+  defaultRadius: 0,
+});
+
+const theme2 = createTheme({
+  cursorType: 'pointer',
+});
+
+// Note: It is better to to store theme override outside of component body
+// to prevent unnecessary re-renders
+const myTheme = mergeThemeOverrides(theme1, theme2);
+
+function Demo() {
+  return (
+    <MantineProvider theme={myTheme}>
+      <App />
+    </MantineProvider>
+  );
+}
    +

    use-mantine-theme hook

    +

    useMantineTheme hook returns theme object from MantineProvider context:

    +
    import { useMantineTheme } from '@mantine/core';
+
+function Demo() {
+  const theme = useMantineTheme();
+  return <div style={{ background: theme.colors.blue[5] }} />;
+}
    +

    Default theme

    +

    You can import default theme object from @mantine/core package. It includes +all theme properties with default values. When you pass theme override to +MantineProvider, it will be deeply merged with +the default theme. You can find contents of DEFAULT_THEME object +on this page.

    +
    import { DEFAULT_THEME } from '@mantine/core';
    +

    Access theme outside of components

    +

    To access theme outside of components, you need to create a full theme object +(your theme override merged with the default theme).

    +
    // theme.ts
+import { createTheme, mergeMantineTheme, DEFAULT_THEME } from '@mantine/theme';
+
+const themeOverride = createTheme({
+  primaryColor: 'orange',
+  defaultRadius: 0,
+});
+
+export const theme = mergeMantineTheme(DEFAULT_THEME, themeOverride);
    +

    Then your will be able to import it anywhere in your application:

    +
    import { theme } from './theme.ts';

    Previous

    MantineProvider

    Next

    Colors

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file diff --git a/theming/typography/index.html b/theming/typography/index.html new file mode 100644 index 00000000000..b8a2d5f0623 --- /dev/null +++ b/theming/typography/index.html @@ -0,0 +1,159 @@ +Typography | Mantine
    Welcome to Mantine, React components library that you always wished for
    Welcome to Mantine, React components library that you always wished for

    Typography

    +

    Change fonts

    +

    You can change fonts and other text styles for headings, code and all other components with the following theme properties:

    +
      +
    • theme.fontFamily – controls font-family in all components except Title, Code and Kbd
      • +
    • theme.fontFamilyMonospace – controls font-family of components that require monospace font: Code, Kbd and CodeHighlight
      • +
    • theme.headings.fontFamily – controls font-family of h1-h6 tags in Title and TypographyStylesProvider components, fallbacks to theme.fontFamily if not defined
      • +
    +

    Greycliff CF title

    Monaco, Courier Code
    import { Button, Code, Title, MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        fontFamily: 'Verdana, sans-serif',
+        fontFamilyMonospace: 'Monaco, Courier, monospace',
+        headings: { fontFamily: 'Greycliff CF, sans-serif' },
+      }}
+    >
+      <Title order={3}>Greycliff CF or sans-serif title</Title>
+      <Button>Verdana button</Button>
+      <Code>Monaco, Courier Code</Code>
+    </MantineProvider>
+  );
+}
    +

    System fonts

    +

    By default, Mantine uses system fonts. It means that different devices will display components based on available font, +for example, macOS and iOS users will see San Francisco font, +Windows users will see Segoe UI font, +Android users will see Roboto font and so on. +This approach provides a familiar experience to the users and allows avoiding common problems +related to custom fonts loading (layout shift, invisible text, etc.), if you do not have strict +requirements, it is recommended to use system fonts for better performance.

    +

    Default values for theme properties:

    +
      +
    • Default value for theme.fontFamily and theme.headings.fontFamily is -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
      • +
    • Default value for theme.fontFamilyMonospace is ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
      • +
    +

    Font sizes

    +

    Paras is an orange, insectoid Pokémon that resembles the nymph stage of a cicada. Its ovoid body is segmented, and it has three pairs of legs. The foremost pair of legs is the largest and has sharp claws at the tips. There are five specks on its forehead and three teeth on either side of its mouth. It has circular eyes with large pseudopupils.

    Font size
    Line height
    import { Text } from '@mantine/core';
+
+function Demo() {
+  return (
+    <Text fz="md" lh="md">
+      Paras is an orange, insectoid Pokémon that resembles the nymph stage of a cicada. Its ovoid
+      body is segmented, and it has three pairs of legs. The foremost pair of legs is the largest
+      and has sharp claws at the tips. There are five specks on its forehead and three teeth on
+      either side of its mouth. It has circular eyes with large pseudopupils.
+    </Text>
+  );
+}
    +

    theme.fontSizes property defines font-size values for all Mantine components:

    +
    import { MantineProvider, rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        fontSizes: {
+          xs: rem(10),
+          sm: rem(11),
+          md: rem(14),
+          lg: rem(16),
+          xl: rem(20),
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Default theme.fontSizes values:

    +
    KeyValueValue in px
    xs0.75rem12px
    sm0.875rem14px
    md1rem16px
    lg1.125rem18px
    xl1.25rem20px
    +

    Line heights

    +

    theme.lineHeights property defines line-height values for Text component, +most other components use theme.lineHeights.md by default:

    +
    import { MantineProvider } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        lineHeights: {
+          xs: '1.4',
+          sm: '1.45',
+          md: '1.55',
+          lg: '1.6',
+          xl: '1.65',
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    Default theme.lineHeights values:

    +
    KeyValue
    xs1.4
    sm1.45
    md1.55
    lg1.6
    xl1.65
    +

    h1-h6 styles

    +

    To customize headings styles in Title and TypographyStylesProvider components +set theme.headings:

    +
    import { MantineProvider, rem } from '@mantine/core';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        headings: {
+          // properties for all headings
+          fontWeight: '400',
+          fontFamily: 'Roboto',
+
+          // properties for individual headings, all of them are optional
+          sizes: {
+            h1: { fontWeight: '100', fontSize: rem(36), lineHeight: '1.4' },
+            h2: { fontSize: rem(30), lineHeight: '1.5' },
+            // ...up to h6
+            h6: { fontWeight: '900' },
+          },
+        },
+      }}
+    >
+      <App />
+    </MantineProvider>
+  );
+}
    +

    With theme.headings you can customize font-size, font-weight and line-height per heading level. +If you need more control over styles, use :is selector +with Styles API to target specific heading level:

    +

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5
    Heading 6
    import { Title, MantineProvider } from '@mantine/core';
+import classes from './Demo.module.css';
+
+function Demo() {
+  return (
+    <MantineProvider
+      theme={{
+        components: {
+          Title: Title.extend({
+            classNames: {
+              root: classes.heading,
+            },
+          }),
+        },
+      }}
+    >
+      <Title order={1}>Heading 1</Title>
+      <Title order={2}>Heading 2</Title>
+      <Title order={3}>Heading 3</Title>
+      <Title order={4}>Heading 4</Title>
+      <Title order={5}>Heading 5</Title>
+      <Title order={6}>Heading 6</Title>
+    </MantineProvider>
+  );
+}

    Previous

    Color schemes

    Next

    Default props

    Welcome to Mantine, React components library that you always wished for

    Build fully functional accessible web applications faster than ever

    About

    ContributeAbout MantineChangelogReleases

    Community

    Chat on DiscordFollow on TwitterFollow on GithubGitHub discussions

    Project

    Mantine UIDocumentationGithub organizationnpm organization

    Built by Vitaly Rtishchev and these awesome people

    Join Discord communityFollow Mantine on Twitter
    \ No newline at end of file