@elmethis/react 0.3.3 → 0.3.5

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 (78) hide show
  1. package/lib/ElmMermaid-BFqvHKdQ.js +71 -0
  2. package/lib/ElmMermaid-DDrDuDJ-.cjs +1 -0
  3. package/lib/index.react.cjs +1 -1
  4. package/lib/index.react.mjs +1357 -1175
  5. package/lib/style.css +1 -1
  6. package/lib-types/components/code/ElmCodeBlock.d.ts +3 -17
  7. package/lib-types/components/code/ElmCodeBlock.d.ts.map +1 -1
  8. package/lib-types/components/code/ElmKatex.d.ts +3 -1
  9. package/lib-types/components/code/ElmKatex.d.ts.map +1 -1
  10. package/lib-types/components/code/ElmMermaid.d.ts +3 -1
  11. package/lib-types/components/code/ElmMermaid.d.ts.map +1 -1
  12. package/lib-types/components/code/ElmShikiHighlighter.d.ts.map +1 -1
  13. package/lib-types/components/containments/ElmDesktopWindow.stories.d.ts.map +1 -1
  14. package/lib-types/components/containments/ElmModal.d.ts.map +1 -1
  15. package/lib-types/components/containments/ElmParallax.stories.d.ts.map +1 -1
  16. package/lib-types/components/containments/ElmSnackbar.d.ts.map +1 -1
  17. package/lib-types/components/containments/ElmToggle.d.ts +2 -5
  18. package/lib-types/components/containments/ElmToggle.d.ts.map +1 -1
  19. package/lib-types/components/data/ElmMultiProgress.d.ts.map +1 -1
  20. package/lib-types/components/data/ElmProgress.d.ts.map +1 -1
  21. package/lib-types/components/data/ElmStatusMessage.d.ts.map +1 -1
  22. package/lib-types/components/embed/ElmOEmbed.d.ts.map +1 -1
  23. package/lib-types/components/fallback/ElmRectangleWave.d.ts.map +1 -1
  24. package/lib-types/components/fallback/ElmUnsupportedBlock.d.ts +2 -2
  25. package/lib-types/components/fallback/ElmUnsupportedBlock.d.ts.map +1 -1
  26. package/lib-types/components/form/ElmButton.d.ts.map +1 -1
  27. package/lib-types/components/form/ElmCheckbox.d.ts.map +1 -1
  28. package/lib-types/components/form/ElmCheckbox.stories.d.ts.map +1 -1
  29. package/lib-types/components/form/ElmSelect.d.ts.map +1 -1
  30. package/lib-types/components/form/ElmSwitch.d.ts.map +1 -1
  31. package/lib-types/components/form/ElmTextField.d.ts.map +1 -1
  32. package/lib-types/components/form/ElmValidation.d.ts.map +1 -1
  33. package/lib-types/components/icon/ElmMdiIcon.d.ts +6 -2
  34. package/lib-types/components/icon/ElmMdiIcon.d.ts.map +1 -1
  35. package/lib-types/components/icon/ElmMdiIcon.stories.d.ts.map +1 -1
  36. package/lib-types/components/icon/ElmToggleTheme.d.ts.map +1 -1
  37. package/lib-types/components/media/ElmFile.d.ts +3 -7
  38. package/lib-types/components/media/ElmFile.d.ts.map +1 -1
  39. package/lib-types/components/media/ElmImage.d.ts +3 -7
  40. package/lib-types/components/media/ElmImage.d.ts.map +1 -1
  41. package/lib-types/components/navigation/ElmBookmark.d.ts +3 -7
  42. package/lib-types/components/navigation/ElmBookmark.d.ts.map +1 -1
  43. package/lib-types/components/navigation/ElmBreadcrumb.d.ts.map +1 -1
  44. package/lib-types/components/navigation/ElmPageTop.d.ts +1 -1
  45. package/lib-types/components/navigation/ElmPageTop.d.ts.map +1 -1
  46. package/lib-types/components/navigation/ElmTableOfContents.d.ts.map +1 -1
  47. package/lib-types/components/others/ElmColorSample.d.ts.map +1 -1
  48. package/lib-types/components/others/ElmCommandPalette.d.ts.map +1 -1
  49. package/lib-types/components/others/ElmJarkup.d.ts +29 -0
  50. package/lib-types/components/others/ElmJarkup.d.ts.map +1 -0
  51. package/lib-types/components/others/ElmJarkup.stories.d.ts +8 -0
  52. package/lib-types/components/others/ElmJarkup.stories.d.ts.map +1 -0
  53. package/lib-types/components/others/ElmJsonComponentRenderer.stories.d.ts.map +1 -1
  54. package/lib-types/components/others/ElmMarkdown.d.ts +15 -2
  55. package/lib-types/components/others/ElmMarkdown.d.ts.map +1 -1
  56. package/lib-types/components/others/ElmMarkdown.stories.d.ts.map +1 -1
  57. package/lib-types/components/others/ElmTyping.d.ts.map +1 -1
  58. package/lib-types/components/table/ElmTable.d.ts +3 -8
  59. package/lib-types/components/table/ElmTable.d.ts.map +1 -1
  60. package/lib-types/components/typography/ElmBlockQuote.d.ts +2 -2
  61. package/lib-types/components/typography/ElmBlockQuote.d.ts.map +1 -1
  62. package/lib-types/components/typography/ElmCallout.d.ts +2 -2
  63. package/lib-types/components/typography/ElmCallout.d.ts.map +1 -1
  64. package/lib-types/components/typography/ElmDivider.d.ts +2 -6
  65. package/lib-types/components/typography/ElmDivider.d.ts.map +1 -1
  66. package/lib-types/components/typography/ElmFragmentIdentifier.d.ts.map +1 -1
  67. package/lib-types/components/typography/ElmHeading.d.ts +2 -2
  68. package/lib-types/components/typography/ElmHeading.d.ts.map +1 -1
  69. package/lib-types/components/typography/ElmList.d.ts +2 -2
  70. package/lib-types/components/typography/ElmList.d.ts.map +1 -1
  71. package/lib-types/components/typography/ElmParagraph.d.ts +1 -1
  72. package/lib-types/components/typography/ElmParagraph.d.ts.map +1 -1
  73. package/lib-types/hooks/useElmethisTheme.d.ts.map +1 -1
  74. package/lib-types/lib.d.ts +14 -13
  75. package/lib-types/lib.d.ts.map +1 -1
  76. package/lib-types/styles/variables.d.ts +2 -1
  77. package/lib-types/styles/variables.d.ts.map +1 -1
  78. package/package.json +6 -1
package/lib/index.react.mjs CHANGED
@@ -1,19 +1,22 @@
1
- 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";
2
- import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
3
- import { darken as f, getLuminance as p, opacify as m, parseToHsl as h, parseToRgb as g, rgbToColorString as _ } from "polished";
4
- 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";
5
- import { createPortal as Ge } from "react-dom";
6
- var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
7
- let [n, r] = c(e);
8
- return /* @__PURE__ */ u("img", {
9
- className: Ke.icon,
1
+ import { t as e } from "./ElmMermaid-BFqvHKdQ.js";
2
+ 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";
3
+ import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
4
+ import { darken as h, getLuminance as g, opacify as _, parseToHsl as v, parseToRgb as y, rgbToColorString as b } from "polished";
5
+ 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";
6
+ import { createPortal as Je } from "react-dom";
7
+ import { kebabCase as Ye } from "lodash-es";
8
+ import { marked as Xe } from "marked";
9
+ var Ze = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
10
+ let [n, r] = d(e);
11
+ return /* @__PURE__ */ p("img", {
12
+ className: Ze.icon,
10
13
  src: n,
11
14
  alt: t,
12
15
  onError: () => {
13
16
  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>");
14
17
  }
15
18
  });
16
- }, qe = { icon: "_icon_18sdb_1" }, Je = {
19
+ }, Qe = { icon: "_icon_18sdb_1" }, $e = {
17
20
  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",
18
21
  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",
19
22
  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",
@@ -33,9 +36,9 @@ var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
33
36
  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",
34
37
  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",
35
38
  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"
36
- }, Ye = (e) => /* @__PURE__ */ u("img", {
37
- className: qe.icon,
38
- 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",
39
+ }, et = (e) => /* @__PURE__ */ p("img", {
40
+ className: Qe.icon,
41
+ 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",
39
42
  width: e.size,
40
43
  height: e.size,
41
44
  alt: e.language,
@@ -44,7 +47,7 @@ var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
44
47
  height: e.size,
45
48
  ...e.style
46
49
  }
47
- }), Xe = [
50
+ }), tt = [
48
51
  "rust",
49
52
  "javascript",
50
53
  "typescript",
@@ -64,30 +67,36 @@ var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
64
67
  "cpp",
65
68
  "c",
66
69
  "file"
67
- ], Ze = { icon: "_icon_fs4e2_1" }, C = (e) => /* @__PURE__ */ u("div", {
68
- className: Ze["elm-mdi-icon"],
70
+ ], nt = {
71
+ icon: "_icon_g71ox_1",
72
+ "icon-theme-color": "_icon-theme-color_g71ox_10"
73
+ }, C = (e) => /* @__PURE__ */ p("div", {
69
74
  style: e.style,
70
- children: /* @__PURE__ */ u("svg", {
75
+ children: /* @__PURE__ */ p("svg", {
71
76
  width: e.size || "1.25rem",
72
77
  height: e.size || "1.25rem",
73
78
  viewBox: "0 0 24 24",
74
79
  focusable: "false",
75
80
  role: "img",
76
- className: Ze.icon,
77
- children: /* @__PURE__ */ u("path", {
78
- style: { color: e.color },
81
+ children: /* @__PURE__ */ p("path", {
82
+ style: {
83
+ "--elmethis-scoped-color": e.colorLight ?? e.color,
84
+ "--elmethis-scoped-color-dark": e.colorDark ?? e.color,
85
+ ...e.style
86
+ },
87
+ className: e.useThemeColor ? nt["icon-theme-color"] : nt.icon,
79
88
  fill: "currentColor",
80
89
  d: e.d
81
90
  })
82
91
  })
83
- }), Qe = {
92
+ }), rt = {
84
93
  wrapper: "_wrapper_1q92c_15",
85
94
  dot: "_dot_1q92c_22",
86
95
  bounce: "_bounce_1q92c_1"
87
96
  }, w = (e) => {
88
97
  let { color: t, size: n = "64px", style: r } = e;
89
- return /* @__PURE__ */ u("div", {
90
- className: Qe.wrapper,
98
+ return /* @__PURE__ */ p("div", {
99
+ className: rt.wrapper,
91
100
  style: {
92
101
  width: n,
93
102
  height: n,
@@ -97,83 +106,83 @@ var Ke = { icon: "_icon_k0isg_1" }, S = ({ src: e, alt: t }) => {
97
106
  1,
98
107
  2,
99
108
  3
100
- ].map((e) => /* @__PURE__ */ u("div", {
101
- className: Qe.dot,
109
+ ].map((e) => /* @__PURE__ */ p("div", {
110
+ className: rt.dot,
102
111
  "aria-hidden": !0,
103
112
  style: t ? { backgroundColor: t } : void 0
104
113
  }, e))
105
114
  });
106
- }, $e = {
115
+ }, it = {
107
116
  wrapper: "_wrapper_1yu3x_19",
108
117
  square: "_square_1yu3x_28",
109
118
  appear: "_appear_1yu3x_1"
110
- }, et = 1200, tt = (e) => {
111
- let { size: t = "3rem", dimensions: n = 4, style: r } = e, i = et / (n * 3), a = Array.from({ length: n });
112
- return /* @__PURE__ */ u("div", {
113
- className: $e.wrapper,
119
+ }, at = 1200, ot = (e) => {
120
+ let { size: t = "3rem", dimensions: n = 4, style: r } = e, i = at / (n * 3), a = Array.from({ length: n });
121
+ return /* @__PURE__ */ p("div", {
122
+ className: it.wrapper,
114
123
  style: {
115
124
  "--size": t,
116
125
  "--dimensions": n,
117
- "--duration": `${et}ms`,
126
+ "--duration": `${at}ms`,
118
127
  ...r
119
128
  },
120
- children: a.map((e, t) => a.map((e, n) => /* @__PURE__ */ u("div", {
121
- className: $e.square,
129
+ children: a.map((e, t) => a.map((e, n) => /* @__PURE__ */ p("div", {
130
+ className: it.square,
122
131
  style: { "--delay": `${i * (t + n)}ms` }
123
132
  }, `${t}-${n}`)))
124
133
  });
125
- }, nt = { icon: "_icon_x4u0f_1" }, rt = "elmethis-theme";
126
- function it() {
134
+ }, st = { icon: "_icon_x4u0f_1" }, ct = "elmethis-theme";
135
+ function lt() {
127
136
  if (typeof document < "u") {
128
137
  let e = document.documentElement.getAttribute("data-theme");
129
138
  if (e != null) return e === "dark";
130
139
  }
131
140
  if (typeof localStorage < "u") {
132
- let e = localStorage.getItem(rt);
141
+ let e = localStorage.getItem(ct);
133
142
  if (e != null) return e === "dark";
134
143
  }
135
144
  return !1;
136
145
  }
137
- function at() {
138
- let [e, t] = c(it), r = n(() => {
146
+ function ut() {
147
+ let [e, t] = d(lt), n = a(() => {
139
148
  t((e) => !e);
140
149
  }, []);
141
- return i(() => {
150
+ return s(() => {
142
151
  if (typeof document < "u") {
143
152
  document.documentElement.setAttribute("data-theme", e ? "dark" : "light");
144
153
  let t = document.querySelector("body");
145
- t != null && (t.style.colorScheme = e ? "dark" : "light"), typeof localStorage < "u" && localStorage.setItem(rt, e ? "dark" : "light");
154
+ t != null && (t.style.colorScheme = e ? "dark" : "light"), typeof localStorage < "u" && localStorage.setItem(ct, e ? "dark" : "light");
146
155
  }
147
156
  }, [e]), {
148
157
  isDarkTheme: e,
149
- toggleTheme: r
158
+ toggleTheme: n
150
159
  };
151
160
  }
152
161
  //#endregion
153
162
  //#region src/components/icon/ElmToggleTheme.tsx
154
- var ot = (e) => {
155
- let { size: t = "2rem", style: n } = e, { isDarkTheme: r, toggleTheme: i } = at();
156
- return r ? /* @__PURE__ */ d("svg", {
163
+ var dt = (e) => {
164
+ let { size: t = "2rem", style: n } = e, { isDarkTheme: r, toggleTheme: i } = ut();
165
+ return r ? /* @__PURE__ */ m("svg", {
157
166
  xmlns: "http://www.w3.org/2000/svg",
158
167
  width: t,
159
168
  height: t,
160
169
  viewBox: "0 0 24 24",
161
- className: nt.icon,
170
+ className: st.icon,
162
171
  style: n,
163
172
  onClick: i,
164
173
  children: [
165
- /* @__PURE__ */ d("path", {
174
+ /* @__PURE__ */ m("path", {
166
175
  fillOpacity: "0",
167
176
  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",
168
177
  fill: "currentColor",
169
- children: [/* @__PURE__ */ u("animate", {
178
+ children: [/* @__PURE__ */ p("animate", {
170
179
  id: "lineMdSunnyOutlineToMoonLoopTransition0",
171
180
  fill: "freeze",
172
181
  attributeName: "fill-opacity",
173
182
  begin: "0.6s;lineMdSunnyOutlineToMoonLoopTransition0.begin+6s",
174
183
  dur: "0.4s",
175
184
  values: "0;1"
176
- }), /* @__PURE__ */ u("animate", {
185
+ }), /* @__PURE__ */ p("animate", {
177
186
  fill: "freeze",
178
187
  attributeName: "fill-opacity",
179
188
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+2.2s",
@@ -181,17 +190,17 @@ var ot = (e) => {
181
190
  values: "1;0"
182
191
  })]
183
192
  }),
184
- /* @__PURE__ */ d("path", {
193
+ /* @__PURE__ */ m("path", {
185
194
  fillOpacity: "0",
186
195
  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",
187
196
  fill: "currentColor",
188
- children: [/* @__PURE__ */ u("animate", {
197
+ children: [/* @__PURE__ */ p("animate", {
189
198
  fill: "freeze",
190
199
  attributeName: "fill-opacity",
191
200
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+3s",
192
201
  dur: "0.4s",
193
202
  values: "0;1"
194
- }), /* @__PURE__ */ u("animate", {
203
+ }), /* @__PURE__ */ p("animate", {
195
204
  fill: "freeze",
196
205
  attributeName: "fill-opacity",
197
206
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+5.2s",
@@ -199,17 +208,17 @@ var ot = (e) => {
199
208
  values: "1;0"
200
209
  })]
201
210
  }),
202
- /* @__PURE__ */ d("path", {
211
+ /* @__PURE__ */ m("path", {
203
212
  fillOpacity: "0",
204
213
  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",
205
214
  fill: "currentColor",
206
- children: [/* @__PURE__ */ u("animate", {
215
+ children: [/* @__PURE__ */ p("animate", {
207
216
  fill: "freeze",
208
217
  attributeName: "fill-opacity",
209
218
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+0.4s",
210
219
  dur: "0.4s",
211
220
  values: "0;1"
212
- }), /* @__PURE__ */ u("animate", {
221
+ }), /* @__PURE__ */ p("animate", {
213
222
  fill: "freeze",
214
223
  attributeName: "fill-opacity",
215
224
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+2.8s",
@@ -217,17 +226,17 @@ var ot = (e) => {
217
226
  values: "1;0"
218
227
  })]
219
228
  }),
220
- /* @__PURE__ */ d("path", {
229
+ /* @__PURE__ */ m("path", {
221
230
  fillOpacity: "0",
222
231
  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",
223
232
  fill: "currentColor",
224
- children: [/* @__PURE__ */ u("animate", {
233
+ children: [/* @__PURE__ */ p("animate", {
225
234
  fill: "freeze",
226
235
  attributeName: "fill-opacity",
227
236
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+3.4s",
228
237
  dur: "0.4s",
229
238
  values: "0;1"
230
- }), /* @__PURE__ */ u("animate", {
239
+ }), /* @__PURE__ */ p("animate", {
231
240
  fill: "freeze",
232
241
  attributeName: "fill-opacity",
233
242
  begin: "lineMdSunnyOutlineToMoonLoopTransition0.begin+5.6s",
@@ -235,29 +244,29 @@ var ot = (e) => {
235
244
  values: "1;0"
236
245
  })]
237
246
  }),
238
- /* @__PURE__ */ d("g", {
247
+ /* @__PURE__ */ m("g", {
239
248
  fill: "none",
240
249
  stroke: "currentColor",
241
250
  strokeLinecap: "round",
242
251
  strokeLinejoin: "round",
243
252
  strokeWidth: "2",
244
- children: [/* @__PURE__ */ d("g", { children: [
245
- /* @__PURE__ */ u("path", {
253
+ children: [/* @__PURE__ */ m("g", { children: [
254
+ /* @__PURE__ */ p("path", {
246
255
  strokeDasharray: "2",
247
256
  strokeDashoffset: "4",
248
257
  d: "M12 21v1M21 12h1M12 3v-1M3 12h-1",
249
- children: /* @__PURE__ */ u("animate", {
258
+ children: /* @__PURE__ */ p("animate", {
250
259
  fill: "freeze",
251
260
  attributeName: "stroke-dashoffset",
252
261
  dur: "0.2s",
253
262
  values: "4;2"
254
263
  })
255
264
  }),
256
- /* @__PURE__ */ u("path", {
265
+ /* @__PURE__ */ p("path", {
257
266
  strokeDasharray: "2",
258
267
  strokeDashoffset: "4",
259
268
  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",
260
- children: /* @__PURE__ */ u("animate", {
269
+ children: /* @__PURE__ */ p("animate", {
261
270
  fill: "freeze",
262
271
  attributeName: "stroke-dashoffset",
263
272
  begin: "0.2s",
@@ -265,16 +274,16 @@ var ot = (e) => {
265
274
  values: "4;2"
266
275
  })
267
276
  }),
268
- /* @__PURE__ */ u("set", {
277
+ /* @__PURE__ */ p("set", {
269
278
  fill: "freeze",
270
279
  attributeName: "opacity",
271
280
  begin: "0.5s",
272
281
  to: "0"
273
282
  })
274
- ] }), /* @__PURE__ */ u("path", {
283
+ ] }), /* @__PURE__ */ p("path", {
275
284
  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",
276
285
  opacity: "0",
277
- children: /* @__PURE__ */ u("set", {
286
+ children: /* @__PURE__ */ p("set", {
278
287
  fill: "freeze",
279
288
  attributeName: "opacity",
280
289
  begin: "0.5s",
@@ -282,20 +291,20 @@ var ot = (e) => {
282
291
  })
283
292
  })]
284
293
  }),
285
- /* @__PURE__ */ d("mask", {
294
+ /* @__PURE__ */ m("mask", {
286
295
  id: "lineMdSunnyOutlineToMoonLoopTransition1",
287
296
  children: [
288
- /* @__PURE__ */ u("circle", {
297
+ /* @__PURE__ */ p("circle", {
289
298
  cx: "12",
290
299
  cy: "12",
291
300
  r: "12",
292
301
  fill: "#fff"
293
302
  }),
294
- /* @__PURE__ */ u("circle", {
303
+ /* @__PURE__ */ p("circle", {
295
304
  cx: "12",
296
305
  cy: "12",
297
306
  r: "4",
298
- children: /* @__PURE__ */ u("animate", {
307
+ children: /* @__PURE__ */ p("animate", {
299
308
  fill: "freeze",
300
309
  attributeName: "r",
301
310
  begin: "0.1s",
@@ -303,27 +312,27 @@ var ot = (e) => {
303
312
  values: "4;8"
304
313
  })
305
314
  }),
306
- /* @__PURE__ */ d("circle", {
315
+ /* @__PURE__ */ m("circle", {
307
316
  cx: "22",
308
317
  cy: "2",
309
318
  r: "3",
310
319
  fill: "#fff",
311
320
  children: [
312
- /* @__PURE__ */ u("animate", {
321
+ /* @__PURE__ */ p("animate", {
313
322
  fill: "freeze",
314
323
  attributeName: "cx",
315
324
  begin: "0.1s",
316
325
  dur: "0.4s",
317
326
  values: "22;18"
318
327
  }),
319
- /* @__PURE__ */ u("animate", {
328
+ /* @__PURE__ */ p("animate", {
320
329
  fill: "freeze",
321
330
  attributeName: "cy",
322
331
  begin: "0.1s",
323
332
  dur: "0.4s",
324
333
  values: "2;6"
325
334
  }),
326
- /* @__PURE__ */ u("animate", {
335
+ /* @__PURE__ */ p("animate", {
327
336
  fill: "freeze",
328
337
  attributeName: "r",
329
338
  begin: "0.1s",
@@ -332,26 +341,26 @@ var ot = (e) => {
332
341
  })
333
342
  ]
334
343
  }),
335
- /* @__PURE__ */ d("circle", {
344
+ /* @__PURE__ */ m("circle", {
336
345
  cx: "22",
337
346
  cy: "2",
338
347
  r: "1",
339
348
  children: [
340
- /* @__PURE__ */ u("animate", {
349
+ /* @__PURE__ */ p("animate", {
341
350
  fill: "freeze",
342
351
  attributeName: "cx",
343
352
  begin: "0.1s",
344
353
  dur: "0.4s",
345
354
  values: "22;18"
346
355
  }),
347
- /* @__PURE__ */ u("animate", {
356
+ /* @__PURE__ */ p("animate", {
348
357
  fill: "freeze",
349
358
  attributeName: "cy",
350
359
  begin: "0.1s",
351
360
  dur: "0.4s",
352
361
  values: "2;6"
353
362
  }),
354
- /* @__PURE__ */ u("animate", {
363
+ /* @__PURE__ */ p("animate", {
355
364
  fill: "freeze",
356
365
  attributeName: "r",
357
366
  begin: "0.1s",
@@ -362,19 +371,19 @@ var ot = (e) => {
362
371
  })
363
372
  ]
364
373
  }),
365
- /* @__PURE__ */ d("circle", {
374
+ /* @__PURE__ */ m("circle", {
366
375
  cx: "12",
367
376
  cy: "12",
368
377
  r: "6",
369
378
  mask: "url(#lineMdSunnyOutlineToMoonLoopTransition1)",
370
379
  fill: "currentColor",
371
- children: [/* @__PURE__ */ u("animate", {
380
+ children: [/* @__PURE__ */ p("animate", {
372
381
  fill: "freeze",
373
382
  attributeName: "r",
374
383
  begin: "0.1s",
375
384
  dur: "0.4s",
376
385
  values: "6;10"
377
- }), /* @__PURE__ */ u("set", {
386
+ }), /* @__PURE__ */ p("set", {
378
387
  fill: "freeze",
379
388
  attributeName: "opacity",
380
389
  begin: "0.5s",
@@ -382,33 +391,33 @@ var ot = (e) => {
382
391
  })]
383
392
  })
384
393
  ]
385
- }) : /* @__PURE__ */ d("svg", {
394
+ }) : /* @__PURE__ */ m("svg", {
386
395
  xmlns: "http://www.w3.org/2000/svg",
387
396
  width: t,
388
397
  height: t,
389
398
  viewBox: "0 0 24 24",
390
- className: nt.icon,
399
+ className: st.icon,
391
400
  style: n,
392
401
  onClick: i,
393
402
  children: [
394
- /* @__PURE__ */ d("g", {
403
+ /* @__PURE__ */ m("g", {
395
404
  fill: "none",
396
405
  stroke: "currentColor",
397
406
  strokeLinecap: "round",
398
407
  strokeLinejoin: "round",
399
408
  strokeWidth: "2",
400
409
  children: [
401
- /* @__PURE__ */ d("path", {
410
+ /* @__PURE__ */ m("path", {
402
411
  strokeDasharray: "2",
403
412
  strokeDashoffset: "2",
404
413
  d: "M12 19v1M19 12h1M12 5v-1M5 12h-1",
405
- children: [/* @__PURE__ */ u("animate", {
414
+ children: [/* @__PURE__ */ p("animate", {
406
415
  fill: "freeze",
407
416
  attributeName: "d",
408
417
  begin: "1.2s",
409
418
  dur: "0.2s",
410
419
  values: "M12 19v1M19 12h1M12 5v-1M5 12h-1;M12 21v1M21 12h1M12 3v-1M3 12h-1"
411
- }), /* @__PURE__ */ u("animate", {
420
+ }), /* @__PURE__ */ p("animate", {
412
421
  fill: "freeze",
413
422
  attributeName: "stroke-dashoffset",
414
423
  begin: "1.2s",
@@ -416,17 +425,17 @@ var ot = (e) => {
416
425
  values: "2;0"
417
426
  })]
418
427
  }),
419
- /* @__PURE__ */ d("path", {
428
+ /* @__PURE__ */ m("path", {
420
429
  strokeDasharray: "2",
421
430
  strokeDashoffset: "2",
422
431
  d: "M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5",
423
- children: [/* @__PURE__ */ u("animate", {
432
+ children: [/* @__PURE__ */ p("animate", {
424
433
  fill: "freeze",
425
434
  attributeName: "d",
426
435
  begin: "1.4s",
427
436
  dur: "0.2s",
428
437
  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"
429
- }), /* @__PURE__ */ u("animate", {
438
+ }), /* @__PURE__ */ p("animate", {
430
439
  fill: "freeze",
431
440
  attributeName: "stroke-dashoffset",
432
441
  begin: "1.4s",
@@ -434,7 +443,7 @@ var ot = (e) => {
434
443
  values: "2;0"
435
444
  })]
436
445
  }),
437
- /* @__PURE__ */ u("animateTransform", {
446
+ /* @__PURE__ */ p("animateTransform", {
438
447
  attributeName: "transform",
439
448
  dur: "30s",
440
449
  repeatCount: "indefinite",
@@ -443,19 +452,19 @@ var ot = (e) => {
443
452
  })
444
453
  ]
445
454
  }),
446
- /* @__PURE__ */ d("g", {
455
+ /* @__PURE__ */ m("g", {
447
456
  fill: "currentColor",
448
- children: [/* @__PURE__ */ u("path", {
457
+ children: [/* @__PURE__ */ p("path", {
449
458
  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",
450
- children: /* @__PURE__ */ u("animate", {
459
+ children: /* @__PURE__ */ p("animate", {
451
460
  fill: "freeze",
452
461
  attributeName: "fill-opacity",
453
462
  dur: "0.4s",
454
463
  values: "1;0"
455
464
  })
456
- }), /* @__PURE__ */ u("path", {
465
+ }), /* @__PURE__ */ p("path", {
457
466
  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",
458
- children: /* @__PURE__ */ u("animate", {
467
+ children: /* @__PURE__ */ p("animate", {
459
468
  fill: "freeze",
460
469
  attributeName: "fill-opacity",
461
470
  begin: "0.2s",
@@ -464,34 +473,34 @@ var ot = (e) => {
464
473
  })
465
474
  })]
466
475
  }),
467
- /* @__PURE__ */ u("path", {
476
+ /* @__PURE__ */ p("path", {
468
477
  fill: "none",
469
478
  stroke: "currentColor",
470
479
  strokeLinecap: "round",
471
480
  strokeLinejoin: "round",
472
481
  strokeWidth: "2",
473
482
  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",
474
- children: /* @__PURE__ */ u("set", {
483
+ children: /* @__PURE__ */ p("set", {
475
484
  fill: "freeze",
476
485
  attributeName: "opacity",
477
486
  begin: "0.6s",
478
487
  to: "0"
479
488
  })
480
489
  }),
481
- /* @__PURE__ */ d("mask", {
490
+ /* @__PURE__ */ m("mask", {
482
491
  id: "lineMdMoonToSunnyOutlineLoopTransition0",
483
492
  children: [
484
- /* @__PURE__ */ u("circle", {
493
+ /* @__PURE__ */ p("circle", {
485
494
  cx: "12",
486
495
  cy: "12",
487
496
  r: "12",
488
497
  fill: "#fff"
489
498
  }),
490
- /* @__PURE__ */ u("circle", {
499
+ /* @__PURE__ */ p("circle", {
491
500
  cx: "12",
492
501
  cy: "12",
493
502
  r: "8",
494
- children: /* @__PURE__ */ u("animate", {
503
+ children: /* @__PURE__ */ p("animate", {
495
504
  fill: "freeze",
496
505
  attributeName: "r",
497
506
  begin: "0.6s",
@@ -499,27 +508,27 @@ var ot = (e) => {
499
508
  values: "8;4"
500
509
  })
501
510
  }),
502
- /* @__PURE__ */ d("circle", {
511
+ /* @__PURE__ */ m("circle", {
503
512
  cx: "18",
504
513
  cy: "6",
505
514
  r: "12",
506
515
  fill: "#fff",
507
516
  children: [
508
- /* @__PURE__ */ u("animate", {
517
+ /* @__PURE__ */ p("animate", {
509
518
  fill: "freeze",
510
519
  attributeName: "cx",
511
520
  begin: "0.6s",
512
521
  dur: "0.4s",
513
522
  values: "18;22"
514
523
  }),
515
- /* @__PURE__ */ u("animate", {
524
+ /* @__PURE__ */ p("animate", {
516
525
  fill: "freeze",
517
526
  attributeName: "cy",
518
527
  begin: "0.6s",
519
528
  dur: "0.4s",
520
529
  values: "6;2"
521
530
  }),
522
- /* @__PURE__ */ u("animate", {
531
+ /* @__PURE__ */ p("animate", {
523
532
  fill: "freeze",
524
533
  attributeName: "r",
525
534
  begin: "0.6s",
@@ -528,26 +537,26 @@ var ot = (e) => {
528
537
  })
529
538
  ]
530
539
  }),
531
- /* @__PURE__ */ d("circle", {
540
+ /* @__PURE__ */ m("circle", {
532
541
  cx: "18",
533
542
  cy: "6",
534
543
  r: "10",
535
544
  children: [
536
- /* @__PURE__ */ u("animate", {
545
+ /* @__PURE__ */ p("animate", {
537
546
  fill: "freeze",
538
547
  attributeName: "cx",
539
548
  begin: "0.6s",
540
549
  dur: "0.4s",
541
550
  values: "18;22"
542
551
  }),
543
- /* @__PURE__ */ u("animate", {
552
+ /* @__PURE__ */ p("animate", {
544
553
  fill: "freeze",
545
554
  attributeName: "cy",
546
555
  begin: "0.6s",
547
556
  dur: "0.4s",
548
557
  values: "6;2"
549
558
  }),
550
- /* @__PURE__ */ u("animate", {
559
+ /* @__PURE__ */ p("animate", {
551
560
  fill: "freeze",
552
561
  attributeName: "r",
553
562
  begin: "0.6s",
@@ -558,20 +567,20 @@ var ot = (e) => {
558
567
  })
559
568
  ]
560
569
  }),
561
- /* @__PURE__ */ d("circle", {
570
+ /* @__PURE__ */ m("circle", {
562
571
  cx: "12",
563
572
  cy: "12",
564
573
  r: "10",
565
574
  mask: "url(#lineMdMoonToSunnyOutlineLoopTransition0)",
566
575
  opacity: "0",
567
576
  fill: "currentColor",
568
- children: [/* @__PURE__ */ u("animate", {
577
+ children: [/* @__PURE__ */ p("animate", {
569
578
  fill: "freeze",
570
579
  attributeName: "r",
571
580
  begin: "0.6s",
572
581
  dur: "0.4s",
573
582
  values: "10;6"
574
- }), /* @__PURE__ */ u("set", {
583
+ }), /* @__PURE__ */ p("set", {
575
584
  fill: "freeze",
576
585
  attributeName: "opacity",
577
586
  begin: "0.6s",
@@ -585,9 +594,9 @@ var ot = (e) => {
585
594
  loading: "_loading_kn879_49",
586
595
  normal: "_normal_kn879_55",
587
596
  pending: "_pending_kn879_64"
588
- }, st = (e) => {
597
+ }, ft = (e) => {
589
598
  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)";
590
- return /* @__PURE__ */ u("div", {
599
+ return /* @__PURE__ */ p("div", {
591
600
  className: [
592
601
  T.arrow,
593
602
  !n && !r ? T.normal : void 0,
@@ -600,66 +609,66 @@ var ot = (e) => {
600
609
  ...a
601
610
  }
602
611
  });
603
- }, E = {
612
+ }, pt = {
604
613
  wrapper: "_wrapper_1c6r3_1",
605
614
  favicon: "_favicon_1c6r3_24",
606
615
  text: "_text_1c6r3_29"
607
- }, ct = {
616
+ }, mt = {
608
617
  text: "_text_1nnze_1",
609
618
  link: "_link_1nnze_19"
610
- }, D = (e) => {
619
+ }, E = (e) => {
611
620
  let t = (e) => {
612
621
  let t = e.children;
613
- 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;
614
- }, n = ({ favicon: e, href: t, children: n }) => /* @__PURE__ */ d("a", {
615
- className: ct.link,
622
+ 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;
623
+ }, n = ({ favicon: e, href: t, children: n }) => /* @__PURE__ */ m("a", {
624
+ className: mt.link,
616
625
  href: t,
617
626
  target: "_blank",
618
627
  rel: "noopener noreferrer",
619
- children: [e && /* @__PURE__ */ u(S, { src: e }), n]
628
+ children: [e && /* @__PURE__ */ p(S, { src: e }), n]
620
629
  }), r = (e) => e.href ? n(e) : t(e);
621
- return /* @__PURE__ */ u("span", {
622
- className: ct.text,
630
+ return /* @__PURE__ */ p("span", {
631
+ className: mt.text,
623
632
  style: {
624
633
  "--elmethis-text-color-light": e.color,
625
634
  "--elmethis-text-color-dark": e.color,
626
635
  "--elmethis-text-background-color-light": e.backgroundColor,
627
636
  "--elmethis-text-background-color-dark": e.backgroundColor,
628
- color: e.color ?? (e.backgroundColor ? p(e.backgroundColor) > .5 ? "#3e434b" : "#eeeff1" : void 0),
637
+ color: e.color ?? (e.backgroundColor ? g(e.backgroundColor) > .5 ? "#3e434b" : "#eeeff1" : void 0),
629
638
  backgroundColor: e.backgroundColor,
630
639
  ...e.style
631
640
  },
632
641
  children: r(e)
633
642
  });
634
- }, lt = (e) => {
643
+ }, ht = (e) => {
635
644
  let { name: t, href: n, favicon: r, style: i } = e;
636
- return /* @__PURE__ */ d("a", {
637
- className: E.wrapper,
645
+ return /* @__PURE__ */ m("a", {
646
+ className: pt.wrapper,
638
647
  href: n,
639
648
  target: "_blank",
640
649
  rel: "noopener noreferrer",
641
650
  style: i,
642
- children: [r == null ? /* @__PURE__ */ u(C, {
643
- d: _e,
651
+ children: [r == null ? /* @__PURE__ */ p(C, {
652
+ d: be,
644
653
  size: "2.5rem",
645
654
  style: { opacity: .7 }
646
- }) : /* @__PURE__ */ u("img", {
647
- className: E.favicon,
655
+ }) : /* @__PURE__ */ p("img", {
656
+ className: pt.favicon,
648
657
  src: r,
649
658
  alt: `favicon of ${t ?? n}`
650
- }), /* @__PURE__ */ u("div", {
651
- className: E.text,
652
- children: /* @__PURE__ */ u(D, {
659
+ }), /* @__PURE__ */ p("div", {
660
+ className: pt.text,
661
+ children: /* @__PURE__ */ p(E, {
653
662
  size: ".6rem",
654
663
  children: t ?? n
655
664
  })
656
665
  })]
657
666
  });
658
- }, ut = {
667
+ }, gt = {
659
668
  cube: "_cube_1merk_1",
660
669
  "elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_1merk_1",
661
670
  face: "_face_1merk_8"
662
- }, dt = [
671
+ }, _t = [
663
672
  {
664
673
  name: "front",
665
674
  rotate: ""
@@ -684,298 +693,246 @@ var ot = (e) => {
684
693
  name: "bottom",
685
694
  rotate: "rotateX(-90deg)"
686
695
  }
687
- ], ft = (e) => {
688
- let { size: t = 128, style: n } = e, r = o(() => `translateZ(${t / 2}px)`, [t]);
689
- return /* @__PURE__ */ u("div", {
690
- className: ut.cube,
696
+ ], vt = (e) => {
697
+ let { size: t = 128, style: n } = e, r = l(() => `translateZ(${t / 2}px)`, [t]);
698
+ return /* @__PURE__ */ p("div", {
699
+ className: gt.cube,
691
700
  style: {
692
701
  width: `${t}px`,
693
702
  height: `${t}px`,
694
703
  ...n
695
704
  },
696
- children: dt.map((e) => /* @__PURE__ */ u("div", {
697
- className: ut.face,
705
+ children: _t.map((e) => /* @__PURE__ */ p("div", {
706
+ className: gt.face,
698
707
  style: { transform: `${e.rotate} ${r}` }
699
708
  }, e.name))
700
709
  });
701
- }, pt = { icon: "_icon_140bn_1" }, mt = (e) => {
702
- 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";
703
- return /* @__PURE__ */ u("div", {
704
- className: pt.icon,
710
+ }, yt = { icon: "_icon_140bn_1" }, bt = (e) => {
711
+ 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";
712
+ return /* @__PURE__ */ p("div", {
713
+ className: yt.icon,
705
714
  style: i,
706
- children: /* @__PURE__ */ u(C, {
715
+ children: /* @__PURE__ */ p(C, {
707
716
  d: a,
708
717
  color: o,
709
718
  size: t
710
719
  })
711
720
  });
712
- }, ht = { paragraph: "_paragraph_1tutj_1" }, gt = (e) => /* @__PURE__ */ u("p", {
713
- className: ht.paragraph,
721
+ }, xt = { paragraph: "_paragraph_ewdky_1" }, St = (e) => /* @__PURE__ */ p("p", {
722
+ className: xt.paragraph,
714
723
  style: {
715
724
  backgroundColor: e.backgroundColor,
716
725
  ...e.style
717
726
  },
718
727
  children: e.children
719
- }), O = {
720
- blockquote: "_blockquote_1p25j_1",
721
- cite: "_cite_1p25j_17",
722
- icon: "_icon_1p25j_38"
723
- }, _t = (e) => {
724
- let t = s(null), [n, r] = c(!1);
725
- return i(() => {
726
- let e = t.current;
727
- if (!e) return;
728
- let n = new IntersectionObserver(([e]) => {
729
- r(e.isIntersecting);
730
- });
731
- return n.observe(e), () => n.disconnect();
732
- }, []), /* @__PURE__ */ d("blockquote", {
733
- ref: t,
734
- className: O.blockquote,
735
- cite: e.cite,
736
- style: {
737
- "--opacity": +!!n,
738
- ...e.style
739
- },
740
- children: [
741
- e.children,
742
- e.cite && /* @__PURE__ */ u("cite", {
743
- className: O.cite,
744
- children: /* @__PURE__ */ u("a", {
745
- href: e.cite,
746
- target: "_blank",
747
- rel: "noopener noreferrer",
748
- children: e.cite
749
- })
750
- }),
751
- /* @__PURE__ */ u("svg", {
752
- className: O.icon,
753
- style: {
754
- top: "0.25rem",
755
- left: "0.25rem"
756
- },
757
- viewBox: "0 0 24 24",
758
- width: "1rem",
759
- height: "1rem",
760
- children: /* @__PURE__ */ u("path", { d: we })
761
- }),
762
- /* @__PURE__ */ u("svg", {
763
- className: O.icon,
764
- style: {
765
- bottom: "0.25rem",
766
- right: "0.25rem"
767
- },
768
- viewBox: "0 0 24 24",
769
- width: "1rem",
770
- height: "1rem",
771
- children: /* @__PURE__ */ u("path", { d: Ce })
728
+ }), D = {
729
+ blockquote: "_blockquote_x79j0_1",
730
+ cite: "_cite_x79j0_16",
731
+ icon: "_icon_x79j0_37"
732
+ }, Ct = (e) => /* @__PURE__ */ m("blockquote", {
733
+ ref: u(null),
734
+ className: D.blockquote,
735
+ cite: e.cite,
736
+ style: { ...e.style },
737
+ children: [
738
+ e.children,
739
+ e.cite && /* @__PURE__ */ p("cite", {
740
+ className: D.cite,
741
+ children: /* @__PURE__ */ p("a", {
742
+ href: e.cite,
743
+ target: "_blank",
744
+ rel: "noopener noreferrer",
745
+ children: e.cite
772
746
  })
773
- ]
774
- });
775
- }, vt = {
776
- callout: "_callout_n5scl_1",
777
- header: "_header_n5scl_27"
778
- }, yt = Object.freeze({
747
+ }),
748
+ /* @__PURE__ */ p("svg", {
749
+ className: D.icon,
750
+ style: {
751
+ top: "0.25rem",
752
+ left: "0.25rem"
753
+ },
754
+ viewBox: "0 0 24 24",
755
+ width: "1rem",
756
+ height: "1rem",
757
+ children: /* @__PURE__ */ p("path", { d: De })
758
+ }),
759
+ /* @__PURE__ */ p("svg", {
760
+ className: D.icon,
761
+ style: {
762
+ bottom: "0.25rem",
763
+ right: "0.25rem"
764
+ },
765
+ viewBox: "0 0 24 24",
766
+ width: "1rem",
767
+ height: "1rem",
768
+ children: /* @__PURE__ */ p("path", { d: Ee })
769
+ })
770
+ ]
771
+ }), wt = {
772
+ callout: "_callout_16oli_1",
773
+ header: "_header_16oli_24"
774
+ }, Tt = Object.freeze({
779
775
  note: {
780
776
  code: "#6987b8",
781
- icon: Ee
777
+ icon: ke
782
778
  },
783
779
  tip: {
784
780
  code: "#59b57c",
785
- icon: ke
781
+ icon: Me
786
782
  },
787
783
  important: {
788
784
  code: "#9771bd",
789
- icon: Ve
785
+ icon: We
790
786
  },
791
787
  warning: {
792
788
  code: "#b8a36e",
793
- icon: y
789
+ icon: ee
794
790
  },
795
791
  caution: {
796
792
  code: "#b36472",
797
- icon: x
793
+ icon: ne
798
794
  }
799
- }), bt = ({ type: e = "note", ...t }) => {
800
- let n = s(null), [r, a] = c(!1);
801
- i(() => {
802
- let e = n.current;
803
- if (!e) return;
804
- let t = new IntersectionObserver(([e]) => {
805
- a(e.isIntersecting);
806
- });
807
- return t.observe(e), () => t.disconnect();
808
- }, []);
809
- let o = yt[e];
810
- return /* @__PURE__ */ d("aside", {
811
- ref: n,
812
- className: vt.callout,
795
+ }), Et = ({ type: e = "note", ...t }) => {
796
+ let n = Tt[e];
797
+ return /* @__PURE__ */ m("aside", {
798
+ className: wt.callout,
813
799
  style: {
814
- "--border-color": o.code,
815
- "--bg-color": `color-mix(in srgb, ${o.code} 10%, transparent)`,
816
- "--scale": +!!r,
800
+ "--elmethis-scoped-border-color": n.code,
801
+ "--elmethis-scoped-background-color": `color-mix(in srgb, ${n.code} 10%, transparent)`,
817
802
  ...t.style
818
803
  },
819
- children: [/* @__PURE__ */ d("div", {
820
- className: vt.header,
821
- children: [/* @__PURE__ */ u(C, {
822
- d: o.icon,
804
+ children: [/* @__PURE__ */ m("div", {
805
+ className: wt.header,
806
+ children: [/* @__PURE__ */ p(C, {
807
+ d: n.icon,
823
808
  size: "1.25em",
824
- color: o.code
825
- }), /* @__PURE__ */ u(D, {
826
- color: o.code,
809
+ color: n.code
810
+ }), /* @__PURE__ */ p(E, {
811
+ color: n.code,
827
812
  children: e.toUpperCase()
828
813
  })]
829
- }), /* @__PURE__ */ u("div", { children: t.children })]
814
+ }), /* @__PURE__ */ p("div", { children: t.children })]
830
815
  });
831
- }, xt = { divider: "_divider_1jqyl_1" }, St = (e) => {
832
- let t = s(null), [n, r] = c(!1);
833
- return i(() => {
834
- let e = t.current;
835
- if (!e) return;
836
- let n = new IntersectionObserver(([e]) => {
837
- r(e.isIntersecting);
838
- });
839
- return n.observe(e), () => n.disconnect();
840
- }, []), /* @__PURE__ */ u("hr", {
841
- ref: t,
842
- className: xt.divider,
843
- style: {
844
- "--scale": +!!n,
845
- "--margin-block": e.margin,
846
- ...e.style
847
- }
848
- });
849
- }, Ct = { fragment: "_fragment_il7xb_1" }, wt = (e) => {
850
- let t = n((e) => {
816
+ }, Dt = { divider: "_divider_uq5jr_1" }, Ot = (e) => /* @__PURE__ */ p("hr", {
817
+ className: Dt.divider,
818
+ style: e.style
819
+ }), kt = { fragment: "_fragment_il7xb_1" }, At = (e) => {
820
+ let t = a((e) => {
851
821
  let t = new URL(window.location.href);
852
822
  t.hash = e, window.history.replaceState(null, "", t.toString()), document.getElementById(e)?.scrollIntoView({ behavior: "smooth" });
853
823
  }, []);
854
- return /* @__PURE__ */ u("span", {
855
- className: Ct.fragment,
824
+ return /* @__PURE__ */ p("span", {
825
+ className: kt.fragment,
856
826
  style: e.style,
857
827
  onClick: () => t(e.id),
858
828
  children: "#"
859
829
  });
860
- }, Tt = {
861
- "heading-common": "_heading-common_e13jl_1",
862
- h1: "_h1_e13jl_22",
863
- h2: "_h2_e13jl_57",
864
- h2__underline: "_h2__underline_e13jl_91",
865
- h3: "_h3_e13jl_110",
866
- h4: "_h4_e13jl_130",
867
- h5: "_h5_e13jl_134",
868
- h6: "_h6_e13jl_138",
869
- "heading-stretch": "_heading-stretch_e13jl_1"
870
- }, Et = Object.freeze({
830
+ }, jt = {
831
+ "heading-common": "_heading-common_1ytfd_1",
832
+ h1: "_h1_1ytfd_22",
833
+ h2: "_h2_1ytfd_57",
834
+ h2__underline: "_h2__underline_1ytfd_91",
835
+ h3: "_h3_1ytfd_110",
836
+ h4: "_h4_1ytfd_130",
837
+ h5: "_h5_1ytfd_134",
838
+ h6: "_h6_1ytfd_138",
839
+ "heading-stretch": "_heading-stretch_1ytfd_1"
840
+ }, Mt = Object.freeze({
871
841
  1: 1.5,
872
842
  2: 1.4,
873
843
  3: 1.3,
874
844
  4: 1.2,
875
845
  5: 1.15,
876
846
  6: 1.1
877
- }), Dt = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), Ot = ({ level: e = 1, disableFragmentIdentifier: t = !1, ...n }) => {
878
- let r = s(null), [a, o] = c(!1);
879
- i(() => {
847
+ }), Nt = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), O = ({ level: e = 1, disableFragmentIdentifier: t = !1, ...n }) => {
848
+ let r = u(null), [i, a] = d(!1);
849
+ s(() => {
880
850
  let e = r.current;
881
851
  if (!e) return;
882
852
  let t = new IntersectionObserver(([e]) => {
883
- o(e.isIntersecting);
853
+ a(e.isIntersecting);
884
854
  });
885
855
  return t.observe(e), () => t.disconnect();
886
856
  }, []);
887
- let l = `h${e}`, f = n.id ?? (n.text ? Dt(n.text) : void 0);
888
- return /* @__PURE__ */ d(l, {
857
+ let o = `h${e}`, c = n.id ?? (n.text ? Nt(n.text) : void 0);
858
+ return /* @__PURE__ */ m(o, {
889
859
  ref: r,
890
- className: [Tt["heading-common"], Tt[`h${e}`]].filter(Boolean).join(" "),
891
- id: f,
860
+ className: [jt["heading-common"], jt[`h${e}`]].filter(Boolean).join(" "),
861
+ id: c,
892
862
  style: {
893
- "--font-size": n.size ?? `${Et[e]}rem`,
894
- "--scale": +!!a,
895
- "--opacity": +!!a,
863
+ "--font-size": n.size ?? `${Mt[e]}rem`,
864
+ "--scale": +!!i,
865
+ "--opacity": +!!i,
896
866
  ...n.style
897
867
  },
898
868
  children: [
899
- n.text && /* @__PURE__ */ u("span", { children: n.text }),
869
+ n.text && /* @__PURE__ */ p("span", { children: n.text }),
900
870
  n.children,
901
- !t && f && /* @__PURE__ */ u(wt, { id: f }),
902
- e === 2 && /* @__PURE__ */ u("span", {
903
- className: Tt.h2__underline,
871
+ !t && c && /* @__PURE__ */ p(At, { id: c }),
872
+ e === 2 && /* @__PURE__ */ p("span", {
873
+ className: jt.h2__underline,
904
874
  "aria-hidden": "true"
905
875
  })
906
876
  ]
907
877
  });
908
- }, k = {
909
- "elmethis-list-common": "_elmethis-list-common_1p5gw_1",
910
- "elmethis-bulleted-list": "_elmethis-bulleted-list_1p5gw_9",
911
- "elmethis-numbered-list": "_elmethis-numbered-list_1p5gw_27"
912
- }, kt = ({ listStyle: e = "unordered", ...t }) => {
913
- let n = s(null), [r, a] = c(!1);
914
- i(() => {
915
- let e = n.current;
916
- if (!e) return;
917
- let t = new IntersectionObserver(([e]) => {
918
- a(e.isIntersecting);
919
- });
920
- return t.observe(e), () => t.disconnect();
921
- }, []);
922
- let o = [k["elmethis-list-common"], e === "unordered" ? k["elmethis-bulleted-list"] : k["elmethis-numbered-list"]].join(" "), l = {
923
- "--opacity": +!!r,
924
- ...t.style
925
- };
926
- return u(e === "ordered" ? "ol" : "ul", {
927
- ref: n,
928
- className: o,
929
- style: l,
878
+ }, Pt = {
879
+ "elmethis-list-common": "_elmethis-list-common_1qwri_1",
880
+ "elmethis-bulleted-list": "_elmethis-bulleted-list_1qwri_7",
881
+ "elmethis-numbered-list": "_elmethis-numbered-list_1qwri_25"
882
+ }, Ft = ({ listStyle: e = "unordered", ...t }) => {
883
+ let n = [Pt["elmethis-list-common"], e === "unordered" ? Pt["elmethis-bulleted-list"] : Pt["elmethis-numbered-list"]].join(" ");
884
+ return p(e === "ordered" ? "ol" : "ul", {
885
+ className: n,
886
+ style: t.style,
930
887
  children: t.children
931
888
  });
932
- }, At = {
889
+ }, It = {
933
890
  text: "_text_zrzts_1",
934
891
  cursor: "_cursor_zrzts_30",
935
892
  blink: "_blink_zrzts_1"
936
- }, A = (e) => new Promise((t) => {
893
+ }, k = (e) => new Promise((t) => {
937
894
  setTimeout(t, e);
938
- }), jt = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
939
- let [a, o] = c(""), l = s(!1);
940
- return i(() => (l.current = !1, (async () => {
941
- for (; !l.current;) for (let n of e) {
895
+ }), Lt = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
896
+ let [i, a] = d(""), o = u(!1);
897
+ return s(() => (o.current = !1, (async () => {
898
+ for (; !o.current;) for (let n of e) {
942
899
  for (let e = 0; e < n.length; e++) {
943
- if (l.current || (await A(75), l.current)) return;
944
- o(n.slice(0, e + 1));
900
+ if (o.current || (await k(75), o.current)) return;
901
+ a(n.slice(0, e + 1));
945
902
  }
946
- if (await A(t), l.current) return;
947
- for (let e = n.length; e >= 0; e--) if (l.current || (o(n.slice(0, e)), await A(25), l.current)) return;
948
- if (await A(200), l.current) return;
903
+ if (await k(t), o.current) return;
904
+ for (let e = n.length; e >= 0; e--) if (o.current || (a(n.slice(0, e)), await k(25), o.current)) return;
905
+ if (await k(200), o.current) return;
949
906
  }
950
907
  })(), () => {
951
- l.current = !0;
952
- }), [e, t]), /* @__PURE__ */ d("span", {
953
- className: At.text,
908
+ o.current = !0;
909
+ }), [e, t]), /* @__PURE__ */ m("span", {
910
+ className: It.text,
954
911
  style: {
955
912
  fontSize: n,
956
913
  ...r.style
957
914
  },
958
- children: [a, /* @__PURE__ */ u("span", {
959
- className: At.cursor,
915
+ children: [i, /* @__PURE__ */ p("span", {
916
+ className: It.cursor,
960
917
  children: "\xA0"
961
918
  })]
962
919
  });
963
- }, Mt = { "elm-template": "_elm-template_18rwn_1" }, Nt = (e) => /* @__PURE__ */ u("div", {
964
- className: Mt["elm-template"],
920
+ }, Rt = { "elm-template": "_elm-template_18rwn_1" }, zt = (e) => /* @__PURE__ */ p("div", {
921
+ className: Rt["elm-template"],
965
922
  style: e.style,
966
923
  children: "PLACEHOLDER"
967
- }), j = {
924
+ }), A = {
968
925
  progress: "_progress_e6hmw_1",
969
926
  container: "_container_e6hmw_27",
970
927
  value: "_value_e6hmw_41",
971
928
  loading: "_loading_e6hmw_56",
972
929
  buffer: "_buffer_e6hmw_72"
973
- }, 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", {
974
- className: j.progress,
930
+ }, 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", {
931
+ className: A.progress,
975
932
  value: e,
976
933
  max: n
977
- }), /* @__PURE__ */ d("div", {
978
- className: j.container,
934
+ }), /* @__PURE__ */ m("div", {
935
+ className: A.container,
979
936
  style: {
980
937
  "--weight": r,
981
938
  "--border-radius": i ? "calc(var(--weight) / 2)" : void 0,
@@ -983,21 +940,21 @@ var ot = (e) => {
983
940
  ...s
984
941
  },
985
942
  children: [
986
- /* @__PURE__ */ u("div", {
987
- className: j.value,
943
+ /* @__PURE__ */ p("div", {
944
+ className: A.value,
988
945
  style: { "--scale-x": `scaleX(${o ? 0 : e / n})` }
989
946
  }),
990
- o && /* @__PURE__ */ u("div", { className: j.loading }),
991
- /* @__PURE__ */ u("div", {
992
- className: j.buffer,
947
+ o && /* @__PURE__ */ p("div", { className: A.loading }),
948
+ /* @__PURE__ */ p("div", {
949
+ className: A.buffer,
993
950
  style: { "--scale-x": `scaleX(${o ? 0 : t == null ? e / n : t / n})` }
994
951
  })
995
952
  ]
996
- })] }), Ft = {
953
+ })] }), Vt = {
997
954
  container: "_container_13d02_1",
998
955
  bar: "_bar_13d02_15"
999
- }, It = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
1000
- let i = o(() => {
956
+ }, Ht = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
957
+ let i = l(() => {
1001
958
  let t = e.reduce((e, t) => e + t.value, 0), n = e.map((e) => e.value / t * 100);
1002
959
  return e.map((e, t) => ({
1003
960
  ...e,
@@ -1005,195 +962,191 @@ var ot = (e) => {
1005
962
  start: n.slice(0, t).reduce((e, t) => e + t, 0)
1006
963
  }));
1007
964
  }, [e]);
1008
- return /* @__PURE__ */ u("div", {
1009
- className: Ft.container,
965
+ return /* @__PURE__ */ p("div", {
966
+ className: Vt.container,
1010
967
  style: {
1011
968
  "--weight": t,
1012
969
  "--border-radius": n ? "calc(var(--weight) / 2)" : void 0,
1013
970
  ...r
1014
971
  },
1015
- children: i.map((e, t) => /* @__PURE__ */ u("div", {
1016
- className: Ft.bar,
972
+ children: i.map((e, t) => /* @__PURE__ */ p("div", {
973
+ className: Vt.bar,
1017
974
  style: {
1018
975
  "--transform": `translateX(${e.start}%) scaleX(${e.scale})`,
1019
976
  "--color": e.color
1020
977
  }
1021
978
  }, t))
1022
979
  });
1023
- }, Lt = { wrapper: "_wrapper_17chp_1" }, Rt = Object.freeze({
980
+ }, Ut = { wrapper: "_wrapper_17chp_1" }, Wt = Object.freeze({
1024
981
  pending: {
1025
982
  color: "#6987b8",
1026
- icon: Be
983
+ icon: Ue
1027
984
  },
1028
985
  error: {
1029
986
  color: "#c56565",
1030
- icon: b
987
+ icon: te
1031
988
  },
1032
989
  warning: {
1033
990
  color: "#cdb57b",
1034
- icon: y
991
+ icon: ee
1035
992
  },
1036
993
  success: {
1037
994
  color: "#59b57c",
1038
- icon: ce
995
+ icon: de
1039
996
  }
1040
- }), zt = ({ status: e, message: t, style: n }) => {
1041
- let { color: r, icon: i } = Rt[e];
1042
- return /* @__PURE__ */ d("div", {
1043
- className: Lt.wrapper,
997
+ }), Gt = ({ status: e, message: t, style: n }) => {
998
+ let { color: r, icon: i } = Wt[e];
999
+ return /* @__PURE__ */ m("div", {
1000
+ className: Ut.wrapper,
1044
1001
  style: n,
1045
- children: [/* @__PURE__ */ u(C, {
1002
+ children: [/* @__PURE__ */ p(C, {
1046
1003
  d: i,
1047
1004
  color: r,
1048
1005
  size: "1em"
1049
- }), /* @__PURE__ */ u(D, {
1006
+ }), /* @__PURE__ */ p(E, {
1050
1007
  color: r,
1051
1008
  children: t
1052
1009
  })]
1053
1010
  });
1054
- }, M = {
1055
- wrapper: "_wrapper_1qzya_1",
1056
- error: "_error_1qzya_9",
1057
- "image-frame": "_image-frame_1qzya_21",
1058
- fallback: "_fallback_1qzya_29",
1059
- pulse: "_pulse_1qzya_1",
1060
- "image-inline": "_image-inline_1qzya_56",
1061
- "image-block": "_image-block_1qzya_67",
1062
- "alt-container": "_alt-container_1qzya_79",
1063
- "alt-text": "_alt-text_1qzya_90",
1064
- modal: "_modal_1qzya_94",
1065
- "modal-image": "_modal-image_1qzya_108"
1066
- }, Bt = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, margin: a, width: o, height: l, style: f }) => {
1067
- let [p, m] = c(!0), [h, g] = c(!1), [_, v] = c(!1), y = s(null);
1068
- return i(() => {
1011
+ }, j = {
1012
+ wrapper: "_wrapper_gcui5_1",
1013
+ error: "_error_gcui5_9",
1014
+ "image-frame": "_image-frame_gcui5_21",
1015
+ fallback: "_fallback_gcui5_29",
1016
+ pulse: "_pulse_gcui5_1",
1017
+ "image-inline": "_image-inline_gcui5_56",
1018
+ "image-block": "_image-block_gcui5_67",
1019
+ "alt-container": "_alt-container_gcui5_79",
1020
+ "alt-text": "_alt-text_gcui5_90",
1021
+ modal: "_modal_gcui5_94",
1022
+ "modal-image": "_modal-image_gcui5_108"
1023
+ }, M = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, width: i, height: a, style: o }) => {
1024
+ let [c, l] = d(!0), [f, h] = d(!1), [g, _] = d(!1), v = u(null);
1025
+ return s(() => {
1069
1026
  let t = new Image();
1070
1027
  t.src = e, t.onload = () => {
1071
- m(!1), g(!1);
1028
+ l(!1), h(!1);
1072
1029
  }, t.onerror = () => {
1073
- m(!1), g(!0);
1030
+ l(!1), h(!0);
1074
1031
  };
1075
- }, [e]), i(() => {
1032
+ }, [e]), s(() => {
1076
1033
  let e = (e) => {
1077
- e.key === "Escape" && (e.preventDefault(), v(!1));
1034
+ e.key === "Escape" && (e.preventDefault(), _(!1));
1078
1035
  };
1079
1036
  return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
1080
- }, []), /* @__PURE__ */ d("div", {
1081
- className: M.wrapper,
1082
- ref: y,
1083
- style: f,
1037
+ }, []), /* @__PURE__ */ m("div", {
1038
+ className: j.wrapper,
1039
+ ref: v,
1040
+ style: o,
1084
1041
  children: [
1085
- h && /* @__PURE__ */ u("div", {
1086
- className: M.error,
1087
- children: /* @__PURE__ */ u(D, {
1042
+ f && /* @__PURE__ */ p("div", {
1043
+ className: j.error,
1044
+ children: /* @__PURE__ */ p(E, {
1088
1045
  color: "#c56565",
1089
1046
  size: "1.5rem",
1090
1047
  children: "Error loading image"
1091
1048
  })
1092
1049
  }),
1093
- /* @__PURE__ */ d("div", {
1094
- className: M["image-frame"],
1095
- style: { "--margin-block": a },
1096
- children: [p && /* @__PURE__ */ u("div", {
1097
- className: M.fallback,
1050
+ /* @__PURE__ */ m("div", {
1051
+ className: j["image-frame"],
1052
+ style: o,
1053
+ children: [c && /* @__PURE__ */ p("div", {
1054
+ className: j.fallback,
1098
1055
  style: {
1099
- aspectRatio: o && l ? `${o} / ${l}` : "1200 / 630",
1100
- width: o ? `${o}px` : void 0,
1101
- height: l ? `${l}px` : void 0
1056
+ aspectRatio: i && a ? `${i} / ${a}` : "1200 / 630",
1057
+ width: i ? `${i}px` : void 0,
1058
+ height: a ? `${a}px` : void 0
1102
1059
  }
1103
- }), /* @__PURE__ */ u("img", {
1104
- className: n ? M["image-block"] : M["image-inline"],
1060
+ }), /* @__PURE__ */ p("img", {
1061
+ className: n ? j["image-block"] : j["image-inline"],
1105
1062
  src: e,
1106
1063
  alt: t,
1107
- width: o,
1108
- height: l,
1064
+ width: i,
1065
+ height: a,
1109
1066
  onClick: () => {
1110
- r && v(!0);
1067
+ r && _(!0);
1111
1068
  },
1112
1069
  style: {
1113
- "--margin-block": a,
1114
- "--width": o ? `${o}px` : void 0,
1115
- "--height": l ? `${l}px` : void 0,
1070
+ "--width": i ? `${i}px` : void 0,
1071
+ "--height": a ? `${a}px` : void 0,
1116
1072
  cursor: r ? "zoom-in" : void 0,
1117
- opacity: +(!p && !h),
1118
- pointerEvents: !p && !h ? void 0 : "none"
1073
+ opacity: +(!c && !f),
1074
+ pointerEvents: !c && !f ? void 0 : "none"
1119
1075
  }
1120
1076
  })]
1121
1077
  }),
1122
- n && !p && t != null && t.trim() !== "" && /* @__PURE__ */ d("div", {
1123
- className: M["alt-container"],
1124
- children: [/* @__PURE__ */ u(C, {
1125
- d: Le,
1078
+ n && !c && t != null && t.trim() !== "" && /* @__PURE__ */ m("div", {
1079
+ className: j["alt-container"],
1080
+ children: [/* @__PURE__ */ p(C, {
1081
+ d: Be,
1126
1082
  color: "#b69545",
1127
1083
  style: { flexShrink: 0 }
1128
- }), /* @__PURE__ */ u("div", {
1129
- className: M["alt-text"],
1130
- children: /* @__PURE__ */ u(D, {
1084
+ }), /* @__PURE__ */ p("div", {
1085
+ className: j["alt-text"],
1086
+ children: /* @__PURE__ */ p(E, {
1131
1087
  size: "0.8rem",
1132
1088
  children: t
1133
1089
  })
1134
1090
  })]
1135
1091
  }),
1136
- _ && /* @__PURE__ */ u("div", {
1137
- className: M.modal,
1138
- onClick: () => v(!1),
1139
- children: /* @__PURE__ */ u("img", {
1140
- className: M["modal-image"],
1092
+ g && /* @__PURE__ */ p("div", {
1093
+ className: j.modal,
1094
+ onClick: () => _(!1),
1095
+ children: /* @__PURE__ */ p("img", {
1096
+ className: j["modal-image"],
1141
1097
  src: e,
1142
1098
  alt: t,
1143
- width: o,
1144
- height: l
1099
+ width: i,
1100
+ height: a
1145
1101
  })
1146
1102
  })
1147
1103
  ]
1148
1104
  });
1149
1105
  }, N = {
1150
- file: "_file_1fmcz_1",
1151
- "left-container": "_left-container_1fmcz_19",
1152
- "right-container": "_right-container_1fmcz_26",
1153
- "download-icon": "_download-icon_1fmcz_33"
1106
+ file: "_file_sk4pw_1",
1107
+ "left-container": "_left-container_sk4pw_19",
1108
+ "right-container": "_right-container_sk4pw_26",
1109
+ "download-icon": "_download-icon_sk4pw_33"
1154
1110
  };
1155
1111
  //#endregion
1156
1112
  //#region src/components/media/ElmFile.tsx
1157
- function Vt(e) {
1113
+ function Kt(e) {
1158
1114
  let t = e.split(/[?#]/)[0].split("/").filter(Boolean);
1159
1115
  return t.length > 0 ? t[t.length - 1] : null;
1160
1116
  }
1161
- var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1162
- let o = n(async () => {
1117
+ var qt = ({ name: e, src: t, filesize: n, style: r }) => {
1118
+ let i = a(async () => {
1163
1119
  let n;
1164
1120
  try {
1165
1121
  let r = await fetch(t);
1166
1122
  if (!r.ok) throw Error("Failed to download file");
1167
1123
  let i = await r.blob();
1168
- n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? Vt(t) ?? "file", n.click();
1124
+ n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? Kt(t) ?? "file", n.click();
1169
1125
  } catch (e) {
1170
1126
  console.error("ERROR:", e);
1171
1127
  } finally {
1172
1128
  n && URL.revokeObjectURL(n.href);
1173
1129
  }
1174
- }, [t, e]), s = e ?? Vt(t) ?? "unknown file";
1175
- return /* @__PURE__ */ d("div", {
1130
+ }, [t, e]), o = e ?? Kt(t) ?? "unknown file";
1131
+ return /* @__PURE__ */ m("div", {
1176
1132
  className: N.file,
1177
- style: {
1178
- "--margin-block": i,
1179
- ...a
1180
- },
1181
- children: [/* @__PURE__ */ d("div", {
1133
+ style: r,
1134
+ children: [/* @__PURE__ */ m("div", {
1182
1135
  className: N["left-container"],
1183
- children: [/* @__PURE__ */ u(C, {
1184
- d: xe,
1136
+ children: [/* @__PURE__ */ p(C, {
1137
+ d: we,
1185
1138
  size: "1.25em"
1186
- }), /* @__PURE__ */ u(D, { children: s })]
1187
- }), /* @__PURE__ */ d("div", {
1139
+ }), /* @__PURE__ */ p(E, { children: o })]
1140
+ }), /* @__PURE__ */ m("div", {
1188
1141
  className: N["right-container"],
1189
- children: [r && /* @__PURE__ */ u("span", {
1142
+ children: [n && /* @__PURE__ */ p("span", {
1190
1143
  style: { opacity: .6 },
1191
- children: /* @__PURE__ */ u(D, { children: r })
1192
- }), /* @__PURE__ */ u("div", {
1144
+ children: /* @__PURE__ */ p(E, { children: n })
1145
+ }), /* @__PURE__ */ p("div", {
1193
1146
  className: N["download-icon"],
1194
- onClick: o,
1195
- children: /* @__PURE__ */ u(C, {
1196
- d: ge,
1147
+ onClick: i,
1148
+ children: /* @__PURE__ */ p(C, {
1149
+ d: ye,
1197
1150
  size: "1.25em"
1198
1151
  })
1199
1152
  })]
@@ -1208,70 +1161,67 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1208
1161
  date: "_date_1hx4v_81",
1209
1162
  link: "_link_1hx4v_90",
1210
1163
  favicon: "_favicon_1hx4v_100"
1211
- }, 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 }) => {
1212
- let [g, _] = c(!1), v = (e) => {
1213
- f && (e.preventDefault(), f());
1214
- }, y = r != null && r.length > 100 ? r.slice(0, 100) + "..." : r;
1215
- return /* @__PURE__ */ u("div", {
1164
+ }, 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 }) => {
1165
+ let [h, g] = d(!1), _ = (e) => {
1166
+ c && (e.preventDefault(), c());
1167
+ }, v = r != null && r.length > 100 ? r.slice(0, 100) + "..." : r;
1168
+ return /* @__PURE__ */ p("div", {
1216
1169
  className: P.parent,
1217
- style: {
1218
- "--margin-block": p,
1219
- ...h
1220
- },
1221
- children: /* @__PURE__ */ d("a", {
1170
+ style: u,
1171
+ children: /* @__PURE__ */ m("a", {
1222
1172
  className: P.bookmark,
1223
1173
  href: a,
1224
1174
  target: t ? "_blank" : void 0,
1225
1175
  rel: "noopener noreferrer",
1226
- onClick: v,
1227
- children: [i != null && !g && /* @__PURE__ */ u("div", {
1176
+ onClick: _,
1177
+ children: [i != null && !h && /* @__PURE__ */ p("div", {
1228
1178
  className: P.image,
1229
- children: /* @__PURE__ */ u("img", {
1179
+ children: /* @__PURE__ */ p("img", {
1230
1180
  src: i,
1231
1181
  alt: "OGP Image",
1232
- onError: () => _(!0),
1182
+ onError: () => g(!0),
1233
1183
  style: {
1234
1184
  width: "100%",
1235
1185
  height: "100%",
1236
1186
  objectFit: "cover"
1237
1187
  }
1238
1188
  })
1239
- }), /* @__PURE__ */ d("div", {
1189
+ }), /* @__PURE__ */ m("div", {
1240
1190
  className: P.typography,
1241
1191
  children: [
1242
- /* @__PURE__ */ u("div", {
1192
+ /* @__PURE__ */ p("div", {
1243
1193
  className: P.title,
1244
- children: /* @__PURE__ */ u(D, {
1194
+ children: /* @__PURE__ */ p(E, {
1245
1195
  bold: !0,
1246
1196
  children: n ?? "No title provided"
1247
1197
  })
1248
1198
  }),
1249
- /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(D, {
1199
+ /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(E, {
1250
1200
  size: "0.8rem",
1251
- children: /* @__PURE__ */ u("span", {
1201
+ children: /* @__PURE__ */ p("span", {
1252
1202
  style: { opacity: .6 },
1253
- children: y
1203
+ children: v
1254
1204
  })
1255
1205
  }) }),
1256
- (o != null || s != null) && /* @__PURE__ */ d("div", {
1206
+ (o != null || s != null) && /* @__PURE__ */ m("div", {
1257
1207
  className: P.date,
1258
- children: [o != null && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(C, {
1259
- d: ae,
1208
+ children: [o != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(C, {
1209
+ d: ce,
1260
1210
  size: "1em"
1261
- }), /* @__PURE__ */ u(D, {
1211
+ }), /* @__PURE__ */ p(E, {
1262
1212
  size: "0.8rem",
1263
1213
  children: o
1264
- })] }), s != null && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(C, {
1265
- d: oe,
1214
+ })] }), s != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(C, {
1215
+ d: le,
1266
1216
  size: "1em"
1267
- }), /* @__PURE__ */ u(D, {
1217
+ }), /* @__PURE__ */ p(E, {
1268
1218
  size: "0.8rem",
1269
1219
  children: s
1270
1220
  })] })]
1271
1221
  }),
1272
- !e && a != null && /* @__PURE__ */ d("div", {
1222
+ !e && a != null && /* @__PURE__ */ m("div", {
1273
1223
  className: P.link,
1274
- children: [m && /* @__PURE__ */ u(S, { src: m }), /* @__PURE__ */ u(D, {
1224
+ children: [l && /* @__PURE__ */ p(S, { src: l }), /* @__PURE__ */ p(E, {
1275
1225
  size: "0.8rem",
1276
1226
  color: "#6987b8",
1277
1227
  children: a
@@ -1285,42 +1235,42 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1285
1235
  container: "_container_1r6mu_1",
1286
1236
  "link-container": "_link-container_1r6mu_10",
1287
1237
  text: "_text_1r6mu_36"
1288
- }, Wt = ({ links: t, style: n }) => {
1289
- let r = s(null), [a, o] = c(!1);
1290
- return i(() => {
1238
+ }, Yt = ({ links: e, style: n }) => {
1239
+ let r = u(null), [i, a] = d(!1);
1240
+ return s(() => {
1291
1241
  let e = r.current;
1292
1242
  if (!e) return;
1293
1243
  let t = new IntersectionObserver(([e]) => {
1294
- o(e.isIntersecting);
1244
+ a(e.isIntersecting);
1295
1245
  });
1296
1246
  return t.observe(e), () => t.disconnect();
1297
- }, []), /* @__PURE__ */ u("nav", {
1247
+ }, []), /* @__PURE__ */ p("nav", {
1298
1248
  className: F.container,
1299
1249
  ref: r,
1300
1250
  style: {
1301
- "--opacity": +!!a,
1251
+ "--opacity": +!!i,
1302
1252
  ...n
1303
1253
  },
1304
- children: t.map((n, r) => /* @__PURE__ */ d(e.Fragment, { children: [/* @__PURE__ */ d("div", {
1254
+ children: e.map((n, r) => /* @__PURE__ */ m(t.Fragment, { children: [/* @__PURE__ */ m("div", {
1305
1255
  className: F["link-container"],
1306
1256
  onClick: n.onClick,
1307
- children: [/* @__PURE__ */ u("span", {
1257
+ children: [/* @__PURE__ */ p("span", {
1308
1258
  className: F.text,
1309
1259
  style: { "--delay": `${r * 100}ms` },
1310
- children: /* @__PURE__ */ u(C, {
1311
- d: r === 0 ? Te : r === t.length - 1 ? ee : Se,
1260
+ children: /* @__PURE__ */ p(C, {
1261
+ d: r === 0 ? Oe : r === e.length - 1 ? re : Te,
1312
1262
  size: "1.25em"
1313
1263
  })
1314
- }), /* @__PURE__ */ u("span", {
1264
+ }), /* @__PURE__ */ p("span", {
1315
1265
  className: F.text,
1316
1266
  style: { "--delay": `${r * 100 + 50}ms` },
1317
- children: /* @__PURE__ */ u(D, { children: n.text })
1267
+ children: /* @__PURE__ */ p(E, { children: n.text })
1318
1268
  })]
1319
- }), t.length !== r + 1 && /* @__PURE__ */ u("span", {
1269
+ }), e.length !== r + 1 && /* @__PURE__ */ p("span", {
1320
1270
  className: F.text,
1321
1271
  style: { "--delay": `${r * 100 + 100}ms` },
1322
- children: /* @__PURE__ */ u(C, {
1323
- d: ue,
1272
+ children: /* @__PURE__ */ p(C, {
1273
+ d: pe,
1324
1274
  size: "1em",
1325
1275
  color: "#b69545"
1326
1276
  })
@@ -1332,21 +1282,21 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1332
1282
  partial: "_partial_1tlqa_63",
1333
1283
  move: "_move_1tlqa_1",
1334
1284
  text: "_text_1tlqa_104"
1335
- }, Gt = ({ position: e = "right", style: t }) => {
1336
- let [n, r] = c(!1);
1337
- i(() => {
1285
+ }, Xt = ({ position: e = "right", style: t }) => {
1286
+ let [n, r] = d(!1);
1287
+ s(() => {
1338
1288
  let e = () => {
1339
1289
  r(window.scrollY > 100);
1340
1290
  };
1341
1291
  return window.addEventListener("scroll", e, { passive: !0 }), e(), () => window.removeEventListener("scroll", e);
1342
1292
  }, []);
1343
- let a = () => {
1293
+ let i = () => {
1344
1294
  window.scrollTo({
1345
1295
  top: 0,
1346
1296
  behavior: "smooth"
1347
1297
  });
1348
1298
  };
1349
- return /* @__PURE__ */ d("nav", {
1299
+ return /* @__PURE__ */ m("nav", {
1350
1300
  className: `${I.wrapper} ${n ? I["wrapper--visible"] : ""}`,
1351
1301
  style: {
1352
1302
  "--size": "64px",
@@ -1354,79 +1304,79 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1354
1304
  right: e === "right" ? "0" : "auto",
1355
1305
  ...t
1356
1306
  },
1357
- onClick: a,
1307
+ onClick: i,
1358
1308
  children: [
1359
- /* @__PURE__ */ u("div", {
1309
+ /* @__PURE__ */ p("div", {
1360
1310
  "aria-hidden": "true",
1361
1311
  className: I.partial
1362
1312
  }),
1363
- /* @__PURE__ */ u("div", {
1313
+ /* @__PURE__ */ p("div", {
1364
1314
  "aria-hidden": "true",
1365
1315
  className: I.partial
1366
1316
  }),
1367
- /* @__PURE__ */ u("div", {
1317
+ /* @__PURE__ */ p("div", {
1368
1318
  "aria-hidden": "true",
1369
1319
  className: I.partial
1370
1320
  }),
1371
- /* @__PURE__ */ u("span", {
1321
+ /* @__PURE__ */ p("span", {
1372
1322
  className: I.text,
1373
1323
  children: "Back to Top"
1374
1324
  })
1375
1325
  ]
1376
1326
  });
1377
- }, Kt = {
1327
+ }, Zt = {
1378
1328
  toc: "_toc_eubcy_1",
1379
1329
  link: "_link_eubcy_15"
1380
- }, qt = ({ headings: e, style: t }) => /* @__PURE__ */ u("nav", {
1381
- className: Kt.toc,
1330
+ }, Qt = ({ headings: e, style: t }) => /* @__PURE__ */ p("nav", {
1331
+ className: Zt.toc,
1382
1332
  style: t,
1383
- children: e.map((e, t) => /* @__PURE__ */ d("a", {
1384
- className: Kt.link,
1333
+ children: e.map((e, t) => /* @__PURE__ */ m("a", {
1334
+ className: Zt.link,
1385
1335
  href: `#${e.id ?? e.text}`,
1386
1336
  style: { "--padding-left": `${e.level * .5}rem` },
1387
1337
  children: [
1388
- /* @__PURE__ */ u("sup", { children: /* @__PURE__ */ u(D, {
1338
+ /* @__PURE__ */ p("sup", { children: /* @__PURE__ */ p(E, {
1389
1339
  size: "0.6rem",
1390
1340
  color: "#6987b8",
1391
1341
  children: `H${e.level}`
1392
1342
  }) }),
1393
- /* @__PURE__ */ u(D, { children: e.text }),
1394
- /* @__PURE__ */ u(C, {
1395
- d: Ie,
1343
+ /* @__PURE__ */ p(E, { children: e.text }),
1344
+ /* @__PURE__ */ p(C, {
1345
+ d: ze,
1396
1346
  size: "1em",
1397
1347
  color: "#6987b8"
1398
1348
  })
1399
1349
  ]
1400
1350
  }, t))
1401
- }), Jt = { "block-fallback": "_block-fallback_adya7_1" }, Yt = {
1351
+ }), $t = { "block-fallback": "_block-fallback_adya7_1" }, en = {
1402
1352
  "rectangle-wave": "_rectangle-wave_gxedo_21",
1403
1353
  "elm-rectangle-wave": "_elm-rectangle-wave_gxedo_1"
1404
- }, Xt = (e) => /* @__PURE__ */ u("div", {
1354
+ }, tn = (e) => /* @__PURE__ */ p("div", {
1405
1355
  "aria-hidden": !0,
1406
- className: Yt["rectangle-wave"],
1356
+ className: en["rectangle-wave"],
1407
1357
  style: e.style
1408
- }), Zt = (e) => {
1358
+ }), nn = (e) => {
1409
1359
  let { height: t = "16rem", style: n } = e;
1410
- return /* @__PURE__ */ d("div", {
1411
- className: Jt["block-fallback"],
1360
+ return /* @__PURE__ */ m("div", {
1361
+ className: $t["block-fallback"],
1412
1362
  style: {
1413
1363
  "--height": t,
1414
1364
  ...n
1415
1365
  },
1416
- children: [/* @__PURE__ */ u(w, {}), /* @__PURE__ */ u(Xt, {})]
1366
+ children: [/* @__PURE__ */ p(w, {}), /* @__PURE__ */ p(tn, {})]
1417
1367
  });
1418
- }, Qt = {
1368
+ }, rn = {
1419
1369
  circle: "_circle_ycu2l_19",
1420
1370
  "draw-line": "_draw-line_ycu2l_1",
1421
1371
  rotate: "_rotate_ycu2l_1"
1422
- }, $t = (e) => {
1372
+ }, an = (e) => {
1423
1373
  let { radius: t = 16, weight: n = 2, style: r } = e;
1424
- return /* @__PURE__ */ u("svg", {
1374
+ return /* @__PURE__ */ p("svg", {
1425
1375
  height: t * 2,
1426
1376
  width: t * 2,
1427
1377
  style: r,
1428
- children: /* @__PURE__ */ u("circle", {
1429
- className: Qt.circle,
1378
+ children: /* @__PURE__ */ p("circle", {
1379
+ className: rn.circle,
1430
1380
  cx: t,
1431
1381
  cy: t,
1432
1382
  r: t - n,
@@ -1435,28 +1385,28 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1435
1385
  })
1436
1386
  });
1437
1387
  }, L = {
1438
- unsupported: "_unsupported_dj2gt_1",
1439
- message: "_message_dj2gt_12",
1440
- icon: "_icon_dj2gt_19",
1441
- details: "_details_dj2gt_23"
1442
- }, en = (e) => /* @__PURE__ */ d("div", {
1388
+ unsupported: "_unsupported_1xu4c_1",
1389
+ message: "_message_1xu4c_13",
1390
+ icon: "_icon_1xu4c_20",
1391
+ details: "_details_1xu4c_24"
1392
+ }, on = (e) => /* @__PURE__ */ m("div", {
1443
1393
  className: L.unsupported,
1444
1394
  style: e.style,
1445
- children: [/* @__PURE__ */ d("div", {
1395
+ children: [/* @__PURE__ */ m("div", {
1446
1396
  className: L.message,
1447
- children: [/* @__PURE__ */ u("svg", {
1397
+ children: [/* @__PURE__ */ p("svg", {
1448
1398
  viewBox: "0 0 24 24",
1449
1399
  width: "1.25rem",
1450
1400
  height: "1.25rem",
1451
1401
  className: L.icon,
1452
- children: /* @__PURE__ */ u("path", { d: Ee })
1453
- }), /* @__PURE__ */ u(D, {
1402
+ children: /* @__PURE__ */ p("path", { d: ke })
1403
+ }), /* @__PURE__ */ p(E, {
1454
1404
  color: "#868e9c",
1455
1405
  children: "UNSUPPORTED BLOCK"
1456
1406
  })]
1457
- }), e.details && /* @__PURE__ */ u("div", {
1407
+ }), e.details && /* @__PURE__ */ p("div", {
1458
1408
  className: L.details,
1459
- children: /* @__PURE__ */ u(D, {
1409
+ children: /* @__PURE__ */ p(E, {
1460
1410
  color: "#868e9c",
1461
1411
  children: e.details
1462
1412
  })
@@ -1471,43 +1421,43 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1471
1421
  flex: "_flex_c0mex_95",
1472
1422
  ripple: "_ripple_c0mex_117",
1473
1423
  "button-ripple": "_button-ripple_c0mex_1"
1474
- }, tn = ({ loading: e = !1, block: t = !1, disabled: r = !1, primary: a = !1, ...o }) => {
1475
- let [l, f] = c(!1), p = s(void 0), { onClick: m } = o, h = n(() => {
1476
- !e && !r && m && (f(!0), p.current = window.setTimeout(() => f(!1), 300), m());
1424
+ }, z = ({ loading: e = !1, block: t = !1, disabled: n = !1, primary: r = !1, ...i }) => {
1425
+ let [o, c] = d(!1), l = u(void 0), { onClick: f } = i, h = a(() => {
1426
+ !e && !n && f && (c(!0), l.current = window.setTimeout(() => c(!1), 300), f());
1477
1427
  }, [
1478
1428
  e,
1479
- r,
1480
- m
1429
+ n,
1430
+ f
1481
1431
  ]);
1482
- return i(() => () => {
1483
- p.current && clearTimeout(p.current);
1484
- }, []), /* @__PURE__ */ d("button", {
1432
+ return s(() => () => {
1433
+ l.current && clearTimeout(l.current);
1434
+ }, []), /* @__PURE__ */ m("button", {
1485
1435
  className: [
1486
1436
  R.button,
1487
- !e && !r ? R.enable : "",
1488
- o.color ? R.colored : "",
1489
- !o.color && !a ? R.normal : "",
1490
- !o.color && a ? R.primary : ""
1437
+ !e && !n ? R.enable : "",
1438
+ i.color ? R.colored : "",
1439
+ !i.color && !r ? R.normal : "",
1440
+ !i.color && r ? R.primary : ""
1491
1441
  ].filter(Boolean).join(" "),
1492
1442
  style: {
1493
1443
  display: t ? "flex" : "inline-flex",
1494
1444
  width: t ? "100%" : "auto",
1495
- cursor: r ? "not-allowed" : e ? "progress" : "pointer",
1496
- "--opacity": r || e ? .6 : void 0,
1497
- "--color": o.color,
1498
- ...o.style
1445
+ cursor: n ? "not-allowed" : e ? "progress" : "pointer",
1446
+ "--opacity": n || e ? .6 : void 0,
1447
+ "--color": i.color,
1448
+ ...i.style
1499
1449
  },
1500
1450
  onClick: h,
1501
1451
  children: [
1502
- l && /* @__PURE__ */ u("div", { className: R.ripple }),
1503
- e ? /* @__PURE__ */ u(w, { size: "1.5rem" }) : /* @__PURE__ */ u("span", {
1452
+ o && /* @__PURE__ */ p("div", { className: R.ripple }),
1453
+ e ? /* @__PURE__ */ p(w, { size: "1.5rem" }) : /* @__PURE__ */ p("span", {
1504
1454
  className: R.flex,
1505
- children: o.children
1455
+ children: i.children
1506
1456
  }),
1507
- /* @__PURE__ */ u("div", { className: R["button-ornament"] })
1457
+ /* @__PURE__ */ p("div", { className: R["button-ornament"] })
1508
1458
  ]
1509
1459
  });
1510
- }, z = {
1460
+ }, B = {
1511
1461
  container: "_container_12edl_1",
1512
1462
  "container-disable": "_container-disable_12edl_14",
1513
1463
  checkbox: "_checkbox_12edl_23",
@@ -1517,48 +1467,48 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1517
1467
  loading: "_loading_12edl_48",
1518
1468
  "check-line": "_check-line_12edl_67",
1519
1469
  "elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_12edl_1"
1520
- }, nn = ({ loading: e = !1, disable: t = !1, checked: r = !1, ...i }) => {
1521
- let { onChange: a } = i, o = n(() => {
1522
- !e && !t && a && a(!r);
1470
+ }, sn = ({ loading: e = !1, disable: t = !1, checked: n = !1, ...r }) => {
1471
+ let { onChange: i } = r, o = a(() => {
1472
+ !e && !t && i && i(!n);
1523
1473
  }, [
1524
1474
  e,
1525
1475
  t,
1526
- r,
1527
- a
1528
- ]), s = [z.container, t ? z["container-disable"] : ""].filter(Boolean).join(" "), c = [
1529
- z.rect,
1530
- r ? z["rect-checked"] : "",
1531
- e ? z["rect-loading"] : ""
1476
+ n,
1477
+ i
1478
+ ]), s = [B.container, t ? B["container-disable"] : ""].filter(Boolean).join(" "), c = [
1479
+ B.rect,
1480
+ n ? B["rect-checked"] : "",
1481
+ e ? B["rect-loading"] : ""
1532
1482
  ].filter(Boolean).join(" ");
1533
- return /* @__PURE__ */ u("div", {
1483
+ return /* @__PURE__ */ p("div", {
1534
1484
  className: s,
1535
- style: i.style,
1485
+ style: r.style,
1536
1486
  onClick: o,
1537
- children: /* @__PURE__ */ d("div", {
1487
+ children: /* @__PURE__ */ m("div", {
1538
1488
  style: {
1539
1489
  display: "flex",
1540
1490
  alignItems: "center",
1541
1491
  gap: "0.5rem"
1542
1492
  },
1543
- children: [/* @__PURE__ */ d("svg", {
1493
+ children: [/* @__PURE__ */ m("svg", {
1544
1494
  width: "24",
1545
1495
  height: "24",
1546
- className: z.checkbox,
1496
+ className: B.checkbox,
1547
1497
  children: [
1548
- /* @__PURE__ */ d("circle", {
1498
+ /* @__PURE__ */ m("circle", {
1549
1499
  cx: "0",
1550
1500
  cy: "0",
1551
1501
  r: "2",
1552
- className: z.loading,
1502
+ className: B.loading,
1553
1503
  style: { opacity: +!!e },
1554
- children: [/* @__PURE__ */ u("animate", {
1504
+ children: [/* @__PURE__ */ p("animate", {
1555
1505
  attributeName: "cx",
1556
1506
  values: "4; 20; 20; 4; 4",
1557
1507
  dur: "1.2s",
1558
1508
  repeatCount: "indefinite",
1559
1509
  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",
1560
1510
  calcMode: "spline"
1561
- }), /* @__PURE__ */ u("animate", {
1511
+ }), /* @__PURE__ */ p("animate", {
1562
1512
  attributeName: "cy",
1563
1513
  values: "4; 4; 20; 20; 4",
1564
1514
  dur: "1.2s",
@@ -1567,20 +1517,20 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1567
1517
  calcMode: "spline"
1568
1518
  })]
1569
1519
  }),
1570
- /* @__PURE__ */ d("circle", {
1520
+ /* @__PURE__ */ m("circle", {
1571
1521
  cx: "20",
1572
1522
  cy: "20",
1573
1523
  r: "2",
1574
- className: z.loading,
1524
+ className: B.loading,
1575
1525
  style: { opacity: +!!e },
1576
- children: [/* @__PURE__ */ u("animate", {
1526
+ children: [/* @__PURE__ */ p("animate", {
1577
1527
  attributeName: "cx",
1578
1528
  values: "20; 4; 4; 20; 20",
1579
1529
  dur: "1.2s",
1580
1530
  repeatCount: "indefinite",
1581
1531
  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",
1582
1532
  calcMode: "spline"
1583
- }), /* @__PURE__ */ u("animate", {
1533
+ }), /* @__PURE__ */ p("animate", {
1584
1534
  attributeName: "cy",
1585
1535
  values: "20; 20; 4; 4; 20",
1586
1536
  dur: "1.2s",
@@ -1589,7 +1539,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1589
1539
  calcMode: "spline"
1590
1540
  })]
1591
1541
  }),
1592
- /* @__PURE__ */ u("rect", {
1542
+ /* @__PURE__ */ p("rect", {
1593
1543
  x: "4",
1594
1544
  y: "4",
1595
1545
  width: "16",
@@ -1597,13 +1547,13 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1597
1547
  className: c,
1598
1548
  strokeWidth: "0.8"
1599
1549
  }),
1600
- r && /* @__PURE__ */ u("polyline", {
1601
- className: z["check-line"],
1550
+ n && /* @__PURE__ */ p("polyline", {
1551
+ className: B["check-line"],
1602
1552
  points: "5,12 10,17 19,8",
1603
1553
  strokeWidth: "1.5",
1604
1554
  fill: "transparent"
1605
1555
  }),
1606
- /* @__PURE__ */ u("line", {
1556
+ /* @__PURE__ */ p("line", {
1607
1557
  x1: "0",
1608
1558
  y1: "1",
1609
1559
  x2: "4",
@@ -1611,7 +1561,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1611
1561
  strokeWidth: "2",
1612
1562
  fill: "transparent"
1613
1563
  }),
1614
- /* @__PURE__ */ u("line", {
1564
+ /* @__PURE__ */ p("line", {
1615
1565
  x1: "4",
1616
1566
  y1: "0",
1617
1567
  x2: "24",
@@ -1619,7 +1569,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1619
1569
  strokeWidth: "1",
1620
1570
  fill: "transparent"
1621
1571
  }),
1622
- /* @__PURE__ */ u("line", {
1572
+ /* @__PURE__ */ p("line", {
1623
1573
  x1: "0",
1624
1574
  y1: "4",
1625
1575
  x2: "0",
@@ -1627,7 +1577,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1627
1577
  strokeWidth: "1",
1628
1578
  fill: "transparent"
1629
1579
  }),
1630
- /* @__PURE__ */ u("line", {
1580
+ /* @__PURE__ */ p("line", {
1631
1581
  x1: "0",
1632
1582
  y1: "18",
1633
1583
  x2: "0",
@@ -1635,7 +1585,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1635
1585
  strokeWidth: "1",
1636
1586
  fill: "transparent"
1637
1587
  }),
1638
- /* @__PURE__ */ u("line", {
1588
+ /* @__PURE__ */ p("line", {
1639
1589
  x1: "0",
1640
1590
  y1: "24",
1641
1591
  x2: "20",
@@ -1643,7 +1593,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1643
1593
  strokeWidth: "1",
1644
1594
  fill: "transparent"
1645
1595
  }),
1646
- /* @__PURE__ */ u("line", {
1596
+ /* @__PURE__ */ p("line", {
1647
1597
  x1: "20",
1648
1598
  y1: "23",
1649
1599
  x2: "24",
@@ -1651,7 +1601,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1651
1601
  strokeWidth: "1.5",
1652
1602
  fill: "transparent"
1653
1603
  }),
1654
- /* @__PURE__ */ u("line", {
1604
+ /* @__PURE__ */ p("line", {
1655
1605
  x1: "24",
1656
1606
  y1: "4",
1657
1607
  x2: "24",
@@ -1660,10 +1610,10 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1660
1610
  fill: "transparent"
1661
1611
  })
1662
1612
  ]
1663
- }), /* @__PURE__ */ u("span", { children: i.label })]
1613
+ }), /* @__PURE__ */ p("span", { children: r.label })]
1664
1614
  })
1665
1615
  });
1666
- }, B = {
1616
+ }, V = {
1667
1617
  wrapper: "_wrapper_3ipdq_1",
1668
1618
  active: "_active_3ipdq_29",
1669
1619
  header: "_header_3ipdq_33",
@@ -1675,68 +1625,68 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1675
1625
  pulldown: "_pulldown_3ipdq_85",
1676
1626
  option: "_option_3ipdq_105",
1677
1627
  description: "_description_3ipdq_127"
1678
- }, rn = ({ disabled: e = !1, loading: t = !1, ...r }) => {
1679
- let [a, o] = c(!1), l = s(null), f = n(() => {
1680
- !e && !t && o((e) => !e);
1681
- }, [e, t]), { options: p, onSelect: m } = r, h = n((e) => {
1682
- let t = p.find((t) => t.id === e);
1683
- t && m && m(t);
1684
- }, [p, m]);
1685
- return i(() => {
1628
+ }, cn = ({ disabled: e = !1, loading: t = !1, ...n }) => {
1629
+ let [r, i] = d(!1), o = u(null), c = a(() => {
1630
+ !e && !t && i((e) => !e);
1631
+ }, [e, t]), { options: l, onSelect: f } = n, h = a((e) => {
1632
+ let t = l.find((t) => t.id === e);
1633
+ t && f && f(t);
1634
+ }, [l, f]);
1635
+ return s(() => {
1686
1636
  let e = (e) => {
1687
- l.current && !l.current.contains(e.target) && o(!1);
1637
+ o.current && !o.current.contains(e.target) && i(!1);
1688
1638
  };
1689
1639
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
1690
- }, []), /* @__PURE__ */ d("div", {
1691
- ref: l,
1692
- className: [B.wrapper, a ? B.active : ""].filter(Boolean).join(" "),
1640
+ }, []), /* @__PURE__ */ m("div", {
1641
+ ref: o,
1642
+ className: [V.wrapper, r ? V.active : ""].filter(Boolean).join(" "),
1693
1643
  style: {
1694
1644
  backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
1695
- "--highlight-color": a ? "#bfa056" : void 0,
1696
- ...r.style
1645
+ "--highlight-color": r ? "#bfa056" : void 0,
1646
+ ...n.style
1697
1647
  },
1698
- onClick: f,
1699
- children: [/* @__PURE__ */ u("div", {
1700
- className: B.header,
1701
- children: /* @__PURE__ */ u("span", {
1702
- className: B.label,
1703
- children: r.label
1648
+ onClick: c,
1649
+ children: [/* @__PURE__ */ p("div", {
1650
+ className: V.header,
1651
+ children: /* @__PURE__ */ p("span", {
1652
+ className: V.label,
1653
+ children: n.label
1704
1654
  })
1705
- }), /* @__PURE__ */ u("div", {
1706
- className: B.body,
1707
- children: /* @__PURE__ */ d("div", {
1708
- className: B.select,
1655
+ }), /* @__PURE__ */ p("div", {
1656
+ className: V.body,
1657
+ children: /* @__PURE__ */ m("div", {
1658
+ className: V.select,
1709
1659
  children: [
1710
- /* @__PURE__ */ u("div", {
1711
- className: B.selected,
1712
- children: r.selectedOption ? /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", { children: r.selectedOption.label }), r.selectedOption.description && /* @__PURE__ */ u("span", {
1713
- className: B.description,
1714
- children: r.selectedOption.description
1715
- })] }) : /* @__PURE__ */ d("div", {
1716
- className: B.fallback,
1717
- children: [/* @__PURE__ */ u(C, { d: ne }), /* @__PURE__ */ u("span", { children: r.placeholder ?? "Select an option" })]
1660
+ /* @__PURE__ */ p("div", {
1661
+ className: V.selected,
1662
+ children: n.selectedOption ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", { children: n.selectedOption.label }), n.selectedOption.description && /* @__PURE__ */ p("span", {
1663
+ className: V.description,
1664
+ children: n.selectedOption.description
1665
+ })] }) : /* @__PURE__ */ m("div", {
1666
+ className: V.fallback,
1667
+ children: [/* @__PURE__ */ p(C, { d: ae }), /* @__PURE__ */ p("span", { children: n.placeholder ?? "Select an option" })]
1718
1668
  })
1719
1669
  }),
1720
- /* @__PURE__ */ u(C, {
1721
- d: Ie,
1670
+ /* @__PURE__ */ p(C, {
1671
+ d: ze,
1722
1672
  size: "1.5rem"
1723
1673
  }),
1724
- a && /* @__PURE__ */ u("div", {
1725
- className: B.pulldown,
1726
- children: r.options.map((e) => /* @__PURE__ */ d("div", {
1727
- className: B.option,
1674
+ r && /* @__PURE__ */ p("div", {
1675
+ className: V.pulldown,
1676
+ children: n.options.map((e) => /* @__PURE__ */ m("div", {
1677
+ className: V.option,
1728
1678
  onClick: (t) => {
1729
1679
  t.stopPropagation(), h(e.id);
1730
1680
  },
1731
1681
  children: [
1732
- /* @__PURE__ */ u(C, {
1733
- d: ue,
1682
+ /* @__PURE__ */ p(C, {
1683
+ d: pe,
1734
1684
  color: "#868e9c",
1735
1685
  size: "0.75em"
1736
1686
  }),
1737
- /* @__PURE__ */ u("span", { children: e.label }),
1738
- e.description && /* @__PURE__ */ u("span", {
1739
- className: B.description,
1687
+ /* @__PURE__ */ p("span", { children: e.label }),
1688
+ e.description && /* @__PURE__ */ p("span", {
1689
+ className: V.description,
1740
1690
  children: e.description
1741
1691
  })
1742
1692
  ]
@@ -1746,7 +1696,7 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1746
1696
  })
1747
1697
  })]
1748
1698
  });
1749
- }, V = {
1699
+ }, H = {
1750
1700
  switch: "_switch_8t362_1",
1751
1701
  bar: "_bar_8t362_5",
1752
1702
  "bar-checked": "_bar-checked_8t362_21",
@@ -1754,43 +1704,43 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1754
1704
  circle: "_circle_8t362_30",
1755
1705
  "circle-checked": "_circle-checked_8t362_45",
1756
1706
  "circle-disabled": "_circle-disabled_8t362_49"
1757
- }, an = ({ color: e = "#bfa056", size: t = "18px", disabled: r = !1, checked: i = !1, ...a }) => {
1758
- let { onChange: o } = a, s = n(() => {
1759
- !r && o && o(!i);
1707
+ }, ln = ({ color: e = "#bfa056", size: t = "18px", disabled: n = !1, checked: r = !1, ...i }) => {
1708
+ let { onChange: o } = i, s = a(() => {
1709
+ !n && o && o(!r);
1760
1710
  }, [
1711
+ n,
1761
1712
  r,
1762
- i,
1763
1713
  o
1764
1714
  ]), c = [
1765
- V.bar,
1766
- i ? V["bar-checked"] : "",
1767
- r ? V["bar-disabled"] : ""
1715
+ H.bar,
1716
+ r ? H["bar-checked"] : "",
1717
+ n ? H["bar-disabled"] : ""
1768
1718
  ].filter(Boolean).join(" "), l = [
1769
- V.circle,
1770
- i ? V["circle-checked"] : "",
1771
- r ? V["circle-disabled"] : ""
1719
+ H.circle,
1720
+ r ? H["circle-checked"] : "",
1721
+ n ? H["circle-disabled"] : ""
1772
1722
  ].filter(Boolean).join(" ");
1773
- return /* @__PURE__ */ d("div", {
1723
+ return /* @__PURE__ */ m("div", {
1774
1724
  onClick: s,
1775
1725
  style: {
1776
1726
  "--color": e,
1777
1727
  "--padding": "2px",
1778
1728
  "--size": t,
1779
1729
  "--width": `calc(${t} * 2 + 2px * 2)`,
1780
- ...a.style
1730
+ ...i.style
1781
1731
  },
1782
- children: [/* @__PURE__ */ u("input", {
1783
- className: V.switch,
1732
+ children: [/* @__PURE__ */ p("input", {
1733
+ className: H.switch,
1784
1734
  type: "checkbox",
1785
- checked: i,
1786
- disabled: r,
1735
+ checked: r,
1736
+ disabled: n,
1787
1737
  readOnly: !0
1788
- }), /* @__PURE__ */ u("div", {
1738
+ }), /* @__PURE__ */ p("div", {
1789
1739
  className: c,
1790
- children: /* @__PURE__ */ u("div", { className: l })
1740
+ children: /* @__PURE__ */ p("div", { className: l })
1791
1741
  })]
1792
1742
  });
1793
- }, H = {
1743
+ }, U = {
1794
1744
  loading: "_loading_1y96m_23",
1795
1745
  wrapper: "_wrapper_1y96m_38",
1796
1746
  active: "_active_1y96m_66",
@@ -1804,105 +1754,105 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1804
1754
  suffix: "_suffix_1y96m_159",
1805
1755
  counter: "_counter_1y96m_172",
1806
1756
  "counter-over": "_counter-over_1y96m_177"
1807
- }, on = {
1808
- text: We,
1809
- pen: Re,
1810
- email: ve,
1811
- user: v,
1812
- lock: Me,
1813
- key: De,
1814
- earth: _e,
1815
- tag: Ue,
1816
- archive: te,
1817
- link: Ae,
1818
- search: Fe
1819
- }, sn = ({ disabled: e = !1, loading: t = !1, isPassword: r = !1, required: i = !1, value: o = "", ...l }) => {
1820
- let f = a(), p = s(null), [m, h] = c(!1), [g, _] = c(r ? "password" : "text"), { onChange: v } = l, y = n(() => {
1757
+ }, un = {
1758
+ text: qe,
1759
+ pen: Ve,
1760
+ email: xe,
1761
+ user: x,
1762
+ lock: Fe,
1763
+ key: Ae,
1764
+ earth: be,
1765
+ tag: Ke,
1766
+ archive: ie,
1767
+ link: Ne,
1768
+ search: Re
1769
+ }, dn = ({ disabled: e = !1, loading: t = !1, isPassword: n = !1, required: r = !1, value: i = "", ...o }) => {
1770
+ let s = c(), l = u(null), [f, h] = d(!1), [g, _] = d(n ? "password" : "text"), { onChange: v } = o, y = a(() => {
1821
1771
  !t && !e && v && v("");
1822
1772
  }, [
1823
1773
  t,
1824
1774
  e,
1825
1775
  v
1826
- ]), b = n(() => {
1776
+ ]), b = a(() => {
1827
1777
  !t && !e && _((e) => e === "text" ? "password" : "text");
1828
- }, [t, e]), x = n((e) => (t) => {
1778
+ }, [t, e]), x = a((e) => (t) => {
1829
1779
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
1830
1780
  }, []);
1831
- return /* @__PURE__ */ d("div", {
1832
- className: [H.wrapper, m ? H.active : ""].filter(Boolean).join(" "),
1781
+ return /* @__PURE__ */ m("div", {
1782
+ className: [U.wrapper, f ? U.active : ""].filter(Boolean).join(" "),
1833
1783
  style: {
1834
1784
  backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
1835
- "--highlight-color": m ? "#bfa056" : void 0,
1836
- ...l.style
1785
+ "--highlight-color": f ? "#bfa056" : void 0,
1786
+ ...o.style
1837
1787
  },
1838
1788
  children: [
1839
- /* @__PURE__ */ d("div", {
1840
- className: H.header,
1841
- children: [/* @__PURE__ */ d("label", {
1842
- htmlFor: f,
1843
- className: H.label,
1844
- children: [/* @__PURE__ */ u("span", { children: l.label }), i && /* @__PURE__ */ u("span", {
1845
- className: H.required,
1789
+ /* @__PURE__ */ m("div", {
1790
+ className: U.header,
1791
+ children: [/* @__PURE__ */ m("label", {
1792
+ htmlFor: s,
1793
+ className: U.label,
1794
+ children: [/* @__PURE__ */ p("span", { children: o.label }), r && /* @__PURE__ */ p("span", {
1795
+ className: U.required,
1846
1796
  children: "*"
1847
1797
  })]
1848
- }), l.maxLength != null && /* @__PURE__ */ d("span", {
1849
- className: [H.counter, o.length > l.maxLength ? H["counter-over"] : ""].filter(Boolean).join(" "),
1798
+ }), o.maxLength != null && /* @__PURE__ */ m("span", {
1799
+ className: [U.counter, i.length > o.maxLength ? U["counter-over"] : ""].filter(Boolean).join(" "),
1850
1800
  children: [
1851
- o.length,
1801
+ i.length,
1852
1802
  " / ",
1853
- l.maxLength
1803
+ o.maxLength
1854
1804
  ]
1855
1805
  })]
1856
1806
  }),
1857
- /* @__PURE__ */ d("div", {
1858
- className: H.body,
1807
+ /* @__PURE__ */ m("div", {
1808
+ className: U.body,
1859
1809
  children: [
1860
- l.icon && /* @__PURE__ */ u(C, {
1861
- d: on[l.icon],
1810
+ o.icon && /* @__PURE__ */ p(C, {
1811
+ d: un[o.icon],
1862
1812
  size: "1.5rem",
1863
1813
  color: "gray"
1864
1814
  }),
1865
- /* @__PURE__ */ u("input", {
1866
- id: f,
1867
- ref: p,
1815
+ /* @__PURE__ */ p("input", {
1816
+ id: s,
1817
+ ref: l,
1868
1818
  type: g,
1869
- className: H.input,
1870
- placeholder: l.placeholder,
1871
- value: o,
1819
+ className: U.input,
1820
+ placeholder: o.placeholder,
1821
+ value: i,
1872
1822
  onChange: (e) => v?.(e.target.value),
1873
1823
  onFocus: () => h(!0),
1874
1824
  onBlur: () => h(!1),
1875
1825
  disabled: e || t,
1876
1826
  style: { cursor: e ? "not-allowed" : t ? "progress" : "auto" },
1877
- "aria-required": i
1827
+ "aria-required": r
1878
1828
  }),
1879
- /* @__PURE__ */ d("div", {
1880
- className: H["icon-box"],
1829
+ /* @__PURE__ */ m("div", {
1830
+ className: U["icon-box"],
1881
1831
  children: [
1882
- l.suffix != null && /* @__PURE__ */ u("span", {
1883
- className: H.suffix,
1884
- children: l.suffix
1832
+ o.suffix != null && /* @__PURE__ */ p("span", {
1833
+ className: U.suffix,
1834
+ children: o.suffix
1885
1835
  }),
1886
- /* @__PURE__ */ u("div", {
1887
- className: H.icon,
1836
+ /* @__PURE__ */ p("div", {
1837
+ className: U.icon,
1888
1838
  onClick: b,
1889
1839
  onKeyDown: x(b),
1890
1840
  role: "button",
1891
1841
  tabIndex: 0,
1892
- children: /* @__PURE__ */ u(C, {
1893
- d: g === "text" ? be : ye,
1842
+ children: /* @__PURE__ */ p(C, {
1843
+ d: g === "text" ? Ce : Se,
1894
1844
  size: "1.75em",
1895
1845
  color: "gray"
1896
1846
  })
1897
1847
  }),
1898
- /* @__PURE__ */ u("div", {
1899
- className: H.icon,
1848
+ /* @__PURE__ */ p("div", {
1849
+ className: U.icon,
1900
1850
  onClick: y,
1901
1851
  onKeyDown: x(y),
1902
1852
  role: "button",
1903
1853
  tabIndex: 0,
1904
- children: /* @__PURE__ */ u(C, {
1905
- d: ie,
1854
+ children: /* @__PURE__ */ p(C, {
1855
+ d: se,
1906
1856
  size: "1.75em",
1907
1857
  color: "gray"
1908
1858
  })
@@ -1911,153 +1861,153 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
1911
1861
  })
1912
1862
  ]
1913
1863
  }),
1914
- /* @__PURE__ */ u("div", {
1915
- className: H.loading,
1864
+ /* @__PURE__ */ p("div", {
1865
+ className: U.loading,
1916
1866
  style: { opacity: t ? .2 : 0 }
1917
1867
  })
1918
1868
  ]
1919
1869
  });
1920
- }, cn = { validation: "_validation_wuw0j_1" }, ln = ({ validColor: e = "#449763", ...t }) => /* @__PURE__ */ d("div", {
1921
- className: cn.validation,
1870
+ }, fn = { validation: "_validation_wuw0j_1" }, pn = ({ validColor: e = "#449763", ...t }) => /* @__PURE__ */ m("div", {
1871
+ className: fn.validation,
1922
1872
  style: {
1923
1873
  "--opacity": t.isValid ? 1 : .5,
1924
1874
  ...t.style
1925
1875
  },
1926
- children: [/* @__PURE__ */ u(C, {
1927
- d: t.isValid ? ce : le,
1876
+ children: [/* @__PURE__ */ p(C, {
1877
+ d: t.isValid ? de : fe,
1928
1878
  color: t.isValid ? e : void 0
1929
- }), /* @__PURE__ */ u("span", {
1879
+ }), /* @__PURE__ */ p("span", {
1930
1880
  style: { color: t.isValid ? e : void 0 },
1931
1881
  children: t.text
1932
1882
  })]
1933
- }), un = { column: "_column_12uje_1" }, dn = (e) => /* @__PURE__ */ u("div", {
1934
- className: un.column,
1883
+ }), mn = { column: "_column_12uje_1" }, hn = (e) => /* @__PURE__ */ p("div", {
1884
+ className: mn.column,
1935
1885
  style: e.style,
1936
1886
  children: e.children
1937
- }), fn = { "column-list": "_column-list_rt1o3_1" }, pn = (e) => /* @__PURE__ */ u("div", {
1938
- className: fn["column-list"],
1887
+ }), gn = { "column-list": "_column-list_rt1o3_1" }, _n = (e) => /* @__PURE__ */ p("div", {
1888
+ className: gn["column-list"],
1939
1889
  style: e.style,
1940
1890
  children: e.children
1941
- }), mn = {
1891
+ }), vn = {
1942
1892
  body: "_body_gd5gc_1",
1943
1893
  button: "_button_gd5gc_5"
1944
- }, U = {
1894
+ }, W = {
1945
1895
  provider: "_provider_94i7o_1",
1946
1896
  "provider-enter": "_provider-enter_94i7o_19",
1947
1897
  "provider-exit": "_provider-exit_94i7o_23",
1948
1898
  modal: "_modal_94i7o_27"
1949
- }, hn = ({ closeOnClickOutside: e = !0, onChange: t, ...r }) => {
1950
- let [a, o] = c(!1), s = r.value ?? !1;
1951
- i(() => {
1952
- if (s) {
1953
- let e = window.setTimeout(() => o(!0), 0);
1899
+ }, yn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
1900
+ let [r, i] = d(!1), o = n.value ?? !1;
1901
+ s(() => {
1902
+ if (o) {
1903
+ let e = window.setTimeout(() => i(!0), 0);
1954
1904
  return () => clearTimeout(e);
1955
1905
  } else {
1956
- let e = window.setTimeout(() => o(!1), 400);
1906
+ let e = window.setTimeout(() => i(!1), 400);
1957
1907
  return () => clearTimeout(e);
1958
1908
  }
1959
- }, [s]);
1960
- let l = n(() => {
1909
+ }, [o]);
1910
+ let c = a(() => {
1961
1911
  e && t && t(!1);
1962
- }, [e, t]), d = n((e) => {
1912
+ }, [e, t]), l = a((e) => {
1963
1913
  e.stopPropagation();
1964
1914
  }, []);
1965
- return !s && !a ? null : Ge(/* @__PURE__ */ u("div", {
1966
- className: `${U.provider} ${s ? U["provider-enter"] : U["provider-exit"]}`,
1967
- onClick: l,
1968
- children: /* @__PURE__ */ u("div", {
1969
- className: U.modal,
1915
+ return !o && !r ? null : Je(/* @__PURE__ */ p("div", {
1916
+ className: `${W.provider} ${o ? W["provider-enter"] : W["provider-exit"]}`,
1917
+ onClick: c,
1918
+ children: /* @__PURE__ */ p("div", {
1919
+ className: W.modal,
1970
1920
  style: {
1971
- "--width": r.width,
1972
- ...r.style
1921
+ "--width": n.width,
1922
+ ...n.style
1973
1923
  },
1974
- onClick: d,
1975
- children: r.children
1924
+ onClick: l,
1925
+ children: n.children
1976
1926
  })
1977
1927
  }), document.body);
1978
- }, gn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: r, onSuccess: i, onError: a, ...o }) => {
1979
- let [s, l] = c(!1), f = n(() => {
1928
+ }, bn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: n, onSuccess: r, onError: i, ...o }) => {
1929
+ let [s, c] = d(!1), l = a(() => {
1980
1930
  t && t(!1);
1981
- }, [t]), p = n(async () => {
1982
- l(!0);
1931
+ }, [t]), u = a(async () => {
1932
+ c(!0);
1983
1933
  try {
1984
- await r(), l(!1), t && t(!1), i && i();
1934
+ await n(), c(!1), t && t(!1), r && r();
1985
1935
  } catch (e) {
1986
- a && a(e), l(!1), t && t(!1);
1936
+ i && i(e), c(!1), t && t(!1);
1987
1937
  }
1988
1938
  }, [
1939
+ n,
1989
1940
  r,
1990
1941
  i,
1991
- a,
1992
1942
  t
1993
1943
  ]);
1994
- return /* @__PURE__ */ u(hn, {
1944
+ return /* @__PURE__ */ p(yn, {
1995
1945
  value: o.value,
1996
1946
  onChange: t,
1997
1947
  closeOnClickOutside: e,
1998
- children: /* @__PURE__ */ d("div", { children: [
1999
- /* @__PURE__ */ u(Ot, {
1948
+ children: /* @__PURE__ */ m("div", { children: [
1949
+ /* @__PURE__ */ p(O, {
2000
1950
  level: 2,
2001
1951
  disableFragmentIdentifier: !0,
2002
1952
  children: o.title
2003
1953
  }),
2004
- /* @__PURE__ */ u("div", {
2005
- className: mn.body,
1954
+ /* @__PURE__ */ p("div", {
1955
+ className: vn.body,
2006
1956
  children: o.children
2007
1957
  }),
2008
- /* @__PURE__ */ d("div", {
2009
- className: mn.button,
2010
- children: [/* @__PURE__ */ d(tn, {
1958
+ /* @__PURE__ */ m("div", {
1959
+ className: vn.button,
1960
+ children: [/* @__PURE__ */ m(z, {
2011
1961
  block: !0,
2012
- onClick: f,
1962
+ onClick: l,
2013
1963
  loading: s,
2014
- children: [/* @__PURE__ */ u(C, { d: re }), /* @__PURE__ */ u("span", { children: "Cancel" })]
2015
- }), /* @__PURE__ */ d(tn, {
1964
+ children: [/* @__PURE__ */ p(C, { d: oe }), /* @__PURE__ */ p("span", { children: "Cancel" })]
1965
+ }), /* @__PURE__ */ m(z, {
2016
1966
  block: !0,
2017
- onClick: p,
1967
+ onClick: u,
2018
1968
  primary: !0,
2019
1969
  loading: s,
2020
- children: [/* @__PURE__ */ u(C, {
2021
- d: ce,
1970
+ children: [/* @__PURE__ */ p(C, {
1971
+ d: de,
2022
1972
  color: "currentColor"
2023
- }), /* @__PURE__ */ u("span", { children: "Confirm" })]
1973
+ }), /* @__PURE__ */ p("span", { children: "Confirm" })]
2024
1974
  })]
2025
1975
  })
2026
1976
  ] })
2027
1977
  });
2028
- }, W = {
1978
+ }, G = {
2029
1979
  window: "_window_l8snl_1",
2030
1980
  header: "_header_l8snl_14",
2031
1981
  dot: "_dot_l8snl_25"
2032
- }, _n = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ d("div", {
2033
- className: W.window,
1982
+ }, xn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
1983
+ className: G.window,
2034
1984
  style: t.style,
2035
- children: [/* @__PURE__ */ d("div", {
2036
- className: W.header,
1985
+ children: [/* @__PURE__ */ m("div", {
1986
+ className: G.header,
2037
1987
  children: [
2038
- /* @__PURE__ */ u("div", {
1988
+ /* @__PURE__ */ p("div", {
2039
1989
  "aria-hidden": !0,
2040
- className: W.dot,
1990
+ className: G.dot,
2041
1991
  style: { "--bg": "#c48691" }
2042
1992
  }),
2043
- /* @__PURE__ */ u("div", {
1993
+ /* @__PURE__ */ p("div", {
2044
1994
  "aria-hidden": !0,
2045
- className: W.dot,
1995
+ className: G.dot,
2046
1996
  style: { "--bg": "#c9b990" }
2047
1997
  }),
2048
- /* @__PURE__ */ u("div", {
1998
+ /* @__PURE__ */ p("div", {
2049
1999
  "aria-hidden": !0,
2050
- className: W.dot,
2000
+ className: G.dot,
2051
2001
  style: { "--bg": "#7cc598" }
2052
2002
  })
2053
2003
  ]
2054
- }), /* @__PURE__ */ u("div", {
2004
+ }), /* @__PURE__ */ p("div", {
2055
2005
  style: { minHeight: e },
2056
2006
  children: t.children
2057
2007
  })]
2058
- }), vn = { parallax: "_parallax_1tovg_1" }, yn = (e) => {
2059
- let [t, n] = c(0);
2060
- return i(() => {
2008
+ }), Sn = { parallax: "_parallax_1tovg_1" }, Cn = (e) => {
2009
+ let [t, n] = d(0);
2010
+ return s(() => {
2061
2011
  let e = null, t = () => {
2062
2012
  e ?? (e = requestAnimationFrame(() => {
2063
2013
  n(window.scrollY), e = null;
@@ -2066,104 +2016,104 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
2066
2016
  return window.addEventListener("scroll", t, { passive: !0 }), () => {
2067
2017
  window.removeEventListener("scroll", t), e != null && cancelAnimationFrame(e);
2068
2018
  };
2069
- }, []), /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
2070
- className: vn.parallax,
2019
+ }, []), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
2020
+ className: Sn.parallax,
2071
2021
  style: {
2072
2022
  backgroundImage: `url(${e.imageUrl1})`,
2073
2023
  transform: `scale(1.2) translateY(${t / 400}%)`,
2074
2024
  transformOrigin: "bottom",
2075
2025
  ...e.style
2076
2026
  }
2077
- }), /* @__PURE__ */ u("div", {
2078
- className: vn.parallax,
2027
+ }), /* @__PURE__ */ p("div", {
2028
+ className: Sn.parallax,
2079
2029
  style: {
2080
2030
  backgroundImage: `url(${e.imageUrl2})`,
2081
2031
  transform: `scale(1.2) translateY(${t / 900}%)`,
2082
2032
  transformOrigin: "bottom"
2083
2033
  }
2084
2034
  })] });
2085
- }, bn = {
2035
+ }, wn = {
2086
2036
  container: "_container_1mzm0_1",
2087
2037
  title: "_title_1mzm0_16",
2088
2038
  text: "_text_1mzm0_22"
2089
- }, xn = {
2039
+ }, Tn = {
2090
2040
  original: "_original_3zasf_1",
2091
2041
  tooltip: "_tooltip_3zasf_5",
2092
2042
  "tooltip-enter": "_tooltip-enter_3zasf_17"
2093
- }, Sn = (e) => {
2094
- let t = s(null), [r, a] = c(!1), [o, l] = c({}), f = n(() => {
2043
+ }, En = (e) => {
2044
+ let t = u(null), [n, r] = d(!1), [i, o] = d({}), c = a(() => {
2095
2045
  let e = t.current;
2096
2046
  if (!e) return;
2097
2047
  let n = e.getBoundingClientRect(), r = window.innerWidth;
2098
- n.x > r / 2 ? l({
2048
+ n.x > r / 2 ? o({
2099
2049
  top: `${n.y + n.height}px`,
2100
2050
  right: `${r - n.x - n.width}px`
2101
- }) : l({
2051
+ }) : o({
2102
2052
  top: `${n.y + n.height}px`,
2103
2053
  left: `${n.x}px`
2104
2054
  });
2105
2055
  }, []);
2106
- return i(() => {
2107
- r && f();
2108
- }, [r, f]), /* @__PURE__ */ d("span", {
2056
+ return s(() => {
2057
+ n && c();
2058
+ }, [n, c]), /* @__PURE__ */ m("span", {
2109
2059
  ref: t,
2110
- className: xn.original,
2111
- onMouseOver: () => a(!0),
2112
- onMouseLeave: () => a(!1),
2060
+ className: Tn.original,
2061
+ onMouseOver: () => r(!0),
2062
+ onMouseLeave: () => r(!1),
2113
2063
  style: e.style,
2114
- children: [e.original, r && /* @__PURE__ */ u("div", {
2115
- className: `${xn.tooltip} ${xn["tooltip-enter"]}`,
2116
- style: o,
2064
+ children: [e.original, n && /* @__PURE__ */ p("div", {
2065
+ className: `${Tn.tooltip} ${Tn["tooltip-enter"]}`,
2066
+ style: i,
2117
2067
  children: e.tooltip
2118
2068
  })]
2119
2069
  });
2120
- }, Cn = (e) => /* @__PURE__ */ u(Sn, {
2070
+ }, Dn = (e) => /* @__PURE__ */ p(En, {
2121
2071
  original: e.children,
2122
- tooltip: /* @__PURE__ */ d("div", {
2123
- className: bn.container,
2072
+ tooltip: /* @__PURE__ */ m("div", {
2073
+ className: wn.container,
2124
2074
  style: e.style,
2125
- children: [e.title && /* @__PURE__ */ u("div", {
2126
- className: bn.title,
2075
+ children: [e.title && /* @__PURE__ */ p("div", {
2076
+ className: wn.title,
2127
2077
  children: e.title
2128
- }), /* @__PURE__ */ u("div", {
2129
- className: bn.text,
2078
+ }), /* @__PURE__ */ p("div", {
2079
+ className: wn.text,
2130
2080
  children: e.text
2131
2081
  })]
2132
2082
  })
2133
- }), wn = {
2083
+ }), On = {
2134
2084
  snackbar: "_snackbar_1f0go_1",
2135
2085
  icon: "_icon_1f0go_19",
2136
2086
  progress: "_progress_1f0go_45"
2137
- }, Tn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ d("div", {
2138
- className: wn.snackbar,
2087
+ }, kn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
2088
+ className: On.snackbar,
2139
2089
  style: t.style,
2140
2090
  children: [
2141
- t.label == null ? t.children : /* @__PURE__ */ u(D, { children: t.label }),
2142
- /* @__PURE__ */ u("div", {
2143
- className: wn.icon,
2091
+ t.label == null ? t.children : /* @__PURE__ */ p(E, { children: t.label }),
2092
+ /* @__PURE__ */ p("div", {
2093
+ className: On.icon,
2144
2094
  onClick: t.close,
2145
- children: /* @__PURE__ */ u(C, {
2146
- d: me,
2095
+ children: /* @__PURE__ */ p(C, {
2096
+ d: _e,
2147
2097
  size: "1em"
2148
2098
  })
2149
2099
  }),
2150
- /* @__PURE__ */ u("div", {
2151
- className: wn.progress,
2100
+ /* @__PURE__ */ p("div", {
2101
+ className: On.progress,
2152
2102
  style: { animationDuration: `${e}ms` }
2153
2103
  })
2154
2104
  ]
2155
- }), En = {
2105
+ }), An = {
2156
2106
  "snackbar-screen": "_snackbar-screen_up7j2_1",
2157
2107
  "snackbar-container": "_snackbar-container_up7j2_14",
2158
2108
  "snackbar-item": "_snackbar-item_up7j2_23"
2159
- }, Dn = (e) => /* @__PURE__ */ u("div", {
2160
- className: En["snackbar-screen"],
2109
+ }, jn = (e) => /* @__PURE__ */ p("div", {
2110
+ className: An["snackbar-screen"],
2161
2111
  style: e.style,
2162
- children: /* @__PURE__ */ u("div", {
2163
- className: En["snackbar-container"],
2164
- children: e.snackbars.map((e) => /* @__PURE__ */ u("div", {
2165
- className: En["snackbar-item"],
2166
- children: /* @__PURE__ */ u(Tn, {
2112
+ children: /* @__PURE__ */ p("div", {
2113
+ className: An["snackbar-container"],
2114
+ children: e.snackbars.map((e) => /* @__PURE__ */ p("div", {
2115
+ className: An["snackbar-item"],
2116
+ children: /* @__PURE__ */ p(kn, {
2167
2117
  label: e.label,
2168
2118
  timeout: e.timeout,
2169
2119
  close: e.close,
@@ -2171,99 +2121,96 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
2171
2121
  })
2172
2122
  }, e.id))
2173
2123
  })
2174
- }), G = {
2175
- "elm-tabs": "_elm-tabs_1rgae_1",
2176
- "tab-container": "_tab-container_1rgae_18",
2177
- tab: "_tab_1rgae_18",
2178
- active: "_active_1rgae_40",
2179
- "tab-content-container": "_tab-content-container_1rgae_51",
2180
- "tab-content": "_tab-content_1rgae_51"
2181
- }, On = (e) => {
2182
- let [t, n] = c(0);
2183
- return /* @__PURE__ */ d("div", {
2184
- className: G["elm-tabs"],
2124
+ }), K = {
2125
+ "elm-tabs": "_elm-tabs_ykoqx_1",
2126
+ "tab-container": "_tab-container_ykoqx_18",
2127
+ tab: "_tab_ykoqx_18",
2128
+ active: "_active_ykoqx_40",
2129
+ "tab-content-container": "_tab-content-container_ykoqx_51",
2130
+ "tab-content": "_tab-content_ykoqx_51"
2131
+ }, Mn = (e) => {
2132
+ let [t, n] = d(0);
2133
+ return /* @__PURE__ */ m("div", {
2134
+ className: K["elm-tabs"],
2185
2135
  style: e.style,
2186
- children: [/* @__PURE__ */ u("div", {
2187
- className: G["tab-container"],
2188
- children: e.tabLabels.map((e, r) => /* @__PURE__ */ u("div", {
2189
- className: `${G.tab} ${t === r ? G.active : ""}`,
2136
+ children: [/* @__PURE__ */ p("div", {
2137
+ className: K["tab-container"],
2138
+ children: e.tabLabels.map((e, r) => /* @__PURE__ */ p("div", {
2139
+ className: `${K.tab} ${t === r ? K.active : ""}`,
2190
2140
  onClick: () => n(r),
2191
2141
  children: e
2192
2142
  }, r))
2193
- }), /* @__PURE__ */ u("div", {
2194
- className: G["tab-content-container"],
2195
- children: e.tabContents.map((e, n) => /* @__PURE__ */ u("div", {
2196
- className: `${G["tab-content"]} ${t === n ? G.active : ""}`,
2143
+ }), /* @__PURE__ */ p("div", {
2144
+ className: K["tab-content-container"],
2145
+ children: e.tabContents.map((e, n) => /* @__PURE__ */ p("div", {
2146
+ className: `${K["tab-content"]} ${t === n ? K.active : ""}`,
2197
2147
  children: e
2198
2148
  }, n))
2199
2149
  })]
2200
2150
  });
2201
- }, K = {
2202
- toggle: "_toggle_1i0b6_1",
2203
- open: "_open_1i0b6_8",
2204
- summary: "_summary_1i0b6_12",
2205
- "summary-left": "_summary-left_1i0b6_31",
2206
- content: "_content_1i0b6_37",
2207
- "content-open": "_content-open_1i0b6_60",
2208
- close: "_close_1i0b6_65",
2209
- "close-button": "_close-button_1i0b6_74"
2210
- }, kn = (e) => {
2211
- let [t, n] = c(!1), r = e.value !== void 0, i = r ? e.value : t, a = (t) => {
2151
+ }, q = {
2152
+ toggle: "_toggle_1c0pb_1",
2153
+ open: "_open_1c0pb_8",
2154
+ summary: "_summary_1c0pb_12",
2155
+ "summary-left": "_summary-left_1c0pb_31",
2156
+ content: "_content_1c0pb_37",
2157
+ "content-open": "_content-open_1c0pb_60",
2158
+ close: "_close_1c0pb_65",
2159
+ "close-button": "_close-button_1c0pb_74"
2160
+ }, Nn = (e) => {
2161
+ let [t, n] = d(!1), r = e.value !== void 0, i = r ? e.value : t, a = (t) => {
2212
2162
  t.preventDefault();
2213
2163
  let a = !i;
2214
2164
  r ? e.onChange?.(a) : n(a);
2215
2165
  };
2216
- return /* @__PURE__ */ d("div", {
2217
- className: `${K.toggle} ${i ? K.open : ""}`,
2218
- style: {
2219
- "--margin-block": e.margin,
2220
- ...e.style
2221
- },
2166
+ return /* @__PURE__ */ m("div", {
2167
+ className: `${q.toggle} ${i ? q.open : ""}`,
2168
+ style: { ...e.style },
2222
2169
  children: [
2223
- /* @__PURE__ */ d("div", {
2224
- className: K.summary,
2170
+ /* @__PURE__ */ m("div", {
2171
+ className: q.summary,
2225
2172
  onClick: a,
2226
2173
  style: { borderRadius: i ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem" },
2227
- children: [/* @__PURE__ */ d("div", {
2228
- className: K["summary-left"],
2229
- children: [/* @__PURE__ */ u("span", {
2174
+ children: [/* @__PURE__ */ m("div", {
2175
+ className: q["summary-left"],
2176
+ children: [/* @__PURE__ */ p("span", {
2230
2177
  style: {
2231
2178
  transform: `rotate(${i ? "90deg" : "0deg"})`,
2232
2179
  transition: "transform 200ms",
2233
2180
  display: "flex"
2234
2181
  },
2235
- children: /* @__PURE__ */ u(C, {
2236
- d: ue,
2182
+ children: /* @__PURE__ */ p(C, {
2183
+ d: pe,
2237
2184
  color: "#59b57c",
2238
2185
  size: "1.25em"
2239
2186
  })
2240
- }), /* @__PURE__ */ u("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ u(D, { children: e.summary }) })]
2241
- }), /* @__PURE__ */ u("span", {
2187
+ }), /* @__PURE__ */ p("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ p(E, { children: e.summary }) })]
2188
+ }), /* @__PURE__ */ p("span", {
2242
2189
  style: {
2243
2190
  transform: `rotate(${i ? "135deg" : "0deg"})`,
2244
2191
  transition: "transform 200ms",
2245
2192
  display: "flex"
2246
2193
  },
2247
- children: /* @__PURE__ */ u(C, {
2248
- d: ze,
2194
+ children: /* @__PURE__ */ p(C, {
2195
+ d: He,
2249
2196
  color: i ? "#b36472" : "#59b57c"
2250
2197
  })
2251
2198
  })]
2252
2199
  }),
2253
- /* @__PURE__ */ u("div", {
2254
- className: `${K.content} ${i ? K["content-open"] : ""}`,
2200
+ /* @__PURE__ */ p("div", {
2201
+ className: `${q.content} ${i ? q["content-open"] : ""}`,
2255
2202
  children: e.children
2256
2203
  }),
2257
- i && /* @__PURE__ */ u("div", {
2258
- className: K.close,
2204
+ i && /* @__PURE__ */ p("div", {
2205
+ className: q.close,
2259
2206
  onClick: a,
2260
- children: /* @__PURE__ */ d("div", {
2261
- className: K["close-button"],
2262
- children: [/* @__PURE__ */ u(C, {
2263
- d: de,
2207
+ children: /* @__PURE__ */ m("div", {
2208
+ className: q["close-button"],
2209
+ children: [/* @__PURE__ */ p(C, {
2210
+ d: me,
2264
2211
  size: "1.25em",
2265
2212
  color: "#c56565"
2266
- }), /* @__PURE__ */ u(D, {
2213
+ }), /* @__PURE__ */ p(E, {
2267
2214
  color: "#8e3636",
2268
2215
  children: "CLOSE"
2269
2216
  })]
@@ -2271,102 +2218,99 @@ var Ht = ({ name: e, src: t, filesize: r, margin: i, style: a }) => {
2271
2218
  })
2272
2219
  ]
2273
2220
  });
2274
- }, q = {
2275
- table: "_table_1u89k_1",
2276
- caption: "_caption_1u89k_8",
2277
- "caption-inner": "_caption-inner_1u89k_18",
2278
- spacing: "_spacing_1u89k_25"
2279
- }, An = t(!1), jn = t(!1), Mn = ({ margin: e, caption: t, hasRowHeader: n = !1, header: r, body: i, style: a }) => /* @__PURE__ */ u(jn.Provider, {
2280
- value: n,
2281
- children: /* @__PURE__ */ d("table", {
2282
- className: q.table,
2283
- style: {
2284
- "--margin-block": e,
2285
- ...a
2286
- },
2221
+ }, J = {
2222
+ table: "_table_197ge_1",
2223
+ caption: "_caption_197ge_8",
2224
+ "caption-inner": "_caption-inner_197ge_18",
2225
+ spacing: "_spacing_197ge_25"
2226
+ }, Pn = r(!1), Fn = r(!1), In = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i }) => /* @__PURE__ */ p(Fn.Provider, {
2227
+ value: t,
2228
+ children: /* @__PURE__ */ m("table", {
2229
+ className: J.table,
2230
+ style: i,
2287
2231
  children: [
2288
- t != null && /* @__PURE__ */ u("caption", { children: /* @__PURE__ */ d("span", {
2289
- className: q.caption,
2232
+ e != null && /* @__PURE__ */ p("caption", { children: /* @__PURE__ */ m("span", {
2233
+ className: J.caption,
2290
2234
  children: [
2291
- /* @__PURE__ */ u("span", { className: q.spacing }),
2292
- /* @__PURE__ */ d("span", {
2293
- className: q["caption-inner"],
2294
- children: [/* @__PURE__ */ u("svg", {
2235
+ /* @__PURE__ */ p("span", { className: J.spacing }),
2236
+ /* @__PURE__ */ m("span", {
2237
+ className: J["caption-inner"],
2238
+ children: [/* @__PURE__ */ p("svg", {
2295
2239
  viewBox: "0 0 24 24",
2296
2240
  width: "1rem",
2297
2241
  height: "1rem",
2298
- children: /* @__PURE__ */ u("path", {
2299
- d: He,
2242
+ children: /* @__PURE__ */ p("path", {
2243
+ d: Ge,
2300
2244
  fill: "#6987b8"
2301
2245
  })
2302
- }), /* @__PURE__ */ u(D, { children: t })]
2246
+ }), /* @__PURE__ */ p(E, { children: e })]
2303
2247
  }),
2304
- /* @__PURE__ */ u("span", { className: q.spacing })
2248
+ /* @__PURE__ */ p("span", { className: J.spacing })
2305
2249
  ]
2306
2250
  }) }),
2307
- r,
2308
- i
2251
+ n,
2252
+ r
2309
2253
  ]
2310
2254
  })
2311
- }), Nn = ({ children: e, style: t }) => /* @__PURE__ */ u(An.Provider, {
2255
+ }), Ln = ({ children: e, style: t }) => /* @__PURE__ */ p(Pn.Provider, {
2312
2256
  value: !1,
2313
- children: /* @__PURE__ */ u("tbody", {
2257
+ children: /* @__PURE__ */ p("tbody", {
2314
2258
  style: t,
2315
2259
  children: e
2316
2260
  })
2317
- }), Pn = {
2261
+ }), Rn = {
2318
2262
  common: "_common_15vhm_1",
2319
2263
  td: "_td_15vhm_26",
2320
2264
  th: "_th_15vhm_34"
2321
- }, Fn = ({ children: e, style: t, hasHeader: n = !1, text: i }) => {
2322
- let a = r(An), o = n || a;
2323
- return /* @__PURE__ */ u(o ? "th" : "td", {
2324
- className: `${Pn.common} ${o ? Pn.th : Pn.td}`,
2265
+ }, zn = ({ children: e, style: t, hasHeader: n = !1, text: r }) => {
2266
+ let i = o(Pn), a = n || i;
2267
+ return /* @__PURE__ */ p(a ? "th" : "td", {
2268
+ className: `${Rn.common} ${a ? Rn.th : Rn.td}`,
2325
2269
  style: t,
2326
- children: i ?? e
2270
+ children: r ?? e
2327
2271
  });
2328
- }, In = { thead: "_thead_184mb_1" }, Ln = ({ children: e, style: t }) => /* @__PURE__ */ u(An.Provider, {
2272
+ }, Bn = { thead: "_thead_184mb_1" }, Vn = ({ children: e, style: t }) => /* @__PURE__ */ p(Pn.Provider, {
2329
2273
  value: !0,
2330
- children: /* @__PURE__ */ u("thead", {
2331
- className: In.thead,
2274
+ children: /* @__PURE__ */ p("thead", {
2275
+ className: Bn.thead,
2332
2276
  style: t,
2333
2277
  children: e
2334
2278
  })
2335
- }), Rn = {
2279
+ }), Hn = {
2336
2280
  tr: "_tr_1l64j_1",
2337
2281
  "has-row-header": "_has-row-header_1l64j_25"
2338
- }, zn = ({ children: e, style: t }) => {
2339
- let n = r(jn);
2340
- return /* @__PURE__ */ u("tr", {
2341
- className: `${Rn.tr} ${n ? Rn["has-row-header"] : ""}`,
2282
+ }, Y = ({ children: e, style: t }) => {
2283
+ let n = o(Fn);
2284
+ return /* @__PURE__ */ p("tr", {
2285
+ className: `${Hn.tr} ${n ? Hn["has-row-header"] : ""}`,
2342
2286
  style: t,
2343
2287
  children: e
2344
2288
  });
2345
- }, J = {
2346
- wrapper: "_wrapper_1kvt6_1",
2347
- header: "_header_1kvt6_18",
2348
- header__left: "_header__left_1kvt6_35",
2349
- caption: "_caption_1kvt6_43",
2350
- header__right: "_header__right_1kvt6_49",
2351
- "copy-icon": "_copy-icon_1kvt6_57",
2352
- code: "_code_1kvt6_80",
2353
- "code-body": "_code-body_1kvt6_88",
2354
- fallback: "_fallback_1kvt6_92"
2355
- }, Bn = { code: "_code_1nyfa_1" }, Vn = null;
2356
- function Hn() {
2357
- return Vn || (Vn = import("shiki").then(({ createHighlighter: e }) => e({
2289
+ }, X = {
2290
+ wrapper: "_wrapper_1yj17_1",
2291
+ header: "_header_1yj17_18",
2292
+ header__left: "_header__left_1yj17_36",
2293
+ caption: "_caption_1yj17_44",
2294
+ header__right: "_header__right_1yj17_50",
2295
+ "copy-icon": "_copy-icon_1yj17_58",
2296
+ code: "_code_1yj17_81",
2297
+ "code-body": "_code-body_1yj17_89",
2298
+ fallback: "_fallback_1yj17_93"
2299
+ }, Un = { code: "_code_1nyfa_1" }, Wn = null;
2300
+ function Gn() {
2301
+ return Wn || (Wn = import("shiki").then(({ createHighlighter: e }) => e({
2358
2302
  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("."),
2359
2303
  themes: ["vitesse-light", "vitesse-dark"]
2360
- }))), Vn;
2304
+ }))), Wn;
2361
2305
  }
2362
2306
  //#endregion
2363
2307
  //#region src/components/code/ElmShikiHighlighter.tsx
2364
- var Un = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
2365
- let [a, o] = c(`<pre>${e}</pre>`), l = s(!1);
2366
- return i(() => {
2367
- l.current || Hn().then((r) => {
2308
+ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
2309
+ let [i, a] = d(`<pre>${e}</pre>`), o = u(!1);
2310
+ return s(() => {
2311
+ o.current || Gn().then((r) => {
2368
2312
  try {
2369
- o(r.codeToHtml(e, {
2313
+ a(r.codeToHtml(e, {
2370
2314
  lang: t,
2371
2315
  themes: {
2372
2316
  dark: "vitesse-dark",
@@ -2378,94 +2322,97 @@ var Un = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
2378
2322
  }
2379
2323
  }));
2380
2324
  } catch {} finally {
2381
- l.current = !0, n?.(!0);
2325
+ o.current = !0, n?.(!0);
2382
2326
  }
2383
2327
  }).catch(() => {
2384
- l.current = !0, n?.(!0);
2328
+ o.current = !0, n?.(!0);
2385
2329
  });
2386
2330
  }, [
2387
2331
  e,
2388
2332
  t,
2389
2333
  n
2390
- ]), /* @__PURE__ */ u("div", {
2391
- className: Bn.code,
2334
+ ]), /* @__PURE__ */ p("div", {
2335
+ className: Un.code,
2392
2336
  style: r,
2393
- children: /* @__PURE__ */ u("div", {
2337
+ children: /* @__PURE__ */ p("div", {
2394
2338
  className: "shiki",
2395
- dangerouslySetInnerHTML: { __html: a }
2339
+ dangerouslySetInnerHTML: { __html: i }
2396
2340
  })
2397
2341
  });
2398
- }, Wn = ({ code: e, language: t = "txt", caption: r, margin: a, style: o }) => {
2399
- let [l, f] = c(!1), [p, m] = c(!1), [h, g] = c(!1), _ = s(null), v = s(null);
2400
- i(() => {
2401
- let e = _.current;
2342
+ }, qn = ({ code: e, language: t = "txt", caption: n, style: r }) => {
2343
+ 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);
2344
+ s(() => (b.current && clearTimeout(b.current), b.current = setTimeout(() => {
2345
+ _(e);
2346
+ }, 150), () => {
2347
+ b.current && clearTimeout(b.current);
2348
+ }), [e]), s(() => {
2349
+ let e = v.current;
2402
2350
  if (!e) return;
2403
2351
  let t = new IntersectionObserver(([e]) => {
2404
- g(e.isIntersecting);
2352
+ h(e.isIntersecting);
2405
2353
  });
2406
2354
  return t.observe(e), () => t.disconnect();
2407
2355
  }, []);
2408
- let y = n(() => {
2356
+ let x = a(() => {
2409
2357
  navigator.clipboard.writeText(e).then(() => {
2410
- m(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => m(!1), 2e3);
2358
+ l(!0), y.current && clearTimeout(y.current), y.current = setTimeout(() => l(!1), 2e3);
2411
2359
  });
2412
2360
  }, [e]);
2413
- return i(() => () => {
2414
- v.current && clearTimeout(v.current);
2415
- }, []), /* @__PURE__ */ d("div", {
2416
- ref: _,
2417
- className: J.wrapper,
2361
+ return s(() => () => {
2362
+ y.current && clearTimeout(y.current);
2363
+ }, []), /* @__PURE__ */ m("div", {
2364
+ ref: v,
2365
+ className: X.wrapper,
2418
2366
  style: {
2419
- "--margin-block": a,
2420
- opacity: +!!h,
2421
- ...o
2367
+ opacity: +!!f,
2368
+ ...r
2422
2369
  },
2423
- children: [/* @__PURE__ */ d("div", {
2424
- className: J.header,
2425
- children: [/* @__PURE__ */ d("div", {
2426
- className: J.header__left,
2427
- children: [/* @__PURE__ */ u(Ye, {
2370
+ children: [/* @__PURE__ */ m("div", {
2371
+ className: X.header,
2372
+ children: [/* @__PURE__ */ m("div", {
2373
+ className: X.header__left,
2374
+ children: [/* @__PURE__ */ p(et, {
2428
2375
  language: t,
2429
2376
  size: 20
2430
- }), /* @__PURE__ */ u("span", {
2431
- className: J.caption,
2432
- children: /* @__PURE__ */ u(D, { children: r ?? t })
2377
+ }), /* @__PURE__ */ p("span", {
2378
+ className: X.caption,
2379
+ children: /* @__PURE__ */ p(E, { children: n ?? t })
2433
2380
  })]
2434
- }), /* @__PURE__ */ u("div", {
2435
- className: J.header__right,
2436
- children: /* @__PURE__ */ u("div", {
2437
- className: J["copy-icon"],
2438
- onClick: y,
2439
- children: /* @__PURE__ */ u(C, {
2381
+ }), /* @__PURE__ */ p("div", {
2382
+ className: X.header__right,
2383
+ children: /* @__PURE__ */ p("div", {
2384
+ className: X["copy-icon"],
2385
+ onClick: x,
2386
+ children: /* @__PURE__ */ p(C, {
2440
2387
  size: "1.25em",
2441
- d: p ? fe : pe,
2442
- color: p ? "#b69545" : void 0
2388
+ d: c ? he : ge,
2389
+ useThemeColor: c
2443
2390
  })
2444
2391
  })
2445
2392
  })]
2446
- }), /* @__PURE__ */ d("div", {
2447
- className: J.code,
2448
- children: [/* @__PURE__ */ u("div", {
2449
- className: J["code-body"],
2450
- style: { opacity: +!!l },
2451
- children: /* @__PURE__ */ u(Un, {
2452
- code: e,
2393
+ }), /* @__PURE__ */ m("div", {
2394
+ className: X.code,
2395
+ children: [/* @__PURE__ */ p("div", {
2396
+ className: X["code-body"],
2397
+ style: { opacity: +!!i },
2398
+ children: /* @__PURE__ */ p(Kn, {
2399
+ code: g,
2453
2400
  language: t,
2454
- onRendered: f
2401
+ onRendered: o
2455
2402
  })
2456
- }), /* @__PURE__ */ u("div", {
2457
- className: J.fallback,
2458
- style: { opacity: +!l },
2459
- children: /* @__PURE__ */ u(w, { size: "48px" })
2403
+ }), /* @__PURE__ */ p("div", {
2404
+ className: X.fallback,
2405
+ style: { opacity: +!i },
2406
+ children: /* @__PURE__ */ p(w, { size: "48px" })
2460
2407
  })]
2461
2408
  })]
2462
2409
  });
2463
- }, Gn = { katex: "_katex_10mkg_1" }, Kn = ({ expression: e, block: t = !1, style: n }) => {
2464
- let [r, a] = c();
2465
- i(() => {
2410
+ }, Jn = { katex: "_katex_1a1aj_1" }, Yn = ({ expression: e, block: t = !1, style: n }) => {
2411
+ let [r, i] = d();
2412
+ s(() => {
2466
2413
  import("katex").then(({ renderToString: n }) => {
2467
2414
  try {
2468
- a(n(e, {
2415
+ i(n(e, {
2469
2416
  displayMode: t,
2470
2417
  output: "mathml"
2471
2418
  }));
@@ -2474,126 +2421,61 @@ var Un = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
2474
2421
  }
2475
2422
  }).catch(() => {});
2476
2423
  }, [e, t]);
2477
- let o = `${Gn.katex}`;
2478
- return t ? /* @__PURE__ */ u("div", {
2479
- className: o,
2480
- style: {
2481
- marginBlock: "3rem",
2482
- ...n
2483
- },
2484
- dangerouslySetInnerHTML: r ? { __html: r } : void 0
2485
- }) : /* @__PURE__ */ u("span", {
2486
- className: o,
2424
+ let a = `${Jn.katex}`;
2425
+ return p(t ? "div" : "span", {
2426
+ className: a,
2487
2427
  style: n,
2488
2428
  dangerouslySetInnerHTML: r ? { __html: r } : void 0
2489
2429
  });
2490
- }, qn = {
2491
- mermaid: "_mermaid_1jn2f_1",
2492
- raw: "_raw_1jn2f_10",
2493
- rendered: "_rendered_1jn2f_14"
2494
- }, Y = {
2495
- instance: null,
2496
- svgCache: /* @__PURE__ */ new Map()
2497
- }, Jn = 0;
2498
- function Yn(e) {
2499
- let t = 0;
2500
- for (let n = 0; n < e.length; n++) {
2501
- let r = e.charCodeAt(n);
2502
- t = (t << 5) - t + r, t &= t;
2503
- }
2504
- return `mermaid-${t}`;
2505
- }
2506
- var Xn = ({ code: e, style: t }) => {
2507
- let n = s(null), [r, a] = c(!1);
2508
- return i(() => {
2509
- if (!n.current) return;
2510
- let t = !1;
2511
- return a(!1), (async () => {
2512
- try {
2513
- let r = Yn(e);
2514
- if (Y.svgCache.has(r)) {
2515
- !t && n.current && (n.current.innerHTML = Y.svgCache.get(r), a(!0));
2516
- return;
2517
- }
2518
- if (!Y.instance) {
2519
- let { default: e } = await import("mermaid");
2520
- e.initialize({
2521
- startOnLoad: !1,
2522
- theme: "base",
2523
- themeVariables: {
2524
- mainBkg: "#fbfcff",
2525
- lineColor: "#606875",
2526
- primaryColor: "#6c7483",
2527
- secondaryColor: "#e9dec5",
2528
- tertiaryColor: "#f5f6f8",
2529
- tertiaryBorderColor: "#e2d4b2",
2530
- tertiaryTextColor: "#b69545",
2531
- signalColor: "#949ba7"
2532
- }
2533
- }), Y.instance = e;
2534
- }
2535
- let i = `mermaid-react-${++Jn}`, { svg: o } = await Y.instance.render(i, e);
2536
- Y.svgCache.set(r, o), !t && n.current && (n.current.innerHTML = o, a(!0));
2537
- } catch (r) {
2538
- console.error("Mermaid render error:", r), !t && n.current && (n.current.innerHTML = `<pre>${e}</pre>`, a(!0));
2539
- }
2540
- })(), () => {
2541
- t = !0;
2542
- };
2543
- }, [e]), /* @__PURE__ */ u("div", {
2544
- ref: n,
2545
- className: `${qn.mermaid} ${r ? qn.rendered : qn.raw}`,
2546
- style: t
2547
- });
2548
- }, X = {
2430
+ }, Z = {
2549
2431
  "color-bg": "_color-bg_yiibu_1",
2550
2432
  text: "_text_yiibu_17"
2551
- }, Zn = ({ color: e, style: t }) => {
2552
- 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) => {
2433
+ }, Xn = ({ color: e, style: t }) => {
2434
+ 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) => {
2553
2435
  navigator.clipboard.writeText(e).then(() => {
2554
- i(!0), a.current && clearTimeout(a.current), a.current = setTimeout(() => i(!1), 1500);
2436
+ r(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => r(!1), 1500);
2555
2437
  });
2556
2438
  }, []);
2557
- return /* @__PURE__ */ u("div", {
2439
+ return /* @__PURE__ */ p("div", {
2558
2440
  style: {
2559
2441
  "--color": e,
2560
2442
  ...t
2561
2443
  },
2562
- children: /* @__PURE__ */ u(Sn, {
2563
- original: /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
2564
- className: X["color-bg"],
2444
+ children: /* @__PURE__ */ p(En, {
2445
+ original: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
2446
+ className: Z["color-bg"],
2565
2447
  style: { "--background-color": e },
2566
- onClick: () => x(v),
2567
- children: r && /* @__PURE__ */ u(C, {
2568
- d: se,
2448
+ onClick: () => x(h),
2449
+ children: n && /* @__PURE__ */ p(C, {
2450
+ d: ue,
2569
2451
  size: "1em",
2570
2452
  color: "white"
2571
2453
  })
2572
- }), /* @__PURE__ */ u("div", {
2573
- className: X.text,
2574
- onClick: () => x(v),
2575
- children: v
2454
+ }), /* @__PURE__ */ p("div", {
2455
+ className: Z.text,
2456
+ onClick: () => x(h),
2457
+ children: h
2576
2458
  })] }),
2577
- tooltip: /* @__PURE__ */ d(l, { children: [
2578
- /* @__PURE__ */ u("div", {
2579
- className: X.text,
2580
- onClick: () => x(v),
2581
- children: v
2459
+ tooltip: /* @__PURE__ */ m(f, { children: [
2460
+ /* @__PURE__ */ p("div", {
2461
+ className: Z.text,
2462
+ onClick: () => x(h),
2463
+ children: h
2582
2464
  }),
2583
- /* @__PURE__ */ u("div", {
2584
- className: X.text,
2585
- onClick: () => x(y),
2586
- children: y
2465
+ /* @__PURE__ */ p("div", {
2466
+ className: Z.text,
2467
+ onClick: () => x(g),
2468
+ children: g
2587
2469
  }),
2588
- /* @__PURE__ */ u("div", {
2589
- className: X.text,
2590
- onClick: () => x(b),
2591
- children: b
2470
+ /* @__PURE__ */ p("div", {
2471
+ className: Z.text,
2472
+ onClick: () => x(_),
2473
+ children: _
2592
2474
  })
2593
2475
  ] })
2594
2476
  })
2595
2477
  });
2596
- }, Z = {
2478
+ }, Zn = {
2597
2479
  container: "_container_a7c06_1",
2598
2480
  "row-container": "_row-container_a7c06_9",
2599
2481
  "color-name": "_color-name_a7c06_17"
@@ -2611,28 +2493,28 @@ var Xn = ({ code: e, style: t }) => {
2611
2493
  .2,
2612
2494
  .25,
2613
2495
  .3
2614
- ], $n = ({ colors: e, style: t }) => /* @__PURE__ */ u("div", {
2615
- className: Z.container,
2496
+ ], $n = ({ colors: e, style: t }) => /* @__PURE__ */ p("div", {
2497
+ className: Zn.container,
2616
2498
  style: t,
2617
- children: e.map((e) => /* @__PURE__ */ d("div", {
2618
- className: Z["row-container"],
2619
- children: [/* @__PURE__ */ u("div", {
2620
- className: Z["color-name"],
2499
+ children: e.map((e) => /* @__PURE__ */ m("div", {
2500
+ className: Zn["row-container"],
2501
+ children: [/* @__PURE__ */ p("div", {
2502
+ className: Zn["color-name"],
2621
2503
  style: { "--color": e.code },
2622
2504
  children: e.name
2623
- }), Qn.map((t) => /* @__PURE__ */ u(Zn, { color: f(t, e.code) }, t))]
2505
+ }), Qn.map((t) => /* @__PURE__ */ p(Xn, { color: h(t, e.code) }, t))]
2624
2506
  }, e.name))
2625
2507
  }), Q = {
2626
- palette: "_palette_nr5mr_1",
2627
- header: "_header_nr5mr_11",
2628
- input: "_input_nr5mr_31",
2629
- body: "_body_nr5mr_43",
2630
- "empty-result": "_empty-result_nr5mr_60",
2631
- command: "_command_nr5mr_71",
2632
- "command-selected": "_command-selected_nr5mr_96",
2633
- "command-icon": "_command-icon_nr5mr_101",
2634
- tag: "_tag_nr5mr_105",
2635
- footer: "_footer_nr5mr_116"
2508
+ palette: "_palette_1u43p_1",
2509
+ header: "_header_1u43p_11",
2510
+ input: "_input_1u43p_31",
2511
+ body: "_body_1u43p_43",
2512
+ "empty-result": "_empty-result_1u43p_60",
2513
+ command: "_command_1u43p_71",
2514
+ "command-selected": "_command-selected_1u43p_99",
2515
+ "command-icon": "_command-icon_1u43p_104",
2516
+ tag: "_tag_1u43p_108",
2517
+ footer: "_footer_1u43p_119"
2636
2518
  }, er = {
2637
2519
  brown: "#a17c5b",
2638
2520
  crimson: "#c56565",
@@ -2649,74 +2531,74 @@ function tr(e, t) {
2649
2531
  let n = t.toLowerCase();
2650
2532
  return e.filter((e) => e.label.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n) || e.keywords?.some((e) => e.toLowerCase().includes(n)));
2651
2533
  }
2652
- var nr = ({ commands: e, onCommandInvoked: t, style: r }) => {
2653
- let [a, o] = c(""), [l, f] = c([]), [p, h] = c(null), g = s(null);
2654
- i(() => {
2655
- g.current?.focus();
2534
+ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
2535
+ let [r, i] = d(""), [o, c] = d([]), [l, f] = d(null), h = u(null);
2536
+ s(() => {
2537
+ h.current?.focus();
2656
2538
  }, []);
2657
- let _ = n((t) => {
2539
+ let g = a((t) => {
2658
2540
  let n = t.target.value;
2659
- o(n);
2541
+ i(n);
2660
2542
  let r = tr(e, n);
2661
- f(r), h(r.length > 0 ? 0 : null);
2662
- }, [e]), v = n((e) => {
2543
+ c(r), f(r.length > 0 ? 0 : null);
2544
+ }, [e]), v = a((e) => {
2663
2545
  if (e === null) return;
2664
- let n = l[e];
2546
+ let n = o[e];
2665
2547
  n && (n.onInvoke?.(), t?.(n));
2666
- }, [l, t]);
2667
- return i(() => {
2548
+ }, [o, t]);
2549
+ return s(() => {
2668
2550
  let e = (e) => {
2669
- 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));
2551
+ e.key === "ArrowDown" || e.key === "Tab" ? (e.preventDefault(), f((e) => e === null ? 0 : e < o.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), f((e) => e === null ? 0 : e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), v(l));
2670
2552
  };
2671
2553
  return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
2672
2554
  }, [
2673
2555
  v,
2674
- p,
2675
- l.length
2676
- ]), /* @__PURE__ */ d("div", {
2556
+ l,
2557
+ o.length
2558
+ ]), /* @__PURE__ */ m("div", {
2677
2559
  className: Q.palette,
2678
2560
  style: {
2679
2561
  "--height": "500px",
2680
2562
  "--width": "800px",
2681
- ...r
2563
+ ...n
2682
2564
  },
2683
2565
  children: [
2684
- /* @__PURE__ */ d("header", {
2566
+ /* @__PURE__ */ m("header", {
2685
2567
  className: Q.header,
2686
- children: [/* @__PURE__ */ u(C, { d: he }), /* @__PURE__ */ u("input", {
2687
- ref: g,
2568
+ children: [/* @__PURE__ */ p(C, { d: ve }), /* @__PURE__ */ p("input", {
2569
+ ref: h,
2688
2570
  className: Q.input,
2689
- value: a,
2690
- onChange: _,
2571
+ value: r,
2572
+ onChange: g,
2691
2573
  type: "text",
2692
2574
  inputMode: "text"
2693
2575
  })]
2694
2576
  }),
2695
- /* @__PURE__ */ u("div", {
2577
+ /* @__PURE__ */ p("div", {
2696
2578
  className: Q.body,
2697
- children: l.length === 0 ? /* @__PURE__ */ u("div", {
2579
+ children: o.length === 0 ? /* @__PURE__ */ p("div", {
2698
2580
  className: Q["empty-result"],
2699
- children: /* @__PURE__ */ u(D, { children: "search anything..." })
2700
- }) : l.map((e, t) => /* @__PURE__ */ d("button", {
2701
- className: `${Q.command} ${t === p ? Q["command-selected"] : ""}`,
2581
+ children: /* @__PURE__ */ p(E, { children: "search anything..." })
2582
+ }) : o.map((e, t) => /* @__PURE__ */ m("button", {
2583
+ className: `${Q.command} ${t === l ? Q["command-selected"] : ""}`,
2702
2584
  onClick: () => {
2703
- h(t), v(t);
2585
+ f(t), v(t);
2704
2586
  },
2705
2587
  children: [
2706
- e.icon ? /* @__PURE__ */ u("img", {
2588
+ e.icon ? /* @__PURE__ */ p("img", {
2707
2589
  className: Q["command-icon"],
2708
2590
  src: e.icon,
2709
2591
  alt: e.label
2710
- }) : /* @__PURE__ */ u(C, {
2711
- d: he,
2592
+ }) : /* @__PURE__ */ p(C, {
2593
+ d: ve,
2712
2594
  size: "1rem"
2713
2595
  }),
2714
- e.tag ? /* @__PURE__ */ u("div", {
2596
+ e.tag ? /* @__PURE__ */ p("div", {
2715
2597
  className: Q.tag,
2716
- style: { "--tag-color": m(-.3, er[e.tag.color]) },
2598
+ style: { "--tag-color": _(-.3, er[e.tag.color]) },
2717
2599
  children: e.tag.name
2718
- }) : /* @__PURE__ */ u("div", { className: Q.tag }),
2719
- /* @__PURE__ */ u(D, {
2600
+ }) : /* @__PURE__ */ p("div", { className: Q.tag }),
2601
+ /* @__PURE__ */ p(E, {
2720
2602
  style: {
2721
2603
  whiteSpace: "nowrap",
2722
2604
  overflow: "hidden",
@@ -2725,7 +2607,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: r }) => {
2725
2607
  },
2726
2608
  children: e.label
2727
2609
  }),
2728
- /* @__PURE__ */ u(D, {
2610
+ /* @__PURE__ */ p(E, {
2729
2611
  style: {
2730
2612
  opacity: .4,
2731
2613
  whiteSpace: "nowrap",
@@ -2734,92 +2616,392 @@ var nr = ({ commands: e, onCommandInvoked: t, style: r }) => {
2734
2616
  },
2735
2617
  children: e.description ?? "-"
2736
2618
  }),
2737
- /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(C, { d: Oe }) })
2619
+ /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(C, { d: je }) })
2738
2620
  ]
2739
2621
  }, e.id))
2740
2622
  }),
2741
- /* @__PURE__ */ d("footer", {
2623
+ /* @__PURE__ */ m("footer", {
2742
2624
  className: Q.footer,
2743
- children: [/* @__PURE__ */ u(D, {
2625
+ children: [/* @__PURE__ */ p(E, {
2744
2626
  kbd: !0,
2745
2627
  children: "Esc"
2746
- }), /* @__PURE__ */ u(D, { children: "Close" })]
2628
+ }), /* @__PURE__ */ p(E, { children: "Close" })]
2747
2629
  })
2748
2630
  ]
2749
2631
  });
2750
2632
  }, rr = {
2751
2633
  "jarkup-body": "_jarkup-body_jsvhx_1",
2752
2634
  "unsupported-block": "_unsupported-block_jsvhx_5"
2753
- }, ir = ({ jsonComponents: e, style: t }) => /* @__PURE__ */ u("div", {
2635
+ }, ir = ({ jsonComponents: e, style: t }) => /* @__PURE__ */ p("div", {
2754
2636
  className: rr["jarkup-body"],
2755
2637
  style: t,
2756
- children: e.map((e, t) => /* @__PURE__ */ u("div", {
2638
+ children: e.map((e, t) => /* @__PURE__ */ p("div", {
2757
2639
  className: rr["unsupported-block"],
2758
- children: /* @__PURE__ */ u("code", { children: JSON.stringify(e, null, 2) })
2640
+ children: /* @__PURE__ */ p("code", { children: JSON.stringify(e, null, 2) })
2759
2641
  }, t))
2760
- }), ar = { "markdown-body": "_markdown-body_130yx_1" }, or = ({ markdown: e, style: t }) => {
2761
- let [n, r] = c("");
2762
- return i(() => {
2763
- import("marked").then(({ marked: t }) => {
2764
- try {
2765
- let n = t.setOptions({ gfm: !0 }).parse(e);
2766
- typeof n == "string" ? r(n) : n.then(r);
2767
- } catch (t) {
2768
- console.error("Markdown rendering error:", t), r(`<pre>${e}</pre>`);
2769
- }
2770
- }).catch(() => {
2771
- r(`<pre>${e}</pre>`);
2772
- });
2773
- }, [e]), /* @__PURE__ */ u("div", {
2774
- className: ar["markdown-body"],
2775
- style: t,
2776
- dangerouslySetInnerHTML: { __html: n }
2642
+ }), ar = {
2643
+ "jarkup-body": "_jarkup-body_1rlbi_1",
2644
+ "column-list": "_column-list_1rlbi_9",
2645
+ column: "_column_1rlbi_9"
2646
+ }, or = i(() => import("./ElmMermaid-BFqvHKdQ.js").then((e) => e.n).then((e) => ({ default: e.ElmMermaid }))), sr = (e) => e.map((e) => e.type === "Text" ? e.props.text : "").join(""), cr = {
2647
+ Text: (e, t, n, r) => {
2648
+ let i = e.id ?? n, a = e.props;
2649
+ return a.katex ? /* @__PURE__ */ p(Yn, {
2650
+ expression: a.text,
2651
+ block: !1
2652
+ }, i) : /* @__PURE__ */ p(E, {
2653
+ color: a.color,
2654
+ backgroundColor: a.backgroundColor,
2655
+ bold: a.bold,
2656
+ italic: a.italic,
2657
+ underline: a.underline,
2658
+ strikethrough: a.strikethrough,
2659
+ code: a.code,
2660
+ ruby: a.ruby,
2661
+ href: a.href,
2662
+ favicon: a.favicon,
2663
+ children: a.text
2664
+ }, i);
2665
+ },
2666
+ Icon: (e, t, n, r) => {
2667
+ let i = e.id ?? n;
2668
+ return /* @__PURE__ */ p(S, {
2669
+ src: e.props.src,
2670
+ alt: e.props.alt
2671
+ }, i);
2672
+ },
2673
+ Fragment: (e, n, r, i) => {
2674
+ let a = e.id ?? r;
2675
+ return /* @__PURE__ */ p(t.Fragment, { children: n(e.slots.default) }, a);
2676
+ },
2677
+ Heading: (e, t, n, r) => {
2678
+ let i = e.id ?? n;
2679
+ return /* @__PURE__ */ p(O, {
2680
+ level: e.props.level,
2681
+ id: Ye(sr(e.slots.default)),
2682
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2683
+ children: t(e.slots.default)
2684
+ }, i);
2685
+ },
2686
+ Paragraph: (e, t, n, r) => {
2687
+ let i = e.id ?? n;
2688
+ return /* @__PURE__ */ p(St, {
2689
+ backgroundColor: e.props?.backgroundColor,
2690
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2691
+ children: t(e.slots.default)
2692
+ }, i);
2693
+ },
2694
+ ListItem: (e, t, n, r) => {
2695
+ let i = e.id ?? n;
2696
+ return /* @__PURE__ */ p("li", { children: t(e.slots.default) }, i);
2697
+ },
2698
+ List: (e, t, n, r) => {
2699
+ let i = e.id ?? n;
2700
+ return /* @__PURE__ */ p(Ft, {
2701
+ listStyle: e.props?.listStyle === "unordered" ? "unordered" : "ordered",
2702
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2703
+ children: t(e.slots.default)
2704
+ }, i);
2705
+ },
2706
+ BlockQuote: (e, t, n, r) => {
2707
+ let i = e.id ?? n;
2708
+ return /* @__PURE__ */ p(Ct, {
2709
+ cite: e.props?.cite,
2710
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2711
+ children: t(e.slots.default)
2712
+ }, i);
2713
+ },
2714
+ Callout: (e, t, n, r) => {
2715
+ let i = e.id ?? n;
2716
+ return /* @__PURE__ */ p(Et, {
2717
+ type: e.props?.type,
2718
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2719
+ children: t(e.slots.default)
2720
+ }, i);
2721
+ },
2722
+ Divider: (e, t, n, r) => {
2723
+ let i = e.id ?? n;
2724
+ return /* @__PURE__ */ p(Ot, { style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0 }, i);
2725
+ },
2726
+ Toggle: (e, t, n, r) => {
2727
+ let i = e.id ?? n;
2728
+ return /* @__PURE__ */ p(Nn, {
2729
+ summaryContent: t(e.slots.summary),
2730
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2731
+ children: t(e.slots.default)
2732
+ }, i);
2733
+ },
2734
+ Bookmark: (e, t, n, r) => {
2735
+ let i = e.id ?? n;
2736
+ return /* @__PURE__ */ p(Jt, {
2737
+ url: e.props.url,
2738
+ title: e.props.title,
2739
+ description: e.props.description,
2740
+ image: e.props.image,
2741
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2742
+ }, i);
2743
+ },
2744
+ File: (e, t, n, r) => {
2745
+ let i = e.id ?? n;
2746
+ return /* @__PURE__ */ p(qt, {
2747
+ src: e.props.src,
2748
+ name: e.props.name,
2749
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2750
+ }, i);
2751
+ },
2752
+ Image: (e, t, n, r) => {
2753
+ let i = e.id ?? n;
2754
+ return /* @__PURE__ */ p(M, {
2755
+ src: e.props.src,
2756
+ alt: e.props.alt,
2757
+ width: e.props.width,
2758
+ height: e.props.height,
2759
+ block: !0,
2760
+ enableModal: !0,
2761
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2762
+ }, i);
2763
+ },
2764
+ CodeBlock: (e, t, n, r) => {
2765
+ let i = e.id ?? n;
2766
+ return /* @__PURE__ */ p(qn, {
2767
+ code: e.props.code,
2768
+ language: e.props.language,
2769
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2770
+ }, i);
2771
+ },
2772
+ Katex: (e, t, n, r) => {
2773
+ let i = e.id ?? n;
2774
+ return /* @__PURE__ */ p(Yn, {
2775
+ expression: e.props.expression,
2776
+ block: !0,
2777
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2778
+ }, i);
2779
+ },
2780
+ Mermaid: (e, t, r, i) => {
2781
+ let a = e.id ?? r;
2782
+ return /* @__PURE__ */ p(n, {
2783
+ fallback: /* @__PURE__ */ p(nn, {}),
2784
+ children: /* @__PURE__ */ p(or, {
2785
+ code: e.props.code,
2786
+ style: r === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2787
+ })
2788
+ }, a);
2789
+ },
2790
+ Tab: (e, t, n, r) => [],
2791
+ Tabs: (e, t, n, r) => {
2792
+ let i = e.id ?? n, a = [], o = [];
2793
+ for (let n of e.slots.default) a.push(/* @__PURE__ */ p("span", { children: t(n.slots.labels) })), o.push(/* @__PURE__ */ p("div", { children: t(n.slots.contents) }));
2794
+ return /* @__PURE__ */ p(Mn, {
2795
+ tabLabels: a,
2796
+ tabContents: o
2797
+ }, i);
2798
+ },
2799
+ Table: (e, t, n, r) => {
2800
+ let i = e.id ?? n;
2801
+ return /* @__PURE__ */ p(In, {
2802
+ caption: e.props?.caption,
2803
+ hasRowHeader: e.props?.hasRowHeader,
2804
+ header: e.slots.header ? /* @__PURE__ */ p(Vn, { children: t(e.slots.header) }) : void 0,
2805
+ body: /* @__PURE__ */ p(Ln, { children: t(e.slots.body) }),
2806
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2807
+ }, i);
2808
+ },
2809
+ TableRow: (e, t, n, r) => {
2810
+ let i = e.id ?? n;
2811
+ return /* @__PURE__ */ p(Y, { children: t(e.slots.default) }, i);
2812
+ },
2813
+ TableCell: (e, t, n, r) => {
2814
+ let i = e.id ?? n;
2815
+ return /* @__PURE__ */ p(zn, { children: t(e.slots.default) }, i);
2816
+ },
2817
+ ColumnList: (e, t, n, r) => {
2818
+ let i = e.id ?? n;
2819
+ return /* @__PURE__ */ p("div", {
2820
+ className: ar["column-list"],
2821
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
2822
+ children: t(e.slots.default)
2823
+ }, i);
2824
+ },
2825
+ Column: (e, t, n, r) => {
2826
+ let i = e.id ?? n;
2827
+ return /* @__PURE__ */ p("div", {
2828
+ className: ar.column,
2829
+ style: {
2830
+ "--width-ratio": e.props?.widthRatio ?? 1,
2831
+ width: e.props?.widthRatio ? `${e.props.widthRatio * 100}%` : void 0,
2832
+ ...n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2833
+ },
2834
+ children: t(e.slots.default)
2835
+ }, i);
2836
+ },
2837
+ Unsupported: (e, t, n, r) => {
2838
+ let i = e.id ?? n;
2839
+ return r?.skipUnsupportedComponentWarning ? null : /* @__PURE__ */ p(on, {
2840
+ details: e.props?.details ?? `Unsupported component type: ${e.type}`,
2841
+ style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
2842
+ }, i);
2843
+ }
2844
+ }, lr = ({ jsonComponents: e, skipUnsupportedComponentWarning: t = !1, renderFunctionMap: n, style: r }) => {
2845
+ let i = {
2846
+ ...cr,
2847
+ ...n
2848
+ }, a = (e) => e.map((e, n) => {
2849
+ let o = e.id ?? n, s = i[e.type];
2850
+ return s ? s(e, a, n, {
2851
+ skipUnsupportedComponentWarning: t,
2852
+ style: r
2853
+ }) : t ? null : /* @__PURE__ */ p(on, { details: `Unsupported component type: ${e.type}` }, o);
2854
+ });
2855
+ return /* @__PURE__ */ p("div", {
2856
+ className: ar["jarkup-body"],
2857
+ style: {
2858
+ "--elmethis-margin-block-start": r?.["--elmethis-margin-block-start"] ?? "2.5rem",
2859
+ ...r
2860
+ },
2861
+ children: a(e)
2862
+ });
2863
+ }, ur = { "markdown-body": "_markdown-body_130yx_1" }, dr = {
2864
+ 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),
2865
+ br: (e, t, n) => /* @__PURE__ */ p("br", {}, n),
2866
+ checkbox: (e, t, n) => /* @__PURE__ */ p(sn, {
2867
+ label: e.raw,
2868
+ checked: e.checked
2869
+ }, n),
2870
+ code: (e, t, n) => /* @__PURE__ */ p(qn, {
2871
+ code: e.text.trim(),
2872
+ language: e.lang
2873
+ }, n),
2874
+ codespan: (e, t, n) => /* @__PURE__ */ p(E, {
2875
+ code: !0,
2876
+ children: e.text
2877
+ }, n),
2878
+ def: () => null,
2879
+ del: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
2880
+ strikethrough: !0,
2881
+ children: t(e.tokens)
2882
+ }, n) : /* @__PURE__ */ p(E, {
2883
+ strikethrough: !0,
2884
+ children: e.text
2885
+ }, n),
2886
+ em: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
2887
+ italic: !0,
2888
+ children: t(e.tokens)
2889
+ }, n) : /* @__PURE__ */ p(E, {
2890
+ italic: !0,
2891
+ children: e.text
2892
+ }, n),
2893
+ escape: () => null,
2894
+ heading: (e, t, n) => {
2895
+ let r = e.depth;
2896
+ return e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(O, {
2897
+ level: r,
2898
+ children: t(e.tokens)
2899
+ }, n) : /* @__PURE__ */ p(O, {
2900
+ level: r,
2901
+ text: e.text
2902
+ }, n);
2903
+ },
2904
+ hr: (e, t, n) => /* @__PURE__ */ p(Ot, {}, n),
2905
+ html: () => null,
2906
+ image: (e, t, n) => /* @__PURE__ */ p(M, {
2907
+ block: !0,
2908
+ enableModal: !0,
2909
+ src: e.href,
2910
+ alt: e.text
2911
+ }, n),
2912
+ link: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
2913
+ href: e.href,
2914
+ children: t(e.tokens)
2915
+ }, n) : /* @__PURE__ */ p(E, {
2916
+ href: e.href,
2917
+ children: e.text
2918
+ }, n),
2919
+ list: (e, t, n) => {
2920
+ let r = e.items.map((e, n) => /* @__PURE__ */ p("li", { children: t(e.tokens) }, n));
2921
+ return /* @__PURE__ */ p(Ft, {
2922
+ listStyle: e.ordered ? "ordered" : "unordered",
2923
+ children: r
2924
+ }, n);
2925
+ },
2926
+ list_item: (e, t, n) => /* @__PURE__ */ p("li", { children: e.tokens && e.tokens.length !== 0 ? t(e.tokens) : e.text }, n),
2927
+ paragraph: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(St, { children: t(e.tokens) }, n) : null,
2928
+ space: () => null,
2929
+ strong: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(E, {
2930
+ bold: !0,
2931
+ children: t(e.tokens)
2932
+ }, n) : /* @__PURE__ */ p(E, {
2933
+ bold: !0,
2934
+ children: e.text
2935
+ }, n),
2936
+ table: (e, t, n) => {
2937
+ let r = (e) => e.map((e, n) => /* @__PURE__ */ p(zn, { children: t(e.tokens) }, n)), i = /* @__PURE__ */ p(Y, { children: r(e.header) }), a = e.rows.map((e, t) => /* @__PURE__ */ p(Y, { children: r(e) }, t));
2938
+ return /* @__PURE__ */ p(In, {
2939
+ header: /* @__PURE__ */ p(Vn, { children: i }),
2940
+ body: /* @__PURE__ */ p(Ln, { children: a })
2941
+ }, n);
2942
+ },
2943
+ 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)
2944
+ }, fr = ({ markdown: e, style: t, renderFunctionMap: n }) => {
2945
+ let r = {
2946
+ ...dr,
2947
+ ...n
2948
+ }, i = (e) => e.map((e, t) => {
2949
+ let n = r[e.type];
2950
+ return n ? n(e, i, t) : null;
2951
+ }), a = Xe.setOptions({ gfm: !0 }).lexer(e);
2952
+ return /* @__PURE__ */ p("div", {
2953
+ className: ur["markdown-body"],
2954
+ style: {
2955
+ "--elmethis-margin-block-start": "2.5rem",
2956
+ ...t
2957
+ },
2958
+ children: i(a)
2777
2959
  });
2778
2960
  }, $ = {
2779
2961
  char: "_char_sojtj_1",
2780
2962
  typed: "_typed_sojtj_20",
2781
2963
  current: "_current_sojtj_24",
2782
2964
  incorrect: "_incorrect_sojtj_29"
2783
- }, sr = ({ target: e = "Typing game", style: t }) => {
2784
- let [n, r] = c(() => {
2965
+ }, pr = ({ target: e = "Typing game", style: t }) => {
2966
+ let [n, r] = d(() => {
2785
2967
  let t = e.split("").map((e) => ({
2786
2968
  char: e,
2787
2969
  status: "default"
2788
2970
  }));
2789
2971
  return t.length > 0 && (t[0].status = "current"), t;
2790
- }), [a, o] = c(0), [s, l] = c(0), [f, p] = c(!1);
2791
- return i(() => {
2972
+ }), [i, a] = d(0), [o, c] = d(0), [l, u] = d(!1);
2973
+ return s(() => {
2792
2974
  let t = e.split("").map((e) => ({
2793
2975
  char: e,
2794
2976
  status: "default"
2795
2977
  }));
2796
2978
  t.length > 0 && (t[0].status = "current");
2797
2979
  let n = window.setTimeout(() => {
2798
- r(t), o(0), l(0), p(!1);
2980
+ r(t), a(0), c(0), u(!1);
2799
2981
  }, 0);
2800
2982
  return () => clearTimeout(n);
2801
- }, [e]), i(() => {
2983
+ }, [e]), s(() => {
2802
2984
  let e = (e) => {
2803
- f || e.key.length !== 1 || r((t) => {
2804
- if (!t[a]) return t;
2985
+ l || e.key.length !== 1 || r((t) => {
2986
+ if (!t[i]) return t;
2805
2987
  let n = [...t];
2806
- return e.key === n[a].char ? (n[a] = {
2807
- ...n[a],
2988
+ return e.key === n[i].char ? (n[i] = {
2989
+ ...n[i],
2808
2990
  status: "typed"
2809
- }, a === n.length - 1 ? p(!0) : o((e) => (n[e + 1] = {
2991
+ }, i === n.length - 1 ? u(!0) : a((e) => (n[e + 1] = {
2810
2992
  ...n[e + 1],
2811
2993
  status: "current"
2812
- }, e + 1))) : (n[a] = {
2813
- ...n[a],
2994
+ }, e + 1))) : (n[i] = {
2995
+ ...n[i],
2814
2996
  status: "incorrect"
2815
- }, l((e) => e + 1)), n;
2997
+ }, c((e) => e + 1)), n;
2816
2998
  });
2817
2999
  };
2818
3000
  return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
2819
- }, [a, f]), /* @__PURE__ */ d("div", {
3001
+ }, [i, l]), /* @__PURE__ */ m("div", {
2820
3002
  style: t,
2821
3003
  children: [
2822
- /* @__PURE__ */ u("div", { children: n.map((e, t) => /* @__PURE__ */ u("span", {
3004
+ /* @__PURE__ */ p("div", { children: n.map((e, t) => /* @__PURE__ */ p("span", {
2823
3005
  className: [
2824
3006
  $.char,
2825
3007
  e.status === "typed" ? $.typed : "",
@@ -2828,32 +3010,32 @@ var nr = ({ commands: e, onCommandInvoked: t, style: r }) => {
2828
3010
  ].filter(Boolean).join(" "),
2829
3011
  children: e.char
2830
3012
  }, t)) }),
2831
- f && /* @__PURE__ */ u("div", { children: "FINISH!" }),
2832
- s > 0 && /* @__PURE__ */ d("div", { children: ["Mistakes: ", s] })
3013
+ l && /* @__PURE__ */ p("div", { children: "FINISH!" }),
3014
+ o > 0 && /* @__PURE__ */ m("div", { children: ["Mistakes: ", o] })
2833
3015
  ]
2834
3016
  });
2835
- }, cr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ u("div", {
3017
+ }, mr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
2836
3018
  style: t,
2837
- children: /* @__PURE__ */ u(Bt, {
3019
+ children: /* @__PURE__ */ p(M, {
2838
3020
  src: e.url,
2839
3021
  alt: e.title,
2840
3022
  width: e.width,
2841
3023
  height: e.height,
2842
3024
  block: !0
2843
3025
  })
2844
- }) : e.type === "video" || e.type === "rich" ? /* @__PURE__ */ u("div", {
3026
+ }) : e.type === "video" || e.type === "rich" ? /* @__PURE__ */ p("div", {
2845
3027
  style: {
2846
3028
  width: e.width ? `${e.width}px` : void 0,
2847
3029
  height: e.height ? `${e.height}px` : void 0,
2848
3030
  ...t
2849
3031
  },
2850
3032
  dangerouslySetInnerHTML: { __html: e.html }
2851
- }) : /* @__PURE__ */ u("div", {
3033
+ }) : /* @__PURE__ */ p("div", {
2852
3034
  style: t,
2853
- children: /* @__PURE__ */ u(D, {
3035
+ children: /* @__PURE__ */ p(E, {
2854
3036
  href: e.author_url ?? e.provider_url ?? "#",
2855
3037
  children: e.title ?? e.author_name ?? e.provider_name ?? "Link"
2856
3038
  })
2857
3039
  });
2858
3040
  //#endregion
2859
- 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 };
3041
+ 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 };