@elmethis/react 0.3.4 → 0.3.5

package/lib/index.react.mjs

@@ -1,22 +1,22 @@
 import { t as e } from "./ElmMermaid-BFqvHKdQ.js";
 import t, { Suspense as n, createContext as r, lazy as i, useCallback as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { darken as h, getLuminance as g, opacify as _, parseToHsl as v, parseToRgb as ee, rgbToColorString as te } from "polished";
-import { mdiAccount as y, mdiAlert as ne, mdiAlertCircle as re, mdiAlertOctagram as ie, mdiApplicationOutline as ae, mdiArchive as oe, mdiArrowDownDropCircleOutline as se, mdiArrowLeft as ce, mdiBackspaceOutline as le, mdiCalendarMonth as ue, mdiCalendarRefresh as de, mdiCheck as fe, mdiCheckCircle as pe, mdiCheckCircleOutline as me, mdiChevronRight as he, mdiChevronUp as ge, mdiClipboardCheckMultipleOutline as _e, mdiClipboardMultipleOutline as ve, mdiCloseCircleOutline as ye, mdiConsoleLine as be, mdiDownload as xe, mdiEarth as Se, mdiEmail as Ce, mdiEyeOffOutline as we, mdiEyeOutline as Te, mdiFileOutline as Ee, mdiFolderOpen as De, mdiFormatQuoteClose as Oe, mdiFormatQuoteOpen as ke, mdiHome as Ae, mdiInformation as je, mdiKey as Me, mdiKeyboardReturn as Ne, mdiLightbulbOn as Pe, mdiLinkVariant as Fe, mdiLoading as Ie, mdiLock as Le, mdiLoginVariant as Re, mdiLogoutVariant as ze, mdiMagnify as Be, mdiMenuDown as Ve, mdiMessageImageOutline as He, mdiPen as Ue, mdiPlus as We, mdiReload as Ge, mdiShieldAlert as Ke, mdiTable as qe, mdiTag as Je, mdiText as Ye } from "@mdi/js";
-import { createPortal as Xe } from "react-dom";
-import { kebabCase as Ze } from "lodash-es";
-import { marked as Qe } from "marked";
-var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
+import { darken as h, getLuminance as g, opacify as _, parseToHsl as v, parseToRgb as y, rgbToColorString as b } from "polished";
+import { mdiAccount as x, mdiAlert as ee, mdiAlertCircle as te, mdiAlertOctagram as ne, mdiApplicationOutline as re, mdiArchive as ie, mdiArrowDownDropCircleOutline as ae, mdiArrowLeft as oe, mdiBackspaceOutline as se, mdiCalendarMonth as ce, mdiCalendarRefresh as le, mdiCheck as ue, mdiCheckCircle as de, mdiCheckCircleOutline as fe, mdiChevronRight as pe, mdiChevronUp as me, mdiClipboardCheckMultipleOutline as he, mdiClipboardMultipleOutline as ge, mdiCloseCircleOutline as _e, mdiConsoleLine as ve, mdiDownload as ye, mdiEarth as be, mdiEmail as xe, mdiEyeOffOutline as Se, mdiEyeOutline as Ce, mdiFileOutline as we, mdiFolderOpen as Te, mdiFormatQuoteClose as Ee, mdiFormatQuoteOpen as De, mdiHome as Oe, mdiInformation as ke, mdiKey as Ae, mdiKeyboardReturn as je, mdiLightbulbOn as Me, mdiLinkVariant as Ne, mdiLoading as Pe, mdiLock as Fe, mdiLoginVariant as Ie, mdiLogoutVariant as Le, mdiMagnify as Re, mdiMenuDown as ze, mdiMessageImageOutline as Be, mdiPen as Ve, mdiPlus as He, mdiReload as Ue, mdiShieldAlert as We, mdiTable as Ge, mdiTag as Ke, mdiText as qe } from "@mdi/js";
+import { createPortal as Je } from "react-dom";
+import { kebabCase as Ye } from "lodash-es";
+import { marked as Xe } from "marked";
+var Ze = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
 	let [n, r] = d(e);
 	return /* @__PURE__ */ p("img", {
-		className: $e.icon,
+		className: Ze.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>");
 		}
 	});
-}, et = { icon: "_icon_18sdb_1" }, tt = {
+}, Qe = { icon: "_icon_18sdb_1" }, $e = {
 	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",
@@ -36,9 +36,9 @@ var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
 	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"
-}, nt = (e) => /* @__PURE__ */ p("img", {
-	className: et.icon,
-	src: tt[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",
+}, et = (e) => /* @__PURE__ */ p("img", {
+	className: Qe.icon,
+	src: $e[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,
@@ -47,7 +47,7 @@ var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
 		height: e.size,
 		...e.style
 	}
-}), rt = [
+}), tt = [
 	"rust",
 	"javascript",
 	"typescript",
@@ -67,10 +67,10 @@ var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
 	"cpp",
 	"c",
 	"file"
-], it = {
+], nt = {
 	icon: "_icon_g71ox_1",
 	"icon-theme-color": "_icon-theme-color_g71ox_10"
-}, x = (e) => /* @__PURE__ */ p("div", {
+}, C = (e) => /* @__PURE__ */ p("div", {
 	style: e.style,
 	children: /* @__PURE__ */ p("svg", {
 		width: e.size || "1.25rem",
@@ -84,19 +84,19 @@ var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
 				"--elmethis-scoped-color-dark": e.colorDark ?? e.color,
 				...e.style
 			},
-			className: e.useThemeColor ? it["icon-theme-color"] : it.icon,
+			className: e.useThemeColor ? nt["icon-theme-color"] : nt.icon,
 			fill: "currentColor",
 			d: e.d
 		})
 	})
-}), at = {
+}), rt = {
 	wrapper: "_wrapper_1q92c_15",
 	dot: "_dot_1q92c_22",
 	bounce: "_bounce_1q92c_1"
-}, S = (e) => {
+}, w = (e) => {
 	let { color: t, size: n = "64px", style: r } = e;
 	return /* @__PURE__ */ p("div", {
-		className: at.wrapper,
+		className: rt.wrapper,
 		style: {
 			width: n,
 			height: n,
@@ -107,51 +107,51 @@ var $e = { icon: "_icon_k0isg_1" }, b = ({ src: e, alt: t }) => {
 			2,
 			3
 		].map((e) => /* @__PURE__ */ p("div", {
-			className: at.dot,
+			className: rt.dot,
 			"aria-hidden": !0,
 			style: t ? { backgroundColor: t } : void 0
 		}, e))
 	});
-}, ot = {
+}, it = {
 	wrapper: "_wrapper_1yu3x_19",
 	square: "_square_1yu3x_28",
 	appear: "_appear_1yu3x_1"
-}, st = 1200, ct = (e) => {
-	let { size: t = "3rem", dimensions: n = 4, style: r } = e, i = st / (n * 3), a = Array.from({ length: n });
+}, at = 1200, ot = (e) => {
+	let { size: t = "3rem", dimensions: n = 4, style: r } = e, i = at / (n * 3), a = Array.from({ length: n });
 	return /* @__PURE__ */ p("div", {
-		className: ot.wrapper,
+		className: it.wrapper,
 		style: {
 			"--size": t,
 			"--dimensions": n,
-			"--duration": `${st}ms`,
+			"--duration": `${at}ms`,
 			...r
 		},
 		children: a.map((e, t) => a.map((e, n) => /* @__PURE__ */ p("div", {
-			className: ot.square,
+			className: it.square,
 			style: { "--delay": `${i * (t + n)}ms` }
 		}, `${t}-${n}`)))
 	});
-}, lt = { icon: "_icon_x4u0f_1" }, ut = "elmethis-theme";
-function dt() {
+}, st = { icon: "_icon_x4u0f_1" }, ct = "elmethis-theme";
+function lt() {
 	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(ut);
+		let e = localStorage.getItem(ct);
 		if (e != null) return e === "dark";
 	}
 	return !1;
 }
-function ft() {
-	let [e, t] = d(dt), n = a(() => {
+function ut() {
+	let [e, t] = d(lt), n = a(() => {
 		t((e) => !e);
 	}, []);
 	return s(() => {
 		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(ut, e ? "dark" : "light");
+			t != null && (t.style.colorScheme = e ? "dark" : "light"), typeof localStorage < "u" && localStorage.setItem(ct, e ? "dark" : "light");
 		}
 	}, [e]), {
 		isDarkTheme: e,
@@ -160,14 +160,14 @@ function ft() {
 }
 //#endregion
 //#region src/components/icon/ElmToggleTheme.tsx
-var pt = (e) => {
-	let { size: t = "2rem", style: n } = e, { isDarkTheme: r, toggleTheme: i } = ft();
+var dt = (e) => {
+	let { size: t = "2rem", style: n } = e, { isDarkTheme: r, toggleTheme: i } = ut();
 	return r ? /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: t,
 		height: t,
 		viewBox: "0 0 24 24",
-		className: lt.icon,
+		className: st.icon,
 		style: n,
 		onClick: i,
 		children: [
@@ -396,7 +396,7 @@ var pt = (e) => {
 		width: t,
 		height: t,
 		viewBox: "0 0 24 24",
-		className: lt.icon,
+		className: st.icon,
 		style: n,
 		onClick: i,
 		children: [
@@ -589,19 +589,19 @@ var pt = (e) => {
 			})
 		]
 	});
-}, C = {
+}, T = {
 	arrow: "_arrow_kn879_19",
 	loading: "_loading_kn879_49",
 	normal: "_normal_kn879_55",
 	pending: "_pending_kn879_64"
-}, mt = (e) => {
+}, ft = (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__ */ p("div", {
 		className: [
-			C.arrow,
-			!n && !r ? C.normal : void 0,
-			n ? C.loading : void 0,
-			!n && r ? C.pending : void 0
+			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,
@@ -609,26 +609,26 @@ var pt = (e) => {
 			...a
 		}
 	});
-}, ht = {
+}, pt = {
 	wrapper: "_wrapper_1c6r3_1",
 	favicon: "_favicon_1c6r3_24",
 	text: "_text_1c6r3_29"
-}, gt = {
+}, mt = {
 	text: "_text_1nnze_1",
 	link: "_link_1nnze_19"
-}, w = (e) => {
+}, E = (e) => {
 	let t = (e) => {
 		let t = e.children;
 		return e.kbd && (t = /* @__PURE__ */ p("kbd", { children: t })), e.code && (t = /* @__PURE__ */ p("code", { children: t })), e.strikethrough && (t = /* @__PURE__ */ p("del", { children: t })), e.underline && (t = /* @__PURE__ */ p("ins", { children: t })), e.italic && (t = /* @__PURE__ */ p("em", { children: t })), e.bold && (t = /* @__PURE__ */ p("strong", { children: t })), e.ruby && (t = /* @__PURE__ */ m("ruby", { children: [t, /* @__PURE__ */ p("rt", { children: e.ruby })] })), t;
 	}, n = ({ favicon: e, href: t, children: n }) => /* @__PURE__ */ m("a", {
-		className: gt.link,
+		className: mt.link,
 		href: t,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		children: [e && /* @__PURE__ */ p(b, { src: e }), n]
+		children: [e && /* @__PURE__ */ p(S, { src: e }), n]
 	}), r = (e) => e.href ? n(e) : t(e);
 	return /* @__PURE__ */ p("span", {
-		className: gt.text,
+		className: mt.text,
 		style: {
 			"--elmethis-text-color-light": e.color,
 			"--elmethis-text-color-dark": e.color,
@@ -640,35 +640,35 @@ var pt = (e) => {
 		},
 		children: r(e)
 	});
-}, _t = (e) => {
+}, ht = (e) => {
 	let { name: t, href: n, favicon: r, style: i } = e;
 	return /* @__PURE__ */ m("a", {
-		className: ht.wrapper,
+		className: pt.wrapper,
 		href: n,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		style: i,
-		children: [r == null ? /* @__PURE__ */ p(x, {
-			d: Se,
+		children: [r == null ? /* @__PURE__ */ p(C, {
+			d: be,
 			size: "2.5rem",
 			style: { opacity: .7 }
 		}) : /* @__PURE__ */ p("img", {
-			className: ht.favicon,
+			className: pt.favicon,
 			src: r,
 			alt: `favicon of ${t ?? n}`
 		}), /* @__PURE__ */ p("div", {
-			className: ht.text,
-			children: /* @__PURE__ */ p(w, {
+			className: pt.text,
+			children: /* @__PURE__ */ p(E, {
 				size: ".6rem",
 				children: t ?? n
 			})
 		})]
 	});
-}, vt = {
+}, gt = {
 	cube: "_cube_1merk_1",
 	"elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_1merk_1",
 	face: "_face_1merk_8"
-}, yt = [
+}, _t = [
 	{
 		name: "front",
 		rotate: ""
@@ -693,51 +693,51 @@ var pt = (e) => {
 		name: "bottom",
 		rotate: "rotateX(-90deg)"
 	}
-], bt = (e) => {
+], vt = (e) => {
 	let { size: t = 128, style: n } = e, r = l(() => `translateZ(${t / 2}px)`, [t]);
 	return /* @__PURE__ */ p("div", {
-		className: vt.cube,
+		className: gt.cube,
 		style: {
 			width: `${t}px`,
 			height: `${t}px`,
 			...n
 		},
-		children: yt.map((e) => /* @__PURE__ */ p("div", {
-			className: vt.face,
+		children: _t.map((e) => /* @__PURE__ */ p("div", {
+			className: gt.face,
 			style: { transform: `${e.rotate} ${r}` }
 		}, e.name))
 	});
-}, xt = { icon: "_icon_140bn_1" }, St = (e) => {
-	let { size: t = "2rem", isLogin: n = !1, isLoading: r = !1, style: i } = e, a = r ? Ie : n ? ze : Re, o = r ? "gray" : n ? "#b36472" : "#6987b8";
+}, yt = { icon: "_icon_140bn_1" }, bt = (e) => {
+	let { size: t = "2rem", isLogin: n = !1, isLoading: r = !1, style: i } = e, a = r ? Pe : n ? Le : Ie, o = r ? "gray" : n ? "#b36472" : "#6987b8";
 	return /* @__PURE__ */ p("div", {
-		className: xt.icon,
+		className: yt.icon,
 		style: i,
-		children: /* @__PURE__ */ p(x, {
+		children: /* @__PURE__ */ p(C, {
 			d: a,
 			color: o,
 			size: t
 		})
 	});
-}, Ct = { paragraph: "_paragraph_ewdky_1" }, wt = (e) => /* @__PURE__ */ p("p", {
-	className: Ct.paragraph,
+}, xt = { paragraph: "_paragraph_ewdky_1" }, St = (e) => /* @__PURE__ */ p("p", {
+	className: xt.paragraph,
 	style: {
 		backgroundColor: e.backgroundColor,
 		...e.style
 	},
 	children: e.children
-}), T = {
+}), D = {
 	blockquote: "_blockquote_x79j0_1",
 	cite: "_cite_x79j0_16",
 	icon: "_icon_x79j0_37"
-}, Tt = (e) => /* @__PURE__ */ m("blockquote", {
+}, Ct = (e) => /* @__PURE__ */ m("blockquote", {
 	ref: u(null),
-	className: T.blockquote,
+	className: D.blockquote,
 	cite: e.cite,
 	style: { ...e.style },
 	children: [
 		e.children,
 		e.cite && /* @__PURE__ */ p("cite", {
-			className: T.cite,
+			className: D.cite,
 			children: /* @__PURE__ */ p("a", {
 				href: e.cite,
 				target: "_blank",
@@ -746,7 +746,7 @@ var pt = (e) => {
 			})
 		}),
 		/* @__PURE__ */ p("svg", {
-			className: T.icon,
+			className: D.icon,
 			style: {
 				top: "0.25rem",
 				left: "0.25rem"
@@ -754,10 +754,10 @@ var pt = (e) => {
 			viewBox: "0 0 24 24",
 			width: "1rem",
 			height: "1rem",
-			children: /* @__PURE__ */ p("path", { d: ke })
+			children: /* @__PURE__ */ p("path", { d: De })
 		}),
 		/* @__PURE__ */ p("svg", {
-			className: T.icon,
+			className: D.icon,
 			style: {
 				bottom: "0.25rem",
 				right: "0.25rem"
@@ -765,69 +765,69 @@ var pt = (e) => {
 			viewBox: "0 0 24 24",
 			width: "1rem",
 			height: "1rem",
-			children: /* @__PURE__ */ p("path", { d: Oe })
+			children: /* @__PURE__ */ p("path", { d: Ee })
 		})
 	]
-}), Et = {
+}), wt = {
 	callout: "_callout_16oli_1",
 	header: "_header_16oli_24"
-}, Dt = Object.freeze({
+}, Tt = Object.freeze({
 	note: {
 		code: "#6987b8",
-		icon: je
+		icon: ke
 	},
 	tip: {
 		code: "#59b57c",
-		icon: Pe
+		icon: Me
 	},
 	important: {
 		code: "#9771bd",
-		icon: Ke
+		icon: We
 	},
 	warning: {
 		code: "#b8a36e",
-		icon: ne
+		icon: ee
 	},
 	caution: {
 		code: "#b36472",
-		icon: ie
+		icon: ne
 	}
-}), Ot = ({ type: e = "note", ...t }) => {
-	let n = Dt[e];
+}), Et = ({ type: e = "note", ...t }) => {
+	let n = Tt[e];
 	return /* @__PURE__ */ m("aside", {
-		className: Et.callout,
+		className: wt.callout,
 		style: {
 			"--elmethis-scoped-border-color": n.code,
 			"--elmethis-scoped-background-color": `color-mix(in srgb, ${n.code} 10%, transparent)`,
 			...t.style
 		},
 		children: [/* @__PURE__ */ m("div", {
-			className: Et.header,
-			children: [/* @__PURE__ */ p(x, {
+			className: wt.header,
+			children: [/* @__PURE__ */ p(C, {
 				d: n.icon,
 				size: "1.25em",
 				color: n.code
-			}), /* @__PURE__ */ p(w, {
+			}), /* @__PURE__ */ p(E, {
 				color: n.code,
 				children: e.toUpperCase()
 			})]
 		}), /* @__PURE__ */ p("div", { children: t.children })]
 	});
-}, kt = { divider: "_divider_uq5jr_1" }, E = (e) => /* @__PURE__ */ p("hr", {
-	className: kt.divider,
+}, Dt = { divider: "_divider_uq5jr_1" }, Ot = (e) => /* @__PURE__ */ p("hr", {
+	className: Dt.divider,
 	style: e.style
-}), At = { fragment: "_fragment_il7xb_1" }, jt = (e) => {
+}), kt = { fragment: "_fragment_il7xb_1" }, At = (e) => {
 	let t = a((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__ */ p("span", {
-		className: At.fragment,
+		className: kt.fragment,
 		style: e.style,
 		onClick: () => t(e.id),
 		children: "#"
 	});
-}, D = {
+}, jt = {
 	"heading-common": "_heading-common_1ytfd_1",
 	h1: "_h1_1ytfd_22",
 	h2: "_h2_1ytfd_57",
@@ -857,7 +857,7 @@ var pt = (e) => {
 	let o = `h${e}`, c = n.id ?? (n.text ? Nt(n.text) : void 0);
 	return /* @__PURE__ */ m(o, {
 		ref: r,
-		className: [D["heading-common"], D[`h${e}`]].filter(Boolean).join(" "),
+		className: [jt["heading-common"], jt[`h${e}`]].filter(Boolean).join(" "),
 		id: c,
 		style: {
 			"--font-size": n.size ?? `${Mt[e]}rem`,
@@ -868,71 +868,71 @@ var pt = (e) => {
 		children: [
 			n.text && /* @__PURE__ */ p("span", { children: n.text }),
 			n.children,
-			!t && c && /* @__PURE__ */ p(jt, { id: c }),
+			!t && c && /* @__PURE__ */ p(At, { id: c }),
 			e === 2 && /* @__PURE__ */ p("span", {
-				className: D.h2__underline,
+				className: jt.h2__underline,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, k = {
+}, Pt = {
 	"elmethis-list-common": "_elmethis-list-common_1qwri_1",
 	"elmethis-bulleted-list": "_elmethis-bulleted-list_1qwri_7",
 	"elmethis-numbered-list": "_elmethis-numbered-list_1qwri_25"
-}, Pt = ({ listStyle: e = "unordered", ...t }) => {
-	let n = [k["elmethis-list-common"], e === "unordered" ? k["elmethis-bulleted-list"] : k["elmethis-numbered-list"]].join(" ");
+}, Ft = ({ listStyle: e = "unordered", ...t }) => {
+	let n = [Pt["elmethis-list-common"], e === "unordered" ? Pt["elmethis-bulleted-list"] : Pt["elmethis-numbered-list"]].join(" ");
 	return p(e === "ordered" ? "ol" : "ul", {
 		className: n,
 		style: t.style,
 		children: t.children
 	});
-}, Ft = {
+}, It = {
 	text: "_text_zrzts_1",
 	cursor: "_cursor_zrzts_30",
 	blink: "_blink_zrzts_1"
-}, A = (e) => new Promise((t) => {
+}, k = (e) => new Promise((t) => {
 	setTimeout(t, e);
-}), It = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
+}), Lt = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
 	let [i, a] = d(""), o = u(!1);
 	return s(() => (o.current = !1, (async () => {
 		for (; !o.current;) for (let n of e) {
 			for (let e = 0; e < n.length; e++) {
-				if (o.current || (await A(75), o.current)) return;
+				if (o.current || (await k(75), o.current)) return;
 				a(n.slice(0, e + 1));
 			}
-			if (await A(t), o.current) return;
-			for (let e = n.length; e >= 0; e--) if (o.current || (a(n.slice(0, e)), await A(25), o.current)) return;
-			if (await A(200), o.current) return;
+			if (await k(t), o.current) return;
+			for (let e = n.length; e >= 0; e--) if (o.current || (a(n.slice(0, e)), await k(25), o.current)) return;
+			if (await k(200), o.current) return;
 		}
 	})(), () => {
 		o.current = !0;
 	}), [e, t]), /* @__PURE__ */ m("span", {
-		className: Ft.text,
+		className: It.text,
 		style: {
 			fontSize: n,
 			...r.style
 		},
 		children: [i, /* @__PURE__ */ p("span", {
-			className: Ft.cursor,
+			className: It.cursor,
 			children: "\xA0"
 		})]
 	});
-}, Lt = { "elm-template": "_elm-template_18rwn_1" }, Rt = (e) => /* @__PURE__ */ p("div", {
-	className: Lt["elm-template"],
+}, Rt = { "elm-template": "_elm-template_18rwn_1" }, zt = (e) => /* @__PURE__ */ p("div", {
+	className: Rt["elm-template"],
 	style: e.style,
 	children: "PLACEHOLDER"
-}), j = {
+}), A = {
 	progress: "_progress_e6hmw_1",
 	container: "_container_e6hmw_27",
 	value: "_value_e6hmw_41",
 	loading: "_loading_e6hmw_56",
 	buffer: "_buffer_e6hmw_72"
-}, zt = ({ value: e, buffer: t, max: n = 100, weight: r = "4px", round: i = !0, color: a, loading: o = !1, style: s }) => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("progress", {
-	className: j.progress,
+}, Bt = ({ value: e, buffer: t, max: n = 100, weight: r = "4px", round: i = !0, color: a, loading: o = !1, style: s }) => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("progress", {
+	className: A.progress,
 	value: e,
 	max: n
 }), /* @__PURE__ */ m("div", {
-	className: j.container,
+	className: A.container,
 	style: {
 		"--weight": r,
 		"--border-radius": i ? "calc(var(--weight) / 2)" : void 0,
@@ -941,19 +941,19 @@ var pt = (e) => {
 	},
 	children: [
 		/* @__PURE__ */ p("div", {
-			className: j.value,
+			className: A.value,
 			style: { "--scale-x": `scaleX(${o ? 0 : e / n})` }
 		}),
-		o && /* @__PURE__ */ p("div", { className: j.loading }),
+		o && /* @__PURE__ */ p("div", { className: A.loading }),
 		/* @__PURE__ */ p("div", {
-			className: j.buffer,
+			className: A.buffer,
 			style: { "--scale-x": `scaleX(${o ? 0 : t == null ? e / n : t / n})` }
 		})
 	]
-})] }), Bt = {
+})] }), Vt = {
 	container: "_container_13d02_1",
 	bar: "_bar_13d02_15"
-}, Vt = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
+}, Ht = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
 	let i = l(() => {
 		let t = e.reduce((e, t) => e + t.value, 0), n = e.map((e) => e.value / t * 100);
 		return e.map((e, t) => ({
@@ -963,52 +963,52 @@ var pt = (e) => {
 		}));
 	}, [e]);
 	return /* @__PURE__ */ p("div", {
-		className: Bt.container,
+		className: Vt.container,
 		style: {
 			"--weight": t,
 			"--border-radius": n ? "calc(var(--weight) / 2)" : void 0,
 			...r
 		},
 		children: i.map((e, t) => /* @__PURE__ */ p("div", {
-			className: Bt.bar,
+			className: Vt.bar,
 			style: {
 				"--transform": `translateX(${e.start}%) scaleX(${e.scale})`,
 				"--color": e.color
 			}
 		}, t))
 	});
-}, Ht = { wrapper: "_wrapper_17chp_1" }, Ut = Object.freeze({
+}, Ut = { wrapper: "_wrapper_17chp_1" }, Wt = Object.freeze({
 	pending: {
 		color: "#6987b8",
-		icon: Ge
+		icon: Ue
 	},
 	error: {
 		color: "#c56565",
-		icon: re
+		icon: te
 	},
 	warning: {
 		color: "#cdb57b",
-		icon: ne
+		icon: ee
 	},
 	success: {
 		color: "#59b57c",
-		icon: pe
+		icon: de
 	}
-}), Wt = ({ status: e, message: t, style: n }) => {
-	let { color: r, icon: i } = Ut[e];
+}), Gt = ({ status: e, message: t, style: n }) => {
+	let { color: r, icon: i } = Wt[e];
 	return /* @__PURE__ */ m("div", {
-		className: Ht.wrapper,
+		className: Ut.wrapper,
 		style: n,
-		children: [/* @__PURE__ */ p(x, {
+		children: [/* @__PURE__ */ p(C, {
 			d: i,
 			color: r,
 			size: "1em"
-		}), /* @__PURE__ */ p(w, {
+		}), /* @__PURE__ */ p(E, {
 			color: r,
 			children: t
 		})]
 	});
-}, M = {
+}, j = {
 	wrapper: "_wrapper_gcui5_1",
 	error: "_error_gcui5_9",
 	"image-frame": "_image-frame_gcui5_21",
@@ -1020,7 +1020,7 @@ var pt = (e) => {
 	"alt-text": "_alt-text_gcui5_90",
 	modal: "_modal_gcui5_94",
 	"modal-image": "_modal-image_gcui5_108"
-}, N = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, width: i, height: a, style: o }) => {
+}, M = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, width: i, height: a, style: o }) => {
 	let [c, l] = d(!0), [f, h] = d(!1), [g, _] = d(!1), v = u(null);
 	return s(() => {
 		let t = new Image();
@@ -1035,30 +1035,30 @@ var pt = (e) => {
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, []), /* @__PURE__ */ m("div", {
-		className: M.wrapper,
+		className: j.wrapper,
 		ref: v,
 		style: o,
 		children: [
 			f && /* @__PURE__ */ p("div", {
-				className: M.error,
-				children: /* @__PURE__ */ p(w, {
+				className: j.error,
+				children: /* @__PURE__ */ p(E, {
 					color: "#c56565",
 					size: "1.5rem",
 					children: "Error loading image"
 				})
 			}),
 			/* @__PURE__ */ m("div", {
-				className: M["image-frame"],
+				className: j["image-frame"],
 				style: o,
 				children: [c && /* @__PURE__ */ p("div", {
-					className: M.fallback,
+					className: j.fallback,
 					style: {
 						aspectRatio: i && a ? `${i} / ${a}` : "1200 / 630",
 						width: i ? `${i}px` : void 0,
 						height: a ? `${a}px` : void 0
 					}
 				}), /* @__PURE__ */ p("img", {
-					className: n ? M["image-block"] : M["image-inline"],
+					className: n ? j["image-block"] : j["image-inline"],
 					src: e,
 					alt: t,
 					width: i,
@@ -1076,24 +1076,24 @@ var pt = (e) => {
 				})]
 			}),
 			n && !c && t != null && t.trim() !== "" && /* @__PURE__ */ m("div", {
-				className: M["alt-container"],
-				children: [/* @__PURE__ */ p(x, {
-					d: He,
+				className: j["alt-container"],
+				children: [/* @__PURE__ */ p(C, {
+					d: Be,
 					color: "#b69545",
 					style: { flexShrink: 0 }
 				}), /* @__PURE__ */ p("div", {
-					className: M["alt-text"],
-					children: /* @__PURE__ */ p(w, {
+					className: j["alt-text"],
+					children: /* @__PURE__ */ p(E, {
 						size: "0.8rem",
 						children: t
 					})
 				})]
 			}),
 			g && /* @__PURE__ */ p("div", {
-				className: M.modal,
+				className: j.modal,
 				onClick: () => _(!1),
 				children: /* @__PURE__ */ p("img", {
-					className: M["modal-image"],
+					className: j["modal-image"],
 					src: e,
 					alt: t,
 					width: i,
@@ -1102,7 +1102,7 @@ var pt = (e) => {
 			})
 		]
 	});
-}, P = {
+}, N = {
 	file: "_file_sk4pw_1",
 	"left-container": "_left-container_sk4pw_19",
 	"right-container": "_right-container_sk4pw_26",
@@ -1110,49 +1110,49 @@ var pt = (e) => {
 };
 //#endregion
 //#region src/components/media/ElmFile.tsx
-function Gt(e) {
+function Kt(e) {
 	let t = e.split(/[?#]/)[0].split("/").filter(Boolean);
 	return t.length > 0 ? t[t.length - 1] : null;
 }
-var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
+var qt = ({ name: e, src: t, filesize: n, style: r }) => {
 	let i = a(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 ?? Gt(t) ?? "file", n.click();
+			n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? Kt(t) ?? "file", n.click();
 		} catch (e) {
 			console.error("ERROR:", e);
 		} finally {
 			n && URL.revokeObjectURL(n.href);
 		}
-	}, [t, e]), o = e ?? Gt(t) ?? "unknown file";
+	}, [t, e]), o = e ?? Kt(t) ?? "unknown file";
 	return /* @__PURE__ */ m("div", {
-		className: P.file,
+		className: N.file,
 		style: r,
 		children: [/* @__PURE__ */ m("div", {
-			className: P["left-container"],
-			children: [/* @__PURE__ */ p(x, {
-				d: Ee,
+			className: N["left-container"],
+			children: [/* @__PURE__ */ p(C, {
+				d: we,
 				size: "1.25em"
-			}), /* @__PURE__ */ p(w, { children: o })]
+			}), /* @__PURE__ */ p(E, { children: o })]
 		}), /* @__PURE__ */ m("div", {
-			className: P["right-container"],
+			className: N["right-container"],
 			children: [n && /* @__PURE__ */ p("span", {
 				style: { opacity: .6 },
-				children: /* @__PURE__ */ p(w, { children: n })
+				children: /* @__PURE__ */ p(E, { children: n })
 			}), /* @__PURE__ */ p("div", {
-				className: P["download-icon"],
+				className: N["download-icon"],
 				onClick: i,
-				children: /* @__PURE__ */ p(x, {
-					d: xe,
+				children: /* @__PURE__ */ p(C, {
+					d: ye,
 					size: "1.25em"
 				})
 			})]
 		})]
 	});
-}, F = {
+}, P = {
 	parent: "_parent_1hx4v_1",
 	bookmark: "_bookmark_1hx4v_23",
 	image: "_image_1hx4v_42",
@@ -1161,21 +1161,21 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	date: "_date_1hx4v_81",
 	link: "_link_1hx4v_90",
 	favicon: "_favicon_1hx4v_100"
-}, qt = ({ hideUrl: e = !1, openInNewTab: t = !0, title: n, description: r = "No description provided", image: i, url: a, createdAt: o, updatedAt: s, onClick: c, favicon: l, style: u }) => {
+}, Jt = ({ hideUrl: e = !1, openInNewTab: t = !0, title: n, description: r = "No description provided", image: i, url: a, createdAt: o, updatedAt: s, onClick: c, favicon: l, style: u }) => {
 	let [h, g] = d(!1), _ = (e) => {
 		c && (e.preventDefault(), c());
 	}, v = r != null && r.length > 100 ? r.slice(0, 100) + "..." : r;
 	return /* @__PURE__ */ p("div", {
-		className: F.parent,
+		className: P.parent,
 		style: u,
 		children: /* @__PURE__ */ m("a", {
-			className: F.bookmark,
+			className: P.bookmark,
 			href: a,
 			target: t ? "_blank" : void 0,
 			rel: "noopener noreferrer",
 			onClick: _,
 			children: [i != null && !h && /* @__PURE__ */ p("div", {
-				className: F.image,
+				className: P.image,
 				children: /* @__PURE__ */ p("img", {
 					src: i,
 					alt: "OGP Image",
@@ -1187,16 +1187,16 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 					}
 				})
 			}), /* @__PURE__ */ m("div", {
-				className: F.typography,
+				className: P.typography,
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: F.title,
-						children: /* @__PURE__ */ p(w, {
+						className: P.title,
+						children: /* @__PURE__ */ p(E, {
 							bold: !0,
 							children: n ?? "No title provided"
 						})
 					}),
-					/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(w, {
+					/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(E, {
 						size: "0.8rem",
 						children: /* @__PURE__ */ p("span", {
 							style: { opacity: .6 },
@@ -1204,24 +1204,24 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						})
 					}) }),
 					(o != null || s != null) && /* @__PURE__ */ m("div", {
-						className: F.date,
-						children: [o != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(x, {
-							d: ue,
+						className: P.date,
+						children: [o != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(C, {
+							d: ce,
 							size: "1em"
-						}), /* @__PURE__ */ p(w, {
+						}), /* @__PURE__ */ p(E, {
 							size: "0.8rem",
 							children: o
-						})] }), s != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(x, {
-							d: de,
+						})] }), s != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(C, {
+							d: le,
 							size: "1em"
-						}), /* @__PURE__ */ p(w, {
+						}), /* @__PURE__ */ p(E, {
 							size: "0.8rem",
 							children: s
 						})] })]
 					}),
 					!e && a != null && /* @__PURE__ */ m("div", {
-						className: F.link,
-						children: [l && /* @__PURE__ */ p(b, { src: l }), /* @__PURE__ */ p(w, {
+						className: P.link,
+						children: [l && /* @__PURE__ */ p(S, { src: l }), /* @__PURE__ */ p(E, {
 							size: "0.8rem",
 							color: "#6987b8",
 							children: a
@@ -1231,11 +1231,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})]
 		})
 	});
-}, I = {
+}, F = {
 	container: "_container_1r6mu_1",
 	"link-container": "_link-container_1r6mu_10",
 	text: "_text_1r6mu_36"
-}, Jt = ({ links: e, style: n }) => {
+}, Yt = ({ links: e, style: n }) => {
 	let r = u(null), [i, a] = d(!1);
 	return s(() => {
 		let e = r.current;
@@ -1245,44 +1245,44 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []), /* @__PURE__ */ p("nav", {
-		className: I.container,
+		className: F.container,
 		ref: r,
 		style: {
 			"--opacity": +!!i,
 			...n
 		},
 		children: e.map((n, r) => /* @__PURE__ */ m(t.Fragment, { children: [/* @__PURE__ */ m("div", {
-			className: I["link-container"],
+			className: F["link-container"],
 			onClick: n.onClick,
 			children: [/* @__PURE__ */ p("span", {
-				className: I.text,
+				className: F.text,
 				style: { "--delay": `${r * 100}ms` },
-				children: /* @__PURE__ */ p(x, {
-					d: r === 0 ? Ae : r === e.length - 1 ? ae : De,
+				children: /* @__PURE__ */ p(C, {
+					d: r === 0 ? Oe : r === e.length - 1 ? re : Te,
 					size: "1.25em"
 				})
 			}), /* @__PURE__ */ p("span", {
-				className: I.text,
+				className: F.text,
 				style: { "--delay": `${r * 100 + 50}ms` },
-				children: /* @__PURE__ */ p(w, { children: n.text })
+				children: /* @__PURE__ */ p(E, { children: n.text })
 			})]
 		}), e.length !== r + 1 && /* @__PURE__ */ p("span", {
-			className: I.text,
+			className: F.text,
 			style: { "--delay": `${r * 100 + 100}ms` },
-			children: /* @__PURE__ */ p(x, {
-				d: he,
+			children: /* @__PURE__ */ p(C, {
+				d: pe,
 				size: "1em",
 				color: "#b69545"
 			})
 		})] }, r))
 	});
-}, L = {
+}, I = {
 	wrapper: "_wrapper_1tlqa_1",
 	"wrapper--visible": "_wrapper--visible_1tlqa_33",
 	partial: "_partial_1tlqa_63",
 	move: "_move_1tlqa_1",
 	text: "_text_1tlqa_104"
-}, Yt = ({ position: e = "right", style: t }) => {
+}, Xt = ({ position: e = "right", style: t }) => {
 	let [n, r] = d(!1);
 	s(() => {
 		let e = () => {
@@ -1297,7 +1297,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		});
 	};
 	return /* @__PURE__ */ m("nav", {
-		className: `${L.wrapper} ${n ? L["wrapper--visible"] : ""}`,
+		className: `${I.wrapper} ${n ? I["wrapper--visible"] : ""}`,
 		style: {
 			"--size": "64px",
 			left: e === "left" ? "0" : "auto",
@@ -1308,75 +1308,75 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		children: [
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: I.partial
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: I.partial
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: I.partial
 			}),
 			/* @__PURE__ */ p("span", {
-				className: L.text,
+				className: I.text,
 				children: "Back to Top"
 			})
 		]
 	});
-}, Xt = {
+}, Zt = {
 	toc: "_toc_eubcy_1",
 	link: "_link_eubcy_15"
-}, Zt = ({ headings: e, style: t }) => /* @__PURE__ */ p("nav", {
-	className: Xt.toc,
+}, Qt = ({ headings: e, style: t }) => /* @__PURE__ */ p("nav", {
+	className: Zt.toc,
 	style: t,
 	children: e.map((e, t) => /* @__PURE__ */ m("a", {
-		className: Xt.link,
+		className: Zt.link,
 		href: `#${e.id ?? e.text}`,
 		style: { "--padding-left": `${e.level * .5}rem` },
 		children: [
-			/* @__PURE__ */ p("sup", { children: /* @__PURE__ */ p(w, {
+			/* @__PURE__ */ p("sup", { children: /* @__PURE__ */ p(E, {
 				size: "0.6rem",
 				color: "#6987b8",
 				children: `H${e.level}`
 			}) }),
-			/* @__PURE__ */ p(w, { children: e.text }),
-			/* @__PURE__ */ p(x, {
-				d: Ve,
+			/* @__PURE__ */ p(E, { children: e.text }),
+			/* @__PURE__ */ p(C, {
+				d: ze,
 				size: "1em",
 				color: "#6987b8"
 			})
 		]
 	}, t))
-}), Qt = { "block-fallback": "_block-fallback_adya7_1" }, $t = {
+}), $t = { "block-fallback": "_block-fallback_adya7_1" }, en = {
 	"rectangle-wave": "_rectangle-wave_gxedo_21",
 	"elm-rectangle-wave": "_elm-rectangle-wave_gxedo_1"
-}, en = (e) => /* @__PURE__ */ p("div", {
+}, tn = (e) => /* @__PURE__ */ p("div", {
 	"aria-hidden": !0,
-	className: $t["rectangle-wave"],
+	className: en["rectangle-wave"],
 	style: e.style
-}), tn = (e) => {
+}), nn = (e) => {
 	let { height: t = "16rem", style: n } = e;
 	return /* @__PURE__ */ m("div", {
-		className: Qt["block-fallback"],
+		className: $t["block-fallback"],
 		style: {
 			"--height": t,
 			...n
 		},
-		children: [/* @__PURE__ */ p(S, {}), /* @__PURE__ */ p(en, {})]
+		children: [/* @__PURE__ */ p(w, {}), /* @__PURE__ */ p(tn, {})]
 	});
-}, nn = {
+}, rn = {
 	circle: "_circle_ycu2l_19",
 	"draw-line": "_draw-line_ycu2l_1",
 	rotate: "_rotate_ycu2l_1"
-}, rn = (e) => {
+}, an = (e) => {
 	let { radius: t = 16, weight: n = 2, style: r } = e;
 	return /* @__PURE__ */ p("svg", {
 		height: t * 2,
 		width: t * 2,
 		style: r,
 		children: /* @__PURE__ */ p("circle", {
-			className: nn.circle,
+			className: rn.circle,
 			cx: t,
 			cy: t,
 			r: t - n,
@@ -1384,34 +1384,34 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			strokeWidth: n
 		})
 	});
-}, R = {
+}, L = {
 	unsupported: "_unsupported_1xu4c_1",
 	message: "_message_1xu4c_13",
 	icon: "_icon_1xu4c_20",
 	details: "_details_1xu4c_24"
-}, an = (e) => /* @__PURE__ */ m("div", {
-	className: R.unsupported,
+}, on = (e) => /* @__PURE__ */ m("div", {
+	className: L.unsupported,
 	style: e.style,
 	children: [/* @__PURE__ */ m("div", {
-		className: R.message,
+		className: L.message,
 		children: [/* @__PURE__ */ p("svg", {
 			viewBox: "0 0 24 24",
 			width: "1.25rem",
 			height: "1.25rem",
-			className: R.icon,
-			children: /* @__PURE__ */ p("path", { d: je })
-		}), /* @__PURE__ */ p(w, {
+			className: L.icon,
+			children: /* @__PURE__ */ p("path", { d: ke })
+		}), /* @__PURE__ */ p(E, {
 			color: "#868e9c",
 			children: "UNSUPPORTED BLOCK"
 		})]
 	}), e.details && /* @__PURE__ */ p("div", {
-		className: R.details,
-		children: /* @__PURE__ */ p(w, {
+		className: L.details,
+		children: /* @__PURE__ */ p(E, {
 			color: "#868e9c",
 			children: e.details
 		})
 	})]
-}), z = {
+}), R = {
 	button: "_button_c0mex_1",
 	"button-ornament": "_button-ornament_c0mex_29",
 	normal: "_normal_c0mex_40",
@@ -1421,7 +1421,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	flex: "_flex_c0mex_95",
 	ripple: "_ripple_c0mex_117",
 	"button-ripple": "_button-ripple_c0mex_1"
-}, on = ({ loading: e = !1, block: t = !1, disabled: n = !1, primary: r = !1, ...i }) => {
+}, z = ({ loading: e = !1, block: t = !1, disabled: n = !1, primary: r = !1, ...i }) => {
 	let [o, c] = d(!1), l = u(void 0), { onClick: f } = i, h = a(() => {
 		!e && !n && f && (c(!0), l.current = window.setTimeout(() => c(!1), 300), f());
 	}, [
@@ -1433,11 +1433,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		l.current && clearTimeout(l.current);
 	}, []), /* @__PURE__ */ m("button", {
 		className: [
-			z.button,
-			!e && !n ? z.enable : "",
-			i.color ? z.colored : "",
-			!i.color && !r ? z.normal : "",
-			!i.color && r ? z.primary : ""
+			R.button,
+			!e && !n ? R.enable : "",
+			i.color ? R.colored : "",
+			!i.color && !r ? R.normal : "",
+			!i.color && r ? R.primary : ""
 		].filter(Boolean).join(" "),
 		style: {
 			display: t ? "flex" : "inline-flex",
@@ -1449,12 +1449,12 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		},
 		onClick: h,
 		children: [
-			o && /* @__PURE__ */ p("div", { className: z.ripple }),
-			e ? /* @__PURE__ */ p(S, { size: "1.5rem" }) : /* @__PURE__ */ p("span", {
-				className: z.flex,
+			o && /* @__PURE__ */ p("div", { className: R.ripple }),
+			e ? /* @__PURE__ */ p(w, { size: "1.5rem" }) : /* @__PURE__ */ p("span", {
+				className: R.flex,
 				children: i.children
 			}),
-			/* @__PURE__ */ p("div", { className: z["button-ornament"] })
+			/* @__PURE__ */ p("div", { className: R["button-ornament"] })
 		]
 	});
 }, B = {
@@ -1664,11 +1664,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 							children: n.selectedOption.description
 						})] }) : /* @__PURE__ */ m("div", {
 							className: V.fallback,
-							children: [/* @__PURE__ */ p(x, { d: se }), /* @__PURE__ */ p("span", { children: n.placeholder ?? "Select an option" })]
+							children: [/* @__PURE__ */ p(C, { d: ae }), /* @__PURE__ */ p("span", { children: n.placeholder ?? "Select an option" })]
 						})
 					}),
-					/* @__PURE__ */ p(x, {
-						d: Ve,
+					/* @__PURE__ */ p(C, {
+						d: ze,
 						size: "1.5rem"
 					}),
 					r && /* @__PURE__ */ p("div", {
@@ -1679,8 +1679,8 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 								t.stopPropagation(), h(e.id);
 							},
 							children: [
-								/* @__PURE__ */ p(x, {
-									d: he,
+								/* @__PURE__ */ p(C, {
+									d: pe,
 									color: "#868e9c",
 									size: "0.75em"
 								}),
@@ -1755,27 +1755,27 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	counter: "_counter_1y96m_172",
 	"counter-over": "_counter-over_1y96m_177"
 }, un = {
-	text: Ye,
-	pen: Ue,
-	email: Ce,
-	user: y,
-	lock: Le,
-	key: Me,
-	earth: Se,
-	tag: Je,
-	archive: oe,
-	link: Fe,
-	search: Be
+	text: qe,
+	pen: Ve,
+	email: xe,
+	user: x,
+	lock: Fe,
+	key: Ae,
+	earth: be,
+	tag: Ke,
+	archive: ie,
+	link: Ne,
+	search: Re
 }, dn = ({ disabled: e = !1, loading: t = !1, isPassword: n = !1, required: r = !1, value: i = "", ...o }) => {
-	let s = c(), l = u(null), [f, h] = d(!1), [g, _] = d(n ? "password" : "text"), { onChange: v } = o, ee = a(() => {
+	let s = c(), l = u(null), [f, h] = d(!1), [g, _] = d(n ? "password" : "text"), { onChange: v } = o, y = a(() => {
 		!t && !e && v && v("");
 	}, [
 		t,
 		e,
 		v
-	]), te = a(() => {
+	]), b = a(() => {
 		!t && !e && _((e) => e === "text" ? "password" : "text");
-	}, [t, e]), y = a((e) => (t) => {
+	}, [t, e]), x = a((e) => (t) => {
 		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
 	}, []);
 	return /* @__PURE__ */ m("div", {
@@ -1807,7 +1807,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			/* @__PURE__ */ m("div", {
 				className: U.body,
 				children: [
-					o.icon && /* @__PURE__ */ p(x, {
+					o.icon && /* @__PURE__ */ p(C, {
 						d: un[o.icon],
 						size: "1.5rem",
 						color: "gray"
@@ -1835,24 +1835,24 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 							}),
 							/* @__PURE__ */ p("div", {
 								className: U.icon,
-								onClick: te,
-								onKeyDown: y(te),
+								onClick: b,
+								onKeyDown: x(b),
 								role: "button",
 								tabIndex: 0,
-								children: /* @__PURE__ */ p(x, {
-									d: g === "text" ? Te : we,
+								children: /* @__PURE__ */ p(C, {
+									d: g === "text" ? Ce : Se,
 									size: "1.75em",
 									color: "gray"
 								})
 							}),
 							/* @__PURE__ */ p("div", {
 								className: U.icon,
-								onClick: ee,
-								onKeyDown: y(ee),
+								onClick: y,
+								onKeyDown: x(y),
 								role: "button",
 								tabIndex: 0,
-								children: /* @__PURE__ */ p(x, {
-									d: le,
+								children: /* @__PURE__ */ p(C, {
+									d: se,
 									size: "1.75em",
 									color: "gray"
 								})
@@ -1873,8 +1873,8 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		"--opacity": t.isValid ? 1 : .5,
 		...t.style
 	},
-	children: [/* @__PURE__ */ p(x, {
-		d: t.isValid ? pe : me,
+	children: [/* @__PURE__ */ p(C, {
+		d: t.isValid ? de : fe,
 		color: t.isValid ? e : void 0
 	}), /* @__PURE__ */ p("span", {
 		style: { color: t.isValid ? e : void 0 },
@@ -1912,7 +1912,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	}, [e, t]), l = a((e) => {
 		e.stopPropagation();
 	}, []);
-	return !o && !r ? null : Xe(/* @__PURE__ */ p("div", {
+	return !o && !r ? null : Je(/* @__PURE__ */ p("div", {
 		className: `${W.provider} ${o ? W["provider-enter"] : W["provider-exit"]}`,
 		onClick: c,
 		children: /* @__PURE__ */ p("div", {
@@ -1957,18 +1957,18 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			}),
 			/* @__PURE__ */ m("div", {
 				className: vn.button,
-				children: [/* @__PURE__ */ m(on, {
+				children: [/* @__PURE__ */ m(z, {
 					block: !0,
 					onClick: l,
 					loading: s,
-					children: [/* @__PURE__ */ p(x, { d: ce }), /* @__PURE__ */ p("span", { children: "Cancel" })]
-				}), /* @__PURE__ */ m(on, {
+					children: [/* @__PURE__ */ p(C, { d: oe }), /* @__PURE__ */ p("span", { children: "Cancel" })]
+				}), /* @__PURE__ */ m(z, {
 					block: !0,
 					onClick: u,
 					primary: !0,
 					loading: s,
-					children: [/* @__PURE__ */ p(x, {
-						d: pe,
+					children: [/* @__PURE__ */ p(C, {
+						d: de,
 						color: "currentColor"
 					}), /* @__PURE__ */ p("span", { children: "Confirm" })]
 				})]
@@ -2088,12 +2088,12 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	className: On.snackbar,
 	style: t.style,
 	children: [
-		t.label == null ? t.children : /* @__PURE__ */ p(w, { children: t.label }),
+		t.label == null ? t.children : /* @__PURE__ */ p(E, { children: t.label }),
 		/* @__PURE__ */ p("div", {
 			className: On.icon,
 			onClick: t.close,
-			children: /* @__PURE__ */ p(x, {
-				d: ye,
+			children: /* @__PURE__ */ p(C, {
+				d: _e,
 				size: "1em"
 			})
 		}),
@@ -2179,20 +2179,20 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 							transition: "transform 200ms",
 							display: "flex"
 						},
-						children: /* @__PURE__ */ p(x, {
-							d: he,
+						children: /* @__PURE__ */ p(C, {
+							d: pe,
 							color: "#59b57c",
 							size: "1.25em"
 						})
-					}), /* @__PURE__ */ p("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ p(w, { children: e.summary }) })]
+					}), /* @__PURE__ */ p("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ p(E, { children: e.summary }) })]
 				}), /* @__PURE__ */ p("span", {
 					style: {
 						transform: `rotate(${i ? "135deg" : "0deg"})`,
 						transition: "transform 200ms",
 						display: "flex"
 					},
-					children: /* @__PURE__ */ p(x, {
-						d: We,
+					children: /* @__PURE__ */ p(C, {
+						d: He,
 						color: i ? "#b36472" : "#59b57c"
 					})
 				})]
@@ -2206,11 +2206,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 				onClick: a,
 				children: /* @__PURE__ */ m("div", {
 					className: q["close-button"],
-					children: [/* @__PURE__ */ p(x, {
-						d: ge,
+					children: [/* @__PURE__ */ p(C, {
+						d: me,
 						size: "1.25em",
 						color: "#c56565"
-					}), /* @__PURE__ */ p(w, {
+					}), /* @__PURE__ */ p(E, {
 						color: "#8e3636",
 						children: "CLOSE"
 					})]
@@ -2240,10 +2240,10 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 							width: "1rem",
 							height: "1rem",
 							children: /* @__PURE__ */ p("path", {
-								d: qe,
+								d: Ge,
 								fill: "#6987b8"
 							})
-						}), /* @__PURE__ */ p(w, { children: e })]
+						}), /* @__PURE__ */ p(E, { children: e })]
 					}),
 					/* @__PURE__ */ p("span", { className: J.spacing })
 				]
@@ -2340,24 +2340,28 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 		})
 	});
 }, qn = ({ code: e, language: t = "txt", caption: n, style: r }) => {
-	let [i, o] = d(!1), [c, l] = d(!1), [f, h] = d(!1), g = u(null), _ = u(null);
-	s(() => {
-		let e = g.current;
+	let [i, o] = d(!1), [c, l] = d(!1), [f, h] = d(!1), [g, _] = d(e), v = u(null), y = u(null), b = u(null);
+	s(() => (b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+		_(e);
+	}, 150), () => {
+		b.current && clearTimeout(b.current);
+	}), [e]), s(() => {
+		let e = v.current;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
 			h(e.isIntersecting);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let v = a(() => {
+	let x = a(() => {
 		navigator.clipboard.writeText(e).then(() => {
-			l(!0), _.current && clearTimeout(_.current), _.current = setTimeout(() => l(!1), 2e3);
+			l(!0), y.current && clearTimeout(y.current), y.current = setTimeout(() => l(!1), 2e3);
 		});
 	}, [e]);
 	return s(() => () => {
-		_.current && clearTimeout(_.current);
+		y.current && clearTimeout(y.current);
 	}, []), /* @__PURE__ */ m("div", {
-		ref: g,
+		ref: v,
 		className: X.wrapper,
 		style: {
 			opacity: +!!f,
@@ -2367,21 +2371,21 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 			className: X.header,
 			children: [/* @__PURE__ */ m("div", {
 				className: X.header__left,
-				children: [/* @__PURE__ */ p(nt, {
+				children: [/* @__PURE__ */ p(et, {
 					language: t,
 					size: 20
 				}), /* @__PURE__ */ p("span", {
 					className: X.caption,
-					children: /* @__PURE__ */ p(w, { children: n ?? t })
+					children: /* @__PURE__ */ p(E, { children: n ?? t })
 				})]
 			}), /* @__PURE__ */ p("div", {
 				className: X.header__right,
 				children: /* @__PURE__ */ p("div", {
 					className: X["copy-icon"],
-					onClick: v,
-					children: /* @__PURE__ */ p(x, {
+					onClick: x,
+					children: /* @__PURE__ */ p(C, {
 						size: "1.25em",
-						d: c ? _e : ve,
+						d: c ? he : ge,
 						useThemeColor: c
 					})
 				})
@@ -2392,14 +2396,14 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 				className: X["code-body"],
 				style: { opacity: +!!i },
 				children: /* @__PURE__ */ p(Kn, {
-					code: e,
+					code: g,
 					language: t,
 					onRendered: o
 				})
 			}), /* @__PURE__ */ p("div", {
 				className: X.fallback,
 				style: { opacity: +!i },
-				children: /* @__PURE__ */ p(S, { size: "48px" })
+				children: /* @__PURE__ */ p(w, { size: "48px" })
 			})]
 		})]
 	});
@@ -2427,7 +2431,7 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 	"color-bg": "_color-bg_yiibu_1",
 	text: "_text_yiibu_17"
 }, Xn = ({ color: e, style: t }) => {
-	let [n, r] = d(!1), i = u(null), o = ee(e), { hue: s, saturation: c, lightness: l } = v(e), h = te(o), g = `rgb(${o.red}, ${o.green}, ${o.blue})`, _ = `hsl(${Math.floor(s)}, ${Math.floor(c * 100)}%, ${Math.floor(l * 100)}%)`, y = a((e) => {
+	let [n, r] = d(!1), i = u(null), o = y(e), { hue: s, saturation: c, lightness: l } = v(e), h = b(o), g = `rgb(${o.red}, ${o.green}, ${o.blue})`, _ = `hsl(${Math.floor(s)}, ${Math.floor(c * 100)}%, ${Math.floor(l * 100)}%)`, x = a((e) => {
 		navigator.clipboard.writeText(e).then(() => {
 			r(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => r(!1), 1500);
 		});
@@ -2441,31 +2445,31 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 			original: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 				className: Z["color-bg"],
 				style: { "--background-color": e },
-				onClick: () => y(h),
-				children: n && /* @__PURE__ */ p(x, {
-					d: fe,
+				onClick: () => x(h),
+				children: n && /* @__PURE__ */ p(C, {
+					d: ue,
 					size: "1em",
 					color: "white"
 				})
 			}), /* @__PURE__ */ p("div", {
 				className: Z.text,
-				onClick: () => y(h),
+				onClick: () => x(h),
 				children: h
 			})] }),
 			tooltip: /* @__PURE__ */ m(f, { children: [
 				/* @__PURE__ */ p("div", {
 					className: Z.text,
-					onClick: () => y(h),
+					onClick: () => x(h),
 					children: h
 				}),
 				/* @__PURE__ */ p("div", {
 					className: Z.text,
-					onClick: () => y(g),
+					onClick: () => x(g),
 					children: g
 				}),
 				/* @__PURE__ */ p("div", {
 					className: Z.text,
-					onClick: () => y(_),
+					onClick: () => x(_),
 					children: _
 				})
 			] })
@@ -2561,7 +2565,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		children: [
 			/* @__PURE__ */ m("header", {
 				className: Q.header,
-				children: [/* @__PURE__ */ p(x, { d: be }), /* @__PURE__ */ p("input", {
+				children: [/* @__PURE__ */ p(C, { d: ve }), /* @__PURE__ */ p("input", {
 					ref: h,
 					className: Q.input,
 					value: r,
@@ -2574,7 +2578,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 				className: Q.body,
 				children: o.length === 0 ? /* @__PURE__ */ p("div", {
 					className: Q["empty-result"],
-					children: /* @__PURE__ */ p(w, { children: "search anything..." })
+					children: /* @__PURE__ */ p(E, { children: "search anything..." })
 				}) : o.map((e, t) => /* @__PURE__ */ m("button", {
 					className: `${Q.command} ${t === l ? Q["command-selected"] : ""}`,
 					onClick: () => {
@@ -2585,8 +2589,8 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 							className: Q["command-icon"],
 							src: e.icon,
 							alt: e.label
-						}) : /* @__PURE__ */ p(x, {
-							d: be,
+						}) : /* @__PURE__ */ p(C, {
+							d: ve,
 							size: "1rem"
 						}),
 						e.tag ? /* @__PURE__ */ p("div", {
@@ -2594,7 +2598,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 							style: { "--tag-color": _(-.3, er[e.tag.color]) },
 							children: e.tag.name
 						}) : /* @__PURE__ */ p("div", { className: Q.tag }),
-						/* @__PURE__ */ p(w, {
+						/* @__PURE__ */ p(E, {
 							style: {
 								whiteSpace: "nowrap",
 								overflow: "hidden",
@@ -2603,7 +2607,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 							},
 							children: e.label
 						}),
-						/* @__PURE__ */ p(w, {
+						/* @__PURE__ */ p(E, {
 							style: {
 								opacity: .4,
 								whiteSpace: "nowrap",
@@ -2612,16 +2616,16 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 							},
 							children: e.description ?? "-"
 						}),
-						/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(x, { d: Ne }) })
+						/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(C, { d: je }) })
 					]
 				}, e.id))
 			}),
 			/* @__PURE__ */ m("footer", {
 				className: Q.footer,
-				children: [/* @__PURE__ */ p(w, {
+				children: [/* @__PURE__ */ p(E, {
 					kbd: !0,
 					children: "Esc"
-				}), /* @__PURE__ */ p(w, { children: "Close" })]
+				}), /* @__PURE__ */ p(E, { children: "Close" })]
 			})
 		]
 	});
@@ -2645,7 +2649,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		return a.katex ? /* @__PURE__ */ p(Yn, {
 			expression: a.text,
 			block: !1
-		}, i) : /* @__PURE__ */ p(w, {
+		}, i) : /* @__PURE__ */ p(E, {
 			color: a.color,
 			backgroundColor: a.backgroundColor,
 			bold: a.bold,
@@ -2661,7 +2665,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Icon: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(b, {
+		return /* @__PURE__ */ p(S, {
 			src: e.props.src,
 			alt: e.props.alt
 		}, i);
@@ -2674,14 +2678,14 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p(O, {
 			level: e.props.level,
-			id: Ze(sr(e.slots.default)),
+			id: Ye(sr(e.slots.default)),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
 		}, i);
 	},
 	Paragraph: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(wt, {
+		return /* @__PURE__ */ p(St, {
 			backgroundColor: e.props?.backgroundColor,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2693,7 +2697,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	List: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Pt, {
+		return /* @__PURE__ */ p(Ft, {
 			listStyle: e.props?.listStyle === "unordered" ? "unordered" : "ordered",
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2701,7 +2705,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	BlockQuote: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Tt, {
+		return /* @__PURE__ */ p(Ct, {
 			cite: e.props?.cite,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2709,7 +2713,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Callout: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Ot, {
+		return /* @__PURE__ */ p(Et, {
 			type: e.props?.type,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2717,7 +2721,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Divider: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(E, { style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0 }, i);
+		return /* @__PURE__ */ p(Ot, { style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0 }, i);
 	},
 	Toggle: (e, t, n, r) => {
 		let i = e.id ?? n;
@@ -2729,7 +2733,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Bookmark: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(qt, {
+		return /* @__PURE__ */ p(Jt, {
 			url: e.props.url,
 			title: e.props.title,
 			description: e.props.description,
@@ -2739,7 +2743,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	File: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Kt, {
+		return /* @__PURE__ */ p(qt, {
 			src: e.props.src,
 			name: e.props.name,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2747,7 +2751,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Image: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(N, {
+		return /* @__PURE__ */ p(M, {
 			src: e.props.src,
 			alt: e.props.alt,
 			width: e.props.width,
@@ -2776,7 +2780,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	Mermaid: (e, t, r, i) => {
 		let a = e.id ?? r;
 		return /* @__PURE__ */ p(n, {
-			fallback: /* @__PURE__ */ p(tn, {}),
+			fallback: /* @__PURE__ */ p(nn, {}),
 			children: /* @__PURE__ */ p(or, {
 				code: e.props.code,
 				style: r === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2832,7 +2836,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Unsupported: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return r?.skipUnsupportedComponentWarning ? null : /* @__PURE__ */ p(an, {
+		return r?.skipUnsupportedComponentWarning ? null : /* @__PURE__ */ p(on, {
 			details: e.props?.details ?? `Unsupported component type: ${e.type}`,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 		}, i);
@@ -2846,7 +2850,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		return s ? s(e, a, n, {
 			skipUnsupportedComponentWarning: t,
 			style: r
-		}) : t ? null : /* @__PURE__ */ p(an, { details: `Unsupported component type: ${e.type}` }, o);
+		}) : t ? null : /* @__PURE__ */ p(on, { details: `Unsupported component type: ${e.type}` }, o);
 	});
 	return /* @__PURE__ */ p("div", {
 		className: ar["jarkup-body"],
@@ -2857,7 +2861,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		children: a(e)
 	});
 }, ur = { "markdown-body": "_markdown-body_130yx_1" }, dr = {
-	blockquote: (e, t, n) => !e.tokens || e.tokens.length === 0 ? null : /* @__PURE__ */ p(Tt, { children: t(e.tokens.flatMap((e) => e.type === "paragraph" && e.tokens ? e.tokens : [e])) }, n),
+	blockquote: (e, t, n) => !e.tokens || e.tokens.length === 0 ? null : /* @__PURE__ */ p(Ct, { children: t(e.tokens.flatMap((e) => e.type === "paragraph" && e.tokens ? e.tokens : [e])) }, n),
 	br: (e, t, n) => /* @__PURE__ */ p("br", {}, n),
 	checkbox: (e, t, n) => /* @__PURE__ */ p(sn, {
 		label: e.raw,
@@ -2867,22 +2871,22 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		code: e.text.trim(),
 		language: e.lang
 	}, n),
-	codespan: (e, t, n) => /* @__PURE__ */ p(w, {
+	codespan: (e, t, n) => /* @__PURE__ */ p(E, {
 		code: !0,
 		children: e.text
 	}, n),
 	def: () => null,
-	del: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
+	del: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
 		strikethrough: !0,
 		children: t(e.tokens)
-	}, n) : /* @__PURE__ */ p(w, {
+	}, n) : /* @__PURE__ */ p(E, {
 		strikethrough: !0,
 		children: e.text
 	}, n),
-	em: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
+	em: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
 		italic: !0,
 		children: t(e.tokens)
-	}, n) : /* @__PURE__ */ p(w, {
+	}, n) : /* @__PURE__ */ p(E, {
 		italic: !0,
 		children: e.text
 	}, n),
@@ -2897,35 +2901,35 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 			text: e.text
 		}, n);
 	},
-	hr: (e, t, n) => /* @__PURE__ */ p(E, {}, n),
+	hr: (e, t, n) => /* @__PURE__ */ p(Ot, {}, n),
 	html: () => null,
-	image: (e, t, n) => /* @__PURE__ */ p(N, {
+	image: (e, t, n) => /* @__PURE__ */ p(M, {
 		block: !0,
 		enableModal: !0,
 		src: e.href,
 		alt: e.text
 	}, n),
-	link: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
+	link: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
 		href: e.href,
 		children: t(e.tokens)
-	}, n) : /* @__PURE__ */ p(w, {
+	}, n) : /* @__PURE__ */ p(E, {
 		href: e.href,
 		children: e.text
 	}, n),
 	list: (e, t, n) => {
 		let r = e.items.map((e, n) => /* @__PURE__ */ p("li", { children: t(e.tokens) }, n));
-		return /* @__PURE__ */ p(Pt, {
+		return /* @__PURE__ */ p(Ft, {
 			listStyle: e.ordered ? "ordered" : "unordered",
 			children: r
 		}, n);
 	},
 	list_item: (e, t, n) => /* @__PURE__ */ p("li", { children: e.tokens && e.tokens.length !== 0 ? t(e.tokens) : e.text }, n),
-	paragraph: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(wt, { children: t(e.tokens) }, n) : null,
+	paragraph: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(St, { children: t(e.tokens) }, n) : null,
 	space: () => null,
-	strong: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
+	strong: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
 		bold: !0,
 		children: t(e.tokens)
-	}, n) : /* @__PURE__ */ p(w, {
+	}, n) : /* @__PURE__ */ p(E, {
 		bold: !0,
 		children: e.text
 	}, n),
@@ -2936,7 +2940,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 			body: /* @__PURE__ */ p(Ln, { children: a })
 		}, n);
 	},
-	text: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, { children: t(e.tokens) }, n) : /* @__PURE__ */ p(w, { children: e.text }, n)
+	text: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, { children: t(e.tokens) }, n) : /* @__PURE__ */ p(E, { children: e.text }, n)
 }, fr = ({ markdown: e, style: t, renderFunctionMap: n }) => {
 	let r = {
 		...dr,
@@ -2944,7 +2948,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	}, i = (e) => e.map((e, t) => {
 		let n = r[e.type];
 		return n ? n(e, i, t) : null;
-	}), a = Qe.setOptions({ gfm: !0 }).lexer(e);
+	}), a = Xe.setOptions({ gfm: !0 }).lexer(e);
 	return /* @__PURE__ */ p("div", {
 		className: ur["markdown-body"],
 		style: {
@@ -3012,7 +3016,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	});
 }, mr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
 	style: t,
-	children: /* @__PURE__ */ p(N, {
+	children: /* @__PURE__ */ p(M, {
 		src: e.url,
 		alt: e.title,
 		width: e.width,
@@ -3028,10 +3032,10 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	dangerouslySetInnerHTML: { __html: e.html }
 }) : /* @__PURE__ */ p("div", {
 	style: t,
-	children: /* @__PURE__ */ p(w, {
+	children: /* @__PURE__ */ p(E, {
 		href: e.author_url ?? e.provider_url ?? "#",
 		children: e.title ?? e.author_name ?? e.provider_name ?? "Link"
 	})
 });
 //#endregion
-export { mt as ElmArrowIcon, tn as ElmBlockFallback, Tt as ElmBlockQuote, qt as ElmBookmark, _t as ElmBookmarkIcon, Jt as ElmBreadcrumb, on as ElmButton, Ot as ElmCallout, sn as ElmCheckbox, qn as ElmCodeBlock, Xn as ElmColorSample, $n as ElmColorTable, hn as ElmColumn, _n as ElmColumnList, nr as ElmCommandPalette, bn as ElmConfirmModal, bt as ElmCubeIcon, xn as ElmDesktopWindow, E as ElmDivider, S as ElmDotLoadingIcon, Kt as ElmFile, jt as ElmFragmentIdentifier, O as ElmHeading, N as ElmImage, b as ElmInlineIcon, w as ElmInlineText, lr as ElmJarkup, ir as ElmJsonComponentRenderer, Yn as ElmKatex, nt as ElmLanguageIcon, Pt as ElmList, St as ElmLoginIcon, fr as ElmMarkdown, x as ElmMdiIcon, e as ElmMermaid, yn as ElmModal, Vt as ElmMultiProgress, mr as ElmOEmbed, Yt as ElmPageTop, wt as ElmParagraph, Cn as ElmParallax, zt as ElmProgress, en as ElmRectangleWave, cn as ElmSelect, Kn as ElmShikiHighlighter, Dn as ElmSimpleTooltip, kn as ElmSnackbar, jn as ElmSnackbarContainer, rn as ElmSpinner, ct as ElmSquareLoadingIcon, Wt as ElmStatusMessage, ln as ElmSwitch, In as ElmTable, Ln as ElmTableBody, zn as ElmTableCell, Vn as ElmTableHeader, Zt as ElmTableOfContents, Y as ElmTableRow, Mn as ElmTabs, Rt as ElmTemplate, dn as ElmTextField, Nn as ElmToggle, pt as ElmToggleTheme, En as ElmTooltip, pr as ElmTyping, It as ElmTypingAnimation, an as ElmUnsupportedBlock, pn as ElmValidation, rt as LANGUAGES };
+export { ft as ElmArrowIcon, nn as ElmBlockFallback, Ct as ElmBlockQuote, Jt as ElmBookmark, ht as ElmBookmarkIcon, Yt as ElmBreadcrumb, z as ElmButton, Et as ElmCallout, sn as ElmCheckbox, qn as ElmCodeBlock, Xn as ElmColorSample, $n as ElmColorTable, hn as ElmColumn, _n as ElmColumnList, nr as ElmCommandPalette, bn as ElmConfirmModal, vt as ElmCubeIcon, xn as ElmDesktopWindow, Ot as ElmDivider, w as ElmDotLoadingIcon, qt as ElmFile, At as ElmFragmentIdentifier, O as ElmHeading, M as ElmImage, S as ElmInlineIcon, E as ElmInlineText, lr as ElmJarkup, ir as ElmJsonComponentRenderer, Yn as ElmKatex, et as ElmLanguageIcon, Ft as ElmList, bt as ElmLoginIcon, fr as ElmMarkdown, C as ElmMdiIcon, e as ElmMermaid, yn as ElmModal, Ht as ElmMultiProgress, mr as ElmOEmbed, Xt as ElmPageTop, St as ElmParagraph, Cn as ElmParallax, Bt as ElmProgress, tn as ElmRectangleWave, cn as ElmSelect, Kn as ElmShikiHighlighter, Dn as ElmSimpleTooltip, kn as ElmSnackbar, jn as ElmSnackbarContainer, an as ElmSpinner, ot as ElmSquareLoadingIcon, Gt as ElmStatusMessage, ln as ElmSwitch, In as ElmTable, Ln as ElmTableBody, zn as ElmTableCell, Vn as ElmTableHeader, Qt as ElmTableOfContents, Y as ElmTableRow, Mn as ElmTabs, zt as ElmTemplate, dn as ElmTextField, Nn as ElmToggle, dt as ElmToggleTheme, En as ElmTooltip, pr as ElmTyping, Lt as ElmTypingAnimation, on as ElmUnsupportedBlock, pn as ElmValidation, tt as LANGUAGES };