https://arayofsunshine.dev/_next/static/chunks/pages/base64-4d8e6800d56159f3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4869],{18109:(e,r,t)=>{"use strict";t.d(r,{A:()=>g});var a=t(22795),o=t(44478),n=t(59860),i=t(36149),l=t.n(i),s=t(14232),d=t(99093),c=t(50147),p=t(4061),h=t(37876),x=["bg","children","sx","cozy"],u={white:{light:"common.white",dark:"primaryDark.900"},comfort:{light:"grey.50",dark:"primaryDark.900"},dim:{light:"primaryDark.700",dark:"primaryDark.700"},transparent:{light:"transparent",dark:"transparent"}};let g=s.forwardRef(function(e,r){var t=e.bg,i=void 0===t?"white":t,s=e.children,g=e.sx,m=e.cozy,A=void 0!==m&&m,v=(0,n.A)(e,x);return(0,h.jsx)(c.A,(0,a.A)((0,a.A)({ref:r},v),{},{sx:[function(e){return(0,a.A)((0,a.A)({},"gradient"===i?(0,a.A)({background:"linear-gradient(180deg, #FFF 0%, ".concat((e.vars||e).palette.primary[50]," 100%)")},e.applyDarkStyles({background:"linear-gradient(180deg, ".concat((e.vars||e).palette.primaryDark[900]," 0%, ").concat((0,p.X4)(e.palette.primary[900],.16)," 100%)")})):(0,a.A)({bgcolor:u[i].light},e.applyDarkStyles({bgcolor:u[i].dark}))),{},{py:A?{xs:6,sm:6,md:6}:{xs:4,sm:12,md:14},overflow:"hidden"})}].concat((0,o.A)(l()(g)?g:[g])),children:(0,h.jsx)(d.A,{children:s})}))})},23154:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/base64",function(){return t(38539)}])},38539:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>q});var a,o,n,i,l,s,d,c,p,h,x,u,g,m,A,v=t(49635),b=t.n(v),f=t(61082);let B={en:JSON.parse('{"title":"Base64 Encode and Decode Online - Image & Text","description":"Convert text or images to Base64 strings instantly. Secure, client-side tool for developers to encode/decode data without server uploads.","heading":"Base64 Encode / Decode","schemaName":"Base64 Encoder and Decoder","tabText":"Text Converter","tabImage":"Image to Base64","labelOriginal":"Original Text","labelResult":"Base64 Result","placeholderEncode":"Type here to encode...","placeholderDecode":"Type here to decode...","uploadImage":"Upload Image","uploadHint":"Supports PNG, JPG, GIF, WebP, etc.","placeholderImageResult":"Base64 encoded string will appear here...","preview":"Preview:","imageAlt":"Preview of the uploaded image","errorFileTooLarge":"File is too large (max 2MB for this browser demo)","errorReadFile":"Failed to read file","errorInvalidBase64":"Invalid Base64 string","errorEncodeFailed":"Failed to encode (contains unsupported characters)","howTitle":"How Base64 Encoding Works","howBody":"Base64 encoding converts binary data (8-bit bytes) into ASCII characters (6-bit bytes). It is commonly used to transfer data over media that are designed to deal with textual data, ensuring that the data remains intact without modification during transport.","exampleTitle":"Example: Converting \\"Man\\" to Base64","thText":"Text","thBits":"Bits","thIndex":"Index"}'),"zh-Hans":JSON.parse('{"title":"Base64 编码与解码","description":"对文本进行 Base64 编码或解码，也可将图片转换为 Base64 字符串。","heading":"Base64 编码与解码","schemaName":"Base64 编码解码器","tabText":"文本转换","tabImage":"图片转 Base64","labelOriginal":"原始文本","labelResult":"Base64 结果","placeholderEncode":"在此输入要编码的内容…","placeholderDecode":"在此输入要解码的内容…","uploadImage":"上传图片","uploadHint":"支持 PNG、JPG、GIF、WebP 等格式","placeholderImageResult":"Base64 编码后的字符串将显示在此处…","preview":"预览：","imageAlt":"所上传图片的预览","errorFileTooLarge":"文件过大（此浏览器演示最多支持 2MB）","errorReadFile":"读取文件失败","errorInvalidBase64":"无效的 Base64 字符串","errorEncodeFailed":"编码失败（包含不支持的字符）","howTitle":"Base64 编码的工作原理","howBody":"Base64 编码将二进制数据（8 位字节）转换为 ASCII 字符（6 位字节）。它常用于在仅支持文本的媒介上传输数据，确保数据在传输过程中保持完整、不被修改。","exampleTitle":"示例：将 “Man” 转换为 Base64","thText":"文本","thBits":"比特","thIndex":"索引"}'),"zh-Hant":JSON.parse('{"title":"Base64 編碼與解碼","description":"將文字進行 Base64 編碼或解碼，也可將圖片轉換為 Base64 字串。","heading":"Base64 編碼與解碼","schemaName":"Base64 編碼解碼器","tabText":"文字轉換","tabImage":"圖片轉 Base64","labelOriginal":"原始文字","labelResult":"Base64 結果","placeholderEncode":"在此輸入要編碼的內容…","placeholderDecode":"在此輸入要解碼的內容…","uploadImage":"上傳圖片","uploadHint":"支援 PNG、JPG、GIF、WebP 等格式","placeholderImageResult":"Base64 編碼後的字串將顯示在此處…","preview":"預覽：","imageAlt":"所上傳圖片的預覽","errorFileTooLarge":"檔案過大（此瀏覽器示範最多支援 2MB）","errorReadFile":"讀取檔案失敗","errorInvalidB

1ase64":"無效的 Base64 字串","errorEncodeFailed":"編碼失敗（包含不支援的字元）","howTitle":"Base64 編碼的運作原理","howBody":"Base64 編碼會將二進位資料（8 位元位元組）轉換為 ASCII 字元（6 位元位元組）。它常用於在僅支援文字的媒介上傳輸資料，確保資料在傳輸過程中保持完整、不被修改。","exampleTitle":"範例：將「Man」轉換為 Base64","thText":"文字","thBits":"位元","thIndex":"索引"}'),ja:JSON.parse('{"title":"Base64 エンコード・デコード","description":"テキストの Base64 エンコード・デコードや、画像の Base64 文字列への変換ができます。","heading":"Base64 エンコード・デコード","schemaName":"Base64 エンコーダー・デコーダー","tabText":"テキスト変換","tabImage":"画像を Base64 に変換","labelOriginal":"元のテキスト","labelResult":"Base64 結果","placeholderEncode":"エンコードするテキストをここに入力…","placeholderDecode":"デコードするテキストをここに入力…","uploadImage":"画像をアップロード","uploadHint":"PNG、JPG、GIF、WebP などに対応","placeholderImageResult":"Base64 エンコードされた文字列がここに表示されます…","preview":"プレビュー:","imageAlt":"アップロードした画像のプレビュー","errorFileTooLarge":"ファイルサイズが大きすぎます（このブラウザデモでは最大 2MB）","errorReadFile":"ファイルを読み込めませんでした","errorInvalidBase64":"無効な Base64 文字列です","errorEncodeFailed":"エンコードできませんでした（未対応の文字が含まれています）","howTitle":"Base64 エンコードの仕組み","howBody":"Base64 エンコードは、バイナリデータ（8 ビットのバイト）を ASCII 文字（6 ビットのバイト）に変換します。テキストのみを扱う媒体でデータを転送する際によく使われ、転送中にデータが改変されずそのまま保たれます。","exampleTitle":"例：「Man」を Base64 に変換","thText":"テキスト","thBits":"ビット","thIndex":"インデックス"}'),de:JSON.parse('{"title":"Base64-Kodierung und -Dekodierung","description":"Kodiere und dekodiere Text mit Base64 oder wandle Bilder in Base64-Zeichenfolgen um.","heading":"Base64-Kodierung und -Dekodierung","schemaName":"Base64-Encoder und -Decoder","tabText":"Text-Konverter","tabImage":"Bild zu Base64","labelOriginal":"Originaltext","labelResult":"Base64-Ergebnis","placeholderEncode":"Hier zum Kodieren eingeben…","placeholderDecode":"Hier zum Dekodieren eingeben…","uploadImage":"Bild hochladen","uploadHint":"Unterst\xfctzt PNG, JPG, GIF, WebP und mehr","placeholderImageResult":"Die Base64-kodierte Zeichenfolge erscheint hier…","preview":"Vorschau:","imageAlt":"Vorschau des hochgeladenen Bildes","errorFileTooLarge":"Die Datei ist zu gro\xdf (max. 2 MB f\xfcr diese Browser-Demo)","errorReadFile":"Datei konnte nicht gelesen werden","errorInvalidBase64":"Ung\xfcltige Base64-Zeichenfolge","errorEncodeFailed":"Kodierung fehlgeschlagen (enth\xe4lt nicht unterst\xfctzte Zeichen)","howTitle":"So funktioniert die Base64-Kodierung","howBody":"Die Base64-Kodierung wandelt Bin\xe4rdaten (8-Bit-Bytes) in ASCII-Zeichen (6-Bit-Bytes) um. Sie wird h\xe4ufig verwendet, um Daten \xfcber Medien zu \xfcbertragen, die nur f\xfcr Textdaten ausgelegt sind, damit die Daten w\xe4hrend der \xdcbertragung unver\xe4ndert und intakt bleiben.","exampleTitle":"Beispiel: „Man“ in Base64 umwandeln","thText":"Text","thBits":"Bits","thIndex":"Index"}'),fr:JSON.parse('{"title":"Encodage et d\xe9codage Base64","description":"Encodez et d\xe9codez du texte en Base64 ou convertissez des images en cha\xeenes Base64.","heading":"Encodage et d\xe9codage Base64","schemaName":"Encodeur et d\xe9codeur Base64","tabText":"Convertisseur de texte","tabImage":"Image en Base64","labelOriginal":"Texte original","labelResult":"R\xe9sultat Base64","placeholderEncode":"Saisissez ici le texte \xe0 encoder…","placeholderDecode":"Saisissez ici le texte \xe0 d\xe9coder…","uploadImage":"T\xe9l\xe9verser une image","uploadHint":"Prend en charge PNG, JPG, GIF, WebP, etc.","placeholderImageResult":"La cha\xeene encod\xe9e en Base64 appara\xeetra ici…","preview":"Aper\xe7u :","imageAlt":"Aper\xe7u de l’image t\xe9l\xe9vers\xe9e","errorFileTooLarge":"Fichier trop volumineux (2 Mo maximum pour cette d\xe9mo dans le navigateur)","errorReadFile":"\xc9chec de la lecture du fichier","errorInvalidB

1ase64":"Cha\xeene Base64 non valide","errorEncodeFailed":"\xc9chec de l’encodage (contient des caract\xe8res non pris en charge)","howTitle":"Comment fonctionne l’encodage Base64","howBody":"L’encodage Base64 convertit des donn\xe9es binaires (octets de 8 bits) en caract\xe8res ASCII (octets de 6 bits). Il est couramment utilis\xe9 pour transf\xe9rer des donn\xe9es sur des supports con\xe7us pour le texte, afin qu’elles restent intactes et sans modification pendant le transport.","exampleTitle":"Exemple : convertir \xab Man \xbb en Base64","thText":"Texte","thBits":"Bits","thIndex":"Index"}'),ko:JSON.parse('{"title":"Base64 인코딩 및 디코딩","description":"텍스트를 Base64로 인코딩하거나 디코딩하고 이미지를 Base64 문자열로 변환하세요.","heading":"Base64 인코딩 및 디코딩","schemaName":"Base64 인코더 및 디코더","tabText":"텍스트 변환","tabImage":"이미지를 Base64로","labelOriginal":"원본 텍스트","labelResult":"Base64 결과","placeholderEncode":"인코딩할 텍스트를 입력하세요…","placeholderDecode":"디코딩할 텍스트를 입력하세요…","uploadImage":"이미지 업로드","uploadHint":"PNG, JPG, GIF, WebP 등 지원","placeholderImageResult":"Base64로 인코딩된 문자열이 여기에 표시됩니다…","preview":"미리보기:","imageAlt":"업로드한 이미지 미리보기","errorFileTooLarge":"파일이 너무 큽니다 (이 브라우저 데모에서는 최대 2MB)","errorReadFile":"파일을 읽지 못했습니다","errorInvalidBase64":"유효하지 않은 Base64 문자열입니다","errorEncodeFailed":"인코딩하지 못했습니다 (지원하지 않는 문자가 포함되어 있습니다)","howTitle":"Base64 인코딩 작동 방식","howBody":"Base64 인코딩은 이진 데이터(8비트 바이트)를 ASCII 문자(6비트 바이트)로 변환합니다. 텍스트만 처리하도록 설계된 매체로 데이터를 전송할 때 주로 사용되며, 전송 중에 데이터가 변형되지 않고 그대로 유지되도록 합니다.","exampleTitle":"예: \\"Man\\"을 Base64로 변환","thText":"텍스트","thBits":"비트","thIndex":"인덱스"}')};var j=t(14232),y=t(32600),S=t(3936),w=t(14285),I=t(79745),T=t(27054),C=t(789),F=t(50147),k=t(79501),z=t(53036),L=t(74475),P=t(4318),M=t(30652),R=t(11040),D=t(27953),E=t(34569),W=t(36728),N=t(60641),O=t(47641),H=t(73104),G=t(89123),_=t(88099),J=t(54492),K=t(51481),V=t(18109),Z=t(37876),U=function(){var e=(0,f.A)(B),r=(0,j.useState)(""),t=r[0],a=r[1],o=(0,j.useState)(""),n=o[0],i=o[1],l=(0,j.useRef)(null),s=(0,j.useCallback)(function(r){var t,o=null==(t=r.target.files)?void 0:t[0];if(o){if(o.size>2097152)return void i(e("errorFileTooLarge"));i("");var n=new FileReader;n.onloadend=function(){a(n.result)},n.onerror=function(){i(e("errorReadFile"))},n.readAsDataURL(o)}},[e]);return(0,Z.jsxs)(k.A,{spacing:2,children:[n&&(0,Z.jsx)(z.A,{severity:"error",onClose:function(){return i("")},children:n}),(0,Z.jsxs)(F.A,{sx:{display:"flex",alignItems:"center",gap:2,flexWrap:"wrap"},children:[(0,Z.jsxs)(C.A,{variant:"contained",component:"label",children:[e("uploadImage"),(0,Z.jsx)("input",{type:"file",hidden:!0,onChange:s,accept:"image/*"})]}),(0,Z.jsx)(S.A,{variant:"body2",color:"text.secondary",children:e("uploadHint")})]}),(0,Z.jsx)(w.A,{inputRef:l,rows:8,fullWidth:!0,multiline:!0,value:t,onChange:function(e){return a(e.target.value)},placeholder:e("placeholderImageResult"),slotProps:{input:{endAdornment:(0,Z.jsx)(N.A,{position:"end",children:(0,Z.jsx)(L.A,{text:t,disabled:!t})})}}}),t&&t.startsWith("data:image")&&(0,Z.jsxs)(F.A,{sx:{mt:2,p:2,border:"1px solid",borderColor:"divider",borderRadius:1},children:[(0,Z.jsx)(S.A,{variant:"subtitle2",sx:{mb:1},children:e("preview")}),(0,Z.jsx)("img",{alt:e("imageAlt"),src:t,style:{maxWidth:"100%",maxHeight:300,objectFit:"contain"}})]})]})},X=function(){var e=(0,f.A)(B),r=(0,j.useState)(0),t=r[0],u=r[1],g=(0,j.useState)(""),m=g[0],A=g[1],v=(0,j.useState)(""),b=v[0],y=v[1],C=(0,j.useState)(""),O=C[0],H=C[1],G=(0,j.useCallback)(function(r){var t=r.target.value;y(t),H("");try{A(atob(t))}catch(r){t.length%4==0&&t.length>

10&&H(e("errorInvalidBase64"))}},[e]),_=(0,j.useCallback)(function(r){var t=r.target.value;A(t),H("");try{y(btoa(t))}catch(r){H(e("errorEncodeFailed"))}},[e]);return(0,Z.jsxs)(F.A,{children:[(0,Z.jsx)(S.A,{variant:"h1",sx:{mb:2,fontSize:{xs:"1.75rem",sm:"2.5rem"}},children:e("heading")}),(0,Z.jsxs)(I.A,{value:t,onChange:function(e,r){return u(r)},sx:{mb:4,borderBottom:1,borderColor:"divider"},children:[(0,Z.jsx)(T.A,{label:e("tabText")}),(0,Z.jsx)(T.A,{label:e("tabImage")})]}),O&&(0,Z.jsx)(z.A,{severity:"error",sx:{mb:2},onClose:function(){return H("")},children:O}),0===t&&(0,Z.jsxs)(k.A,{spacing:4,children:[(0,Z.jsxs)(F.A,{children:[(0,Z.jsx)(S.A,{variant:"subtitle2",sx:{mb:1,fontWeight:600},children:e("labelOriginal")}),(0,Z.jsx)(w.A,{placeholder:e("placeholderEncode"),rows:4,fullWidth:!0,multiline:!0,value:m,onChange:_,slotProps:{input:{endAdornment:(0,Z.jsx)(N.A,{position:"end",children:(0,Z.jsx)(L.A,{text:m,disabled:!m})})}}})]}),(0,Z.jsxs)(F.A,{children:[(0,Z.jsx)(S.A,{variant:"subtitle2",sx:{mb:1,fontWeight:600},children:e("labelResult")}),(0,Z.jsx)(w.A,{placeholder:e("placeholderDecode"),rows:4,fullWidth:!0,multiline:!0,value:b,onChange:G,slotProps:{input:{endAdornment:(0,Z.jsx)(N.A,{position:"end",children:(0,Z.jsx)(L.A,{text:b,disabled:!b})})}}})]}),a||(a=(0,Z.jsx)(K.A,{})),(0,Z.jsxs)(F.A,{sx:{mt:8},children:[(0,Z.jsx)(S.A,{variant:"h2",gutterBottom:!0,sx:{fontSize:"1.5rem",fontWeight:"bold"},children:e("howTitle")}),(0,Z.jsx)(S.A,{variant:"body1",component:"p",sx:{mb:2},children:e("howBody")}),(0,Z.jsx)(S.A,{variant:"subtitle1",gutterBottom:!0,sx:{mt:2,fontWeight:"bold"},children:e("exampleTitle")}),(0,Z.jsx)(D.A,{component:W.A,variant:"outlined",children:(0,Z.jsx)(P.A,{size:"small",sx:{"& .MuiTableCell-root":{px:.5,py:.5,fontSize:"0.8rem",textAlign:"center"}},children:(0,Z.jsxs)(M.A,{children:[(0,Z.jsxs)(E.A,{children:[(0,Z.jsx)(R.A,{variant:"head",align:"left",sx:{width:80,backgroundColor:"action.hover"},children:e("thText")}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"M"}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"a"}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"n"})]}),(0,Z.jsxs)(E.A,{children:[(0,Z.jsx)(R.A,{variant:"head",align:"left",sx:{backgroundColor:"action.hover"},children:"ASCII"}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"77"}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"97"}),(0,Z.jsx)(R.A,{colSpan:8,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"110"})]}),(0,Z.jsxs)(E.A,{children:[(0,Z.jsx)(R.A,{variant:"head",align:"left",sx:{backgroundColor:"action.hover"},children:e("thBits")}),(0,Z.jsx)(R.A,{colSpan:2,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"01"}),o||(o=(0,Z.jsx)(R.A,{colSpan:2,children:"00"})),n||(n=(0,Z.jsx)(R.A,{colSpan:2,children:"11"})),i||(i=(0,Z.jsx)(R.A,{colSpan:2,children:"01"})),(0,Z.jsx)(R.A,{colSpan:2,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"01"}),l||(l=(0,Z.jsx)(R.A,{colSpan:2,children:"10"})),s||(s=(0,Z.jsx)(R.A,{colSpan:2,children:"00"})),d||(d=(0,Z.jsx)(R.A,{colSpan:2,children:"01"})),(0,Z.jsx)(R.A,{colSpan:2,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"01"}),c||(c=(0,Z.jsx)(R.A,{colSpan:2,children:"10"})),p||(p=(0,Z.jsx)(R.A,{colSpan:2,children:"11"})),h||(h=(0,Z.jsx)(R.A,{colSpan:2,children:"10"}))]}),(0,Z.jsxs)(E.A,{children:[(0,Z.jsx)(R.A,{variant:"head",align:"left",sx:{backgroundColor:"action.hover"},children:e("thIndex")}),(0,Z.jsx)(R.A,{colSpan:6,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"19 (T)"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"22 (W)"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"5 (F)"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"46 (u)"})]}),(0,Z.jsxs)(E.A,{sx:{bgcolor:"primary.50"},children:[(0,Z.jsx)(R.A,{variant:"head",align:"left",sx:{fontWeight:"bold"},children:"Base64"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{fontWeight:"bold",color:"primary.main",borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"T"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{fontWeight:"bold",color:"primary.main",borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"W"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{fontWeight:"bold",color:"primary.main",borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"F"}),(0,Z.jsx)(R.A,{colSpan:6,sx:{fontWeight:"bold",color:"primary.main",borderLeft:"1px solid rgba(224, 224, 224, 1)"},children:"u"})]})]})})})]})]}),1===t&&(x||(x=(0,Z.jsx)(U,{})))]})};function q(){var e=(0,f.A)(B);return(0,Z.jsxs)(_.A,{children:[(0,Z.jsx)(G.A,{title:e("title"),description:e("description"),card:"/static/social-previews/home-preview.png",children:(0,Z.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:b()({"@context":"https://schema.org","@type":"WebApplication",name:e("schemaName"),applicationCategory:"DeveloperApplication",operatingSystem:"Web Browser",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},description:e("description")})}})}),u||(u=(0,Z.jsx)(J.A,{})),g||(g=(0,Z.jsx)(O.A,{})),m||(m=(0,Z.jsxs)("main",{id:"main-content",children:[(0,Z.jsx)(V.A,{cozy:!0,children:(0,Z.jsx)(X,{})}),(0,Z.jsx)(y.A,{})]})),A||(A=(0,Z.jsx)(H.A,{}))]})}},51481:(e,r,t)=>{"use strict";t.d(r,{A:()=>x});var a=t(93623),o=t(71435);t(14232);var n=t(48230),i=t.n(n),l=t(50147),s=t(67682),d=t(3936),c=t(789),p=t(24525),h=t(37876);function x(){var e=(0,o.A)(),r=(0,p.A)();return null===r?null:r?(0,h.jsx)(s.A,{variant:"outlined",sx:{p:3,bgcolor:"primary.50",borderColor:"primary.100",display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:"center",gap:4,mt:2,mb:2,flex:1},children:(0,h.jsxs)(l.A,{sx:{flex:1},children:[(0,h.jsx)(d.A,{variant:"overline",color:"#3E2F00",sx:{fontWeight:"bold"},children:e.helm.overline}),(0,h.jsx)(d.A,{variant:"h4",gutterBottom:!0,sx:{fontWeight:"bold",fontSize:{xs:"1.5rem",sm:"2rem"}},children:e.helm.title}),(0,h.jsx)(d.A,{variant:"body1",color:"#3E2F00",sx:{mb:3},children:e.helm.description}),(0,h.jsx)(c.A,{component:i(),variant:"contained",href:"/helm",color:"primary",children:e.helm.learn})]})}):(0,h.jsx)(a.A,{label:e.advertisement})}},53036:(e,r,t)=>{"use strict";t.d(r,{A:()=>W});var a=t(59860),o=t(42969),n=t(27925),i=t(44478),l=t(22795),s=t(76603),d=t(14232),c=t(69241),p=t(50540),h=t(93577),x=t(21995),u=t(61230),g=t(14378),m=t(46320),A=t(32395),v=t(36728),b=t(28550),f=t(63318);function B(e){return(0,f.Ay)("MuiAlert",e)}var j=(0,b.A)("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","outlined","standard"]),y=t(79823),S=t(3260),w=t(37876);let I=(0,S.A)((0,w.jsx)("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}

1),"SuccessOutlined"),T=(0,S.A)((0,w.jsx)("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),C=(0,S.A)((0,w.jsx)("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),F=(0,S.A)((0,w.jsx)("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),k=(0,S.A)((0,w.jsx)("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");var z=["action","children","className","closeText","color","icon","iconMapping","onClose","role","severity","slotProps","slots","variant"],L=function(e){var r=e.variant,t=e.color,a=e.severity,o=e.classes,n={root:["root","color".concat((0,m.A)(t||a)),"".concat(r)],icon:["icon"],message:["message"],action:["action"]};return(0,p.A)(n,B,o)},P=(0,h.Ay)(v.A,{name:"MuiAlert",slot:"Root",overridesResolver:function(e,r){var t=e.ownerState;return[r.root,r[t.variant]]}})((0,x.A)(function(e){var r=e.theme,t="light"===r.palette.mode?r.darken:r.lighten,a="light"===r.palette.mode?r.lighten:r.darken;return(0,l.A)((0,l.A)({},r.typography.body2),{},{backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[].concat((0,i.A)(s(r.palette).filter((0,A.A)(["light"])).map(function(e){var i=(0,n.A)(e,1)[0];return{props:{colorSeverity:i,variant:"standard"},style:(0,o.A)({color:r.vars?r.vars.palette.Alert["".concat(i,"Color")]:t(r.palette[i].light,.6),backgroundColor:r.vars?r.vars.palette.Alert["".concat(i,"StandardBg")]:a(r.palette[i].light,.9)},"& .".concat(j.icon),r.vars?{color:r.vars.palette.Alert["".concat(i,"IconColor")]}:{color:r.palette[i].main})}})),(0,i.A)(s(r.palette).filter((0,A.A)(["light"])).map(function(e){var a=(0,n.A)(e,1)[0];return{props:{colorSeverity:a,variant:"outlined"},style:(0,o.A)({color:r.vars?r.vars.palette.Alert["".concat(a,"Color")]:t(r.palette[a].light,.6),border:"1px solid ".concat((r.vars||r).palette[a].light)},"& .".concat(j.icon),r.vars?{color:r.vars.palette.Alert["".concat(a,"IconColor")]}:{color:r.palette[a].main})}})),(0,i.A)(s(r.palette).filter((0,A.A)(["dark"])).map(function(e){var t=(0,n.A)(e,1)[0];return{props:{colorSeverity:t,variant:"filled"},style:(0,l.A)({fontWeight:r.typography.fontWeightMedium},r.vars?{color:r.vars.palette.Alert["".concat(t,"FilledColor")],backgroundColor:r.vars.palette.Alert["".concat(t,"FilledBg")]}:{backgroundColor:"dark"===r.palette.mode?r.palette[t].dark:r.palette[t].main,color:r.palette.getContrastText(r.palette[t].main)})}})))})})),M=(0,h.Ay)("div",{name:"MuiAlert",slot:"Icon"})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),R=(0,h.Ay)("div",{name:"MuiAlert",slot:"Message"})({padding:"8px 0",minWidth:0,overflow:"auto"}),D=(0,h.Ay)("div",{name:"MuiAlert",slot:"Action"})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),E={success:(0,w.jsx)(I,{fontSize:"inherit"}),warning:(0,w.jsx)(T,{fontSize:"inherit"}),error:(0,w.jsx)(C,{fontSize:"inherit"}),info:(0,w.jsx)(F,{fontSize:"inherit"})};let W=d.forwardRef(function(e,r){var t=(0,u.b)({props:e,name:"MuiAlert"}),o=t.action,i=t.children,s=t.className,d=t.closeText,p=void 0===d?"Close":d,h=t.color,x=t.icon,m=t.iconMapping,A=void 0===m?E:m,v=t.onClose,b=t.role,f=t.severity,B=void 0===f?"success":f,j=t.slotProps,S=t.slots,I=t.variant,T=(0,a.A)(t,z),C=(0,l.A)((0,l.A)({},t),{},{color:h,severity:B,variant:void 0===I?"standard":I,colorSeverity:h||B}),F=L(C),W={slots:void 0===S?{}:S,slotProps:void 0===j?{}:j},N=(0,g.A)("root",{ref:r,shouldForwardComponentProp:!0,className:(0,c.A)(F.root,s),elementType:P,externalForwardedProps:(0,l.A)((0,l.A)({},W),T),ownerState:C,additionalProps:{role:void 0===b?"alert":b,elevation:0}}),O=(0,n.A)(N,2),H=O[0],G=O[1],_=(0,g.A)("icon",{className:F.icon,elementType:M,externalForwardedProps:W,ownerState:C}),J=(0,n.A)(_,2),K=J[0],V=J[1],Z=(0,g.A)("message",{className:F.message,elementType:R,externalForwardedProps:W,ownerState:C}),U=(0,n.A)(Z,2),X=U[0],q=U[1],Q=(0,g.A)("action",{className:F.action,elementType:D,externalForwardedProps:W,ownerState:C}),Y=(0,n.A)(Q,2),$=Y[0],ee=Y[1],er=(0,g.A)("closeButton",{elementType:y.A,externalForwardedProps:W,ownerState:C}),et=(0,n.A)(er,2),ea=et[0],eo=et[1],en=(0,g.A)("closeIcon",{elementType:k,externalForwardedProps:W,ownerState:C}),ei=(0,n.A)(en,2),el=ei[0],es=ei[1];return(0,w.jsxs)(H,(0,l.A)((0,l.A)({},G),{},{children:[!1!==x?(0,w.jsx)(K,(0,l.A)((0,l.A)({},V),{},{children:x||A[B]||E[B]})):null,(0,w.jsx)(X,(0,l.A)((0,l.A)({},q),{},{children:i})),null!=o?(0,w.jsx)($,(0,l.A)((0,l.A)({},ee),{},{children:o})):null,null==o&&v?(0,w.jsx)($,(0,l.A)((0,l.A)({},ee),{},{children:(0,w.jsx)(ea,(0,l.A)((0,l.A)({size:"small","aria-label":p,title:p,color:"inherit",onClick:v},eo),{},{children:(0,w.jsx)(el,(0,l.A)({fontSize:"small"},es))}))})):null]}))})},54492:(e,r,t)=>{"use strict";t.d(r,{A:()=>p});var a=t(22795),o=t(14232),n=t(3936),i=t(4465),l=(t(82283),t(24278)),s=t.n(l),d=t(73092),c=t(37876);function p(){var e=(0,d.WD)(),r=(0,c.jsxs)(o.Fragment,{children:[e("banner.surveyPrefix"),"\xa0",(0,c.jsx)(i.A,{href:"https://www.surveymonkey.com/r/mui-developer-survey-2022?source=website",target:"_blank",color:"inherit",underline:"always",sx:{"&:hover":{opacity:.9}},children:e("banner.surveyLink")})]});return s().enable_website_banner?(0,c.jsx)(n.A,{sx:[{fontWeight:"medium"},function(e){return(0,a.A)({color:"#fff",p:"12px",display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"start",sm:"center"},justifyContent:"center",fontSize:e.typography.pxToRem(13),background:"linear-gradient(-90deg, ".concat((e.vars||e).palette.primary[700],", ").concat((e.vars||e).palette.primary[500]," 120%)")},e.applyDarkStyles({background:"linear-gradient(90deg, ".concat((e.vars||e).palette.primary[900],", ").concat((e.vars||e).palette.primary[600]," 120%)")}))}],children:r}):null}},61082:(e,r,t)=>{"use strict";t.d(r,{A:()=>

1o});var a=t(73092);function o(e){return(0,a.WD)(e)}},74475:(e,r,t)=>{"use strict";t.d(r,{A:()=>p});var a=t(22795),o=t(59860),n=t(14232),i=t(79823),l=t(12476),s=t(75702),d=t(37876),c=["text","tooltipTitle","successTooltipTitle","size","color"];function p(e){var r=e.text,t=e.tooltipTitle,p=e.successTooltipTitle,h=e.size,x=void 0===h?"small":h,u=e.color,g=(0,o.A)(e,c),m=(0,n.useState)(!1),A=m[0],v=m[1];return(0,d.jsx)(l.A,{title:A?void 0===p?"Copied!":p:void 0===t?"Copy":t,children:(0,d.jsx)(i.A,(0,a.A)((0,a.A)({onClick:function(e){e.stopPropagation(),navigator.clipboard.writeText(r),v(!0),setTimeout(function(){return v(!1)},2e3)},size:x,color:A?"success":void 0===u?"default":u},g),{},{children:(0,d.jsx)(s.A,{fontSize:"small"===x?"small":"medium"})}))})}},75702:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var a=t(3260),o=t(37876);let n=(0,a.A)((0,o.jsx)("path",{d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"}),"ContentCopy")}},e=>{e.O(0,[397,9890,9857,4080,7118,5760,1650,8642,1229,636,6593,8792],()=>e(e.s=23154)),_N_E=e.O()}]);