@elmethis/qwik 0.0.3 → 0.0.4

package/.prettierignore

@@ -0,0 +1,6 @@
+# Files Prettier should not format
+**/*.log
+**/.DS_Store
+*.
+dist
+node_modules

package/.storybook/main.ts

@@ -0,0 +1,23 @@
+import { StorybookConfig } from "storybook-framework-qwik";
+import type { InlineConfig } from "vite";
+
+const config: StorybookConfig = {
+  addons: ["@storybook/addon-essentials", "@storybook/addon-docs"],
+  framework: {
+    name: "storybook-framework-qwik",
+  },
+  core: {
+    renderer: "storybook-framework-qwik",
+  },
+  stories: [
+    // ...rootMain.stories,
+    "../src/components/**/*.stories.mdx",
+    "../src/components/**/*.stories.@(js|jsx|ts|tsx)",
+  ],
+
+  viteFinal: async (config: InlineConfig) => {
+    return config;
+  },
+};
+
+export default config;

package/.storybook/preview-head.html

@@ -0,0 +1,4 @@
+<link rel="icon" type="image/svg" href="/icon.svg" />
+<script>
+  window.global = window;
+</script>

package/.storybook/preview.tsx

@@ -0,0 +1,51 @@
+import type { Preview, StoryContext } from "storybook-framework-qwik";
+import type { Component } from "@builder.io/qwik";
+
+import "./sb.scss";
+
+export const preview: Preview = {
+  a11y: {
+    config: {},
+    options: {
+      checks: { "color-contrast": { options: { noScroll: true } } },
+      restoreScroll: true,
+    },
+  },
+  options: {
+    showRoots: true,
+  },
+  docs: {
+    iframeHeight: "200px",
+  },
+
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  globalTypes: {
+    theme: {
+      description: "Global theme for components",
+      toolbar: {
+        title: "Theme",
+        icon: "circlehollow",
+        items: ["light", "dark"],
+        dynamicTitle: true,
+      },
+    },
+  },
+  initialGlobals: { theme: "light" },
+  decorators: [
+    (Story: Component, context: StoryContext) => {
+      const theme = context.globals.theme || "light";
+      document.documentElement.setAttribute("data-theme", theme);
+
+      return <Story />;
+    },
+  ],
+};
+
+export default preview;

package/.storybook/sb.scss

@@ -0,0 +1,13 @@
+html {
+  font-family: sans-serif;
+}
+
+body,
+.docs-story {
+  transition: background-color 200ms;
+
+  background-color: #eff0f2;
+  [data-theme="dark"] & {
+    background-color: #25282e;
+  }
+}

package/.storybook/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+
+  "exclude": [
+    "../**/*.spec.ts",
+    "../**/*.test.ts",
+    "../**/*.spec.tsx",
+    "../**/*.test.tsx"
+  ],
+  "include": [
+    "../src/**/*.stories.ts",
+    "../src/**/*.stories.js",
+    "../src/**/*.stories.jsx",
+    "../src/**/*.stories.tsx",
+    "../src/**/*.stories.mdx",
+    "*.ts",
+    "*.js",
+    "preview.tsx"
+  ]
+}

package/eslint.config.js

@@ -0,0 +1,79 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import { globalIgnores } from "eslint/config";
+import { qwikEslint9Plugin } from "eslint-plugin-qwik";
+
+const jsRecommended = {
+  ...js.configs.recommended,
+  rules: {
+    ...js.configs.recommended.rules,
+  },
+};
+// Temporary workaround for missing "preserve-caught-error" rule in current ESLint installation
+if (jsRecommended.rules["preserve-caught-error"]) {
+  delete jsRecommended.rules["preserve-caught-error"];
+}
+
+const ignores = [
+  "**/*.log",
+  "**/.DS_Store",
+  "**/*.",
+  ".vscode/settings.json",
+  "**/.history",
+  "**/.yarn",
+  "**/bazel-*",
+  "**/bazel-bin",
+  "**/bazel-out",
+  "**/bazel-qwik",
+  "**/bazel-testlogs",
+  "**/dist",
+  "**/dist-dev",
+  "**/lib",
+  "**/lib-types",
+  "**/etc",
+  "**/external",
+  "**/node_modules",
+  "**/temp",
+  "**/tsc-out",
+  "**/tsdoc-metadata.json",
+  "**/target",
+  "**/output",
+  "**/rollup.config.js",
+  "**/build",
+  "**/.cache",
+  "**/.vscode",
+  "**/.rollup.cache",
+  "**/dist",
+  "**/tsconfig.tsbuildinfo",
+  "**/vite.config.ts",
+  "**/*.spec.tsx",
+  "**/*.spec.ts",
+  "**/.netlify",
+  "**/pnpm-lock.yaml",
+  "**/package-lock.json",
+  "**/yarn.lock",
+  "**/server",
+  "eslint.config.js",
+];
+
+export default tseslint.config(
+  globalIgnores(ignores),
+  jsRecommended,
+  tseslint.configs.recommended,
+  qwikEslint9Plugin.configs.recommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.es2021,
+        ...globals.serviceworker,
+      },
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+);

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },
   "description": "Create a Qwik library",
-  "main": "./lib/qwik.js",
-  "qwik": "./lib/qwik.js",
+  "main": "./lib/index.qwik.mjs",
+  "qwik": "./lib/index.qwik.mjs",
   "types": "./lib-types/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib-types/index.d.ts",
-      "import": "./lib/qwik.js"
+      "import": "./lib/index.qwik.mjs",
+      "require": "./lib/index.qwik.cjs"
     }
   },
-  "files": [
-    "lib",
-    "lib-types"
-  ],
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
   },

package/src/assets/images/2.svg

@@ -0,0 +1,4 @@
+<?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="321px" viewBox="-0.5 -0.5 641 321" 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="Z2L3h8vFd1dK4mWuRnkG-1"><g><rect x="0" y="0" width="640" height="320" fill-opacity="0.1" fill="#6987b8" stroke="#6987b8" stroke-dasharray="3 3" pointer-events="all" style="fill: rgb(105, 135, 184); stroke: rgb(105, 135, 184);"/></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: 160px; 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; ">2:1</div></div></div></foreignObject><image x="1" y="146" width="638" height="35" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACfgAAACMCAYAAAAqL1pZAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3WuMbXdZx/EvhYNyk4JFIeGSoE2gkECEFDBQhAJFVBQLBSIRDBArFYhcQhUUNSpUBMItQRCjViJCCgkgCAW5FAkXifgCgyBRFDWiYKuBkhR6nB2mlJaemTV775nZa/6feXPOi//leT7PerXzy1rXyx8BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCwcQLX27iKFESAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgk4OchIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECGygg4LeBQ1ESAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAQ8PMMECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBDRQQ8NvAoSiJAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgI+HkGCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDABgoI+G3gUJREgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQE/DwDBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgAwUE/DZwKEoiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQICfp4BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCwgQICfhs4FCURIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEBP88AAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDYQAEBvw0cipIIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgICAn2eAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhsoICA3wYORUkECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQEDAzzNAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQ2UEDAbwOHoiQCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQICDg5xkgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIbKCDgt4FDURIBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEBDw8wwQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIENFBDw28ChKIkAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECAj4eQYIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMAGCgj4beBQlESAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAT8PAMECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGADBQT8NnAoSiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgJ+ngECBAgQIECAAAECBAgQIECAAAEC1xQ4ubp7ddr2v9fl88nqH6vFv/9VHYdIgAABAgQIECBAgAABAgQIECBAgACBdQsI+K1b1HkECBAgQIAAAQIECBAgQIAAAQJzE7h+da/qadWPVzfZYwNXVG+uXl59tPrGHvePsnzhfJ/q1tfR8MLwkq0ZfHkUDH0SIECAAAECBAgQIECAAAECBAgQmCIg4DdFyRoCBAgQIECAAAECBAgQIECAAIGjKHCj6rHVC6tbranBxdv8zq/+rLp8TWfO/ZhFsO+B2wHIO52gma9WZ1SfmHuz6idAgAABAgQIECBAgAABAgQIECCwTgEBv3VqOosAAQIECBAgQIAAAQIECBAgQGAOAovfxB5Qvab6gX0q+HPVE7fu+cA+nT+HY49VP1a9oDpRsO+qPgT85jBRNRIgQIAAAQIECBAgQIAAAQIECBy4gIDfgZO7kAABAgQIECBAgAABAgQIECBA4BAFbrn1idhXV486oBp+tbqgWnyCdoS/xdv6TqvOq352q/fFWxKn/An4TVGyhgABAgQIECBAgAABAgQIECBAYDgBAb/hRq5hAgQIECBAgAABAgQIECBAgMCwAvffemPfhdXtDljgT6tzq68c8L0Hdd1Nq/tWj6l+sjp5iYsF/JZAs4UAAQIECBAgQIAAAQIECBAgQODoCwj4Hf0Z65AAAQIECBAgQIAAAQIECBAgMLrA4jewx28F+15XnXRIGK/dfqvdUXiT3+KtfI+ufqo6o7rFGkwF/NaA6AgCBAgQIECAAAECBAgQIECAAIGjJyDgd/RmqiMCBAgQIECAAAECBAgQIECAAIGrBY5tfR73udXz94jy+eoD1UerL27v/a7qXtXp1Q9Vi7P38vec6kVbtRzfy6YNXHub6iPV7ddYm4DfGjEdRYAAAQIECBAgQIAAAQIECBAgcHQEBPyOzix1QoAAAQIECBAgQIAAAQIECBAgcE2BRQDvBdUzJ8L871Zo77e33/T3pV32XL86rfqN6hETz79yKxj30Oriies3dZmA36ZORl0ECBAgQIAAAQIECBAgQIAAAQJHTkDA78iNVEMECBAgQIAAAQIECBAgQIAAAQLbb9ebGu5bfDb3edUrqsuX0FsE/V5f3X3C3o9vvRXwR6vdAoQTjjq0JQJ+h0bvYgIECBAgQIAAAQIECBAgQIAAgdEEBPxGm7h+CRAgQIAAAQIECBAgQIAAAQJjCDytetmEVj9ZPbr6zIS1Oy25efUH1SMnnPML1asnrNvUJQJ+mzoZdREgQIAAAQIECBAgQIAAAQIECBw5AQG/IzdSDREgQIAAAQIECBAgQIAAAQIECFSLwN0btj+JeyKQP6p+sfrKmsQWd15UnbnLeR+tzqouW9O9B32MgN9Bi7uPAAECBAgQIECAAAECBAgQIEBgWAEBv2FHr3ECBAgQIECAAAECBAgQIECAwJEXONFb9a6snlG9svrGmhXuUr1/6+xTdjj3ePWw6i/XfPdBHXf9rc8Zf2+1+Hfq31O2P4N8ovVfrc6oPjH1QOsIECBAgAABAgQIECBAgAABAgQIjCAg4DfClPVIgAABAgQIECBAgAABAgQIEBhX4Cbbn8N93DbBItz3xOqPq0XQbt1/i9/bfnOXMNvizldVT92nGtbd0zrOe071wh0OEvBbh7IzCBAgQIAAAQIECBAgQIAAAQIEjpyAgN+RG6mGCBAgQIAAAQIECBAgQIAAAQIEriVwo603zr2i+rl9Dvddde1dtz7Te0l18g6T+Pvq/lufCP7vQaYl4DfIoLVJgAABAgQIECBAgAABAgQIECCwXgEBv/V6Oo0AAQIECBAgQIAAAQIECBAgQGAzBY5Vd6/+5gDemvfd1UXbn+E9kcb/Vfer/m4zudZelYDf2kkdSIAAAQIECBAgQIAAAQIECBAgMIKAgN8IU9YjAQIECBAgQIAAAQIECBAgQIDAQQs8o3rxLpc+vHrbQRd2SPcJ+B0SvGsJECBAgAABAgQIECBAgAABAgTmLSDgN+/5qZ4AAQIECBAgQIAAAQIECBAgQGAzBR5Uvbva6fe3Z1Yv2czy116VgN/aSR1IgAABAgQIECBAgAABAgQIECAwgoCA3whT1iMBAgQIECBAgAABAgQIECBAgMBBC9yj+mB14x0uPr+64KALO6T7BPwOCd61BAgQIECAAAECBAgQIECAAAEC8xYQ8Jv3/FRPgAABAgQIECBAgAABAgQIECCwmQK3qT5S3X6H8l5XPWkN5S9+4zu9+qWttwb+8PZ5/169vHpLdfka7lj1CAG/VQXtJ0CAAAECBAgQIECAAAECBAgQGFJAwG/IsWuaAAECBAgQIECAAAECBAgQIEBgnwWmBPz+pHr8inXcpHpl9YQTnPO56pHVJ1e8Z9XtAn6rCtpPgAABAgQIECBAgAABAgQIECAwpICA35Bj1zQBAgQIECBAgAABAgQIECBAgMA+C0wJ+P1O9dwV6jhWvap68i5n/HN1VvWZFe5adauA36qC9hMgQIAAAQIECBAgQIAAAQIECAwpIOA35Ng1TYAAAQIECBAgQIAAAQIECBAgsM8Cd6suqW62wz3nVxesUMfjqgsn7n9T9TNbgcIrJq5f9zIBv3WLOo8AAQIECBAgQIAAAQIECBAgQGAIAQG/IcasSQIECBAgQIAAAQIECBAgQIAAgQMWuG/1vuoGO9y7COi9fsm6blq9feuO+0/c/9XqjOoTE9eve5mA37pFnUeAAAECBAgQIECAAAECBAgQIDCEgIDfEGPWJAECBAgQIECAAAECBAgQIECAwAEL/Hz16h3u/Hr1gOpDS9Z1x+qvt+649R72rxIo3MM117lUwG9VQfsJECBAgAABAgQIECBAgAABAgSGFBDwG3LsmiZAgAABAgQIECBAgAABAgQIENhHgcVvbn9YPWGHO/6tunf1hSXruEf1werGe9i/6ieB93DVdywV8FtFz14CBAgQIECAAAECBAgQIECAAIFhBQT8hh29xgkQIECAAAECBAgQIECAAAECBPZJ4JStt/N9oDpth/PfUZ1dfW3JGgT8loSzjQABAgQIECBAgAABAgQIECBAgMCcBAT85jQttRIgQIAAAQIECBAgQIAAAQIECMxB4KHVIsC3029vq75N7/urD1eLT/VO/XtY9c6pi9e8zhv81gzqOAIECBAgQIAAAQIECBAgQIAAgTEEBPzGmLMuCRAgQIAAAQIECBAgQIAAAQIEDkbgBtWF1WN2uO6r1RnVJ1Yoaco933784pPA96v+aYU7V9kq4LeKnr0ECBAgQIAAAQIECBAgQIAAAQLDCgj4DTt6jRMgQIAAAQIECBAgQIAAAQIECOyDwF2rS6qTdzj7XdUjqstXvH8R2HtPdcMJ5/xW9WvV8Qlr92OJgN9+qDqTAAECBAgQIECAAAECBAgQIEDgyAsI+B35EWuQAAECBAgQIECAAAECBAgQIEDggAQWv7W9tHr6Lvc9tnrDGmpa3PeM6vd2Oeu91dnVZWu4c9kjBPyWlbOPAAECBAgQIECAAAECBAgQIEBgaAEBv6HHr3kCBAgQIECAAAECBAgQIECAAIE1Ctylen91yg5nfnprzY9U/7mmexe/751Tvab6nus48xXVL1dfWdN9yx4j4LesnH0ECBAgQIAAAQIECBAgQIAAAQJDCwj4DT1+zRMgQIAAAQIECBAgQIAAAQIECKxJ4Nh2yO4Ju5z31K0A4CvXdOe3H7O4/z5bnwc+s7pV9eHqndWX9uGuZY4U8FtGzR4CBAgQIECAAAECBAgQIECAAIHhBQT8hn8EABAgQIAAAQIECBAgQIAAAQIECKxB4OHVW6qTdjjrU9UDqy+u4b65HSHgN7eJqZcAAQIECBAgQIAAAQIECBAgQGAjBAT8NmIMiiBAgAABAgQIECBAgAABAgQIEJixwPdVf1UtPtF7or/j1WOrP59xn6uULuC3ip69BAgQIECAAAECBAgQIECAAAECwwoI+A07eo0TIECAAAECBAgQIECAAAECBAisQeAG1Suqc3c56+3VOdXla7hzjkcI+M1xamomQIAAAQIECBAgQIAAAQIECBA4dAEBv0MfgQIIECBAgAABAgQIECBAgAABAgRmLHB29cZdPs176fanef92xn2uWrqA36qC9hMgQIAAAQIECBAgQIAAAQIECAwpIOA35Ng1TYAAAQIECBAgQIAAAQIECBAgsAaBO1QXV6fuctYi3PaiavGZ3lH/BPxGnby+CRAgQIAAAQIECBAgQIAAAQIEVhIQ8FuJz2YCBAgQIECAAAECBAgQIECAAIFBBW5eXVSduUv/760Wb/m7bFCnq9oW8Bv8AdA+AQIECBAgQIAAAQIECBAgQIDAcgICfsu52UWAAAECBAgQIECAAAECBAgQIDCuwOI3tWdXF+xCsPg071nVx8al+lbnAn4eAgIECBAgQIAAAQIECBAgQIAAAQJLCAj4LYFmCwECBAgQIECAAAECBAgQIECAwNACizfyvbE6aReFZ1UvHlrq6uYF/DwIBAgQIECAAAECBAgQIECAAAECBJYQEPBbAs0WAgQIECBAgAABAgQIECBAgACBYQVOr95VnbyLwGur86orhpW6ZuMCfh4EAgQIECBAgAABAgQIECBAgAABAksICPgtgWYLAQIECBAgQIAAAQIECBAgQIDAkAJ3qC6uTt2l+09XD66+MKTSdTct4OdhIECAAAECBAgQIECAAAECBAgQILCEgIDfEmi2ECBAgAABAgQIECBAgAABAgQIDCdw8+qi6sxdOr+0Oqv62HBCOzcs4OeBIECAAAECBAgQIECAAAECBAgQILCEgIDfEmi2ECBAgAABAgQIECBAgAABAgQIDCVwrHpV9eRdur6yOmc7CDgU0IRmBfwmIFlCgAABAgQIECBAgAABAgQIECBA4NoCAn6eCQIECBAgQIAAAQIECBAgQIAAAQInFliE+15enTsBaRFie1F1fMLa0ZYI+I02cf0SIECAAAECBAgQIECAAAECBAisRUDAby2MDiFAgAABAgQIECBAgAABAgQIEDiCAovfzp5dXTCht9dW51VXTFg74hIBvxGnrmcCBAgQIECAAAECBAgQIECAAIGVBQT8ViZ0AAECBAgQIECAAAECBAgQIECAwBEUWPxutgjsvaw6aZf+3ludXV12BB3W1ZKA37oknUOAAAECBAgQIECAAAECBAgQIDCUgIDfUOPWLAECBAgQIECAAAECBAgQIECAwESBRWDvjRPCfZ+tHlx9fuK5oy4T8Bt18vomQIAAAQIECBAgQIAAAQIE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zVu3BAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDATAQG/mQxKmQQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwloCA31jz1i0BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIzERAwG8mg1ImAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECIwlIOA31rx1S4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIzERDwm8mglEmAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECYwkI+I01b90SIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwEwEBPxmMihlEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBYAgJ+Y81btwQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwEwEBv5kMSpkECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMJaAgN9Y89YtAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECMxEQMBvJoNSJgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiMJSDgN9a8dUuAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECMxEQ8JvJoJRJgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAmMJCPiNNW/dEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBMBAT8ZjIoZRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAWAICfmPNW7cECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMBMBAb+ZDEqZBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDCWgIDfWPPWLQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjMREDAbyaDUiYBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIjCUg4DfWvHVLgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAjMREPCbyaCUSYAAAQIECBAgQIAAAQIECBCTNObNAAAD8klEQVQgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJjCQj4jTVv3RIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDATAQE/GYyKGUSIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwFgCAn5jzVu3BAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDATAQG/mQxKmQQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwloCA31jz1i0BAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIzERAwG8mg1ImAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECIwlIOA31rx1S4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIzERDwm8mglEmAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECYwkI+I01b90SIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwEwEBPxmMihlEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBYAgJ+Y81btwQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwEwEBv5kMSpkECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMJaAgN9Y89YtAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECMxEQMBvJoNSJgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiMJSDgN9a8dUuAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECMxEQ8JvJoJRJgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAmMJCPiNNW/dEiBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBMBAT8ZjIoZRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAWAICfmPNW7cECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMBMBAb+ZDEqZBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDCWwP8DSycDq1Icq04AAAAASUVORK5CYII="/></switch></g></g></g></g></g></g></svg>

package/src/assets/images/lamdscape.svg

@@ -0,0 +1,4 @@
+<?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="161px" viewBox="-0.5 -0.5 641 161" 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="LLsMimslSwelhZ4Xk26W-1"><g><rect x="0" y="0" width="640" height="160" fill-opacity="0.1" fill="#868e9c" stroke="#868e9c" stroke-dasharray="3 3" pointer-events="all" style="fill: rgb(134, 142, 156); stroke: rgb(134, 142, 156);"/></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: 80px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #6C7483; "><div style="display: inline-block; font-size: 24px; font-family: &quot;Noto Sans JP&quot;; color: #6C7483; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">4:1</div></div></div></foreignObject><image x="1" y="66" width="638" height="35" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACfgAAACMCAYAAAAqL1pZAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3W2MptVZB/DrPLM7C22ztCKkViqSGox+amO/mIhZY7dBakpI3IgR2zTU7cvsrLjM7vIyM112trAwM6zszFC6jam2oASrxZjUUqlCiFWTpon6RQiJNkiipCVAaAuzM89tBpi6bHaeuZ+3ee7nPr/9sh/mnHNf1+868+2fOSn8I0CAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBConkCpXkYIIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBEPBzCQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQAUFBPwqOBQlESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAT93gAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIVFBAwK+CQ1ESAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAQ8HMHCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBABQUE/Co4FCURIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEBP3eAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhUUEDAr4JDURIBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEBDwcwcIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEAFBQT8KjgUJREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQE/d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECFRQQMCvgkNREgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQEPBzBwgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQAUFBPwqOBQlESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAT93gAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIVFBAwK+CQ1ESAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAQ8HMHCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBABQUE/Co4FCURIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEBP3eAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhUUEDAr4JDURIBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEBDwcwcIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEAFBQT8KjgUJREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQE/d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECFRQQMCvgkNREgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQEPBzBwgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQAUFBPwqOBQlESBAgAABAgQIECBAgAABAgQIDI/A2IHbL2+MrPzKZhWPjKz+/R8dv+2/NltX15/v2fPQyEU/++TukSjedXaPzWbj9GpaeeS+uSPP1bV/fREgQIAAAQIECBAgQIAAAQIECBDoREDArxM1ewgQIECAAAECBAgQIECAAAECBAhExCf/8NhPbxuJxyKKn9sMJBXpuoX5yQc2W1e3n68F+y6+9KkPpyjmI+KyDfp7OaXiqoXZ6Sfq1r9+CBAgQIAAAQIECBAgQIAAAQIECHQjIODXjZ69BAgQIECAAAECBAgQIECAAAECGQsUad/EsS9GxEfLIOQW8BsfP7kjznvht4siHWkR7FunE/Arc4msIUCAAAECBAgQIECAAAECBAgQyE5AwC+7kWuYAAECBAgQIECAAAECBAgQIECgFwJjE8euSVE8GBGj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iSBZH77a0yP9Bb+ecjqMAAECBAgQIECAAAECBAgQIECAwHALCPgN9/xUT4AAAQIECBAgQIAAAQIECBAgcIaAgF81r0OJufgLftUcnaoIECBAgAABAgQIECBAgAABAgQGLCDgN+AB+DwBAgQIECBAgAABAgQIECBAgEDvBEoEyXr3sf6c5C/49cfVqQQIECBAgAABAgQIECBAgAABAgSGUkDAbyjHpmgCBAgQIECAAAECBAgQIECAAIFzCQj4VfNelJiLv+BXzdGpigABAgQIECBAgAABAgQIECBAYMACAn4DHoDPEyBAgAABAgQIECBAgAABAgQIDL/A3sPHLxhdPf1oRLx/o25Ska5bmJ98YPi7bb8DAb/2zewgQIAAAQIECBAgQIAAAQIECBAgsCYg4OceECBAgAABAgQIECBAgAABAgQIEOhSQMCvNaCAX5cXzHYCBAgQIECAAAECBAgQIECAAIFsBQT8sh29xgkQIECAAAECBAgQIECAAAECBHolIODXWlLAr1c3zTkECBAgQIAAAQIECBAgQIAAAQK5CQj45TZx/RIgQIAAAQIECBAgQIAAAQIECPRcQMCvNamAX8+vnAMJECBAgAABAgQIECBAgAABAgQyERDwy2TQ2iRAgAABAgQIECBAgAABAgQIEOifgIBfa1sBv/7dPScTIECAAAECBAgQIECAAAECBAjUW0DAr97z1R0BAgQIECBAgAABAgQIECBAgMAWCAj4tUYW8NuCS+gTBAgQIECAAAECBAgQIECAAAECtRQQ8KvlWDVFgAABAgQIECBAgAABAgQIECCwlQICfq21Bfy28jb6FgECBAgQIECAAAECBAgQIECAQJ0EBPzqNE29ECBAgAABAgQIECBAgAABAgQIDERgkAG/T910xztGVlYORsTeiLjwDYDlSOnxtNo8uHD39L8OBOWMjwr4DXoCvk+AAAECBAgQIECAAAECBAgQIDCsAgJ+wzo5dRMgQIAAAQIECBAgQIAAAQIECFRGYFABv/EDR99XNNJfRsRlG2D8KFIcXpydXIxIxaDASgT8VqKIPYvzUw8PqkbfJUCAAAECBAgQIECAAAECBAgQIFBFAQG/Kk5FTQQIECBAgAABAgQIECBAgAABAkMlMIiA376JmbVQ3zdbhPvWDZcjiusX56bvHxRqiYBfpCJdtzA/+cCgavRdAgQIECBAgAABAgQIECBAgAABAlUUEPCr4lTURIAAAQIECBAgQIAAAQIECBAgMFQCgwj4jU0cvSdF2l8KKsW/b19Z2XXixG3Pl1rf40UCfj0GdRwBAgQIECBAgAABAgQIECBAgEA2AgJ+2YxaowQIECBAgAABAgQIECBAgAABAv0S2OqA3/jNt19UnF55LCL9YsmeXmmmuObe2amvl1z/pmXj4yd3xPnPX5RS0ehkf7Gy7VCRYqzl3hT7G42Vv273/FfOT987deTID9vdZz0BAgQIECBAgAABAgQIECBAgACBYRAQ8BuGKamRAAECBAgQIECAAAECBAgQIECg0gJbHvA7cPR9RSM9GhE/URompcOLs5N3lV5/xsLxg0evKIr0tYh4Wyf7+7nH07791HU2AQIECBAgQIAAAQIECBAgQIDAoAUE/AY9Ad8nQIAAAQIECBAgQIAAAQIECBAYeoEtD/h1ErgriuOL89M3d4It4NeJmj0ECBAgQIAAAQIECBAgQIAAAQIEuhcQ8Ove0AkECBAgQIAAAQIECBAgQIAAAQKZC2x1wG9s4ugvp0hrz+3ubIN+ZnFuarqN9T9eKuDXiZo9BAgQIECAAAECBAgQIECAAAECBLoXEPDr3tAJBAgQIECAAAECBAgQIECAAAECmQtsdcDvhhs++1Mr25pPRMR7StKvRBF7FuenHi65/k3LBPw6UbOHAAECBAgQIECAAAECBAgQIECAQPcCAn7dGzqBAAECBAgQIECAAAECBAgQIEAgc4GtDvhFFGnfxLEvRsRHy9Gnp1dWY9d9JyafLbf+zasE/DpRs4cAAQIECBAgQIAAAQIECBAgQIBA9wICft0bOoEAAQIECBAgQIAAAQIECBAgQCBzga0P+EWMHbj98tRY/UZEXLoJ/3JEfHJxbmotENjRPwG/jthsIkCAAAECBAgQIECAAAECBAgQINC1gIBf14QOIECAAAECBAgQIECAAAECBAgQyF1gEAG/NfOxG4/9akrFX0XEhRvMYLVIxR1Ls1PTEanodE4Cfp3K2UeAAAECBAgQIECAAAECBAgQIECgOwEBv+787CZAgAABAgQIECBAgAABAgQIECAwUIHxgzPvKYq0FFF8ICJGzijmP6MZNyzePfk33YT7BtqcjxMgQIAAAQIECBAgQIAAAQIECBDIXEDAL/MLoH0CBAgQIECAAAECBAgQIECAAIF6CIyPn9wR5z9/UUpFY7Wx4wdLd9zy/Xp0pgsCBAgQIECAAAECBAgQIECAAAEC+QoI+OU7e50TIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQIUFBPwqPBylESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEC+AgJ++c5e5wQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQYQEBvwoPR2kECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkK+AgF++s9c5AQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECFRYQMCvwsNRGgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjkKyDgl+/sdU6AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECFRYQ8KvwcJRGgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAvkKCPjlO3udEyBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECFBQT8KjwcpREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAvgICfvnOXucECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgUGEBAb8KD0dpBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIJCvgIBfvrPXOQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhUWEDAr8LDURoBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQI5Csg4Jfv7HVOgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAhUWEPCr8HCURoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQL5Cgj45Tt7nRMgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAhQUE/Co8HKURIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQL4CAn75zl7nBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBhAQG/Cg9HaQQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCQr4CAX76z1zkBAgQIECBqA0+jAAAELUlEQVRAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIVFhAwK/Cw1EaAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECOQrIOCX7+x1ToAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIVFhDwq/BwlEaAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEC+QoI+OU7e50TIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQIUFBPwqPBylESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEC+AgJ++c5e5wQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQYQEBvwoPR2kECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkK+AgF++s9c5AQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECFRYQMCvwsNRGgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjkKyDgl+/sdU6AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECFRYQ8KvwcJRGgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAvkKCPjlO3udEyBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECFBQT8KjwcpREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAvgICfvnOXucECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgUGEBAb8KD0dpBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIJCvgIBfvrPXOQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhUWEDAr8LDURoBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQI5Csg4Jfv7HVOgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAhUWEPCr8HCURoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQL5Cgj45Tt7nRMgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAhQUE/Co8HKURIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAQL4C/wdKEBjnw55QQwAAAABJRU5ErkJggg=="/></switch></g></g></g></g></g></g></svg>

package/src/assets/images/portrait.svg

@@ -0,0 +1,4 @@
+<?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="321px" height="641px" viewBox="-0.5 -0.5 321 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="r4hXXDR8e5pJUzgta42v-1"><g><rect x="0" y="0" width="320" height="640" fill-opacity="0.1" fill="#c9699e" stroke="#c9699e" stroke-dasharray="3 3" pointer-events="all" style="fill: rgb(201, 105, 158); stroke: rgb(201, 105, 158);"/></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: 318px; 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:2</div></div></div></foreignObject><image x="1" y="306" width="318" height="35" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPgAAACMCAYAAADhuxdeAAAAAXNSR0IArs4c6QAAF1RJREFUeF7t3X/srmVdB/C3B49TJDCCskbSWmypqywdps0fYAT+yIZHj5W22pJ0O2FTdJCurM1WJ8jmD5qGbDmyGXhkAwQNWGmaSbK5lYtkWjRt1mw7pILr8KPnas9Zx9M5z3Nf9/d57ue67+f1bIwxPvd1fe7X5/7ju/fuH4+IHwECBAgQIECAAAECBAgQIECAAAECoxV4xGg71zgBAgQIECBAgAABAgQIECBAgAABAhHwuQgIECBAgAABAgQIECBAgAABAgQIjFhAwDfi4WmdAAECBAgQIECAAAECBAgQIECAgIDPNUCAAAECBAgQIECAAAECBAgQIEBgxAICvhEPT+sECBAgQIAAAQIECBAgQIAAAQIEBHyuAQIECBAgQIAAAQIECBAgQIAAAQIjFhDwjXh4WidAgAABAgQIECBAgAABAgQIECAg4HMNECBAgAABAgQIECBAgAABAgQIEBixgIBvxMPTOgECBAgQIECAAAECBAgQIECAAAEBn2uAAAECBAgQIECAAAECBAgQIECAwIgFBHwjHp7WCRAgQIAAAQIECBAgQIAAAQIECAj4XAMECBAgQIAAAQIECBAgQIAAAQIERiwg4Bvx8LROgAABAgQIECBAgAABAgQIECBAQMDnGiBAgAABAgQIECBAgAABAgQIECAwYgEB34iHp3UCBAgQIECAAAECBAgQIECAAAECAj7XAAECBAgQIECAAAECBAgQIECAAIERCwj4Rjw8rRMgQIAAAQIECBAgQIAAAQIECBAQ8LkGCBAgQIAAAQIECBAgQIAAAQIECIxYQMA34uFpnQABAgQIECBAgAABAgQIECBAgICAzzVAgAABAgQIECBAgAABAgQIECBAYMQCAr4RD0/rBAgQIECAAAECBAgQIECAAAECBAR8rgECBAgQIECAAAECBAgQIECAAAECIxYQ8I14eFonQIAAAQIECBAgQIAAAQIECBAgIOBzDRAgQIAAAQIECBAgQIAAAQIECBAYsYCAb8TD0zoBAgQIECBAgAABAgQIECBAgAABAZ9rgAABAgQIECBAYJ0C5e/N05M8Zf7PDxxjsweS3JnkC0k+m+TgOhuyNgECBAgQIEBgagICvqlN1PkQIECAAAECQwqU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AAECBNYpIOBbp661CRAgQIAAgZYFphbwPTXJx5OcWIFeEySOKdwrBAK+igtBKQECBAgQIDBuAQHfuOenewIECBAgQKC/wNQCvh9J8tdJvq2C5JIkb+tYf2mS3+tY20KZgK+FKeiBAAECBAgQGERAwDcIs00IECBAgACBBgWmFvCdNr9r7UkdrR9O8lNJbutYL+DrCKWMAAECBAgQIDC0gIBvaHH7ESBAgAABAq0ITC3gK3/X/WGSX+sI/LnZI73nJvmPjvUCvo5QyggQIECAAAECQwsI+IYWtx8BAgQIECDQisDUAr7iemaSW5OctQT5oSR7kxyoGIaArwJLKQECBAgQIEBgSAEB35Da9iJAgAABAgRaEphiwFd8u3wM4w3zd++Vx3S7/gR8XaXUESBAgAABAgQGFhDwDQxuOwIECBAgQIDAAAJnzAO8lx21111J9iX5yyQ14d4ALduCAAECBAgQIECgr4CAr6+c4wgQIECAAAEC7QvsTnJqkl1J7k9ysP2WdUiAAAECBAgQIFArIOCrFVNPgAABAgQIECBAgAABAgQIECBAoCEBAV9Dw9AKAQIECBAgQIAAAQIECBAgQIAAgVoBAV+tmHoCBAgQIECAAAECBAgQIECAAAECDQkI+BoahlYIECBAgAABAgQIECBAgAABAgQI1AoI+GrF1BMgQIAAAQIECBAgQIAAAQIECBBoSEDA19AwtEKAAAECBAgQIECAAAECBAgQIECgVkDAVyumngABAgQIECBAgAABAgQIECBAgEBDAgK+hoahFQIECBAgQIAAAQIECBAgQIAAAQK1AgK+WjH1BAgQIECAAAECBAgQIECAAAECBBoSEPA1NAytECBAgAABAgQIECBAgAABAgQIEKgVEPDViqknQIAAAQIECBAgQIAAAQIECBAg0JCAgK+hYWiFAAECBAgQIECAAAECBAgQIECAQK2AgK9WTD0BAgQIECBAgAABAgQIECBAgACBhgQEfA0NQysECBAgQIAAAQIECBAgQIAAAQIEagUEfLVi6gkQIECAAAECBAgQIECAAAECBAg0JCDga2gYWiFAgAABAgQIECBAgAABAgQIECBQKyDgqxVTT4AAAQIECBAgQIAAAQIECBAgQKAhAQFfQ8PQCgECBAgQIECAAAECBAgQIECAAIFaAQFfrZh6AgQIECBAgAABAgQIECBAgAABAg0JCPgaGoZWCBAgQIAAAQIECBAgQIAAAQIECNQKCPhqxdQTIECAAAECBAgQIECAAAECBAgQaEhAwNfQMLRCgAABAgQIECBAgAABAgQIECBAoFZAwFcrpp4AAQIECBAgQIAAAQIECBAgQIBAQwICvoaGoRUCBAgQIECAAAECBAgQIECAAAECtQICvlox9QQIECBAgAABAgQIECBAgAABAgQaEhDwNTQMrRAgQIAAAQIECBAgQIAAAQIECBCoFRDw1YqpJ0CAAAECBAgQIECAAAECBAgQINCQgICvoWFohQABAgQIECBAgAABAgQIECBAgECtgICvVkw9AQIECBAgQIAAAQIECBAgQIAAgYYEBHwNDUMrBAgQIECAAAECBAgQIECAAAECBGoFBHy1YuoJECBAgAABAgQIECBAgAABAgQINCQg4GtoGFohQIAAAQIECBAgQIAAAQIECBAgUCsg4KsVU0+AAAECBAgQIECAAAECBAgQIECgIQEBX0PD0AoBAgQIECBAgAABAgQIECBAgACBWgEBX62YegIECBAgQIAAAQIECBAgQIAAAQINCQj4GhqGVggQIECAAAECBAgQIECAAAECBAjUCgj4asXUEyBAgAABAgQIECBAgAABAgQIEGhIQMDX0DC0QoAAAQIECBAgQIAAAQIECBAgQKBWQMBXK6aeAAECBAgQIECAAAECBAgQIECAQEMCAr6GhqEVAgQIECBAgAABAgQIECBAgAABArUCAr5aMfUECBAgQIAAAQIECBAgQIAAAQIEGhIQ8DU0DK0QIECAAAECBAgQIECAAAECBAgQqBX4H2xdy5xXm44IAAAAAElFTkSuQmCC"/></switch></g></g></g></g></g></g></svg>

package/src/assets/images/square.svg

@@ -0,0 +1,4 @@
+<?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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1,67 @@
+.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

@@ -0,0 +1,44 @@
+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>
+    );
+  },
+};