npm - @elmethis/react - Versions diffs - 0.3.1 → 0.3.3 - Mend

@elmethis/react 0.3.1 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (286) hide show

package/lib/index.react.mjs CHANGED Viewed

@@ -1,10 +1,2859 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-//#region src/components/template/ElmTemplate.module.css
-var t = { "elm-template": "_elm-template_18rwn_1" }, n = (n) => e("div", {
-	className: t["elm-template"],
-	style: n.style,
+import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { darken as f, getLuminance as p, opacify as m, parseToHsl as h, parseToRgb as g, rgbToColorString as _ } from "polished";
+import { mdiAccount as v, mdiAlert as y, mdiAlertCircle as b, mdiAlertOctagram as x, mdiApplicationOutline as ee, mdiArchive as te, mdiArrowDownDropCircleOutline as ne, mdiArrowLeft as re, mdiBackspaceOutline as ie, mdiCalendarMonth as ae, mdiCalendarRefresh as oe, mdiCheck as se, mdiCheckCircle as ce, mdiCheckCircleOutline as le, mdiChevronRight as ue, mdiChevronUp as de, mdiClipboardCheckMultipleOutline as fe, mdiClipboardMultipleOutline as pe, mdiCloseCircleOutline as me, mdiConsoleLine as he, mdiDownload as ge, mdiEarth as _e, mdiEmail as ve, mdiEyeOffOutline as ye, mdiEyeOutline as be, mdiFileOutline as xe, mdiFolderOpen as Se, mdiFormatQuoteClose as Ce, mdiFormatQuoteOpen as we, mdiHome as Te, mdiInformation as Ee, mdiKey as De, mdiKeyboardReturn as Oe, mdiLightbulbOn as ke, mdiLinkVariant as Ae, mdiLoading as je, mdiLock as Me, mdiLoginVariant as Ne, mdiLogoutVariant as Pe, mdiMagnify as Fe, mdiMenuDown as Ie, mdiMessageImageOutline as Le, mdiPen as Re, mdiPlus as ze, mdiReload as Be, mdiShieldAlert as Ve, mdiTable as He, mdiTag as Ue, mdiText as We } from "@mdi/js";
+import { createPortal as Ge } from "react-dom";
+var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
+	let [n, r] = c(e);
+	return /* @__PURE__ */ u("img", {
+		className: Ke.icon,
+		src: n,
+		alt: t,
+		onError: () => {
+			r("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"gray\" d=\"M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2\"/></svg>");
+		}
+	});
+}, qe = { icon: "_icon_18sdb_1" }, Je = {
+	rust: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20fill='%23a84f33'%20width='128'%20height='128'%20%3e%3cpath%20d='M62.96.242c-.232.135-1.203%201.528-2.16%203.097c-2.4%203.94-2.426%203.942-5.65.55c-2.098-2.208-2.605-2.612-3.28-2.607c-.44.002-.995.152-1.235.332s-.916%201.612-1.504%203.183c-1.346%203.6-1.41%203.715-2.156%203.86c-.46.086-1.343-.407-3.463-1.929c-1.565-1.125-3.1-2.045-3.411-2.045c-1.291%200-1.655.706-2.27%204.4c-.78%204.697-.754%204.681-4.988%202.758c-1.71-.776-3.33-1.41-3.603-1.41s-.792.293-1.15.652c-.652.652-.653.655-.475%204.246l.178%203.595l-.68.364c-.602.322-1.017.283-3.684-.348c-3.48-.822-4.216-.8-4.92.15l-.516.693l.692%202.964c.38%201.63.745%203.2.814%203.487c.067.287-.05.746-.26%201.02c-.348.448-.717.49-3.94.44c-5.452-.086-5.761.382-3.51%205.3c.718%201.56%201.305%202.98%201.305%203.15c0%20.898-.717%201.224-3.794%201.727c-1.722.28-3.218.51-3.326.51c-.107%200-.43.235-.717.522c-.937.936-.671%201.816%201.453%204.814c2.646%203.735%202.642%203.75-1.73%205.421c-4.971%201.902-5.072%202.37-1.287%205.96c3.525%203.344%203.53%203.295-.461%205.804C.208%2062.8.162%2062.846.085%2063.876c-.093%201.253-.071%201.275%203.538%203.48c3.57%202.18%203.57%202.246.067%205.56C-.078%2076.48.038%2077%205.013%2078.877c4.347%201.64%204.353%201.66%201.702%205.394c-1.502%202.117-1.981%203-1.981%203.653c0%201.223.637%201.535%204.44%202.174c3.206.54%203.92.857%203.92%201.741c0%20.182-.588%201.612-1.307%203.177c-2.236%204.87-1.981%205.275%203.31%205.275c4.93%200%204.799-.15%203.737%204.294c-.8%203.35-.813%203.992-.088%204.715c.554.556%201.6.494%204.87-.289c2.499-.596%202.937-.637%203.516-.328l.66.354l-.177%203.594c-.178%203.593-.177%203.595.475%204.248c.358.36.884.652%201.165.652s1.903-.63%203.604-1.404c4.22-1.916%204.194-1.932%204.973%202.75c.617%203.711.977%204.4%202.294%204.4c.327%200%201.83-.88%203.34-1.958c2.654-1.893%203.342-2.19%204.049-1.74c.182.115.89%201.67%201.572%203.455c1.003%202.625%201.37%203.31%201.929%203.576c1.062.51%201.72.1%204.218-2.62c3.016-3.286%203.14-3.27%205.602.72c2.72%204.406%203.424%204.396%206.212-.089c2.402-3.864%202.374-3.862%205.621-.47c2.157%202.25%202.616%202.61%203.343%202.61c.464%200%201.019-.175%201.23-.388c.214-.213.92-1.786%201.568-3.496c.649-1.71%201.321-3.2%201.495-3.31c.687-.436%201.398-.13%204.048%201.752c1.56%201.108%203.028%201.96%203.377%201.96c1.296%200%201.764-.92%202.302-4.535c.46-3.082.554-3.378%201.16-3.685c.596-.302.954-.2%203.75%201.07c1.701.77%203.323%201.402%203.604%201.402s.816-.302%201.184-.672l.672-.67l-.184-3.448c-.177-3.29-.16-3.468.364-3.943c.54-.488.596-.486%203.615.204c3.656.835%204.338.857%205.025.17c.671-.67.664-.818-.254-4.69c-1.03-4.346-1.168-4.19%203.78-4.19c3.374%200%203.75-.049%204.18-.523c.718-.793.547-1.702-.896-4.779c-.729-1.55-1.32-2.96-1.315-3.135c.024-.914.743-1.227%204.065-1.767c2.033-.329%203.553-.71%203.829-.96c.923-.833.584-1.918-1.523-4.873c-2.642-3.703-2.63-3.738%201.599-5.297c5.064-1.866%205.209-2.488%201.419-6.09c-3.51-3.335-3.512-3.317.333-5.677c4.648-2.853%204.655-3.496.082-6.335c-3.933-2.44-3.93-2.406-.405-5.753c3.78-3.593%203.678-4.063-1.295-5.965c-4.388-1.679-4.402-1.72-1.735-5.38c1.588-2.18%201.982-2.903%201.982-3.65c0-1.306-.586-1.598-4.436-2.22c-3.216-.52-3.924-.835-3.924-1.75c0-.174.588-1.574%201.307-3.113c1.406-3.013%201.604-4.22.808-4.94c-.428-.387-1-.443-4.067-.392c-3.208.054-3.618.008-4.063-.439c-.486-.488-.48-.557.278-3.725c.931-3.88.935-3.975.17-4.694c-.777-.73-1.262-.718-4.826.121c-2.597.612-3.027.653-3.617.337l-.67-.36l.185-3.582l.186-3.58l-.67-.67c-.369-.37-.891-.67-1.163-.67c-.27%200-1.884.64-3.583%201.421c-2.838%201.306-3.143%201.393-3.757%201.072c-.612-.32-.714-.637-1.237-3.829c-.603-3.693-.977-4.412-2.288-4.412c-.311%200-1.853.925-3.426%202.055c-2.584%201.856-2.93%202.032-3.574%201.807c-.533-.186-.843-.59-1.221-1.599c-.28-.742-.817-2.172-1.194-3.177c-.762-2.028-1.187-2.482-2.328-2.482c-.637%200-1.213.458-3.28%202.604c-3.25%203.375-3.261%203.374-5.65-.545C66.073%201.78%2065.075.382%2064.81.24c-.597-.32-1.3-.32-1.85.002m2.96%2011.798c2.83%202.014%201.326%206.75-2.144%206.75c-3.368%200-5.064-4.057-2.66-6.36c1.358-1.3%203.304-1.459%204.805-.39m-3.558%2012.507c1.855.705%202.616.282%206.852-3.8l3.182-3.07l1.347.18c4.225.56%2012.627%204.25%2017.455%207.666c4.436%203.14%2010.332%209.534%2012.845%2013.93l.537.942l-2.38%205.364c-1.31%202.95-2.382%205.673-2.382%206.053c0%20.878.576%202.267%201.13%202.726c.234.195%202.457%201.265%204.939%202.378l4.51%202.025l.178%201.148c.23%201.495.26%205.167.052%206.21l-.163.816h-2.575c-2.987%200-2.756-.267-2.918%203.396c-.118%202.656-.76%204.124-2.22%205.075c-2.377%201.551-6.304%201.27-7.97-.57c-.255-.284-.752-1.705-1.105-3.16c-1.03-4.254-2.413-6.64-5.193-8.965c-.878-.733-1.595-1.418-1.595-1.522c0-.102.965-.915%202.145-1.803c4.298-3.24%206.77-7.012%207.04-10.747c.519-7.126-5.158-13.767-13.602-15.92c-2.002-.51-2.857-.526-27.624-.526c-14.057%200-25.56-.092-25.56-.204c0-.263%203.125-3.295%204.965-4.816c5.054-4.178%2011.618-7.465%2018.417-9.22l2.35-.61l3.34%203.387c1.839%201.863%203.64%203.5%204.003%203.637M20.3%2046.34c1.539%201.008%202.17%203.54%201.26%205.062c-1.405%202.356-4.966%202.455-6.373.178c-2.046-3.309%201.895-7.349%205.113-5.24m90.672.13c4.026%202.454.906%208.493-3.404%206.586c-2.877-1.273-2.97-5.206-.155-6.64c1.174-.6%202.523-.579%203.56.053M32.163%2061.5v15.02h-13.28l-.526-2.285c-1.036-4.5-1.472-9.156-1.211-12.969l.182-2.679l4.565-2.047c2.864-1.283%204.706-2.262%204.943-2.625c1.038-1.584.94-2.715-.518-5.933l-.68-1.502h6.523V61.5M70.39%2047.132c2.843.74%204.345%202.245%204.349%204.355c.002%201.55-.765%202.52-2.67%203.38c-1.348.61-1.562.625-10.063.708l-8.686.084v-8.92h7.782c6.078%200%208.112.086%209.288.393m-2.934%2021.554c1.41.392%203.076%201.616%203.93%202.888c.898%201.337%201.423%203.076%202.667%208.836c1.05%204.87%201.727%206.46%203.62%208.532c2.345%202.566%201.8%202.466%2013.514%202.466c5.61%200%2010.198.09%2010.198.2c0%20.197-3.863%204.764-4.03%204.764c-.048%200-2.066-.422-4.484-.939c-6.829-1.458-7.075-1.287-8.642%206.032l-1.008%204.702l-.91.448c-1.518.75-6.453%202.292-9.01%202.82c-4.228.87-8.828%201.162-12.871.821c-6.893-.585-16.02-3.259-16.377-4.8c-.075-.327-.535-2.443-1.018-4.704c-.485-2.26-1.074-4.404-1.31-4.764c-1.13-1.724-2.318-1.83-7.547-.674c-1.98.44-3.708.796-3.84.796c-.248%200-3.923-4.249-3.923-4.535c0-.09%208.728-.194%2019.396-.23l19.395-.066l.07-6.89c.05-4.865-.018-6.997-.23-7.25c-.234-.284-1.485-.358-6.011-.358H53.32v-8.36l6.597.001c3.626.002%207.02.12%207.539.264M37.57%20100.02c3.084%201.88%201.605%206.804-2.043%206.8c-3.74%200-5.127-4.88-1.94-6.826c1.055-.643%202.908-.63%203.983.026m56.48.206c1.512%201.108%202.015%203.413%201.079%204.95c-2.46%204.034-8.612.827-6.557-3.419c1.01-2.085%203.695-2.837%205.478-1.53'%20/%3e%3c/svg%3e",
+	javascript: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23f0db4f'%20d='M1.408%201.408h125.184v125.185H1.408z'%20/%3e%3cpath%20fill='%23323330'%20d='M116.347%2096.736c-.917-5.711-4.641-10.508-15.672-14.981c-3.832-1.761-8.104-3.022-9.377-5.926c-.452-1.69-.512-2.642-.226-3.665c.821-3.32%204.784-4.355%207.925-3.403c2.023.678%203.938%202.237%205.093%204.724c5.402-3.498%205.391-3.475%209.163-5.879c-1.381-2.141-2.118-3.129-3.022-4.045c-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902%202.748-8.877%205.235c-5.926%206.724-4.236%2018.492%202.975%2023.335c7.104%205.332%2017.54%206.545%2018.873%2011.531c1.297%206.104-4.486%208.08-10.234%207.378c-4.236-.881-6.592-3.034-9.139-6.949c-4.688%202.713-4.688%202.713-9.508%205.485c1.143%202.499%202.344%203.63%204.26%205.795c9.068%209.198%2031.76%208.746%2035.83-5.176c.165-.478%201.261-3.666.38-8.581M69.462%2058.943H57.753l-.048%2030.272c0%206.438.333%2012.34-.714%2014.149c-1.713%203.558-6.152%203.117-8.175%202.427c-2.059-1.012-3.106-2.451-4.319-4.485c-.333-.584-.583-1.036-.667-1.071l-9.52%205.83c1.583%203.249%203.915%206.069%206.902%207.901c4.462%202.678%2010.459%203.499%2016.731%202.059c4.082-1.189%207.604-3.652%209.448-7.401c2.666-4.915%202.094-10.864%202.07-17.444c.06-10.735.001-21.468.001-32.237'%20/%3e%3c/svg%3e",
+	typescript: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23fff'%20d='M22.67%2047h99.67v73.67H22.67z'%20/%3e%3cpath%20fill='%23007acc'%20d='M1.5%2063.91v62.5h125v-125H1.5zm100.73-5a15.56%2015.56%200%200%201%207.82%204.5a20.6%2020.6%200%200%201%203%204c0%20.16-5.4%203.81-8.69%205.85c-.12.08-.6-.44-1.13-1.23a7.09%207.09%200%200%200-5.87-3.53c-3.79-.26-6.23%201.73-6.21%205a4.6%204.6%200%200%200%20.54%202.34c.83%201.73%202.38%202.76%207.24%204.86c8.95%203.85%2012.78%206.39%2015.16%2010c2.66%204%203.25%2010.46%201.45%2015.24c-2%205.2-6.9%208.73-13.83%209.9a38.3%2038.3%200%200%201-9.52-.1a23%2023%200%200%201-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9%209%200%200%201%201.15-.73L82%20101l3.59-2.08l.75%201.11a16.8%2016.8%200%200%200%204.74%204.54c4%202.1%209.46%201.81%2012.16-.62a5.43%205.43%200%200%200%20.69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5%2016.5%200%200%201-3.43-6.25a25%2025%200%200%201-.22-8c1.33-6.23%206-10.58%2012.82-11.87a31.7%2031.7%200%200%201%209.49.26zm-29.34%205.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49%2049%200%200%201%20.12-5.17C29.08%2059%2039%2059%2051%2059h21.83z'%20/%3e%3c/svg%3e",
+	shell: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20128%20128'%20width='24'%20height='24'%3e%3cpath%20fill='none'%20d='M4.24%204.24h119.53v119.53H4.24z'%20/%3e%3cpath%20fill='%23293138'%20d='M109.01%2028.64L71.28%206.24c-2.25-1.33-4.77-2-7.28-2s-5.03.67-7.28%202.01l-37.74%2022.4c-4.5%202.67-7.28%207.61-7.28%2012.96v44.8c0%205.35%202.77%2010.29%207.28%2012.96l37.73%2022.4c2.25%201.34%204.76%202%207.28%202c2.51%200%205.03-.67%207.28-2l37.74-22.4c4.5-2.67%207.28-7.62%207.28-12.96V41.6c0-5.34-2.77-10.29-7.28-12.96M79.79%2098.59l.06%203.22c0%20.39-.25.83-.55.99l-1.91%201.1c-.3.15-.56-.03-.56-.42l-.03-3.17c-1.63.68-3.29.84-4.34.42c-.2-.08-.29-.37-.21-.71l.69-2.91c.06-.23.18-.46.34-.6c.06-.06.12-.1.18-.13c.11-.06.22-.07.31-.03c1.14.38%202.59.2%203.99-.5c1.78-.9%202.97-2.72%202.95-4.52c-.02-1.64-.9-2.31-3.05-2.33c-2.74.01-5.3-.53-5.34-4.57c-.03-3.32%201.69-6.78%204.43-8.96l-.03-3.25c0-.4.24-.84.55-1l1.85-1.18c.3-.15.56.04.56.43l.03%203.25c1.36-.54%202.54-.69%203.61-.44c.23.06.34.38.24.75l-.72%202.88c-.06.22-.18.44-.33.58a.8.8%200%200%201-.19.14c-.1.05-.19.06-.28.05c-.49-.11-1.65-.36-3.48.56c-1.92.97-2.59%202.64-2.58%203.88c.02%201.48.77%201.93%203.39%201.97c3.49.06%204.99%201.58%205.03%205.09c.05%203.44-1.79%207.15-4.61%209.41m26.34-60.5l-35.7%2022.05c-4.45%202.6-7.73%205.52-7.74%2010.89v43.99c0%203.21%201.3%205.29%203.29%205.9c-.65.11-1.32.19-1.98.19c-2.09%200-4.15-.57-5.96-1.64l-37.73-22.4c-3.69-2.19-5.98-6.28-5.98-10.67V41.6c0-4.39%202.29-8.48%205.98-10.67l37.74-22.4c1.81-1.07%203.87-1.64%205.96-1.64s4.15.57%205.96%201.64l37.74%2022.4c3.11%201.85%205.21%205.04%205.8%208.63c-1.27-2.67-4.09-3.39-7.38-1.47'%20/%3e%3cpath%20fill='%234fa847'%20d='m99.12%2090.73l-9.4%205.62c-.25.15-.43.31-.43.61v2.46c0%20.3.2.43.45.28l9.54-5.8c.25-.15.29-.42.29-.72v-2.17c0-.3-.2-.42-.45-.28'%20/%3e%3c/svg%3e",
+	terraform: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cg%20fill-rule='evenodd'%3e%3cpath%20fill='%235c4ee5'%20d='M77.941%2044.5v36.836L46.324%2062.918V26.082zm0%200'%20/%3e%3cpath%20fill='%234040b2'%20d='m81.41%2081.336l31.633-18.418V26.082L81.41%2044.5zm0%200'%20/%3e%3cpath%20fill='%235c4ee5'%20d='M11.242%2042.36L42.86%2060.776V23.941L11.242%205.523zm66.699%2043.015L46.324%2066.957v36.82l31.617%2018.418zm0%200'%20/%3e%3c/g%3e%3c/svg%3e",
+	html: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23e44d26'%20d='M19.037%20113.876L9.032%201.661h109.936l-10.016%20112.198l-45.019%2012.48z'%20/%3e%3cpath%20fill='%23f16529'%20d='m64%20116.8l36.378-10.086l8.559-95.878H64z'%20/%3e%3cpath%20fill='%23ebebeb'%20d='M64%2052.455H45.788L44.53%2038.361H64V24.599H29.489l.33%203.692l3.382%2037.927H64zm0%2035.743l-.061.017l-15.327-4.14l-.979-10.975H33.816l1.928%2021.609l28.193%207.826l.063-.017z'%20/%3e%3cpath%20fill='%23fff'%20d='M63.952%2052.455v13.763h16.947l-1.597%2017.849l-15.35%204.143v14.319l28.215-7.82l.207-2.325l3.234-36.233l.335-3.696h-3.708zm0-27.856v13.762h33.244l.276-3.092l.628-6.978l.329-3.692z'%20/%3e%3c/svg%3e",
+	css: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23639'%20d='M0%200h107.52C118.831%200%20128%209.168%20128%2020.48v87.04c0%2011.312-9.168%2020.48-20.48%2020.48H20.48C9.169%20128%200%20118.832%200%20107.52Z'%20/%3e%3cpath%20fill='%23fff'%20d='M45.836%20117.762c-8.219-.008-13.293-4.64-13.195-13.16V83.05q0-6.481%203.793-9.852c4.543-4.379%2015.082-4.644%2019.53.067c2.743%202.417%203.778%207.355%203.532%2011.964H50.06c.074-1.808-.024-4.554-1.09-5.586c-1.383-1.87-5.035-1.652-6.004.297c-.594%201.059-.89%202.621-.89%204.696v18.71q0%205.884%204.09%205.95q1.914-.001%202.905-1.39c.918-1.099%201.063-3.528.989-5.29h9.437c.645%208.969-4.652%2015.254-13.66%2015.144Zm29.957%200c-9.11.125-13.184-6.36-12.934-15.145h8.91c-.25%203.832%201.067%207.32%204.223%207.078q2.11%200%202.969-1.324c1.086-1.613%201.293-6.265-.266-8.066c-1.085-1.735-4.996-3.266-7.058-4.297q-4.423-2.115-6.367-5.027c-2.93-4.305-2.657-13.754%201.449-17.586c3.992-4.727%2014.414-4.942%2018.41-.098c2.465%202.496%203.54%207.41%203.332%2011.934h-8.578c.074-1.86-.102-4.86-.824-5.95q-.762-1.39-2.871-1.39q-3.762.001-3.762%204.496c.027%203.18%201.27%204.488%204.16%205.816c3.742%201.453%208.5%203.938%2010.227%206.942c5.144%209.16%201.613%2023.148-11.02%2022.613Zm28.77%200c-9.11.125-13.184-6.36-12.934-15.145h8.91c-.25%203.832%201.066%207.32%204.223%207.078q2.108%200%202.969-1.324c1.085-1.613%201.289-6.265-.266-8.066c-1.086-1.735-4.996-3.266-7.059-4.297q-4.423-2.115-6.367-5.027c-2.93-4.305-2.656-13.754%201.45-17.586c3.992-4.727%2014.413-4.942%2018.41-.098c2.464%202.496%203.539%207.41%203.332%2011.934h-8.579c.07-1.86-.101-4.86-.824-5.95q-.762-1.39-2.87-1.39q-3.763.001-3.763%204.496c.028%203.18%201.27%204.488%204.16%205.816c3.743%201.453%208.5%203.938%2010.227%206.942c5.145%209.16%201.614%2023.148-11.02%2022.613Z'%20/%3e%3c/svg%3e",
+	npm: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23cb3837'%20d='M0%207.062C0%203.225%203.225%200%207.062%200h113.88c3.838%200%207.063%203.225%207.063%207.062v113.88c0%203.838-3.225%207.063-7.063%207.063H7.062c-3.837%200-7.062-3.225-7.062-7.063zm23.69%2097.518h40.395l.05-58.532h19.494l-.05%2058.581h19.543l.05-78.075l-78.075-.1l-.1%2078.126z'%20/%3e%3cpath%20fill='%23fff'%20d='M25.105%2065.52V26.512H40.96c8.72%200%2026.274.034%2039.008.075l23.153.075v77.866H83.645v-58.54H64.057v58.54H25.105z'%20/%3e%3c/svg%3e",
+	java: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%230074bd'%20d='M47.617%2098.12s-4.767%202.774%203.397%203.71c9.892%201.13%2014.947.968%2025.845-1.092c0%200%202.871%201.795%206.873%203.351c-24.439%2010.47-55.308-.607-36.115-5.969m-2.988-13.665s-5.348%203.959%202.823%204.805c10.567%201.091%2018.91%201.18%2033.354-1.6c0%200%201.993%202.025%205.132%203.131c-29.542%208.64-62.446.68-41.309-6.336'%20/%3e%3cpath%20fill='%23ea2d2e'%20d='M69.802%2061.271c6.025%206.935-1.58%2013.17-1.58%2013.17s15.289-7.891%208.269-17.777c-6.559-9.215-11.587-13.792%2015.635-29.58c0%20.001-42.731%2010.67-22.324%2034.187'%20/%3e%3cpath%20fill='%230074bd'%20d='M102.123%20108.229s3.529%202.91-3.888%205.159c-14.102%204.272-58.706%205.56-71.094.171c-4.451-1.938%203.899-4.625%206.526-5.192c2.739-.593%204.303-.485%204.303-.485c-4.953-3.487-32.013%206.85-13.743%209.815c49.821%208.076%2090.817-3.637%2077.896-9.468M49.912%2070.294s-22.686%205.389-8.033%207.348c6.188.828%2018.518.638%2030.011-.326c9.39-.789%2018.813-2.474%2018.813-2.474s-3.308%201.419-5.704%203.053c-23.042%206.061-67.544%203.238-54.731-2.958c10.832-5.239%2019.644-4.643%2019.644-4.643m40.697%2022.747c23.421-12.167%2012.591-23.86%205.032-22.285c-1.848.385-2.677.72-2.677.72s.688-1.079%202-1.543c14.953-5.255%2026.451%2015.503-4.823%2023.725c0-.002.359-.327.468-.617'%20/%3e%3cpath%20fill='%23ea2d2e'%20d='M76.491%201.587S89.459%2014.563%2064.188%2034.51c-20.266%2016.006-4.621%2025.13-.007%2035.559c-11.831-10.673-20.509-20.07-14.688-28.815C58.041%2028.42%2081.722%2022.195%2076.491%201.587'%20/%3e%3cpath%20fill='%230074bd'%20d='M52.214%20126.021c22.476%201.437%2057-.8%2057.817-11.436c0%200-1.571%204.032-18.577%207.231c-19.186%203.612-42.854%203.191-56.887.874c0%20.001%202.875%202.381%2017.647%203.331'%20/%3e%3c/svg%3e",
+	kotlin: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cdefs%3e%3clinearGradient%20id='deviconKotlin0'%20x1='500.003'%20x2='-.097'%20y1='579.106'%20y2='1079.206'%20gradientTransform='translate(15.534%20-96.774)scale(.1939)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.003'%20stop-color='%23e44857'%20/%3e%3cstop%20offset='.469'%20stop-color='%23c711e1'%20/%3e%3cstop%20offset='1'%20stop-color='%237f52ff'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23deviconKotlin0)'%20d='M112.484%20112.484H15.516V15.516h96.968L64%2064Zm0%200'%20/%3e%3c/svg%3e",
+	go: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cg%20fill='%2300acd7'%20fill-rule='evenodd'%3e%3cpath%20d='M11.156%2054.829c-.243%200-.303-.122-.182-.303l1.273-1.637c.12-.182.424-.303.666-.303H34.55c.243%200%20.303.182.182.364l-1.03%201.576c-.121.181-.424.363-.606.363zm-9.152%205.575c-.242%200-.303-.12-.182-.303l1.273-1.636c.121-.182.424-.303.667-.303h27.636c.242%200%20.364.182.303.364l-.485%201.454c-.06.243-.303.364-.545.364zM16.67%2065.98c-.242%200-.302-.182-.181-.364l.848-1.515c.122-.182.364-.363.607-.363h12.12c.243%200%20.364.181.364.424l-.12%201.454c0%20.243-.243.425-.425.425zm62.91-12.242c-3.819.97-6.425%201.697-10.182%202.666c-.91.243-.97.303-1.758-.606c-.909-1.03-1.576-1.697-2.848-2.303c-3.819-1.878-7.516-1.333-10.97.91c-4.121%202.666-6.242%206.605-6.182%2011.514c.06%204.849%203.394%208.849%208.182%209.516c4.121.545%207.576-.91%2010.303-4c.545-.667%201.03-1.394%201.636-2.243H56.064c-1.272%200-1.575-.788-1.151-1.818c.788-1.879%202.242-5.03%203.09-6.606c.183-.364.607-.97%201.516-.97h22.06c-.12%201.637-.12%203.273-.363%204.91c-.667%204.363-2.303%208.363-4.97%2011.878c-4.364%205.758-10.06%209.333-17.273%2010.303c-5.939.788-11.454-.364-16.302-4c-4.485-3.394-7.03-7.879-7.697-13.454c-.788-6.606%201.151-12.546%205.151-17.758c4.303-5.636%2010-9.212%2016.97-10.485c5.697-1.03%2011.151-.363%2016.06%202.97c3.212%202.121%205.515%205.03%207.03%208.545c.364.546.122.849-.606%201.03z'%20/%3e%3cpath%20fill-rule='nonzero'%20d='M99.64%2087.253c-5.515-.122-10.546-1.697-14.788-5.334c-3.576-3.09-5.818-7.03-6.545-11.697c-1.091-6.848.787-12.909%204.909-18.302c4.424-5.819%209.757-8.849%2016.97-10.122c6.181-1.09%2012-.484%2017.272%203.091c4.788%203.273%207.757%207.697%208.545%2013.515c1.03%208.182-1.333%2014.849-6.97%2020.546c-4%204.06-8.909%206.606-14.545%207.757c-1.636.303-3.273.364-4.848.546m14.424-24.485c-.06-.788-.06-1.394-.182-2c-1.09-6-6.606-9.394-12.363-8.06c-5.637%201.272-9.273%204.848-10.606%2010.545c-1.091%204.727%201.212%209.515%205.575%2011.454c3.334%201.455%206.667%201.273%209.879-.363c4.788-2.485%207.394-6.364%207.697-11.576'%20/%3e%3c/g%3e%3c/svg%3e",
+	python: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3clinearGradient%20id='deviconPython0'%20x1='70.252'%20x2='170.659'%20y1='1237.476'%20y2='1151.089'%20gradientTransform='matrix(.563%200%200%20-.568%20-29.215%20707.817)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%235a9fd4'%20/%3e%3cstop%20offset='1'%20stop-color='%23306998'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='deviconPython1'%20x1='209.474'%20x2='173.62'%20y1='1098.811'%20y2='1149.537'%20gradientTransform='matrix(.563%200%200%20-.568%20-29.215%20707.817)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23ffd43b'%20/%3e%3cstop%20offset='1'%20stop-color='%23ffe873'%20/%3e%3c/linearGradient%3e%3cpath%20fill='url(%23deviconPython0)'%20d='M63.391%201.988c-4.222.02-8.252.379-11.8%201.007c-10.45%201.846-12.346%205.71-12.346%2012.837v9.411h24.693v3.137H29.977c-7.176%200-13.46%204.313-15.426%2012.521c-2.268%209.405-2.368%2015.275%200%2025.096c1.755%207.311%205.947%2012.519%2013.124%2012.519h8.491V67.234c0-8.151%207.051-15.34%2015.426-15.34h24.665c6.866%200%2012.346-5.654%2012.346-12.548V15.833c0-6.693-5.646-11.72-12.346-12.837c-4.244-.706-8.645-1.027-12.866-1.008M50.037%209.557c2.55%200%204.634%202.117%204.634%204.721c0%202.593-2.083%204.69-4.634%204.69c-2.56%200-4.633-2.097-4.633-4.69c-.001-2.604%202.073-4.721%204.633-4.721'%20transform='translate(0%2010.26)'%20/%3e%3cpath%20fill='url(%23deviconPython1)'%20d='M91.682%2028.38v10.966c0%208.5-7.208%2015.655-15.426%2015.655H51.591c-6.756%200-12.346%205.783-12.346%2012.549v23.515c0%206.691%205.818%2010.628%2012.346%2012.547c7.816%202.297%2015.312%202.713%2024.665%200c6.216-1.801%2012.346-5.423%2012.346-12.547v-9.412H63.938v-3.138h37.012c7.176%200%209.852-5.005%2012.348-12.519c2.578-7.735%202.467-15.174%200-25.096c-1.774-7.145-5.161-12.521-12.348-12.521h-9.268zM77.809%2087.927c2.561%200%204.634%202.097%204.634%204.692c0%202.602-2.074%204.719-4.634%204.719c-2.55%200-4.633-2.117-4.633-4.719c0-2.595%202.083-4.692%204.633-4.692'%20transform='translate(0%2010.26)'%20/%3e%3cradialGradient%20id='deviconPython2'%20cx='1825.678'%20cy='444.45'%20r='26.743'%20gradientTransform='matrix(0%20-.24%20-1.055%200%20532.979%20557.576)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23b8b8b8'%20stop-opacity='0.498'%20/%3e%3cstop%20offset='1'%20stop-color='%237f7f7f'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3cpath%20fill='url(%23deviconPython2)'%20d='M97.309%20119.597c0%203.543-14.816%206.416-33.091%206.416c-18.276%200-33.092-2.873-33.092-6.416s14.815-6.417%2033.092-6.417c18.275%200%2033.091%202.872%2033.091%206.417'%20opacity='0.444'%20/%3e%3c/svg%3e",
+	sql: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%2300618a'%20d='M117.688%2098.242c-6.973-.191-12.297.461-16.852%202.379c-1.293.547-3.355.559-3.566%202.18c.711.746.82%201.859%201.387%202.777c1.086%201.754%202.922%204.113%204.559%205.352c1.789%201.348%203.633%202.793%205.551%203.961c3.414%202.082%207.223%203.27%2010.504%205.352c1.938%201.23%203.859%202.777%205.75%204.164c.934.684%201.563%201.75%202.773%202.18v-.195c-.637-.812-.801-1.93-1.387-2.777l-2.578-2.578c-2.52-3.344-5.719-6.281-9.117-8.719c-2.711-1.949-8.781-4.578-9.91-7.73l-.199-.199c1.922-.219%204.172-.914%205.949-1.391c2.98-.797%205.645-.59%208.719-1.387l4.164-1.187v-.793c-1.555-1.594-2.664-3.707-4.359-5.152c-4.441-3.781-9.285-7.555-14.273-10.703c-2.766-1.746-6.184-2.883-9.117-4.363c-.988-.496-2.719-.758-3.371-1.586c-1.539-1.961-2.379-4.449-3.566-6.738c-2.488-4.793-4.93-10.023-7.137-15.066c-1.504-3.437-2.484-6.828-4.359-9.91c-9-14.797-18.687-23.73-33.695-32.508c-3.195-1.867-7.039-2.605-11.102-3.57l-6.543-.395c-1.332-.555-2.715-2.184-3.965-2.977C16.977%203.52%204.223-3.312.539%205.672C-1.785%2011.34%204.016%2016.871%206.09%2019.746c1.457%202.012%203.32%204.273%204.359%206.539c.688%201.492.805%202.984%201.391%204.559c1.438%203.883%202.695%208.109%204.559%2011.695c.941%201.816%201.98%203.727%203.172%205.352c.727.996%201.98%201.438%202.18%202.973c-1.227%201.715-1.297%204.375-1.984%206.543c-3.098%209.77-1.926%2021.91%202.578%2029.137c1.383%202.223%204.641%206.98%209.117%205.156c3.918-1.598%203.043-6.539%204.164-10.902c.254-.988.098-1.715.594-2.379v.199l3.57%207.133c2.641%204.254%207.324%208.699%2011.297%2011.699c2.059%201.555%203.68%204.242%206.344%205.152v-.199h-.199c-.516-.805-1.324-1.137-1.98-1.781c-1.551-1.523-3.277-3.414-4.559-5.156c-3.613-4.902-6.805-10.27-9.711-15.855c-1.391-2.668-2.598-5.609-3.77-8.324c-.453-1.047-.445-2.633-1.387-3.172c-1.281%201.988-3.172%203.598-4.164%205.945c-1.582%203.754-1.789%208.336-2.375%2013.082c-.348.125-.195.039-.398.199c-2.762-.668-3.73-3.508-4.758-5.949c-2.594-6.164-3.078-16.09-.793-23.191c.59-1.836%203.262-7.617%202.18-9.316c-.516-1.691-2.219-2.672-3.172-3.965c-1.18-1.598-2.355-3.703-3.172-5.551c-2.125-4.805-3.113-10.203-5.352-15.062c-1.07-2.324-2.875-4.676-4.359-6.738c-1.645-2.289-3.484-3.977-4.758-6.742c-.453-.984-1.066-2.559-.398-3.566c.215-.684.516-.969%201.191-1.191c1.148-.887%204.352.297%205.547.793c3.18%201.32%205.832%202.578%208.527%204.363c1.289.855%202.598%202.512%204.16%202.973h1.785c2.789.641%205.914.195%208.523.988c4.609%201.402%208.738%203.582%2012.488%205.949c11.422%207.215%2020.766%2017.48%2027.156%2029.734c1.027%201.973%201.473%203.852%202.379%205.945c1.824%204.219%204.125%208.559%205.941%2012.688c1.816%204.113%203.582%208.27%206.148%2011.695c1.348%201.801%206.551%202.766%208.918%203.766c1.66.699%204.379%201.43%205.949%202.379c3%201.809%205.906%203.965%208.723%205.945c1.402.992%205.73%203.168%205.945%204.957zm-88.605-75.52c-1.453-.027-2.48.156-3.566.395v.199h.195c.695%201.422%201.918%202.34%202.777%203.566l1.98%204.164l.199-.195c1.227-.867%201.789-2.25%201.781-4.363c-.492-.52-.562-1.164-.992-1.785c-.562-.824-1.66-1.289-2.375-1.98zm0%200'%20/%3e%3c/svg%3e",
+	json: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23788191'%20d='M5%203h2v2H5v5a2%202%200%200%201-2%202a2%202%200%200%201%202%202v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2%202%200%200%200-2-2H0v-2h1a2%202%200%200%200%202-2V5a2%202%200%200%201%202-2m14%200a2%202%200%200%201%202%202v4a2%202%200%200%200%202%202h1v2h-1a2%202%200%200%200-2%202v4a2%202%200%200%201-2%202h-2v-2h2v-5a2%202%200%200%201%202-2a2%202%200%200%201-2-2V5h-2V3zm-7%2012a1%201%200%200%201%201%201a1%201%200%200%201-1%201a1%201%200%200%201-1-1a1%201%200%200%201%201-1m-4%200a1%201%200%200%201%201%201a1%201%200%200%201-1%201a1%201%200%200%201-1-1a1%201%200%200%201%201-1m8%200a1%201%200%200%201%201%201a1%201%200%200%201-1%201a1%201%200%200%201-1-1a1%201%200%200%201%201-1'%20/%3e%3c/svg%3e",
+	lua: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23000080'%20d='M112.956.708c-7.912%200-14.335%206.424-14.335%2014.336s6.424%2014.335%2014.335%2014.335s14.335-6.41%2014.335-14.335c0-7.912-6.424-14.336-14.335-14.336M64%2015.058c-27.02%200-48.956%2021.935-48.956%2048.955S36.979%20112.97%2064%20112.97c27.02%200%2048.956-21.935%2048.956-48.956c0-27.02-21.936-48.956-48.956-48.956'%20/%3e%3cpath%20fill='%23fff'%20d='M84.285%2029.392c-7.91%200-14.335%206.424-14.335%2014.335s6.424%2014.336%2014.335%2014.336s14.336-6.424%2014.336-14.336s-6.424-14.335-14.335-14.335zM30.773%2056.36v32.119h19.961v-3.611H34.87V56.359Zm57.584%208.37c-3.354%200-6.126.975-7.668%202.692c-1.055%201.19-1.488%202.516-1.582%204.801h3.705c.311-2.826%201.988-4.098%205.423-4.098c3.3%200%205.153%201.231%205.153%203.435v.974c0%201.542-.92%202.205-3.827%202.556c-5.193.663-5.991.839-7.398%201.407c-2.69%201.095-4.057%203.164-4.057%206.166c0%204.193%202.908%206.83%207.574%206.83c2.907%200%205.247-1.014%207.843-3.395c.257%202.34%201.407%203.395%203.787%203.395c.757%200%201.325-.081%202.515-.392v-2.773a3%203%200%200%201-.798.095c-1.284%200-1.988-.663-1.988-1.812V71.032c0-4.098-3.002-6.302-8.682-6.302m-33.742.664V83.19c0%203.84%202.867%206.302%207.357%206.302c3.395%200%205.545-1.19%207.709-4.233v3.219h3.3V65.393h-3.652v13.09c0%204.72-2.475%207.804-6.302%207.804c-2.907%200-4.76-1.772-4.76-4.544v-16.35Zm38.773%2011.67v4.139c0%201.244-.365%201.988-1.46%203.002c-1.502%201.366-3.3%202.07-5.464%202.07c-2.867%200-4.544-1.367-4.544-3.706c0-2.42%201.636-3.665%205.558-4.233c3.881-.528%204.68-.703%205.91-1.271z'%20/%3e%3cpath%20fill='%23808080'%20d='M61.733%200a64%2064%200%200%200-5.57.436l.179%201.458a63%2063%200%200%201%205.442-.426zm5.585.046l-.075%201.468a62%2062%200%200%201%205.433.52L72.88.578a64%2064%200%200%200-5.561-.532Zm-16.665%201.31a63%2063%200%200%200-5.409%201.398l.43%201.405a62%2062%200%200%201%205.284-1.367Zm27.72.237l-.33%201.431a63%2063%200%200%201%205.262%201.455l.452-1.397a64%2064%200%200%200-5.384-1.489M39.98%204.623a64%2064%200%200%200-5.081%202.323l.668%201.308a62%2062%200%200%201%204.964-2.27zm49.012.41l-.573%201.353a63%2063%200%200%201%204.929%202.346l.688-1.298a64%2064%200%200%200-5.044-2.4ZM30.04%209.706a64%2064%200%200%200-4.6%203.17l.886%201.173a63%2063%200%200%201%204.494-3.098zm-8.906%206.728a64%2064%200%200%200-3.983%203.918l1.075%201.001a63%2063%200%200%201%203.891-3.827zm-7.61%208.165a64%2064%200%200%200-3.247%204.546l1.231.8a63%2063%200%200%201%203.172-4.44zm-6.086%209.357a64%2064%200%200%200-2.408%205.042l1.352.574a62%2062%200%200%201%202.352-4.925zm113.623.973l-1.31.667a63%2063%200%200%201%202.263%204.967l1.362-.55a64%2064%200%200%200-2.315-5.083zM3.075%2044.23a63%2063%200%200%200-1.49%205.385l1.432.328a62%2062%200%200%201%201.455-5.26Zm122.166%201.049l-1.404.429a63%2063%200%200%201%201.366%205.285l1.437-.306a64%2064%200%200%200-1.399-5.409zM.574%2055.108a64%2064%200%200%200-.528%205.561l1.467.075a63%2063%200%200%201%20.516-5.434Zm126.988%201.088l-1.458.179a63%2063%200%200%201%20.428%205.441l1.468-.05a64%2064%200%200%200-.438-5.57M1.468%2066.205L0%2066.255a64%2064%200%200%200%20.435%205.57l1.458-.179a63%2063%200%200%201-.425-5.441m125.018%201.071a63%2063%200%200%201-.518%205.434l1.455.203a64%2064%200%200%200%20.53-5.561zM2.79%2077.031l-1.437.304a63%2063%200%200%200%201.398%205.41l1.405-.43A62%2062%200%200%201%202.79%2077.03Zm122.188%201.046a62%2062%200%200%201-1.457%205.26l1.397.454a63%2063%200%200%200%201.492-5.384zM5.981%2087.459l-1.362.551a63%2063%200%200%200%202.323%205.082l1.307-.669a62%2062%200%200%201-2.268-4.964m115.627.99a62%2062%200%200%201-2.354%204.925l1.296.69a64%2064%200%200%200%202.41-5.04zM10.944%2097.17l-1.245.78a64%2064%200%200%200%203.17%204.6l1.172-.885a63%2063%200%200%201-3.097-4.495m105.534.904a63%2063%200%200%201-3.173%204.44l1.156.906a64%2064%200%200%200%203.249-4.545zm-98.96%207.8l-1.092.983a64%2064%200%200%200%203.917%203.983l1.002-1.074a63%2063%200%200%201-3.827-3.892m92.24.79a63%2063%200%200%201-3.893%203.826l.983%201.092a64%2064%200%200%200%203.984-3.916zm-84.263%206.648l-.906%201.157a64%2064%200%200%200%204.546%203.248l.8-1.232a63%2063%200%200%201-4.44-3.173m76.16.654a63%2063%200%200%201-4.495%203.096l.78%201.245a64%2064%200%200%200%204.6-3.17zm-67.018%205.294l-.691%201.296a64%2064%200%200%200%205.04%202.409l.575-1.352a62%2062%200%200%201-4.924-2.353m57.775.496a62%2062%200%200%201-4.964%202.268l.551%201.362a63%2063%200%200%200%205.082-2.322zm-47.74%203.77l-.453%201.396a63%2063%200%200%200%205.385%201.49l.329-1.43a62%2062%200%200%201-5.26-1.456zm37.632.322a62%2062%200%200%201-5.284%201.365l.304%201.437a63%2063%200%200%200%205.41-1.398zm-27.003%202.122l-.203%201.455a64%2064%200%200%200%205.561.529l.075-1.467a63%2063%200%200%201-5.433-.517m16.335.139a63%2063%200%200%201-5.442.424l.05%201.468a64%2064%200%200%200%205.57-.434z'%20/%3e%3c/svg%3e",
+	csharp: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%239b4f96'%20d='M115.4%2030.7L67.1%202.9c-.8-.5-1.9-.7-3.1-.7s-2.3.3-3.1.7l-48%2027.9c-1.7%201-2.9%203.5-2.9%205.4v55.7c0%201.1.2%202.4%201%203.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7'%20/%3e%3cpath%20fill='%2368217a'%20d='M10.7%2095.3c.5.8%201.2%201.5%201.9%201.9l48.2%2027.9c.8.5%201.9.7%203.1.7s2.3-.3%203.1-.7l48-27.9c1.7-1%202.9-3.5%202.9-5.4V36.1c0-.9-.1-1.9-.6-2.8z'%20/%3e%3cpath%20fill='%23fff'%20d='M85.3%2076.1C81.1%2083.5%2073.1%2088.5%2064%2088.5c-13.5%200-24.5-11-24.5-24.5s11-24.5%2024.5-24.5c9.1%200%2017.1%205%2021.3%2012.5l13-7.5c-6.8-11.9-19.6-20-34.3-20c-21.8%200-39.5%2017.7-39.5%2039.5s17.7%2039.5%2039.5%2039.5c14.6%200%2027.4-8%2034.2-19.8zM97%2066.2l.9-4.3h-4.2v-4.7h5.1L100%2051h4.9l-1.2%206.1h3.8l1.2-6.1h4.8l-1.2%206.1h2.4v4.7h-3.3l-.9%204.3h4.2v4.7h-5.1l-1.2%206h-4.9l1.2-6h-3.8l-1.2%206h-4.8l1.2-6h-2.4v-4.7H97zm4.8%200h3.8l.9-4.3h-3.8z'%20/%3e%3c/svg%3e",
+	cpp: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%2300599c'%20d='M118.766%2095.82c.89-1.543%201.441-3.28%201.441-4.843V36.78c0-1.558-.55-3.297-1.441-4.84l-55.32%2031.94Zm0%200'%20/%3e%3cpath%20fill='%23004482'%20d='m68.36%20126.586l46.933-27.094c1.352-.781%202.582-2.129%203.473-3.672l-55.32-31.94L8.12%2095.82c.89%201.543%202.121%202.89%203.473%203.672l46.933%2027.094c2.703%201.562%207.13%201.562%209.832%200Zm0%200'%20/%3e%3cpath%20fill='%23659ad2'%20d='M118.766%2031.941c-.891-1.546-2.121-2.894-3.473-3.671L68.359%201.172c-2.703-1.563-7.129-1.563-9.832%200L11.594%2028.27C8.89%2029.828%206.68%2033.66%206.68%2036.78v54.196c0%201.562.55%203.3%201.441%204.843L63.445%2063.88Zm0%200'%20/%3e%3cpath%20fill='%23fff'%20d='M63.445%2026.035c-20.867%200-37.843%2016.977-37.843%2037.844s16.976%2037.844%2037.843%2037.844c13.465%200%2026.024-7.247%2032.77-18.91L79.84%2073.335c-3.38%205.84-9.66%209.465-16.395%209.465c-10.433%200-18.922-8.488-18.922-18.922s8.49-18.922%2018.922-18.922c6.73%200%2013.017%203.629%2016.39%209.465l16.38-9.477c-6.75-11.664-19.305-18.91-32.77-18.91zM92.88%2057.57v4.207h-4.207v4.203h4.207v4.207h4.203V65.98h4.203v-4.203h-4.203V57.57zm15.766%200v4.207h-4.204v4.203h4.204v4.207h4.207V65.98h4.203v-4.203h-4.203V57.57z'%20/%3e%3c/svg%3e",
+	c: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='%23659ad3'%20d='M115.4%2030.7L67.1%202.9c-.8-.5-1.9-.7-3.1-.7s-2.3.3-3.1.7l-48%2027.9c-1.7%201-2.9%203.5-2.9%205.4v55.7c0%201.1.2%202.4%201%203.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7'%20/%3e%3cpath%20fill='%2303599c'%20d='M10.7%2095.3c.5.8%201.2%201.5%201.9%201.9l48.2%2027.9c.8.5%201.9.7%203.1.7s2.3-.3%203.1-.7l48-27.9c1.7-1%202.9-3.5%202.9-5.4V36.1c0-.9-.1-1.9-.6-2.8z'%20/%3e%3cpath%20fill='%23fff'%20d='M85.3%2076.1C81.1%2083.5%2073.1%2088.5%2064%2088.5c-13.5%200-24.5-11-24.5-24.5s11-24.5%2024.5-24.5c9.1%200%2017.1%205%2021.3%2012.5l13-7.5c-6.8-11.9-19.6-20-34.3-20c-21.8%200-39.5%2017.7-39.5%2039.5s17.7%2039.5%2039.5%2039.5c14.6%200%2027.4-8%2034.2-19.8z'%20/%3e%3c/svg%3e",
+	file: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23788191'%20d='m12.89%203l1.96.4L11.11%2021l-1.96-.4zm6.7%209L16%208.41V5.58L22.42%2012L16%2018.41v-2.83zM1.58%2012L8%205.58v2.83L4.41%2012L8%2015.58v2.83z'%20/%3e%3c/svg%3e"
+}, Ye = (e) => /* @__PURE__ */ u("img", {
+	className: qe.icon,
+	src: Je[e.language] || "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23788191'%20d='m12.89%203l1.96.4L11.11%2021l-1.96-.4zm6.7%209L16%208.41V5.58L22.42%2012L16%2018.41v-2.83zM1.58%2012L8%205.58v2.83L4.41%2012L8%2015.58v2.83z'%20/%3e%3c/svg%3e",
+	width: e.size,
+	height: e.size,
+	alt: e.language,
+	style: {
+		width: e.size,
+		height: e.size,
+		...e.style
+	}
+}), Xe = [
+	"rust",
+	"javascript",
+	"typescript",
+	"shell",
+	"terraform",
+	"html",
+	"css",
+	"npm",
+	"java",
+	"kotlin",
+	"go",
+	"python",
+	"sql",
+	"json",
+	"lua",
+	"csharp",
+	"cpp",
+	"c",
+	"file"
+], Ze = { icon: "_icon_fs4e2_1" }, C = (e) => /* @__PURE__ */ u("div", {
+	className: Ze["elm-mdi-icon"],
+	style: e.style,
+	children: /* @__PURE__ */ u("svg", {
+		width: e.size || "1.25rem",
+		height: e.size || "1.25rem",
+		viewBox: "0 0 24 24",
+		focusable: "false",
+		role: "img",
+		className: Ze.icon,
+		children: /* @__PURE__ */ u("path", {
+			style: { color: e.color },
+			fill: "currentColor",
+			d: e.d
+		})
+	})
+}), Qe = {
+	wrapper: "_wrapper_1q92c_15",
+	dot: "_dot_1q92c_22",
+	bounce: "_bounce_1q92c_1"
+}, w = (e) => {
+	let { color: t, size: n = "64px", style: r } = e;
+	return /* @__PURE__ */ u("div", {
+		className: Qe.wrapper,
+		style: {
+			width: n,
+			height: n,
+			...r
+		},
+		children: [
+			1,
+			2,
+			3
+		].map((e) => /* @__PURE__ */ u("div", {
+			className: Qe.dot,
+			"aria-hidden": !0,
+			style: t ? { backgroundColor: t } : void 0
+		}, e))
+	});
+}, $e = {
+	wrapper: "_wrapper_1yu3x_19",
+	square: "_square_1yu3x_28",
+	appear: "_appear_1yu3x_1"
+}, et = 1200, tt = (e) => {
+	let { size: t = "3rem", dimensions: n = 4, style: r } = e, i = et / (n * 3), a = Array.from({ length: n });
+	return /* @__PURE__ */ u("div", {
+		className: $e.wrapper,
+		style: {
+			"--size": t,
+			"--dimensions": n,
+			"--duration": `${et}ms`,
+			...r
+		},
+		children: a.map((e, t) => a.map((e, n) => /* @__PURE__ */ u("div", {
+			className: $e.square,
+			style: { "--delay": `${i * (t + n)}ms` }
+		}, `${t}-${n}`)))
+	});
+}, nt = { icon: "_icon_x4u0f_1" }, rt = "elmethis-theme";
+function it() {
+	if (typeof document < "u") {
+		let e = document.documentElement.getAttribute("data-theme");
+		if (e != null) return e === "dark";
+	}
+	if (typeof localStorage < "u") {
+		let e = localStorage.getItem(rt);
+		if (e != null) return e === "dark";
+	}
+	return !1;
+}
+function at() {
+	let [e, t] = c(it), r = n(() => {
+		t((e) => !e);
+	}, []);
+	return i(() => {
+		if (typeof document < "u") {
+			document.documentElement.setAttribute("data-theme", e ? "dark" : "light");
+			let t = document.querySelector("body");
+			t != null && (t.style.colorScheme = e ? "dark" : "light"), typeof localStorage < "u" && localStorage.setItem(rt, e ? "dark" : "light");
+		}
+	}, [e]), {
+		isDarkTheme: e,
+		toggleTheme: r
+	};
+}
+//#endregion
+//#region src/components/icon/ElmToggleTheme.tsx
+var ot = (e) => {
+	let { size: t = "2rem", style: n } = e, { isDarkTheme: r, toggleTheme: i } = at();
+	return r ? /* @__PURE__ */ d("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		className: nt.icon,
+		style: n,
+		onClick: i,
+		children: [
+			/* @__PURE__ */ d("path", {
+				fillOpacity: "0",
+				d: "M15.22 6.03l2.53-1.94L14.56 4L13.5 1l-1.06 3l-3.19.09l2.53 1.94l-.91 3.06l2.63-1.81l2.63 1.81z",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					id: "lineMdSunnyOutlineToMoonLoopTransition0",
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "0.6s;lineMdSunnyOutlineToMoonLoopTransition0.begin+6s",
+					dur: "0.4s",
+					values: "0;1"
+				}), /* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+2.2s",
+					dur: "0.4s",
+					values: "1;0"
+				})]
+			}),
+			/* @__PURE__ */ d("path", {
+				fillOpacity: "0",
+				d: "M13.61 5.25L15.25 4l-2.06-.05L12.5 2l-.69 1.95L9.75 4l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+3s",
+					dur: "0.4s",
+					values: "0;1"
+				}), /* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+5.2s",
+					dur: "0.4s",
+					values: "1;0"
+				})]
+			}),
+			/* @__PURE__ */ d("path", {
+				fillOpacity: "0",
+				d: "M19.61 12.25L21.25 11l-2.06-.05L18.5 9l-.69 1.95l-2.06.05l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+0.4s",
+					dur: "0.4s",
+					values: "0;1"
+				}), /* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+2.8s",
+					dur: "0.4s",
+					values: "1;0"
+				})]
+			}),
+			/* @__PURE__ */ d("path", {
+				fillOpacity: "0",
+				d: "M20.828 9.731l1.876-1.439l-2.366-.067L19.552 6l-.786 2.225l-2.366.067l1.876 1.439L17.601 12l1.951-1.342L21.503 12z",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+3.4s",
+					dur: "0.4s",
+					values: "0;1"
+				}), /* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "fill-opacity",
+					begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+5.6s",
+					dur: "0.4s",
+					values: "1;0"
+				})]
+			}),
+			/* @__PURE__ */ d("g", {
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				children: [/* @__PURE__ */ d("g", { children: [
+					/* @__PURE__ */ u("path", {
+						strokeDasharray: "2",
+						strokeDashoffset: "4",
+						d: "M12 21v1M21 12h1M12 3v-1M3 12h-1",
+						children: /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "stroke-dashoffset",
+							dur: "0.2s",
+							values: "4;2"
+						})
+					}),
+					/* @__PURE__ */ u("path", {
+						strokeDasharray: "2",
+						strokeDashoffset: "4",
+						d: "M18.5 18.5l0.5 0.5M18.5 5.5l0.5 -0.5M5.5 5.5l-0.5 -0.5M5.5 18.5l-0.5 0.5",
+						children: /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "stroke-dashoffset",
+							begin: "0.2s",
+							dur: "0.2s",
+							values: "4;2"
+						})
+					}),
+					/* @__PURE__ */ u("set", {
+						fill: "freeze",
+						attributeName: "opacity",
+						begin: "0.5s",
+						to: "0"
+					})
+				] }), /* @__PURE__ */ u("path", {
+					d: "M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z",
+					opacity: "0",
+					children: /* @__PURE__ */ u("set", {
+						fill: "freeze",
+						attributeName: "opacity",
+						begin: "0.5s",
+						to: "1"
+					})
+				})]
+			}),
+			/* @__PURE__ */ d("mask", {
+				id: "lineMdSunnyOutlineToMoonLoopTransition1",
+				children: [
+					/* @__PURE__ */ u("circle", {
+						cx: "12",
+						cy: "12",
+						r: "12",
+						fill: "#fff"
+					}),
+					/* @__PURE__ */ u("circle", {
+						cx: "12",
+						cy: "12",
+						r: "4",
+						children: /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "r",
+							begin: "0.1s",
+							dur: "0.4s",
+							values: "4;8"
+						})
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: "22",
+						cy: "2",
+						r: "3",
+						fill: "#fff",
+						children: [
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cx",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "22;18"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cy",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "2;6"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "r",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "3;12"
+							})
+						]
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: "22",
+						cy: "2",
+						r: "1",
+						children: [
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cx",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "22;18"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cy",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "2;6"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "r",
+								begin: "0.1s",
+								dur: "0.4s",
+								values: "1;10"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("circle", {
+				cx: "12",
+				cy: "12",
+				r: "6",
+				mask: "url(#lineMdSunnyOutlineToMoonLoopTransition1)",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "r",
+					begin: "0.1s",
+					dur: "0.4s",
+					values: "6;10"
+				}), /* @__PURE__ */ u("set", {
+					fill: "freeze",
+					attributeName: "opacity",
+					begin: "0.5s",
+					to: "0"
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ d("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		className: nt.icon,
+		style: n,
+		onClick: i,
+		children: [
+			/* @__PURE__ */ d("g", {
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				children: [
+					/* @__PURE__ */ d("path", {
+						strokeDasharray: "2",
+						strokeDashoffset: "2",
+						d: "M12 19v1M19 12h1M12 5v-1M5 12h-1",
+						children: [/* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "d",
+							begin: "1.2s",
+							dur: "0.2s",
+							values: "M12 19v1M19 12h1M12 5v-1M5 12h-1;M12 21v1M21 12h1M12 3v-1M3 12h-1"
+						}), /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "stroke-dashoffset",
+							begin: "1.2s",
+							dur: "0.2s",
+							values: "2;0"
+						})]
+					}),
+					/* @__PURE__ */ d("path", {
+						strokeDasharray: "2",
+						strokeDashoffset: "2",
+						d: "M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5",
+						children: [/* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "d",
+							begin: "1.4s",
+							dur: "0.2s",
+							values: "M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5;M18.5 18.5l0.5 0.5M18.5 5.5l0.5 -0.5M5.5 5.5l-0.5 -0.5M5.5 18.5l-0.5 0.5"
+						}), /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "stroke-dashoffset",
+							begin: "1.4s",
+							dur: "0.2s",
+							values: "2;0"
+						})]
+					}),
+					/* @__PURE__ */ u("animateTransform", {
+						attributeName: "transform",
+						dur: "30s",
+						repeatCount: "indefinite",
+						type: "rotate",
+						values: "0 12 12;360 12 12"
+					})
+				]
+			}),
+			/* @__PURE__ */ d("g", {
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("path", {
+					d: "M15.22 6.03L17.75 4.09L14.56 4L13.5 1L12.44 4L9.25 4.09L11.78 6.03L10.87 9.09L13.5 7.28L16.13 9.09L15.22 6.03Z",
+					children: /* @__PURE__ */ u("animate", {
+						fill: "freeze",
+						attributeName: "fill-opacity",
+						dur: "0.4s",
+						values: "1;0"
+					})
+				}), /* @__PURE__ */ u("path", {
+					d: "M19.61 12.25L21.25 11L19.19 10.95L18.5 9L17.81 10.95L15.75 11L17.39 12.25L16.8 14.23L18.5 13.06L20.2 14.23L19.61 12.25Z",
+					children: /* @__PURE__ */ u("animate", {
+						fill: "freeze",
+						attributeName: "fill-opacity",
+						begin: "0.2s",
+						dur: "0.4s",
+						values: "1;0"
+					})
+				})]
+			}),
+			/* @__PURE__ */ u("path", {
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				d: "M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z",
+				children: /* @__PURE__ */ u("set", {
+					fill: "freeze",
+					attributeName: "opacity",
+					begin: "0.6s",
+					to: "0"
+				})
+			}),
+			/* @__PURE__ */ d("mask", {
+				id: "lineMdMoonToSunnyOutlineLoopTransition0",
+				children: [
+					/* @__PURE__ */ u("circle", {
+						cx: "12",
+						cy: "12",
+						r: "12",
+						fill: "#fff"
+					}),
+					/* @__PURE__ */ u("circle", {
+						cx: "12",
+						cy: "12",
+						r: "8",
+						children: /* @__PURE__ */ u("animate", {
+							fill: "freeze",
+							attributeName: "r",
+							begin: "0.6s",
+							dur: "0.4s",
+							values: "8;4"
+						})
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: "18",
+						cy: "6",
+						r: "12",
+						fill: "#fff",
+						children: [
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cx",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "18;22"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cy",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "6;2"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "r",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "12;3"
+							})
+						]
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: "18",
+						cy: "6",
+						r: "10",
+						children: [
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cx",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "18;22"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "cy",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "6;2"
+							}),
+							/* @__PURE__ */ u("animate", {
+								fill: "freeze",
+								attributeName: "r",
+								begin: "0.6s",
+								dur: "0.4s",
+								values: "10;1"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10",
+				mask: "url(#lineMdMoonToSunnyOutlineLoopTransition0)",
+				opacity: "0",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ u("animate", {
+					fill: "freeze",
+					attributeName: "r",
+					begin: "0.6s",
+					dur: "0.4s",
+					values: "10;6"
+				}), /* @__PURE__ */ u("set", {
+					fill: "freeze",
+					attributeName: "opacity",
+					begin: "0.6s",
+					to: "1"
+				})]
+			})
+		]
+	});
+}, T = {
+	arrow: "_arrow_kn879_19",
+	loading: "_loading_kn879_49",
+	normal: "_normal_kn879_55",
+	pending: "_pending_kn879_64"
+}, st = (e) => {
+	let { direction: t = "right", loading: n = !1, pending: r = !1, size: i = "2rem", style: a } = e, o = t === "up" ? "rotate(270deg)" : t === "down" ? "rotate(90deg)" : t === "left" ? "rotate(180deg)" : "rotate(0deg)";
+	return /* @__PURE__ */ u("div", {
+		className: [
+			T.arrow,
+			!n && !r ? T.normal : void 0,
+			n ? T.loading : void 0,
+			!n && r ? T.pending : void 0
+		].filter(Boolean).join(" "),
+		style: {
+			"--size": i,
+			transform: o,
+			...a
+		}
+	});
+}, E = {
+	wrapper: "_wrapper_1c6r3_1",
+	favicon: "_favicon_1c6r3_24",
+	text: "_text_1c6r3_29"
+}, ct = {
+	text: "_text_1nnze_1",
+	link: "_link_1nnze_19"
+}, D = (e) => {
+	let t = (e) => {
+		let t = e.children;
+		return e.kbd && (t = /* @__PURE__ */ u("kbd", { children: t })), e.code && (t = /* @__PURE__ */ u("code", { children: t })), e.strikethrough && (t = /* @__PURE__ */ u("del", { children: t })), e.underline && (t = /* @__PURE__ */ u("ins", { children: t })), e.italic && (t = /* @__PURE__ */ u("em", { children: t })), e.bold && (t = /* @__PURE__ */ u("strong", { children: t })), e.ruby && (t = /* @__PURE__ */ d("ruby", { children: [t, /* @__PURE__ */ u("rt", { children: e.ruby })] })), t;
+	}, n = ({ favicon: e, href: t, children: n }) => /* @__PURE__ */ d("a", {
+		className: ct.link,
+		href: t,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: [e && /* @__PURE__ */ u(S, { src: e }), n]
+	}), r = (e) => e.href ? n(e) : t(e);
+	return /* @__PURE__ */ u("span", {
+		className: ct.text,
+		style: {
+			"--elmethis-text-color-light": e.color,
+			"--elmethis-text-color-dark": e.color,
+			"--elmethis-text-background-color-light": e.backgroundColor,
+			"--elmethis-text-background-color-dark": e.backgroundColor,
+			color: e.color ?? (e.backgroundColor ? p(e.backgroundColor) > .5 ? "#3e434b" : "#eeeff1" : void 0),
+			backgroundColor: e.backgroundColor,
+			...e.style
+		},
+		children: r(e)
+	});
+}, lt = (e) => {
+	let { name: t, href: n, favicon: r, style: i } = e;
+	return /* @__PURE__ */ d("a", {
+		className: E.wrapper,
+		href: n,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		style: i,
+		children: [r == null ? /* @__PURE__ */ u(C, {
+			d: _e,
+			size: "2.5rem",
+			style: { opacity: .7 }
+		}) : /* @__PURE__ */ u("img", {
+			className: E.favicon,
+			src: r,
+			alt: `favicon of ${t ?? n}`
+		}), /* @__PURE__ */ u("div", {
+			className: E.text,
+			children: /* @__PURE__ */ u(D, {
+				size: ".6rem",
+				children: t ?? n
+			})
+		})]
+	});
+}, ut = {
+	cube: "_cube_1merk_1",
+	"elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_1merk_1",
+	face: "_face_1merk_8"
+}, dt = [
+	{
+		name: "front",
+		rotate: ""
+	},
+	{
+		name: "back",
+		rotate: "rotateY(180deg)"
+	},
+	{
+		name: "left",
+		rotate: "rotateY(-90deg)"
+	},
+	{
+		name: "right",
+		rotate: "rotateY(90deg)"
+	},
+	{
+		name: "top",
+		rotate: "rotateX(90deg)"
+	},
+	{
+		name: "bottom",
+		rotate: "rotateX(-90deg)"
+	}
+], ft = (e) => {
+	let { size: t = 128, style: n } = e, r = o(() => `translateZ(${t / 2}px)`, [t]);
+	return /* @__PURE__ */ u("div", {
+		className: ut.cube,
+		style: {
+			width: `${t}px`,
+			height: `${t}px`,
+			...n
+		},
+		children: dt.map((e) => /* @__PURE__ */ u("div", {
+			className: ut.face,
+			style: { transform: `${e.rotate} ${r}` }
+		}, e.name))
+	});
+}, pt = { icon: "_icon_140bn_1" }, mt = (e) => {
+	let { size: t = "2rem", isLogin: n = !1, isLoading: r = !1, style: i } = e, a = r ? je : n ? Pe : Ne, o = r ? "gray" : n ? "#b36472" : "#6987b8";
+	return /* @__PURE__ */ u("div", {
+		className: pt.icon,
+		style: i,
+		children: /* @__PURE__ */ u(C, {
+			d: a,
+			color: o,
+			size: t
+		})
+	});
+}, ht = { paragraph: "_paragraph_1tutj_1" }, gt = (e) => /* @__PURE__ */ u("p", {
+	className: ht.paragraph,
+	style: {
+		backgroundColor: e.backgroundColor,
+		...e.style
+	},
+	children: e.children
+}), O = {
+	blockquote: "_blockquote_1p25j_1",
+	cite: "_cite_1p25j_17",
+	icon: "_icon_1p25j_38"
+}, _t = (e) => {
+	let t = s(null), [n, r] = c(!1);
+	return i(() => {
+		let e = t.current;
+		if (!e) return;
+		let n = new IntersectionObserver(([e]) => {
+			r(e.isIntersecting);
+		});
+		return n.observe(e), () => n.disconnect();
+	}, []), /* @__PURE__ */ d("blockquote", {
+		ref: t,
+		className: O.blockquote,
+		cite: e.cite,
+		style: {
+			"--opacity": +!!n,
+			...e.style
+		},
+		children: [
+			e.children,
+			e.cite && /* @__PURE__ */ u("cite", {
+				className: O.cite,
+				children: /* @__PURE__ */ u("a", {
+					href: e.cite,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: e.cite
+				})
+			}),
+			/* @__PURE__ */ u("svg", {
+				className: O.icon,
+				style: {
+					top: "0.25rem",
+					left: "0.25rem"
+				},
+				viewBox: "0 0 24 24",
+				width: "1rem",
+				height: "1rem",
+				children: /* @__PURE__ */ u("path", { d: we })
+			}),
+			/* @__PURE__ */ u("svg", {
+				className: O.icon,
+				style: {
+					bottom: "0.25rem",
+					right: "0.25rem"
+				},
+				viewBox: "0 0 24 24",
+				width: "1rem",
+				height: "1rem",
+				children: /* @__PURE__ */ u("path", { d: Ce })
+			})
+		]
+	});
+}, vt = {
+	callout: "_callout_n5scl_1",
+	header: "_header_n5scl_27"
+}, yt = Object.freeze({
+	note: {
+		code: "#6987b8",
+		icon: Ee
+	},
+	tip: {
+		code: "#59b57c",
+		icon: ke
+	},
+	important: {
+		code: "#9771bd",
+		icon: Ve
+	},
+	warning: {
+		code: "#b8a36e",
+		icon: y
+	},
+	caution: {
+		code: "#b36472",
+		icon: x
+	}
+}), bt = ({ type: e = "note", ...t }) => {
+	let n = s(null), [r, a] = c(!1);
+	i(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			a(e.isIntersecting);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let o = yt[e];
+	return /* @__PURE__ */ d("aside", {
+		ref: n,
+		className: vt.callout,
+		style: {
+			"--border-color": o.code,
+			"--bg-color": `color-mix(in srgb, ${o.code} 10%, transparent)`,
+			"--scale": +!!r,
+			...t.style
+		},
+		children: [/* @__PURE__ */ d("div", {
+			className: vt.header,
+			children: [/* @__PURE__ */ u(C, {
+				d: o.icon,
+				size: "1.25em",
+				color: o.code
+			}), /* @__PURE__ */ u(D, {
+				color: o.code,
+				children: e.toUpperCase()
+			})]
+		}), /* @__PURE__ */ u("div", { children: t.children })]
+	});
+}, xt = { divider: "_divider_1jqyl_1" }, St = (e) => {
+	let t = s(null), [n, r] = c(!1);
+	return i(() => {
+		let e = t.current;
+		if (!e) return;
+		let n = new IntersectionObserver(([e]) => {
+			r(e.isIntersecting);
+		});
+		return n.observe(e), () => n.disconnect();
+	}, []), /* @__PURE__ */ u("hr", {
+		ref: t,
+		className: xt.divider,
+		style: {
+			"--scale": +!!n,
+			"--margin-block": e.margin,
+			...e.style
+		}
+	});
+}, Ct = { fragment: "_fragment_il7xb_1" }, wt = (e) => {
+	let t = n((e) => {
+		let t = new URL(window.location.href);
+		t.hash = e, window.history.replaceState(null, "", t.toString()), document.getElementById(e)?.scrollIntoView({ behavior: "smooth" });
+	}, []);
+	return /* @__PURE__ */ u("span", {
+		className: Ct.fragment,
+		style: e.style,
+		onClick: () => t(e.id),
+		children: "#"
+	});
+}, Tt = {
+	"heading-common": "_heading-common_e13jl_1",
+	h1: "_h1_e13jl_22",
+	h2: "_h2_e13jl_57",
+	h2__underline: "_h2__underline_e13jl_91",
+	h3: "_h3_e13jl_110",
+	h4: "_h4_e13jl_130",
+	h5: "_h5_e13jl_134",
+	h6: "_h6_e13jl_138",
+	"heading-stretch": "_heading-stretch_e13jl_1"
+}, Et = Object.freeze({
+	1: 1.5,
+	2: 1.4,
+	3: 1.3,
+	4: 1.2,
+	5: 1.15,
+	6: 1.1
+}), Dt = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), Ot = ({ level: e = 1, disableFragmentIdentifier: t = !1, ...n }) => {
+	let r = s(null), [a, o] = c(!1);
+	i(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			o(e.isIntersecting);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let l = `h${e}`, f = n.id ?? (n.text ? Dt(n.text) : void 0);
+	return /* @__PURE__ */ d(l, {
+		ref: r,
+		className: [Tt["heading-common"], Tt[`h${e}`]].filter(Boolean).join(" "),
+		id: f,
+		style: {
+			"--font-size": n.size ?? `${Et[e]}rem`,
+			"--scale": +!!a,
+			"--opacity": +!!a,
+			...n.style
+		},
+		children: [
+			n.text && /* @__PURE__ */ u("span", { children: n.text }),
+			n.children,
+			!t && f && /* @__PURE__ */ u(wt, { id: f }),
+			e === 2 && /* @__PURE__ */ u("span", {
+				className: Tt.h2__underline,
+				"aria-hidden": "true"
+			})
+		]
+	});
+}, k = {
+	"elmethis-list-common": "_elmethis-list-common_1p5gw_1",
+	"elmethis-bulleted-list": "_elmethis-bulleted-list_1p5gw_9",
+	"elmethis-numbered-list": "_elmethis-numbered-list_1p5gw_27"
+}, kt = ({ listStyle: e = "unordered", ...t }) => {
+	let n = s(null), [r, a] = c(!1);
+	i(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			a(e.isIntersecting);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let o = [k["elmethis-list-common"], e === "unordered" ? k["elmethis-bulleted-list"] : k["elmethis-numbered-list"]].join(" "), l = {
+		"--opacity": +!!r,
+		...t.style
+	};
+	return u(e === "ordered" ? "ol" : "ul", {
+		ref: n,
+		className: o,
+		style: l,
+		children: t.children
+	});
+}, At = {
+	text: "_text_zrzts_1",
+	cursor: "_cursor_zrzts_30",
+	blink: "_blink_zrzts_1"
+}, A = (e) => new Promise((t) => {
+	setTimeout(t, e);
+}), jt = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
+	let [a, o] = c(""), l = s(!1);
+	return i(() => (l.current = !1, (async () => {
+		for (; !l.current;) for (let n of e) {
+			for (let e = 0; e < n.length; e++) {
+				if (l.current || (await A(75), l.current)) return;
+				o(n.slice(0, e + 1));
+			}
+			if (await A(t), l.current) return;
+			for (let e = n.length; e >= 0; e--) if (l.current || (o(n.slice(0, e)), await A(25), l.current)) return;
+			if (await A(200), l.current) return;
+		}
+	})(), () => {
+		l.current = !0;
+	}), [e, t]), /* @__PURE__ */ d("span", {
+		className: At.text,
+		style: {
+			fontSize: n,
+			...r.style
+		},
+		children: [a, /* @__PURE__ */ u("span", {
+			className: At.cursor,
+			children: "\xA0"
+		})]
+	});
+}, Mt = { "elm-template": "_elm-template_18rwn_1" }, Nt = (e) => /* @__PURE__ */ u("div", {
+	className: Mt["elm-template"],
+	style: e.style,
 	children: "PLACEHOLDER"
+}), j = {
+	progress: "_progress_e6hmw_1",
+	container: "_container_e6hmw_27",
+	value: "_value_e6hmw_41",
+	loading: "_loading_e6hmw_56",
+	buffer: "_buffer_e6hmw_72"
+}, Pt = ({ value: e, buffer: t, max: n = 100, weight: r = "4px", round: i = !0, color: a, loading: o = !1, style: s }) => /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("progress", {
+	className: j.progress,
+	value: e,
+	max: n
+}), /* @__PURE__ */ d("div", {
+	className: j.container,
+	style: {
+		"--weight": r,
+		"--border-radius": i ? "calc(var(--weight) / 2)" : void 0,
+		"--color": a,
+		...s
+	},
+	children: [
+		/* @__PURE__ */ u("div", {
+			className: j.value,
+			style: { "--scale-x": `scaleX(${o ? 0 : e / n})` }
+		}),
+		o && /* @__PURE__ */ u("div", { className: j.loading }),
+		/* @__PURE__ */ u("div", {
+			className: j.buffer,
+			style: { "--scale-x": `scaleX(${o ? 0 : t == null ? e / n : t / n})` }
+		})
+	]
+})] }), Ft = {
+	container: "_container_13d02_1",
+	bar: "_bar_13d02_15"
+}, It = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
+	let i = o(() => {
+		let t = e.reduce((e, t) => e + t.value, 0), n = e.map((e) => e.value / t * 100);
+		return e.map((e, t) => ({
+			...e,
+			scale: n[t] / 100,
+			start: n.slice(0, t).reduce((e, t) => e + t, 0)
+		}));
+	}, [e]);
+	return /* @__PURE__ */ u("div", {
+		className: Ft.container,
+		style: {
+			"--weight": t,
+			"--border-radius": n ? "calc(var(--weight) / 2)" : void 0,
+			...r
+		},
+		children: i.map((e, t) => /* @__PURE__ */ u("div", {
+			className: Ft.bar,
+			style: {
+				"--transform": `translateX(${e.start}%) scaleX(${e.scale})`,
+				"--color": e.color
+			}
+		}, t))
+	});
+}, Lt = { wrapper: "_wrapper_17chp_1" }, Rt = Object.freeze({
+	pending: {
+		color: "#6987b8",
+		icon: Be
+	},
+	error: {
+		color: "#c56565",
+		icon: b
+	},
+	warning: {
+		color: "#cdb57b",
+		icon: y
+	},
+	success: {
+		color: "#59b57c",
+		icon: ce
+	}
+}), zt = ({ status: e, message: t, style: n }) => {
+	let { color: r, icon: i } = Rt[e];
+	return /* @__PURE__ */ d("div", {
+		className: Lt.wrapper,
+		style: n,
+		children: [/* @__PURE__ */ u(C, {
+			d: i,
+			color: r,
+			size: "1em"
+		}), /* @__PURE__ */ u(D, {
+			color: r,
+			children: t
+		})]
+	});
+}, M = {
+	wrapper: "_wrapper_1qzya_1",
+	error: "_error_1qzya_9",
+	"image-frame": "_image-frame_1qzya_21",
+	fallback: "_fallback_1qzya_29",
+	pulse: "_pulse_1qzya_1",
+	"image-inline": "_image-inline_1qzya_56",
+	"image-block": "_image-block_1qzya_67",
+	"alt-container": "_alt-container_1qzya_79",
+	"alt-text": "_alt-text_1qzya_90",
+	modal: "_modal_1qzya_94",
+	"modal-image": "_modal-image_1qzya_108"
+}, Bt = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, margin: a, width: o, height: l, style: f }) => {
+	let [p, m] = c(!0), [h, g] = c(!1), [_, v] = c(!1), y = s(null);
+	return i(() => {
+		let t = new Image();
+		t.src = e, t.onload = () => {
+			m(!1), g(!1);
+		}, t.onerror = () => {
+			m(!1), g(!0);
+		};
+	}, [e]), i(() => {
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), v(!1));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, []), /* @__PURE__ */ d("div", {
+		className: M.wrapper,
+		ref: y,
+		style: f,
+		children: [
+			h && /* @__PURE__ */ u("div", {
+				className: M.error,
+				children: /* @__PURE__ */ u(D, {
+					color: "#c56565",
+					size: "1.5rem",
+					children: "Error loading image"
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: M["image-frame"],
+				style: { "--margin-block": a },
+				children: [p && /* @__PURE__ */ u("div", {
+					className: M.fallback,
+					style: {
+						aspectRatio: o && l ? `${o} / ${l}` : "1200 / 630",
+						width: o ? `${o}px` : void 0,
+						height: l ? `${l}px` : void 0
+					}
+				}), /* @__PURE__ */ u("img", {
+					className: n ? M["image-block"] : M["image-inline"],
+					src: e,
+					alt: t,
+					width: o,
+					height: l,
+					onClick: () => {
+						r && v(!0);
+					},
+					style: {
+						"--margin-block": a,
+						"--width": o ? `${o}px` : void 0,
+						"--height": l ? `${l}px` : void 0,
+						cursor: r ? "zoom-in" : void 0,
+						opacity: +(!p && !h),
+						pointerEvents: !p && !h ? void 0 : "none"
+					}
+				})]
+			}),
+			n && !p && t != null && t.trim() !== "" && /* @__PURE__ */ d("div", {
+				className: M["alt-container"],
+				children: [/* @__PURE__ */ u(C, {
+					d: Le,
+					color: "#b69545",
+					style: { flexShrink: 0 }
+				}), /* @__PURE__ */ u("div", {
+					className: M["alt-text"],
+					children: /* @__PURE__ */ u(D, {
+						size: "0.8rem",
+						children: t
+					})
+				})]
+			}),
+			_ && /* @__PURE__ */ u("div", {
+				className: M.modal,
+				onClick: () => v(!1),
+				children: /* @__PURE__ */ u("img", {
+					className: M["modal-image"],
+					src: e,
+					alt: t,
+					width: o,
+					height: l
+				})
+			})
+		]
+	});
+}, N = {
+	file: "_file_1fmcz_1",
+	"left-container": "_left-container_1fmcz_19",
+	"right-container": "_right-container_1fmcz_26",
+	"download-icon": "_download-icon_1fmcz_33"
+};
+//#endregion
+//#region src/components/media/ElmFile.tsx
+function Vt(e) {
+	let t = e.split(/[?#]/)[0].split("/").filter(Boolean);
+	return t.length > 0 ? t[t.length - 1] : null;
+}
+var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
+	let o = n(async () => {
+		let n;
+		try {
+			let r = await fetch(t);
+			if (!r.ok) throw Error("Failed to download file");
+			let i = await r.blob();
+			n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? Vt(t) ?? "file", n.click();
+		} catch (e) {
+			console.error("ERROR:", e);
+		} finally {
+			n && URL.revokeObjectURL(n.href);
+		}
+	}, [t, e]), s = e ?? Vt(t) ?? "unknown file";
+	return /* @__PURE__ */ d("div", {
+		className: N.file,
+		style: {
+			"--margin-block": i,
+			...a
+		},
+		children: [/* @__PURE__ */ d("div", {
+			className: N["left-container"],
+			children: [/* @__PURE__ */ u(C, {
+				d: xe,
+				size: "1.25em"
+			}), /* @__PURE__ */ u(D, { children: s })]
+		}), /* @__PURE__ */ d("div", {
+			className: N["right-container"],
+			children: [r && /* @__PURE__ */ u("span", {
+				style: { opacity: .6 },
+				children: /* @__PURE__ */ u(D, { children: r })
+			}), /* @__PURE__ */ u("div", {
+				className: N["download-icon"],
+				onClick: o,
+				children: /* @__PURE__ */ u(C, {
+					d: ge,
+					size: "1.25em"
+				})
+			})]
+		})]
+	});
+}, P = {
+	parent: "_parent_1hx4v_1",
+	bookmark: "_bookmark_1hx4v_23",
+	image: "_image_1hx4v_42",
+	typography: "_typography_1hx4v_62",
+	title: "_title_1hx4v_73",
+	date: "_date_1hx4v_81",
+	link: "_link_1hx4v_90",
+	favicon: "_favicon_1hx4v_100"
+}, Ut = ({ hideUrl: e = !1, openInNewTab: t = !0, title: n, description: r = "No description provided", image: i, url: a, createdAt: o, updatedAt: s, onClick: f, margin: p, favicon: m, style: h }) => {
+	let [g, _] = c(!1), v = (e) => {
+		f && (e.preventDefault(), f());
+	}, y = r != null && r.length > 100 ? r.slice(0, 100) + "..." : r;
+	return /* @__PURE__ */ u("div", {
+		className: P.parent,
+		style: {
+			"--margin-block": p,
+			...h
+		},
+		children: /* @__PURE__ */ d("a", {
+			className: P.bookmark,
+			href: a,
+			target: t ? "_blank" : void 0,
+			rel: "noopener noreferrer",
+			onClick: v,
+			children: [i != null && !g && /* @__PURE__ */ u("div", {
+				className: P.image,
+				children: /* @__PURE__ */ u("img", {
+					src: i,
+					alt: "OGP Image",
+					onError: () => _(!0),
+					style: {
+						width: "100%",
+						height: "100%",
+						objectFit: "cover"
+					}
+				})
+			}), /* @__PURE__ */ d("div", {
+				className: P.typography,
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: P.title,
+						children: /* @__PURE__ */ u(D, {
+							bold: !0,
+							children: n ?? "No title provided"
+						})
+					}),
+					/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(D, {
+						size: "0.8rem",
+						children: /* @__PURE__ */ u("span", {
+							style: { opacity: .6 },
+							children: y
+						})
+					}) }),
+					(o != null || s != null) && /* @__PURE__ */ d("div", {
+						className: P.date,
+						children: [o != null && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(C, {
+							d: ae,
+							size: "1em"
+						}), /* @__PURE__ */ u(D, {
+							size: "0.8rem",
+							children: o
+						})] }), s != null && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(C, {
+							d: oe,
+							size: "1em"
+						}), /* @__PURE__ */ u(D, {
+							size: "0.8rem",
+							children: s
+						})] })]
+					}),
+					!e && a != null && /* @__PURE__ */ d("div", {
+						className: P.link,
+						children: [m && /* @__PURE__ */ u(S, { src: m }), /* @__PURE__ */ u(D, {
+							size: "0.8rem",
+							color: "#6987b8",
+							children: a
+						})]
+					})
+				]
+			})]
+		})
+	});
+}, F = {
+	container: "_container_1r6mu_1",
+	"link-container": "_link-container_1r6mu_10",
+	text: "_text_1r6mu_36"
+}, Wt = ({ links: t, style: n }) => {
+	let r = s(null), [a, o] = c(!1);
+	return i(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			o(e.isIntersecting);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), /* @__PURE__ */ u("nav", {
+		className: F.container,
+		ref: r,
+		style: {
+			"--opacity": +!!a,
+			...n
+		},
+		children: t.map((n, r) => /* @__PURE__ */ d(e.Fragment, { children: [/* @__PURE__ */ d("div", {
+			className: F["link-container"],
+			onClick: n.onClick,
+			children: [/* @__PURE__ */ u("span", {
+				className: F.text,
+				style: { "--delay": `${r * 100}ms` },
+				children: /* @__PURE__ */ u(C, {
+					d: r === 0 ? Te : r === t.length - 1 ? ee : Se,
+					size: "1.25em"
+				})
+			}), /* @__PURE__ */ u("span", {
+				className: F.text,
+				style: { "--delay": `${r * 100 + 50}ms` },
+				children: /* @__PURE__ */ u(D, { children: n.text })
+			})]
+		}), t.length !== r + 1 && /* @__PURE__ */ u("span", {
+			className: F.text,
+			style: { "--delay": `${r * 100 + 100}ms` },
+			children: /* @__PURE__ */ u(C, {
+				d: ue,
+				size: "1em",
+				color: "#b69545"
+			})
+		})] }, r))
+	});
+}, I = {
+	wrapper: "_wrapper_1tlqa_1",
+	"wrapper--visible": "_wrapper--visible_1tlqa_33",
+	partial: "_partial_1tlqa_63",
+	move: "_move_1tlqa_1",
+	text: "_text_1tlqa_104"
+}, Gt = ({ position: e = "right", style: t }) => {
+	let [n, r] = c(!1);
+	i(() => {
+		let e = () => {
+			r(window.scrollY > 100);
+		};
+		return window.addEventListener("scroll", e, { passive: !0 }), e(), () => window.removeEventListener("scroll", e);
+	}, []);
+	let a = () => {
+		window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	};
+	return /* @__PURE__ */ d("nav", {
+		className: `${I.wrapper} ${n ? I["wrapper--visible"] : ""}`,
+		style: {
+			"--size": "64px",
+			left: e === "left" ? "0" : "auto",
+			right: e === "right" ? "0" : "auto",
+			...t
+		},
+		onClick: a,
+		children: [
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": "true",
+				className: I.partial
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": "true",
+				className: I.partial
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": "true",
+				className: I.partial
+			}),
+			/* @__PURE__ */ u("span", {
+				className: I.text,
+				children: "Back to Top"
+			})
+		]
+	});
+}, Kt = {
+	toc: "_toc_eubcy_1",
+	link: "_link_eubcy_15"
+}, qt = ({ headings: e, style: t }) => /* @__PURE__ */ u("nav", {
+	className: Kt.toc,
+	style: t,
+	children: e.map((e, t) => /* @__PURE__ */ d("a", {
+		className: Kt.link,
+		href: `#${e.id ?? e.text}`,
+		style: { "--padding-left": `${e.level * .5}rem` },
+		children: [
+			/* @__PURE__ */ u("sup", { children: /* @__PURE__ */ u(D, {
+				size: "0.6rem",
+				color: "#6987b8",
+				children: `H${e.level}`
+			}) }),
+			/* @__PURE__ */ u(D, { children: e.text }),
+			/* @__PURE__ */ u(C, {
+				d: Ie,
+				size: "1em",
+				color: "#6987b8"
+			})
+		]
+	}, t))
+}), Jt = { "block-fallback": "_block-fallback_adya7_1" }, Yt = {
+	"rectangle-wave": "_rectangle-wave_gxedo_21",
+	"elm-rectangle-wave": "_elm-rectangle-wave_gxedo_1"
+}, Xt = (e) => /* @__PURE__ */ u("div", {
+	"aria-hidden": !0,
+	className: Yt["rectangle-wave"],
+	style: e.style
+}), Zt = (e) => {
+	let { height: t = "16rem", style: n } = e;
+	return /* @__PURE__ */ d("div", {
+		className: Jt["block-fallback"],
+		style: {
+			"--height": t,
+			...n
+		},
+		children: [/* @__PURE__ */ u(w, {}), /* @__PURE__ */ u(Xt, {})]
+	});
+}, Qt = {
+	circle: "_circle_ycu2l_19",
+	"draw-line": "_draw-line_ycu2l_1",
+	rotate: "_rotate_ycu2l_1"
+}, $t = (e) => {
+	let { radius: t = 16, weight: n = 2, style: r } = e;
+	return /* @__PURE__ */ u("svg", {
+		height: t * 2,
+		width: t * 2,
+		style: r,
+		children: /* @__PURE__ */ u("circle", {
+			className: Qt.circle,
+			cx: t,
+			cy: t,
+			r: t - n,
+			fill: "transparent",
+			strokeWidth: n
+		})
+	});
+}, L = {
+	unsupported: "_unsupported_dj2gt_1",
+	message: "_message_dj2gt_12",
+	icon: "_icon_dj2gt_19",
+	details: "_details_dj2gt_23"
+}, en = (e) => /* @__PURE__ */ d("div", {
+	className: L.unsupported,
+	style: e.style,
+	children: [/* @__PURE__ */ d("div", {
+		className: L.message,
+		children: [/* @__PURE__ */ u("svg", {
+			viewBox: "0 0 24 24",
+			width: "1.25rem",
+			height: "1.25rem",
+			className: L.icon,
+			children: /* @__PURE__ */ u("path", { d: Ee })
+		}), /* @__PURE__ */ u(D, {
+			color: "#868e9c",
+			children: "UNSUPPORTED BLOCK"
+		})]
+	}), e.details && /* @__PURE__ */ u("div", {
+		className: L.details,
+		children: /* @__PURE__ */ u(D, {
+			color: "#868e9c",
+			children: e.details
+		})
+	})]
+}), R = {
+	button: "_button_c0mex_1",
+	"button-ornament": "_button-ornament_c0mex_29",
+	normal: "_normal_c0mex_40",
+	primary: "_primary_c0mex_50",
+	colored: "_colored_c0mex_60",
+	enable: "_enable_c0mex_64",
+	flex: "_flex_c0mex_95",
+	ripple: "_ripple_c0mex_117",
+	"button-ripple": "_button-ripple_c0mex_1"
+}, tn = ({ loading: e = !1, block: t = !1, disabled: r = !1, primary: a = !1, ...o }) => {
+	let [l, f] = c(!1), p = s(void 0), { onClick: m } = o, h = n(() => {
+		!e && !r && m && (f(!0), p.current = window.setTimeout(() => f(!1), 300), m());
+	}, [
+		e,
+		r,
+		m
+	]);
+	return i(() => () => {
+		p.current && clearTimeout(p.current);
+	}, []), /* @__PURE__ */ d("button", {
+		className: [
+			R.button,
+			!e && !r ? R.enable : "",
+			o.color ? R.colored : "",
+			!o.color && !a ? R.normal : "",
+			!o.color && a ? R.primary : ""
+		].filter(Boolean).join(" "),
+		style: {
+			display: t ? "flex" : "inline-flex",
+			width: t ? "100%" : "auto",
+			cursor: r ? "not-allowed" : e ? "progress" : "pointer",
+			"--opacity": r || e ? .6 : void 0,
+			"--color": o.color,
+			...o.style
+		},
+		onClick: h,
+		children: [
+			l && /* @__PURE__ */ u("div", { className: R.ripple }),
+			e ? /* @__PURE__ */ u(w, { size: "1.5rem" }) : /* @__PURE__ */ u("span", {
+				className: R.flex,
+				children: o.children
+			}),
+			/* @__PURE__ */ u("div", { className: R["button-ornament"] })
+		]
+	});
+}, z = {
+	container: "_container_12edl_1",
+	"container-disable": "_container-disable_12edl_14",
+	checkbox: "_checkbox_12edl_23",
+	rect: "_rect_12edl_32",
+	"rect-loading": "_rect-loading_12edl_36",
+	"rect-checked": "_rect-checked_12edl_40",
+	loading: "_loading_12edl_48",
+	"check-line": "_check-line_12edl_67",
+	"elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_12edl_1"
+}, nn = ({ loading: e = !1, disable: t = !1, checked: r = !1, ...i }) => {
+	let { onChange: a } = i, o = n(() => {
+		!e && !t && a && a(!r);
+	}, [
+		e,
+		t,
+		r,
+		a
+	]), s = [z.container, t ? z["container-disable"] : ""].filter(Boolean).join(" "), c = [
+		z.rect,
+		r ? z["rect-checked"] : "",
+		e ? z["rect-loading"] : ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ u("div", {
+		className: s,
+		style: i.style,
+		onClick: o,
+		children: /* @__PURE__ */ d("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "0.5rem"
+			},
+			children: [/* @__PURE__ */ d("svg", {
+				width: "24",
+				height: "24",
+				className: z.checkbox,
+				children: [
+					/* @__PURE__ */ d("circle", {
+						cx: "0",
+						cy: "0",
+						r: "2",
+						className: z.loading,
+						style: { opacity: +!!e },
+						children: [/* @__PURE__ */ u("animate", {
+							attributeName: "cx",
+							values: "4; 20; 20; 4; 4",
+							dur: "1.2s",
+							repeatCount: "indefinite",
+							keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+							calcMode: "spline"
+						}), /* @__PURE__ */ u("animate", {
+							attributeName: "cy",
+							values: "4; 4; 20; 20; 4",
+							dur: "1.2s",
+							repeatCount: "indefinite",
+							keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+							calcMode: "spline"
+						})]
+					}),
+					/* @__PURE__ */ d("circle", {
+						cx: "20",
+						cy: "20",
+						r: "2",
+						className: z.loading,
+						style: { opacity: +!!e },
+						children: [/* @__PURE__ */ u("animate", {
+							attributeName: "cx",
+							values: "20; 4; 4; 20; 20",
+							dur: "1.2s",
+							repeatCount: "indefinite",
+							keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+							calcMode: "spline"
+						}), /* @__PURE__ */ u("animate", {
+							attributeName: "cy",
+							values: "20; 20; 4; 4; 20",
+							dur: "1.2s",
+							repeatCount: "indefinite",
+							keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+							calcMode: "spline"
+						})]
+					}),
+					/* @__PURE__ */ u("rect", {
+						x: "4",
+						y: "4",
+						width: "16",
+						height: "16",
+						className: c,
+						strokeWidth: "0.8"
+					}),
+					r && /* @__PURE__ */ u("polyline", {
+						className: z["check-line"],
+						points: "5,12 10,17 19,8",
+						strokeWidth: "1.5",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "0",
+						y1: "1",
+						x2: "4",
+						y2: "1",
+						strokeWidth: "2",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "4",
+						y1: "0",
+						x2: "24",
+						y2: "0",
+						strokeWidth: "1",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "0",
+						y1: "4",
+						x2: "0",
+						y2: "16",
+						strokeWidth: "1",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "0",
+						y1: "18",
+						x2: "0",
+						y2: "20",
+						strokeWidth: "1",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "0",
+						y1: "24",
+						x2: "20",
+						y2: "24",
+						strokeWidth: "1",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "20",
+						y1: "23",
+						x2: "24",
+						y2: "23",
+						strokeWidth: "1.5",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ u("line", {
+						x1: "24",
+						y1: "4",
+						x2: "24",
+						y2: "20",
+						style: { strokeWidth: 1 },
+						fill: "transparent"
+					})
+				]
+			}), /* @__PURE__ */ u("span", { children: i.label })]
+		})
+	});
+}, B = {
+	wrapper: "_wrapper_3ipdq_1",
+	active: "_active_3ipdq_29",
+	header: "_header_3ipdq_33",
+	label: "_label_3ipdq_41",
+	body: "_body_3ipdq_54",
+	select: "_select_3ipdq_63",
+	selected: "_selected_3ipdq_72",
+	fallback: "_fallback_3ipdq_77",
+	pulldown: "_pulldown_3ipdq_85",
+	option: "_option_3ipdq_105",
+	description: "_description_3ipdq_127"
+}, rn = ({ disabled: e = !1, loading: t = !1, ...r }) => {
+	let [a, o] = c(!1), l = s(null), f = n(() => {
+		!e && !t && o((e) => !e);
+	}, [e, t]), { options: p, onSelect: m } = r, h = n((e) => {
+		let t = p.find((t) => t.id === e);
+		t && m && m(t);
+	}, [p, m]);
+	return i(() => {
+		let e = (e) => {
+			l.current && !l.current.contains(e.target) && o(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ d("div", {
+		ref: l,
+		className: [B.wrapper, a ? B.active : ""].filter(Boolean).join(" "),
+		style: {
+			backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
+			"--highlight-color": a ? "#bfa056" : void 0,
+			...r.style
+		},
+		onClick: f,
+		children: [/* @__PURE__ */ u("div", {
+			className: B.header,
+			children: /* @__PURE__ */ u("span", {
+				className: B.label,
+				children: r.label
+			})
+		}), /* @__PURE__ */ u("div", {
+			className: B.body,
+			children: /* @__PURE__ */ d("div", {
+				className: B.select,
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: B.selected,
+						children: r.selectedOption ? /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", { children: r.selectedOption.label }), r.selectedOption.description && /* @__PURE__ */ u("span", {
+							className: B.description,
+							children: r.selectedOption.description
+						})] }) : /* @__PURE__ */ d("div", {
+							className: B.fallback,
+							children: [/* @__PURE__ */ u(C, { d: ne }), /* @__PURE__ */ u("span", { children: r.placeholder ?? "Select an option" })]
+						})
+					}),
+					/* @__PURE__ */ u(C, {
+						d: Ie,
+						size: "1.5rem"
+					}),
+					a && /* @__PURE__ */ u("div", {
+						className: B.pulldown,
+						children: r.options.map((e) => /* @__PURE__ */ d("div", {
+							className: B.option,
+							onClick: (t) => {
+								t.stopPropagation(), h(e.id);
+							},
+							children: [
+								/* @__PURE__ */ u(C, {
+									d: ue,
+									color: "#868e9c",
+									size: "0.75em"
+								}),
+								/* @__PURE__ */ u("span", { children: e.label }),
+								e.description && /* @__PURE__ */ u("span", {
+									className: B.description,
+									children: e.description
+								})
+							]
+						}, e.id))
+					})
+				]
+			})
+		})]
+	});
+}, V = {
+	switch: "_switch_8t362_1",
+	bar: "_bar_8t362_5",
+	"bar-checked": "_bar-checked_8t362_21",
+	"bar-disabled": "_bar-disabled_8t362_26",
+	circle: "_circle_8t362_30",
+	"circle-checked": "_circle-checked_8t362_45",
+	"circle-disabled": "_circle-disabled_8t362_49"
+}, an = ({ color: e = "#bfa056", size: t = "18px", disabled: r = !1, checked: i = !1, ...a }) => {
+	let { onChange: o } = a, s = n(() => {
+		!r && o && o(!i);
+	}, [
+		r,
+		i,
+		o
+	]), c = [
+		V.bar,
+		i ? V["bar-checked"] : "",
+		r ? V["bar-disabled"] : ""
+	].filter(Boolean).join(" "), l = [
+		V.circle,
+		i ? V["circle-checked"] : "",
+		r ? V["circle-disabled"] : ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ d("div", {
+		onClick: s,
+		style: {
+			"--color": e,
+			"--padding": "2px",
+			"--size": t,
+			"--width": `calc(${t} * 2 + 2px * 2)`,
+			...a.style
+		},
+		children: [/* @__PURE__ */ u("input", {
+			className: V.switch,
+			type: "checkbox",
+			checked: i,
+			disabled: r,
+			readOnly: !0
+		}), /* @__PURE__ */ u("div", {
+			className: c,
+			children: /* @__PURE__ */ u("div", { className: l })
+		})]
+	});
+}, H = {
+	loading: "_loading_1y96m_23",
+	wrapper: "_wrapper_1y96m_38",
+	active: "_active_1y96m_66",
+	header: "_header_1y96m_70",
+	label: "_label_1y96m_78",
+	required: "_required_1y96m_95",
+	body: "_body_1y96m_101",
+	input: "_input_1y96m_109",
+	"icon-box": "_icon-box_1y96m_141",
+	icon: "_icon_1y96m_141",
+	suffix: "_suffix_1y96m_159",
+	counter: "_counter_1y96m_172",
+	"counter-over": "_counter-over_1y96m_177"
+}, on = {
+	text: We,
+	pen: Re,
+	email: ve,
+	user: v,
+	lock: Me,
+	key: De,
+	earth: _e,
+	tag: Ue,
+	archive: te,
+	link: Ae,
+	search: Fe
+}, sn = ({ disabled: e = !1, loading: t = !1, isPassword: r = !1, required: i = !1, value: o = "", ...l }) => {
+	let f = a(), p = s(null), [m, h] = c(!1), [g, _] = c(r ? "password" : "text"), { onChange: v } = l, y = n(() => {
+		!t && !e && v && v("");
+	}, [
+		t,
+		e,
+		v
+	]), b = n(() => {
+		!t && !e && _((e) => e === "text" ? "password" : "text");
+	}, [t, e]), x = n((e) => (t) => {
+		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+	}, []);
+	return /* @__PURE__ */ d("div", {
+		className: [H.wrapper, m ? H.active : ""].filter(Boolean).join(" "),
+		style: {
+			backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
+			"--highlight-color": m ? "#bfa056" : void 0,
+			...l.style
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: H.header,
+				children: [/* @__PURE__ */ d("label", {
+					htmlFor: f,
+					className: H.label,
+					children: [/* @__PURE__ */ u("span", { children: l.label }), i && /* @__PURE__ */ u("span", {
+						className: H.required,
+						children: "*"
+					})]
+				}), l.maxLength != null && /* @__PURE__ */ d("span", {
+					className: [H.counter, o.length > l.maxLength ? H["counter-over"] : ""].filter(Boolean).join(" "),
+					children: [
+						o.length,
+						" / ",
+						l.maxLength
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: H.body,
+				children: [
+					l.icon && /* @__PURE__ */ u(C, {
+						d: on[l.icon],
+						size: "1.5rem",
+						color: "gray"
+					}),
+					/* @__PURE__ */ u("input", {
+						id: f,
+						ref: p,
+						type: g,
+						className: H.input,
+						placeholder: l.placeholder,
+						value: o,
+						onChange: (e) => v?.(e.target.value),
+						onFocus: () => h(!0),
+						onBlur: () => h(!1),
+						disabled: e || t,
+						style: { cursor: e ? "not-allowed" : t ? "progress" : "auto" },
+						"aria-required": i
+					}),
+					/* @__PURE__ */ d("div", {
+						className: H["icon-box"],
+						children: [
+							l.suffix != null && /* @__PURE__ */ u("span", {
+								className: H.suffix,
+								children: l.suffix
+							}),
+							/* @__PURE__ */ u("div", {
+								className: H.icon,
+								onClick: b,
+								onKeyDown: x(b),
+								role: "button",
+								tabIndex: 0,
+								children: /* @__PURE__ */ u(C, {
+									d: g === "text" ? be : ye,
+									size: "1.75em",
+									color: "gray"
+								})
+							}),
+							/* @__PURE__ */ u("div", {
+								className: H.icon,
+								onClick: y,
+								onKeyDown: x(y),
+								role: "button",
+								tabIndex: 0,
+								children: /* @__PURE__ */ u(C, {
+									d: ie,
+									size: "1.75em",
+									color: "gray"
+								})
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: H.loading,
+				style: { opacity: t ? .2 : 0 }
+			})
+		]
+	});
+}, cn = { validation: "_validation_wuw0j_1" }, ln = ({ validColor: e = "#449763", ...t }) => /* @__PURE__ */ d("div", {
+	className: cn.validation,
+	style: {
+		"--opacity": t.isValid ? 1 : .5,
+		...t.style
+	},
+	children: [/* @__PURE__ */ u(C, {
+		d: t.isValid ? ce : le,
+		color: t.isValid ? e : void 0
+	}), /* @__PURE__ */ u("span", {
+		style: { color: t.isValid ? e : void 0 },
+		children: t.text
+	})]
+}), un = { column: "_column_12uje_1" }, dn = (e) => /* @__PURE__ */ u("div", {
+	className: un.column,
+	style: e.style,
+	children: e.children
+}), fn = { "column-list": "_column-list_rt1o3_1" }, pn = (e) => /* @__PURE__ */ u("div", {
+	className: fn["column-list"],
+	style: e.style,
+	children: e.children
+}), mn = {
+	body: "_body_gd5gc_1",
+	button: "_button_gd5gc_5"
+}, U = {
+	provider: "_provider_94i7o_1",
+	"provider-enter": "_provider-enter_94i7o_19",
+	"provider-exit": "_provider-exit_94i7o_23",
+	modal: "_modal_94i7o_27"
+}, hn = ({ closeOnClickOutside: e = !0, onChange: t, ...r }) => {
+	let [a, o] = c(!1), s = r.value ?? !1;
+	i(() => {
+		if (s) {
+			let e = window.setTimeout(() => o(!0), 0);
+			return () => clearTimeout(e);
+		} else {
+			let e = window.setTimeout(() => o(!1), 400);
+			return () => clearTimeout(e);
+		}
+	}, [s]);
+	let l = n(() => {
+		e && t && t(!1);
+	}, [e, t]), d = n((e) => {
+		e.stopPropagation();
+	}, []);
+	return !s && !a ? null : Ge(/* @__PURE__ */ u("div", {
+		className: `${U.provider} ${s ? U["provider-enter"] : U["provider-exit"]}`,
+		onClick: l,
+		children: /* @__PURE__ */ u("div", {
+			className: U.modal,
+			style: {
+				"--width": r.width,
+				...r.style
+			},
+			onClick: d,
+			children: r.children
+		})
+	}), document.body);
+}, gn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: r, onSuccess: i, onError: a, ...o }) => {
+	let [s, l] = c(!1), f = n(() => {
+		t && t(!1);
+	}, [t]), p = n(async () => {
+		l(!0);
+		try {
+			await r(), l(!1), t && t(!1), i && i();
+		} catch (e) {
+			a && a(e), l(!1), t && t(!1);
+		}
+	}, [
+		r,
+		i,
+		a,
+		t
+	]);
+	return /* @__PURE__ */ u(hn, {
+		value: o.value,
+		onChange: t,
+		closeOnClickOutside: e,
+		children: /* @__PURE__ */ d("div", { children: [
+			/* @__PURE__ */ u(Ot, {
+				level: 2,
+				disableFragmentIdentifier: !0,
+				children: o.title
+			}),
+			/* @__PURE__ */ u("div", {
+				className: mn.body,
+				children: o.children
+			}),
+			/* @__PURE__ */ d("div", {
+				className: mn.button,
+				children: [/* @__PURE__ */ d(tn, {
+					block: !0,
+					onClick: f,
+					loading: s,
+					children: [/* @__PURE__ */ u(C, { d: re }), /* @__PURE__ */ u("span", { children: "Cancel" })]
+				}), /* @__PURE__ */ d(tn, {
+					block: !0,
+					onClick: p,
+					primary: !0,
+					loading: s,
+					children: [/* @__PURE__ */ u(C, {
+						d: ce,
+						color: "currentColor"
+					}), /* @__PURE__ */ u("span", { children: "Confirm" })]
+				})]
+			})
+		] })
+	});
+}, W = {
+	window: "_window_l8snl_1",
+	header: "_header_l8snl_14",
+	dot: "_dot_l8snl_25"
+}, _n = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ d("div", {
+	className: W.window,
+	style: t.style,
+	children: [/* @__PURE__ */ d("div", {
+		className: W.header,
+		children: [
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: W.dot,
+				style: { "--bg": "#c48691" }
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: W.dot,
+				style: { "--bg": "#c9b990" }
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: W.dot,
+				style: { "--bg": "#7cc598" }
+			})
+		]
+	}), /* @__PURE__ */ u("div", {
+		style: { minHeight: e },
+		children: t.children
+	})]
+}), vn = { parallax: "_parallax_1tovg_1" }, yn = (e) => {
+	let [t, n] = c(0);
+	return i(() => {
+		let e = null, t = () => {
+			e ?? (e = requestAnimationFrame(() => {
+				n(window.scrollY), e = null;
+			}));
+		};
+		return window.addEventListener("scroll", t, { passive: !0 }), () => {
+			window.removeEventListener("scroll", t), e != null && cancelAnimationFrame(e);
+		};
+	}, []), /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+		className: vn.parallax,
+		style: {
+			backgroundImage: `url(${e.imageUrl1})`,
+			transform: `scale(1.2) translateY(${t / 400}%)`,
+			transformOrigin: "bottom",
+			...e.style
+		}
+	}), /* @__PURE__ */ u("div", {
+		className: vn.parallax,
+		style: {
+			backgroundImage: `url(${e.imageUrl2})`,
+			transform: `scale(1.2) translateY(${t / 900}%)`,
+			transformOrigin: "bottom"
+		}
+	})] });
+}, bn = {
+	container: "_container_1mzm0_1",
+	title: "_title_1mzm0_16",
+	text: "_text_1mzm0_22"
+}, xn = {
+	original: "_original_3zasf_1",
+	tooltip: "_tooltip_3zasf_5",
+	"tooltip-enter": "_tooltip-enter_3zasf_17"
+}, Sn = (e) => {
+	let t = s(null), [r, a] = c(!1), [o, l] = c({}), f = n(() => {
+		let e = t.current;
+		if (!e) return;
+		let n = e.getBoundingClientRect(), r = window.innerWidth;
+		n.x > r / 2 ? l({
+			top: `${n.y + n.height}px`,
+			right: `${r - n.x - n.width}px`
+		}) : l({
+			top: `${n.y + n.height}px`,
+			left: `${n.x}px`
+		});
+	}, []);
+	return i(() => {
+		r && f();
+	}, [r, f]), /* @__PURE__ */ d("span", {
+		ref: t,
+		className: xn.original,
+		onMouseOver: () => a(!0),
+		onMouseLeave: () => a(!1),
+		style: e.style,
+		children: [e.original, r && /* @__PURE__ */ u("div", {
+			className: `${xn.tooltip} ${xn["tooltip-enter"]}`,
+			style: o,
+			children: e.tooltip
+		})]
+	});
+}, Cn = (e) => /* @__PURE__ */ u(Sn, {
+	original: e.children,
+	tooltip: /* @__PURE__ */ d("div", {
+		className: bn.container,
+		style: e.style,
+		children: [e.title && /* @__PURE__ */ u("div", {
+			className: bn.title,
+			children: e.title
+		}), /* @__PURE__ */ u("div", {
+			className: bn.text,
+			children: e.text
+		})]
+	})
+}), wn = {
+	snackbar: "_snackbar_1f0go_1",
+	icon: "_icon_1f0go_19",
+	progress: "_progress_1f0go_45"
+}, Tn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ d("div", {
+	className: wn.snackbar,
+	style: t.style,
+	children: [
+		t.label == null ? t.children : /* @__PURE__ */ u(D, { children: t.label }),
+		/* @__PURE__ */ u("div", {
+			className: wn.icon,
+			onClick: t.close,
+			children: /* @__PURE__ */ u(C, {
+				d: me,
+				size: "1em"
+			})
+		}),
+		/* @__PURE__ */ u("div", {
+			className: wn.progress,
+			style: { animationDuration: `${e}ms` }
+		})
+	]
+}), En = {
+	"snackbar-screen": "_snackbar-screen_up7j2_1",
+	"snackbar-container": "_snackbar-container_up7j2_14",
+	"snackbar-item": "_snackbar-item_up7j2_23"
+}, Dn = (e) => /* @__PURE__ */ u("div", {
+	className: En["snackbar-screen"],
+	style: e.style,
+	children: /* @__PURE__ */ u("div", {
+		className: En["snackbar-container"],
+		children: e.snackbars.map((e) => /* @__PURE__ */ u("div", {
+			className: En["snackbar-item"],
+			children: /* @__PURE__ */ u(Tn, {
+				label: e.label,
+				timeout: e.timeout,
+				close: e.close,
+				children: e.children
+			})
+		}, e.id))
+	})
+}), G = {
+	"elm-tabs": "_elm-tabs_1rgae_1",
+	"tab-container": "_tab-container_1rgae_18",
+	tab: "_tab_1rgae_18",
+	active: "_active_1rgae_40",
+	"tab-content-container": "_tab-content-container_1rgae_51",
+	"tab-content": "_tab-content_1rgae_51"
+}, On = (e) => {
+	let [t, n] = c(0);
+	return /* @__PURE__ */ d("div", {
+		className: G["elm-tabs"],
+		style: e.style,
+		children: [/* @__PURE__ */ u("div", {
+			className: G["tab-container"],
+			children: e.tabLabels.map((e, r) => /* @__PURE__ */ u("div", {
+				className: `${G.tab} ${t === r ? G.active : ""}`,
+				onClick: () => n(r),
+				children: e
+			}, r))
+		}), /* @__PURE__ */ u("div", {
+			className: G["tab-content-container"],
+			children: e.tabContents.map((e, n) => /* @__PURE__ */ u("div", {
+				className: `${G["tab-content"]} ${t === n ? G.active : ""}`,
+				children: e
+			}, n))
+		})]
+	});
+}, K = {
+	toggle: "_toggle_1i0b6_1",
+	open: "_open_1i0b6_8",
+	summary: "_summary_1i0b6_12",
+	"summary-left": "_summary-left_1i0b6_31",
+	content: "_content_1i0b6_37",
+	"content-open": "_content-open_1i0b6_60",
+	close: "_close_1i0b6_65",
+	"close-button": "_close-button_1i0b6_74"
+}, kn = (e) => {
+	let [t, n] = c(!1), r = e.value !== void 0, i = r ? e.value : t, a = (t) => {
+		t.preventDefault();
+		let a = !i;
+		r ? e.onChange?.(a) : n(a);
+	};
+	return /* @__PURE__ */ d("div", {
+		className: `${K.toggle} ${i ? K.open : ""}`,
+		style: {
+			"--margin-block": e.margin,
+			...e.style
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: K.summary,
+				onClick: a,
+				style: { borderRadius: i ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem" },
+				children: [/* @__PURE__ */ d("div", {
+					className: K["summary-left"],
+					children: [/* @__PURE__ */ u("span", {
+						style: {
+							transform: `rotate(${i ? "90deg" : "0deg"})`,
+							transition: "transform 200ms",
+							display: "flex"
+						},
+						children: /* @__PURE__ */ u(C, {
+							d: ue,
+							color: "#59b57c",
+							size: "1.25em"
+						})
+					}), /* @__PURE__ */ u("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ u(D, { children: e.summary }) })]
+				}), /* @__PURE__ */ u("span", {
+					style: {
+						transform: `rotate(${i ? "135deg" : "0deg"})`,
+						transition: "transform 200ms",
+						display: "flex"
+					},
+					children: /* @__PURE__ */ u(C, {
+						d: ze,
+						color: i ? "#b36472" : "#59b57c"
+					})
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: `${K.content} ${i ? K["content-open"] : ""}`,
+				children: e.children
+			}),
+			i && /* @__PURE__ */ u("div", {
+				className: K.close,
+				onClick: a,
+				children: /* @__PURE__ */ d("div", {
+					className: K["close-button"],
+					children: [/* @__PURE__ */ u(C, {
+						d: de,
+						size: "1.25em",
+						color: "#c56565"
+					}), /* @__PURE__ */ u(D, {
+						color: "#8e3636",
+						children: "CLOSE"
+					})]
+				})
+			})
+		]
+	});
+}, q = {
+	table: "_table_1u89k_1",
+	caption: "_caption_1u89k_8",
+	"caption-inner": "_caption-inner_1u89k_18",
+	spacing: "_spacing_1u89k_25"
+}, An = t(!1), jn = t(!1), Mn = ({ margin: e, caption: t, hasRowHeader: n = !1, header: r, body: i, style: a }) => /* @__PURE__ */ u(jn.Provider, {
+	value: n,
+	children: /* @__PURE__ */ d("table", {
+		className: q.table,
+		style: {
+			"--margin-block": e,
+			...a
+		},
+		children: [
+			t != null && /* @__PURE__ */ u("caption", { children: /* @__PURE__ */ d("span", {
+				className: q.caption,
+				children: [
+					/* @__PURE__ */ u("span", { className: q.spacing }),
+					/* @__PURE__ */ d("span", {
+						className: q["caption-inner"],
+						children: [/* @__PURE__ */ u("svg", {
+							viewBox: "0 0 24 24",
+							width: "1rem",
+							height: "1rem",
+							children: /* @__PURE__ */ u("path", {
+								d: He,
+								fill: "#6987b8"
+							})
+						}), /* @__PURE__ */ u(D, { children: t })]
+					}),
+					/* @__PURE__ */ u("span", { className: q.spacing })
+				]
+			}) }),
+			r,
+			i
+		]
+	})
+}), Nn = ({ children: e, style: t }) => /* @__PURE__ */ u(An.Provider, {
+	value: !1,
+	children: /* @__PURE__ */ u("tbody", {
+		style: t,
+		children: e
+	})
+}), Pn = {
+	common: "_common_15vhm_1",
+	td: "_td_15vhm_26",
+	th: "_th_15vhm_34"
+}, Fn = ({ children: e, style: t, hasHeader: n = !1, text: i }) => {
+	let a = r(An), o = n || a;
+	return /* @__PURE__ */ u(o ? "th" : "td", {
+		className: `${Pn.common} ${o ? Pn.th : Pn.td}`,
+		style: t,
+		children: i ?? e
+	});
+}, In = { thead: "_thead_184mb_1" }, Ln = ({ children: e, style: t }) => /* @__PURE__ */ u(An.Provider, {
+	value: !0,
+	children: /* @__PURE__ */ u("thead", {
+		className: In.thead,
+		style: t,
+		children: e
+	})
+}), Rn = {
+	tr: "_tr_1l64j_1",
+	"has-row-header": "_has-row-header_1l64j_25"
+}, zn = ({ children: e, style: t }) => {
+	let n = r(jn);
+	return /* @__PURE__ */ u("tr", {
+		className: `${Rn.tr} ${n ? Rn["has-row-header"] : ""}`,
+		style: t,
+		children: e
+	});
+}, J = {
+	wrapper: "_wrapper_1kvt6_1",
+	header: "_header_1kvt6_18",
+	header__left: "_header__left_1kvt6_35",
+	caption: "_caption_1kvt6_43",
+	header__right: "_header__right_1kvt6_49",
+	"copy-icon": "_copy-icon_1kvt6_57",
+	code: "_code_1kvt6_80",
+	"code-body": "_code-body_1kvt6_88",
+	fallback: "_fallback_1kvt6_92"
+}, Bn = { code: "_code_1nyfa_1" }, Vn = null;
+function Hn() {
+	return Vn || (Vn = import("shiki").then(({ createHighlighter: e }) => e({
+		langs: /* @__PURE__ */ "abap.bash.c.clojure.coffeescript.cpp.csharp.css.dart.diff.docker.elixir.elm.erlang.fsharp.gherkin.glsl.go.graphql.groovy.haskell.html.java.javascript.json.julia.kotlin.latex.less.lisp.lua.makefile.markdown.matlab.mermaid.nix.objective-c.ocaml.pascal.perl.php.plaintext.powershell.prolog.protobuf.python.r.ruby.rust.sass.scala.scheme.scss.shell.sql.swift.toml.typescript.wasm.xml.yaml".split("."),
+		themes: ["vitesse-light", "vitesse-dark"]
+	}))), Vn;
+}
+//#endregion
+//#region src/components/code/ElmShikiHighlighter.tsx
+var Un = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
+	let [a, o] = c(`<pre>${e}</pre>`), l = s(!1);
+	return i(() => {
+		l.current || Hn().then((r) => {
+			try {
+				o(r.codeToHtml(e, {
+					lang: t,
+					themes: {
+						dark: "vitesse-dark",
+						light: "vitesse-light"
+					},
+					colorReplacements: {
+						"#ffffff": "transparent",
+						"#121212": "transparent"
+					}
+				}));
+			} catch {} finally {
+				l.current = !0, n?.(!0);
+			}
+		}).catch(() => {
+			l.current = !0, n?.(!0);
+		});
+	}, [
+		e,
+		t,
+		n
+	]), /* @__PURE__ */ u("div", {
+		className: Bn.code,
+		style: r,
+		children: /* @__PURE__ */ u("div", {
+			className: "shiki",
+			dangerouslySetInnerHTML: { __html: a }
+		})
+	});
+}, Wn = ({ code: e, language: t = "txt", caption: r, margin: a, style: o }) => {
+	let [l, f] = c(!1), [p, m] = c(!1), [h, g] = c(!1), _ = s(null), v = s(null);
+	i(() => {
+		let e = _.current;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			g(e.isIntersecting);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let y = n(() => {
+		navigator.clipboard.writeText(e).then(() => {
+			m(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => m(!1), 2e3);
+		});
+	}, [e]);
+	return i(() => () => {
+		v.current && clearTimeout(v.current);
+	}, []), /* @__PURE__ */ d("div", {
+		ref: _,
+		className: J.wrapper,
+		style: {
+			"--margin-block": a,
+			opacity: +!!h,
+			...o
+		},
+		children: [/* @__PURE__ */ d("div", {
+			className: J.header,
+			children: [/* @__PURE__ */ d("div", {
+				className: J.header__left,
+				children: [/* @__PURE__ */ u(Ye, {
+					language: t,
+					size: 20
+				}), /* @__PURE__ */ u("span", {
+					className: J.caption,
+					children: /* @__PURE__ */ u(D, { children: r ?? t })
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: J.header__right,
+				children: /* @__PURE__ */ u("div", {
+					className: J["copy-icon"],
+					onClick: y,
+					children: /* @__PURE__ */ u(C, {
+						size: "1.25em",
+						d: p ? fe : pe,
+						color: p ? "#b69545" : void 0
+					})
+				})
+			})]
+		}), /* @__PURE__ */ d("div", {
+			className: J.code,
+			children: [/* @__PURE__ */ u("div", {
+				className: J["code-body"],
+				style: { opacity: +!!l },
+				children: /* @__PURE__ */ u(Un, {
+					code: e,
+					language: t,
+					onRendered: f
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: J.fallback,
+				style: { opacity: +!l },
+				children: /* @__PURE__ */ u(w, { size: "48px" })
+			})]
+		})]
+	});
+}, Gn = { katex: "_katex_10mkg_1" }, Kn = ({ expression: e, block: t = !1, style: n }) => {
+	let [r, a] = c();
+	i(() => {
+		import("katex").then(({ renderToString: n }) => {
+			try {
+				a(n(e, {
+					displayMode: t,
+					output: "mathml"
+				}));
+			} catch (e) {
+				console.error("KaTeX rendering error:", e);
+			}
+		}).catch(() => {});
+	}, [e, t]);
+	let o = `${Gn.katex}`;
+	return t ? /* @__PURE__ */ u("div", {
+		className: o,
+		style: {
+			marginBlock: "3rem",
+			...n
+		},
+		dangerouslySetInnerHTML: r ? { __html: r } : void 0
+	}) : /* @__PURE__ */ u("span", {
+		className: o,
+		style: n,
+		dangerouslySetInnerHTML: r ? { __html: r } : void 0
+	});
+}, qn = {
+	mermaid: "_mermaid_1jn2f_1",
+	raw: "_raw_1jn2f_10",
+	rendered: "_rendered_1jn2f_14"
+}, Y = {
+	instance: null,
+	svgCache: /* @__PURE__ */ new Map()
+}, Jn = 0;
+function Yn(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) {
+		let r = e.charCodeAt(n);
+		t = (t << 5) - t + r, t &= t;
+	}
+	return `mermaid-${t}`;
+}
+var Xn = ({ code: e, style: t }) => {
+	let n = s(null), [r, a] = c(!1);
+	return i(() => {
+		if (!n.current) return;
+		let t = !1;
+		return a(!1), (async () => {
+			try {
+				let r = Yn(e);
+				if (Y.svgCache.has(r)) {
+					!t && n.current && (n.current.innerHTML = Y.svgCache.get(r), a(!0));
+					return;
+				}
+				if (!Y.instance) {
+					let { default: e } = await import("mermaid");
+					e.initialize({
+						startOnLoad: !1,
+						theme: "base",
+						themeVariables: {
+							mainBkg: "#fbfcff",
+							lineColor: "#606875",
+							primaryColor: "#6c7483",
+							secondaryColor: "#e9dec5",
+							tertiaryColor: "#f5f6f8",
+							tertiaryBorderColor: "#e2d4b2",
+							tertiaryTextColor: "#b69545",
+							signalColor: "#949ba7"
+						}
+					}), Y.instance = e;
+				}
+				let i = `mermaid-react-${++Jn}`, { svg: o } = await Y.instance.render(i, e);
+				Y.svgCache.set(r, o), !t && n.current && (n.current.innerHTML = o, a(!0));
+			} catch (r) {
+				console.error("Mermaid render error:", r), !t && n.current && (n.current.innerHTML = `<pre>${e}</pre>`, a(!0));
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [e]), /* @__PURE__ */ u("div", {
+		ref: n,
+		className: `${qn.mermaid} ${r ? qn.rendered : qn.raw}`,
+		style: t
+	});
+}, X = {
+	"color-bg": "_color-bg_yiibu_1",
+	text: "_text_yiibu_17"
+}, Zn = ({ color: e, style: t }) => {
+	let [r, i] = c(!1), a = s(null), o = g(e), { hue: f, saturation: p, lightness: m } = h(e), v = _(o), y = `rgb(${o.red}, ${o.green}, ${o.blue})`, b = `hsl(${Math.floor(f)}, ${Math.floor(p * 100)}%, ${Math.floor(m * 100)}%)`, x = n((e) => {
+		navigator.clipboard.writeText(e).then(() => {
+			i(!0), a.current && clearTimeout(a.current), a.current = setTimeout(() => i(!1), 1500);
+		});
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		style: {
+			"--color": e,
+			...t
+		},
+		children: /* @__PURE__ */ u(Sn, {
+			original: /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+				className: X["color-bg"],
+				style: { "--background-color": e },
+				onClick: () => x(v),
+				children: r && /* @__PURE__ */ u(C, {
+					d: se,
+					size: "1em",
+					color: "white"
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: X.text,
+				onClick: () => x(v),
+				children: v
+			})] }),
+			tooltip: /* @__PURE__ */ d(l, { children: [
+				/* @__PURE__ */ u("div", {
+					className: X.text,
+					onClick: () => x(v),
+					children: v
+				}),
+				/* @__PURE__ */ u("div", {
+					className: X.text,
+					onClick: () => x(y),
+					children: y
+				}),
+				/* @__PURE__ */ u("div", {
+					className: X.text,
+					onClick: () => x(b),
+					children: b
+				})
+			] })
+		})
+	});
+}, Z = {
+	container: "_container_a7c06_1",
+	"row-container": "_row-container_a7c06_9",
+	"color-name": "_color-name_a7c06_17"
+}, Qn = [
+	-3,
+	-.25,
+	-.2,
+	-.15,
+	-.1,
+	-.05,
+	0,
+	.05,
+	.1,
+	.15,
+	.2,
+	.25,
+	.3
+], $n = ({ colors: e, style: t }) => /* @__PURE__ */ u("div", {
+	className: Z.container,
+	style: t,
+	children: e.map((e) => /* @__PURE__ */ d("div", {
+		className: Z["row-container"],
+		children: [/* @__PURE__ */ u("div", {
+			className: Z["color-name"],
+			style: { "--color": e.code },
+			children: e.name
+		}), Qn.map((t) => /* @__PURE__ */ u(Zn, { color: f(t, e.code) }, t))]
+	}, e.name))
+}), Q = {
+	palette: "_palette_nr5mr_1",
+	header: "_header_nr5mr_11",
+	input: "_input_nr5mr_31",
+	body: "_body_nr5mr_43",
+	"empty-result": "_empty-result_nr5mr_60",
+	command: "_command_nr5mr_71",
+	"command-selected": "_command-selected_nr5mr_96",
+	"command-icon": "_command-icon_nr5mr_101",
+	tag: "_tag_nr5mr_105",
+	footer: "_footer_nr5mr_116"
+}, er = {
+	brown: "#a17c5b",
+	crimson: "#c56565",
+	amber: "#d48b70",
+	gold: "#cdb57b",
+	emerald: "#59b57c",
+	cyan: "#59a7b5",
+	blue: "#6987b8",
+	purple: "#9771bd",
+	pink: "#c9699e"
+};
+function tr(e, t) {
+	if (!t.trim()) return [];
+	let n = t.toLowerCase();
+	return e.filter((e) => e.label.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n) || e.keywords?.some((e) => e.toLowerCase().includes(n)));
+}
+var nr = ({ commands: e, onCommandInvoked: t, style: r }) => {
+	let [a, o] = c(""), [l, f] = c([]), [p, h] = c(null), g = s(null);
+	i(() => {
+		g.current?.focus();
+	}, []);
+	let _ = n((t) => {
+		let n = t.target.value;
+		o(n);
+		let r = tr(e, n);
+		f(r), h(r.length > 0 ? 0 : null);
+	}, [e]), v = n((e) => {
+		if (e === null) return;
+		let n = l[e];
+		n && (n.onInvoke?.(), t?.(n));
+	}, [l, t]);
+	return i(() => {
+		let e = (e) => {
+			e.key === "ArrowDown" || e.key === "Tab" ? (e.preventDefault(), h((e) => e === null ? 0 : e < l.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), h((e) => e === null ? 0 : e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), v(p));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		v,
+		p,
+		l.length
+	]), /* @__PURE__ */ d("div", {
+		className: Q.palette,
+		style: {
+			"--height": "500px",
+			"--width": "800px",
+			...r
+		},
+		children: [
+			/* @__PURE__ */ d("header", {
+				className: Q.header,
+				children: [/* @__PURE__ */ u(C, { d: he }), /* @__PURE__ */ u("input", {
+					ref: g,
+					className: Q.input,
+					value: a,
+					onChange: _,
+					type: "text",
+					inputMode: "text"
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: Q.body,
+				children: l.length === 0 ? /* @__PURE__ */ u("div", {
+					className: Q["empty-result"],
+					children: /* @__PURE__ */ u(D, { children: "search anything..." })
+				}) : l.map((e, t) => /* @__PURE__ */ d("button", {
+					className: `${Q.command} ${t === p ? Q["command-selected"] : ""}`,
+					onClick: () => {
+						h(t), v(t);
+					},
+					children: [
+						e.icon ? /* @__PURE__ */ u("img", {
+							className: Q["command-icon"],
+							src: e.icon,
+							alt: e.label
+						}) : /* @__PURE__ */ u(C, {
+							d: he,
+							size: "1rem"
+						}),
+						e.tag ? /* @__PURE__ */ u("div", {
+							className: Q.tag,
+							style: { "--tag-color": m(-.3, er[e.tag.color]) },
+							children: e.tag.name
+						}) : /* @__PURE__ */ u("div", { className: Q.tag }),
+						/* @__PURE__ */ u(D, {
+							style: {
+								whiteSpace: "nowrap",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								maxWidth: "24rem"
+							},
+							children: e.label
+						}),
+						/* @__PURE__ */ u(D, {
+							style: {
+								opacity: .4,
+								whiteSpace: "nowrap",
+								overflow: "hidden",
+								textOverflow: "ellipsis"
+							},
+							children: e.description ?? "-"
+						}),
+						/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(C, { d: Oe }) })
+					]
+				}, e.id))
+			}),
+			/* @__PURE__ */ d("footer", {
+				className: Q.footer,
+				children: [/* @__PURE__ */ u(D, {
+					kbd: !0,
+					children: "Esc"
+				}), /* @__PURE__ */ u(D, { children: "Close" })]
+			})
+		]
+	});
+}, rr = {
+	"jarkup-body": "_jarkup-body_jsvhx_1",
+	"unsupported-block": "_unsupported-block_jsvhx_5"
+}, ir = ({ jsonComponents: e, style: t }) => /* @__PURE__ */ u("div", {
+	className: rr["jarkup-body"],
+	style: t,
+	children: e.map((e, t) => /* @__PURE__ */ u("div", {
+		className: rr["unsupported-block"],
+		children: /* @__PURE__ */ u("code", { children: JSON.stringify(e, null, 2) })
+	}, t))
+}), ar = { "markdown-body": "_markdown-body_130yx_1" }, or = ({ markdown: e, style: t }) => {
+	let [n, r] = c("");
+	return i(() => {
+		import("marked").then(({ marked: t }) => {
+			try {
+				let n = t.setOptions({ gfm: !0 }).parse(e);
+				typeof n == "string" ? r(n) : n.then(r);
+			} catch (t) {
+				console.error("Markdown rendering error:", t), r(`<pre>${e}</pre>`);
+			}
+		}).catch(() => {
+			r(`<pre>${e}</pre>`);
+		});
+	}, [e]), /* @__PURE__ */ u("div", {
+		className: ar["markdown-body"],
+		style: t,
+		dangerouslySetInnerHTML: { __html: n }
+	});
+}, $ = {
+	char: "_char_sojtj_1",
+	typed: "_typed_sojtj_20",
+	current: "_current_sojtj_24",
+	incorrect: "_incorrect_sojtj_29"
+}, sr = ({ target: e = "Typing game", style: t }) => {
+	let [n, r] = c(() => {
+		let t = e.split("").map((e) => ({
+			char: e,
+			status: "default"
+		}));
+		return t.length > 0 && (t[0].status = "current"), t;
+	}), [a, o] = c(0), [s, l] = c(0), [f, p] = c(!1);
+	return i(() => {
+		let t = e.split("").map((e) => ({
+			char: e,
+			status: "default"
+		}));
+		t.length > 0 && (t[0].status = "current");
+		let n = window.setTimeout(() => {
+			r(t), o(0), l(0), p(!1);
+		}, 0);
+		return () => clearTimeout(n);
+	}, [e]), i(() => {
+		let e = (e) => {
+			f || e.key.length !== 1 || r((t) => {
+				if (!t[a]) return t;
+				let n = [...t];
+				return e.key === n[a].char ? (n[a] = {
+					...n[a],
+					status: "typed"
+				}, a === n.length - 1 ? p(!0) : o((e) => (n[e + 1] = {
+					...n[e + 1],
+					status: "current"
+				}, e + 1))) : (n[a] = {
+					...n[a],
+					status: "incorrect"
+				}, l((e) => e + 1)), n;
+			});
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [a, f]), /* @__PURE__ */ d("div", {
+		style: t,
+		children: [
+			/* @__PURE__ */ u("div", { children: n.map((e, t) => /* @__PURE__ */ u("span", {
+				className: [
+					$.char,
+					e.status === "typed" ? $.typed : "",
+					e.status === "current" ? $.current : "",
+					e.status === "incorrect" ? $.incorrect : ""
+				].filter(Boolean).join(" "),
+				children: e.char
+			}, t)) }),
+			f && /* @__PURE__ */ u("div", { children: "FINISH!" }),
+			s > 0 && /* @__PURE__ */ d("div", { children: ["Mistakes: ", s] })
+		]
+	});
+}, cr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ u("div", {
+	style: t,
+	children: /* @__PURE__ */ u(Bt, {
+		src: e.url,
+		alt: e.title,
+		width: e.width,
+		height: e.height,
+		block: !0
+	})
+}) : e.type === "video" || e.type === "rich" ? /* @__PURE__ */ u("div", {
+	style: {
+		width: e.width ? `${e.width}px` : void 0,
+		height: e.height ? `${e.height}px` : void 0,
+		...t
+	},
+	dangerouslySetInnerHTML: { __html: e.html }
+}) : /* @__PURE__ */ u("div", {
+	style: t,
+	children: /* @__PURE__ */ u(D, {
+		href: e.author_url ?? e.provider_url ?? "#",
+		children: e.title ?? e.author_name ?? e.provider_name ?? "Link"
+	})
 });
 //#endregion
-export { n as ElmTemplate };
+export { st as ElmArrowIcon, Zt as ElmBlockFallback, _t as ElmBlockQuote, Ut as ElmBookmark, lt as ElmBookmarkIcon, Wt as ElmBreadcrumb, tn as ElmButton, bt as ElmCallout, nn as ElmCheckbox, Wn as ElmCodeBlock, Zn as ElmColorSample, $n as ElmColorTable, dn as ElmColumn, pn as ElmColumnList, nr as ElmCommandPalette, gn as ElmConfirmModal, ft as ElmCubeIcon, _n as ElmDesktopWindow, St as ElmDivider, w as ElmDotLoadingIcon, Ht as ElmFile, wt as ElmFragmentIdentifier, Ot as ElmHeading, Bt as ElmImage, S as ElmInlineIcon, D as ElmInlineText, ir as ElmJsonComponentRenderer, Kn as ElmKatex, Ye as ElmLanguageIcon, kt as ElmList, mt as ElmLoginIcon, or as ElmMarkdown, C as ElmMdiIcon, Xn as ElmMermaid, hn as ElmModal, It as ElmMultiProgress, cr as ElmOEmbed, Gt as ElmPageTop, gt as ElmParagraph, yn as ElmParallax, Pt as ElmProgress, Xt as ElmRectangleWave, rn as ElmSelect, Un as ElmShikiHighlighter, Cn as ElmSimpleTooltip, Tn as ElmSnackbar, Dn as ElmSnackbarContainer, $t as ElmSpinner, tt as ElmSquareLoadingIcon, zt as ElmStatusMessage, an as ElmSwitch, Mn as ElmTable, Nn as ElmTableBody, Fn as ElmTableCell, Ln as ElmTableHeader, qt as ElmTableOfContents, zn as ElmTableRow, On as ElmTabs, Nt as ElmTemplate, sn as ElmTextField, kn as ElmToggle, ot as ElmToggleTheme, Sn as ElmTooltip, sr as ElmTyping, jt as ElmTypingAnimation, en as ElmUnsupportedBlock, ln as ElmValidation, Xe as LANGUAGES };