@elmethis/qwik 0.0.6 → 0.0.8

package/src/assets/images/square.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Do not edit this file with editors other than draw.io -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" style="background: #ffffff; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="641px" height="641px" viewBox="-0.5 -0.5 641 641" content="&lt;mxfile host=&quot;Electron&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/27.0.9 Chrome/134.0.6998.205 Electron/35.4.0 Safari/537.36&quot; version=&quot;27.0.9&quot; pages=&quot;4&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;z67ghE5tpoUbo9TQlkAv&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2431&quot; dy=&quot;1414&quot; grid=&quot;1&quot; gridSize=&quot;40&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;LLsMimslSwelhZ4Xk26W-1&quot; value=&quot;4:1&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;strokeColor=#868E9C;fillColor=#868E9C;glass=0;fillOpacity=10;fontSize=24;fontColor=#6C7483;align=center;verticalAlign=middle;autosize=0;resizable=1;dashed=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;160&quot; y=&quot;320&quot; width=&quot;640&quot; height=&quot;160&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;  &lt;diagram id=&quot;-PprLkcYTLYqinQDwZ5N&quot; name=&quot;Page-2&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2916&quot; dy=&quot;1202&quot; grid=&quot;1&quot; gridSize=&quot;40&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;Z2L3h8vFd1dK4mWuRnkG-1&quot; value=&quot;2:1&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;strokeColor=#6987b8;fillColor=#6987b8;glass=0;fillOpacity=10;fontSize=24;align=center;verticalAlign=middle;autosize=0;resizable=1;dashed=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-320&quot; y=&quot;320&quot; width=&quot;640&quot; height=&quot;320&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;  &lt;diagram id=&quot;Wxh3y3pQJLIp6q9AcVpN&quot; name=&quot;Page-3&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2066&quot; dy=&quot;1202&quot; grid=&quot;1&quot; gridSize=&quot;40&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;fTfvVmx4gAZ1Xofcf_Dn-1&quot; value=&quot;1:1&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;strokeColor=#59b57c;fillColor=#59b57c;glass=0;fillOpacity=10;fontSize=24;align=center;verticalAlign=middle;autosize=0;resizable=1;dashed=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;160&quot; y=&quot;640&quot; width=&quot;640&quot; height=&quot;640&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;  &lt;diagram id=&quot;890AqjSPeoP5LiNyOETy&quot; name=&quot;Page-4&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2066&quot; dy=&quot;1202&quot; grid=&quot;1&quot; gridSize=&quot;40&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;r4hXXDR8e5pJUzgta42v-1&quot; value=&quot;1:2&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;strokeColor=#c9699e;fillColor=#c9699e;glass=0;fillOpacity=10;fontSize=24;align=center;verticalAlign=middle;autosize=0;resizable=1;dashed=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;320&quot; width=&quot;320&quot; height=&quot;640&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"><defs><style type="text/css">@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");</style><style type="text/css"/></defs><rect fill="#ffffff" width="100%" height="100%" x="0" y="0" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="fTfvVmx4gAZ1Xofcf_Dn-1"><g><rect x="0" y="0" width="640" height="640" fill-opacity="0.1" fill="#59b57c" stroke="#59b57c" stroke-dasharray="3 3" pointer-events="all" style="fill: rgb(89, 181, 124); stroke: rgb(89, 181, 124);"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 638px; height: 1px; padding-top: 320px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 24px; font-family: &quot;Noto Sans JP&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">1:1</div></div></div></foreignObject><image x="1" y="306" width="638" height="35" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACfgAAACMCAYAAAAqL1pZAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3U2o7VUZx/GfL1fKTFKTNEQhEFSoIKUy6lqGCkVWZCYU1cBCdBCVkJFUA6GEMrAXsJlIoyhBBSGNSMtsIDQJKoia2CDoRSoNDK0N90Ke7b3nv/b6n3PXfz+fO7mTtfZZz+fZo8OXe4+LPwQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBwAscN9yIPIkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBCLw8yUgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIDCgj8BlyKJxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAYGf7wABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhQQOA34FI8iQABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQICPx8BwgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwIACAr8Bl+JJBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBA4Oc7QIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEBhQQ+A24FE8iQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQICP98BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwoIDAb8CleBIBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEBD4+Q4QIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEBBQR+Ay7FkwgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAgMDPd4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECAwoIPAbcCmeRIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEBH6+AwQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAYEABgd+AS/EkAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAg8PMdIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECAwoI/AZciicRIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAGBn+8AAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYUEDgN+BSPIkAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECAj8fAcIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMCAAgK/AZfiSQQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAQODnO0CAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAYUEPgNuBRPIkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECAj/fAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMKCAwG/ApXgSAQIECBAgQIAAAQIECBAgQIDAkAKr36W9Lsn5R3jdL5I8OeTLx3jUCUkuTXLWizzn2SSPJvnrGE/1CgIECBAgQIAAAQIECBAgQIAAAQJjCAj8xtiDVxAgQIAAAQIECBAgQIAAAQIECIwrsPod2muT3JXkzUd55tVJ7h93jGP2slXYd3mSO5NccIRXPJ3kYJInjtkr/WACBAgQIECAAAECBAgQIECAAAECAwoI/AZciicRIECAAAECBAgQIECAAAECBAgMIbAK096U5Ou7hH2HHyvwe+HaDiR5d5KvHCXsO3xD4DfEV94jCBAgQIAAAQIECBAgQIAAAQIERhMQ+I22Ee8hQIAAAQIECBAgQIAAAQIECBA4lgKr35edl+T6JJ9McmbDYwR+ySqKvCjJTUk+muSlE/0EfhOhHCNAgAABAgQIECBAgAABAgQIEKglIPCrtW/TEiBAgAAB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AAECBCYKjBj4rZ6++v3etUm+m+TUF5nlm0k+n+RfE+fcq2MCv72S9bkECBAgQIAAAQIECBAgQIAAAQJbLSDw2+r1Go4AAQIECBAgQIAAAQIECBAgQGAmgVEDv8PjHUhyaZJ3JjkzyWNJHkzyl5nm7/0YgV+voPsECBAgQIAAAQIECBAgQIAAAQIlBQR+JdduaAIECBAgQIAAAQIECBAgQIAAgUaB0QO/xnH2/bjAb9/J/UACBAgQIECAAAECBAgQIECAAIFtEBD4bcMWzUCAAAECBAgQIECAAAECBAgQILDXAgK/PmGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJgGBXxPX2mGBX5+f2wQIECBAgAABAgQIECBAgAABAkUFBH5FF29sAgQIECBAgAABAgQIECBAgACBJoGRA79Tk9yQ5OYkZx6a6rkk9yb5QpLfNk26N4cFfnvj6lMJECBAgAABAgQIECBAgAABAgS2XEDgt+ULNh4BAgQIECBAgAABAgQIECBAgMAsAlMCv1Vkd9csP236h1yY5IdJLjjClWeTXJ/kniTPT//Y2U/uFvit3nZlkodn/8k+kAABAgQIECBAgAABAgQIECBAgMCCBQR+C16epxMgQIAAAQIECBAgQIAAAQIECOybwJTA75Ykt+/bi5Jzkjx0lLjv8FNW/5rf+5Pct49v2/mjdgv8VuevTnL/MXyjH02AAAECBAgQIECAAAECBAgQIEBgOAGB33Ar8SACBAgQIECAAAECBAgQIECAAIEBBUYM/L78v3+V70sTrX6Z5KokT008P/cxgd/coj6PAAECBAgQIECAAAECBAgQIECghIDAr8SaDUmAAAECBAgQIECAAAECBAgQKC9wQpIzkqz+3uTPFUnu3uXibUm+s8GH/yPJPxvvnZbkR0kumXjvP0nekeRnE8/vPHYgyelJjt/w/o1Jbt3l7scO/YuErT/ib0n+3XrJeQIECBAgQIAAAQIECBAgQIAAAQJLEBD4LWFL3kiAAAECBAgQIECAAAECBAgQINArcHaSx5Oc2/tBe3B/k//a98JDsd4qupv654Ykd009vOPcxUkeSXLyhvf38pr/2ncvdX02AQIECBAgQIAAAQIECBAgQIDAMRUQ+B1Tfj+cAAECBAgQIECAAAECBAgQIEBgnwS2LfDbJLjbJCQ8vJ5Nft4+rTYCv/2S9nMIECBAgAABAgQIECBAgAABAgT2XUDgt+/kfiABAgQIECBAgAABAgQIECBAgMAxENi2wO/1SR5N8vIGy88muaPh/P8fFfhtCOcaAQIECBAgQIAAAQIECBAgQIAAgR4BgV+PnrsECBAgQIAAAQIECBAgQIAAAQJLEdi2wO+VSX6a5KKJC3g+yZVJHp54fucxgd+GcK4RIECAAAECBAgQIECAAAECBAgQ6BEQ+PXouUuAAAECBAgQIECAAAECBAgQILAUgW0L/Fa/1/tGkk9NXMCvk1ye5M8Tz+88JvDbEM41AgQIECBAgAABAgQIECBAgAABAj0CAr8ePXcJECBAgAABAgQIECBAgAABAgSWIrBtgd/K/bwkDyU5f5clPJfk2iQ/6FiWwK8Dz1UCBAgQIECAAAECBAgQIECAAAECmwoI/DaVc48AAQIECBAgQIAAAQIECBAgQGBJAtsY+K38L0nyYJLVf9l7pD83J7kjyeq/6d30j8BvUzn3CBAgQIAAAQIECBAgQIAAAQIECHQICPw68FwlQIAAAQIECBAgQIAAAQIECBAgMIDAOYcCvg/ueMtvktyU5Cedcd8AI3oCAQIECBAgQIAAAQIECBAgQIAAgZoCAr+aezc1AQIECBAgQIAAAQIECBAgQIDA9gkcSHJ6kuOTPJPk79s3ookIECBAgAABAgQIECBAgAABAgQI1BIQ+NXat2kJECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAYCECAr+FLMozCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKCWgMCv1r5NS4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQILERD4LWRRnkmAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECtQQEfrX2bVoCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQWIiAwG8hi/JMAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEKglIPCrtW/TEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBCBAR+C1mUZxIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBALQGBX619m5YAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEFiIg8FvIojyTAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBGoJCPxq7du0BAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQILAQAYHfQhblmQQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQS0DgV2vfpiVAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBhQgI/BayKM8kQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgVoCAr9a+zYtAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECCxEQOC3kEV5JgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjUEhD41dq3aQkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgIQICv4UsyjMJECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAoJaAwK/Wvk1LgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgsREPgtZFGeSYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQK1BAR+tfZtWgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBYiIDAbyGL8kwCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQqCUg8Ku1b9MSIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwEIEBH4LWZRnEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEAtAYFfrX2blgABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQWIiDwW8iiPJMAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEagkI/Grt27QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsBABgd9CFuWZBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBLQOBXa9+mJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGFCAj8FrIozyRAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBWgICv1r7Ni0BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQILERA4LeQRXkmAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECNQSEPjV2rdpCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGAhAgK/hSzKMwkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECgloDAr9a+TUuAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECCxEQ+C1kUZ5JgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABArUEBH619m1aAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEFiIgMBvIYvyTAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCoJSDwq7Vv0xIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAQgQEfgtZlGcSIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAH9JBUkAAAAcUlEQVQCBAgQIECAQC0BgV+tfZuWAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBBYiIPBbyKI8kwABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgRqCfwXAmejnBhsLaIAAAAASUVORK5CYII="/></switch></g></g></g></g></g></g></svg>

package/src/assets/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/code/elm-code-block.module.scss

@@ -1,67 +0,0 @@
-.code-block {
-  display: grid;
-  grid-template-rows: 2.75rem 1px 1fr;
-  grid-template-columns: 2rem 1fr 2.5rem;
-  grid-template-areas:
-    "language-icon caption copy-icon"
-    "divider divider divider"
-    "code code code";
-  align-items: center;
-  justify-content: center;
-  gap: 0;
-
-  box-sizing: border-box;
-  width: 100%;
-  margin: 0;
-  padding: 0.25rem;
-  border-radius: 0.25rem;
-
-  background-color: rgba(white, 0.4);
-  box-shadow: 0 0 0.125rem rgba(#3e434b, 0.3);
-  [data-theme="dark"] & {
-    background-color: rgba(#2c3037, 0.9);
-    box-shadow: 0 0 0.125rem rgba(black, 0.4);
-  }
-}
-
-.language-icon {
-  grid-area: language-icon;
-  padding-inline-start: 0.75rem;
-}
-
-.caption {
-  grid-area: caption;
-  padding: 1rem;
-  font-family: monospace;
-}
-
-.copy-icon {
-  grid-area: copy-icon;
-  padding: 0.25rem;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 0.125rem;
-
-  transition: background-color 100ms;
-  cursor: pointer;
-
-  &:hover {
-    background-color: rgba(black, 0.1);
-    [data-theme="dark"] & {
-      background-color: rgba(white, 0.1);
-    }
-  }
-}
-
-.divider {
-  grid-area: divider;
-  width: calc(100% - 1rem);
-  border: none;
-  border-bottom: solid 1px rgba(gray, 0.5);
-}
-
-.code {
-  grid-area: code;
-  box-sizing: border-box;
-  padding: 0 1rem;
-}

package/src/components/code/elm-code-block.stories.tsx

@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from "storybook-framework-qwik";
-
-import { ElmCodeBlock } from "./elm-code-block";
-import { ElmInlineText } from "../typography/elm-inline-text";
-
-import rustCode from "./seed/main.rs?raw";
-
-const meta: Meta<typeof ElmCodeBlock> = {
-  title: "Components/Code/elm-code-block",
-  component: ElmCodeBlock,
-  tags: ["autodocs"],
-  args: {},
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: { code: "const foo = 'bar'", language: "javascript" },
-};
-
-export const Rust: Story = {
-  args: {
-    code: rustCode,
-    language: "rust",
-    caption: "/workspaces/elmethis/packages/storybook",
-  },
-};
-
-export const Caption: Story = {
-  args: { code: rustCode, language: "rust", caption: "src/main.rs" },
-};
-
-export const CaptionSlot: Story = {
-  args: { code: rustCode, language: "rust" },
-  render() {
-    return (
-      <ElmCodeBlock {...this.args}>
-        <ElmInlineText text="File:" />
-        <ElmInlineText text="src/main.rs" code />
-      </ElmCodeBlock>
-    );
-  },
-};

package/src/components/code/elm-code-block.tsx

@@ -1,95 +0,0 @@
-import {
-  $,
-  component$,
-  CSSProperties,
-  Slot,
-  useSignal,
-} from "@builder.io/qwik";
-
-import styles from "./elm-code-block.module.scss";
-
-import { ElmLanguageIcon } from "../icon/elm-language-icon";
-import { ElmInlineText } from "../typography/elm-inline-text";
-import { ElmShikiHighlighter } from "./elm-shiki-highlighter";
-
-import {
-  mdiClipboardMultipleOutline,
-  mdiClipboardCheckMultipleOutline,
-} from "@mdi/js";
-import { ElmMdiIcon } from "../icon/elm-mdi-icon";
-
-export interface ElmCodeBlockProps {
-  /**
-   * The code to display.
-   */
-  code: string;
-
-  /**
-   * The language of the code.
-   */
-  language?: string;
-
-  /**
-   * The caption of the code block.
-   * If not provided, the language will be used.
-   */
-  caption?: string;
-
-  /**
-   * The margin of the code block.
-   */
-  margin?: CSSProperties["margin"];
-}
-
-export const ElmCodeBlock = component$<ElmCodeBlockProps>(
-  ({ code, language = "txt", caption, margin }) => {
-    const timerId = useSignal<number | null>(null);
-
-    const copyToClipboard = $(async () => {
-      if (timerId.value !== null) {
-        window.clearTimeout(timerId.value);
-        timerId.value = null;
-      }
-
-      try {
-        await navigator.clipboard.writeText(code);
-        timerId.value = window.setTimeout(() => (timerId.value = null), 1500);
-      } catch (err) {
-        console.error("Failed to copy: ", err);
-      }
-    });
-
-    return (
-      <figure class={styles["code-block"]} style={{ margin }}>
-        <span class={styles["language-icon"]}>
-          <ElmLanguageIcon language={language} />
-        </span>
-
-        <span class={styles["caption"]}>
-          <ElmInlineText>
-            {caption || language}
-            <Slot />
-          </ElmInlineText>
-        </span>
-
-        <div class={styles["copy-icon"]} onClick$={copyToClipboard}>
-          <ElmMdiIcon
-            size="1.25rem"
-            d={
-              timerId.value !== null
-                ? mdiClipboardCheckMultipleOutline
-                : mdiClipboardMultipleOutline
-            }
-            color={timerId.value !== null ? "#59b57c" : undefined}
-          />
-        </div>
-
-        <hr class={styles["divider"]} />
-
-        <div class={styles["code"]}>
-          <ElmShikiHighlighter code={code} language={language} />
-        </div>
-      </figure>
-    );
-  },
-);

package/src/components/code/elm-katex.stories.tsx

@@ -1,28 +0,0 @@
-import type { Meta, StoryObj } from "storybook-framework-qwik";
-import { ElmKatex } from "./elm-katex";
-
-const meta: Meta<typeof ElmKatex> = {
-  title: "Components/Code/elm-katex",
-  component: ElmKatex,
-  tags: ["autodocs"],
-  args: {},
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Inline: Story = {
-  args: { expression: "c = pmsqrt{a^2 + b^2}" },
-};
-
-export const Block: Story = {
-  args: { expression: "c = pmsqrt{a^2 + b^2}", block: true },
-};
-
-export const Complex: Story = {
-  args: {
-    expression:
-      "i\\hbar \\frac{\\partial}{\\partial t} \\Psi(\\mathbf{r}, t) = \\left( -\\frac{\\hbar^2}{2m} \\nabla^2 + V(\\mathbf{r}, t) \\right) \\Psi(\\mathbf{r}, t)",
-    block: true,
-  },
-};

package/src/components/code/elm-katex.tsx

@@ -1,34 +0,0 @@
-import { component$, useComputed$ } from "@builder.io/qwik";
-
-import textStyle from "../../styles/text.module.scss";
-
-import { renderToString } from "katex";
-
-export interface ElmKatexProps {
-  /**
-   * The KaTex expression.
-   */
-  expression: string;
-
-  /**
-   * Whether to render the equation in block mode.
-   * - If `true`, the equation will be rendered in block mode.
-   * - If `false`, the equation will be rendered in inline mode.
-   *
-   * Default is `false`.
-   */
-  block?: boolean;
-}
-
-export const ElmKatex = component$<ElmKatexProps>(
-  ({ expression, block = false }) => {
-    const html = useComputed$(() =>
-      renderToString(expression, {
-        displayMode: block,
-        output: "mathml",
-      }),
-    );
-
-    return <div class={textStyle.text} dangerouslySetInnerHTML={html.value} />;
-  },
-);

package/src/components/code/elm-shiki-highlighter.global.scss

@@ -1,18 +0,0 @@
-.shiki,
-.shiki span {
-  font-family:
-    "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace !important;
-
-  *::selection {
-    background-color: rgba(black, 0.1);
-
-    [data-theme="dark"] & {
-      background-color: rgba(white, 0.15);
-    }
-  }
-
-  [data-theme="dark"] & {
-    color: var(--shiki-dark) !important;
-    background-color: var(--shiki-dark-bg) !important;
-  }
-}

package/src/components/code/elm-shiki-highlighter.stories.tsx

@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from "storybook-framework-qwik";
-import { ElmShikiHighlighter } from "./elm-shiki-highlighter";
-
-import code from "./seed/main.rs?raw";
-
-const meta: Meta<typeof ElmShikiHighlighter> = {
-  title: "Components/Code/elm-shiki-highlighter",
-  component: ElmShikiHighlighter,
-  tags: ["autodocs"],
-  args: {},
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    code: code,
-    language: "rust",
-  },
-};

package/src/components/code/elm-shiki-highlighter.tsx

@@ -1,44 +0,0 @@
-import { component$, useSignal, useTask$ } from "@builder.io/qwik";
-
-import "./elm-shiki-highlighter.global.scss";
-
-export interface ElmShikiHighlighterProps {
-  /**
-   * The code to display.
-   */
-  code: string;
-
-  /**
-   * The language of the code.
-   */
-  language?: string;
-}
-
-export const ElmShikiHighlighter = component$<ElmShikiHighlighterProps>(
-  ({ code, language = "txt" }) => {
-    const rawHtml = useSignal("");
-
-    useTask$(async ({ track }) => {
-      const currentCode = track(() => code);
-      const currentLang = track(() => language);
-
-      const { getHighlighterSingleton } = await import("./shikiInstance");
-      const highlighter = await getHighlighterSingleton();
-
-      try {
-        rawHtml.value = highlighter.codeToHtml(currentCode, {
-          lang: currentLang,
-          themes: { dark: "vitesse-dark", light: "vitesse-light" },
-          colorReplacements: {
-            "#ffffff": "transparent",
-            "#121212": "transparent",
-          },
-        });
-      } catch {
-        rawHtml.value = `<pre>${currentCode.replace(/</g, "&lt;")}</pre>`;
-      }
-    });
-
-    return <pre dangerouslySetInnerHTML={rawHtml.value} />;
-  },
-);

package/src/components/code/seed/main.rs

@@ -1,24 +0,0 @@
-use reqwest::Error;
-use serde::{Deserialize, Serialize};
-
-#[derive(Serialize, Deserialize, Debug)]
-struct Post {
-    #[serde(rename = "userId")]
-    user_id: u32,
-    id: u32,
-    title: String,
-    body: String,
-}
-
-#[tokio::main]
-async fn main() -> Result<(), Error> {
-    let url = "https://jsonplaceholder.typicode.com/posts";
-    let response = reqwest::get(url).await?;
-    let posts: Vec<Post> = response.json().await?;
-
-    for post in posts.iter().take(5) {
-        println!("ID: {}, Title: {}", post.id, post.title);
-    }
-
-    Ok(())
-}

package/src/components/containments/elm-toggle.module.scss

@@ -1,132 +0,0 @@
-.toggle {
-  margin: 0;
-  display: grid;
-  transition: grid 200ms;
-  overflow: hidden;
-
-  &.toggle-closed {
-    grid-template-rows: 3.5rem 0fr 0rem;
-  }
-
-  &.toggle-open {
-    grid-template-rows: 3.5rem 1fr 3rem;
-  }
-}
-
-.summary {
-  box-sizing: border-box;
-  padding-inline: 1rem;
-
-  display: grid;
-  grid-template-columns: min-content 1fr min-content;
-  gap: 1rem;
-  align-items: center;
-  cursor: pointer;
-
-  border: 1px solid rgba(black, 0.125);
-  background-color: rgba(#3e434b, 0.05);
-
-  [data-theme="dark"] & {
-    border: 1px solid rgba(white, 0.125);
-    background-color: rgba(#bec2ca, 0.1);
-  }
-
-  &.summary-open {
-    border-radius: 0.25rem 0.25rem 0 0;
-    border-bottom-color: transparent;
-  }
-
-  &.summary-closed {
-    border-radius: 0.25rem;
-  }
-}
-
-.chevron-icon {
-  transition: transform 200ms;
-
-  &.chevron-icon-open {
-    transform: rotate(90deg);
-  }
-
-  &.chevron-icon-closed {
-    transform: rotate(0deg);
-  }
-}
-
-.plus-icon {
-  height: 1rem;
-  width: 1rem;
-  transform-origin: center;
-  transition: transform 200ms;
-
-  &.plus-icon-open {
-    transform: rotate(135deg);
-  }
-
-  &.plus-icon-closed {
-    transform: rotate(0deg);
-  }
-}
-
-.content {
-  box-sizing: border-box;
-  padding: 1rem;
-  overflow: hidden;
-  transition: opacity 200ms;
-
-  border: 1px solid rgba(black, 0.125);
-  border-radius: 0 0 0.25rem 0.25rem;
-  background-color: rgba(#3e434b, 0.0125);
-
-  [data-theme="dark"] & {
-    border-color: rgba(white, 0.125);
-    background-color: rgba(#bec2ca, 0.025);
-  }
-
-  &.content-open {
-    opacity: 1;
-  }
-
-  &.content-closed {
-    opacity: 0;
-  }
-}
-
-.footer {
-  box-sizing: border-box;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem;
-  color: #c56565;
-  font-family: monospace;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  user-select: none;
-  cursor: pointer;
-  border-radius: 0.25rem;
-  transition:
-    opacity 200ms,
-    background-color 200ms;
-
-  &:hover {
-    opacity: 0.5;
-    background-color: rgba(#606875, 0.1);
-  }
-
-  &.footer-line {
-    box-sizing: border-box;
-    margin: 0 0.25rem;
-    flex-grow: 1;
-    border: none;
-    border-bottom: solid 1px rgba(gray, 0.3);
-  }
-
-  &.footer-cross-icon {
-    transform: rotate(45deg);
-  }
-
-  &.footer-chevron-icon {
-    transform: rotate(-90deg);
-  }
-}

package/src/components/containments/elm-toggle.stories.tsx

@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from "storybook-framework-qwik";
-import { ElmToggle } from "./elm-toggle";
-import { ElmHeading } from "../typography/elm-heading";
-import { ElmParagraph } from "../typography/elm-paragraph";
-import { ElmInlineText } from "../typography/elm-inline-text";
-
-const meta: Meta<typeof ElmToggle> = {
-  title: "Components/Containments/elm-toggle",
-  component: ElmToggle,
-  tags: ["autodocs"],
-  args: {},
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  render() {
-    return (
-      <ElmToggle {...this.args}>
-        <div q:slot="summary">
-          <ElmInlineText>Click me to toggle</ElmInlineText>
-        </div>
-        <div>
-          <ElmHeading level={2}>Body</ElmHeading>
-          <ElmParagraph>
-            This is the body of the toggle. You can put any content here, and it
-            will be shown or hidden when you click the summary.
-          </ElmParagraph>
-        </div>
-      </ElmToggle>
-    );
-  },
-};