@inglorious/logo 1.0.0

package/.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    ["@babel/preset-react", { "runtime": "automatic" }]
+  ]
+}

package/.eslintrc.cjs

@@ -0,0 +1,33 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh", "simple-import-sort"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
+    ],
+    "no-unused-vars": 1,
+    "no-console": [1, { allow: ["error"] }],
+    "no-magic-numbers": 1,
+    "simple-import-sort/imports": "warn",
+    "simple-import-sort/exports": "warn",
+  },
+  overrides: [
+    {
+      files: "*.test.js",
+      rules: {
+        "no-magic-numbers": 0,
+      },
+    },
+  ],
+};

package/.storybook/main.js

@@ -0,0 +1,18 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

package/.storybook/preview.js

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;

package/LICENSE.md

@@ -0,0 +1 @@
+Copyright © Inglorious Coderz 2023 All rights reserved.

package/dist/eye.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #eyelid {
+      fill: rgb(0, 192, 192);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 127);
+      stroke-width: 0;
+    }
+    
+    #eye {
+      fill: rgb(0, 255, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(0, 192, 192);
+      stroke-width: 0;
+    }
+  </style>
+
+  <path id="eyelid" d="
+    M 0 0
+    L 1 0
+    L 2.5 0.75
+    L 4.5 0.75
+    L 4 1
+    L 2 1
+    Z
+  " />
+
+  <path id="eye" d="
+    M 1 0
+    L 6 0
+    L 4.5 0.75
+    L 2.5 0.75
+    Z
+  " />
+</svg>

package/dist/faces/A.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 4 3
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/B.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 1
+    L 5 2
+    L 6 2
+    L 6 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 2
+    L 4 2
+    L 4 1
+    Z
+
+    M 2 3
+    L 2 5
+    L 4 5
+    L 4 3
+    Z
+  " />
+</svg>

package/dist/faces/C.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 5
+    L 4 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/D.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 4
+    L 4 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 5
+    L 3 5
+    L 4 4
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/E.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 2
+    L 4 2
+    L 3 3
+    L 2 3
+    L 2 5
+    L 4 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/F.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 2
+    L 4 2
+    L 3 3
+    L 2 3
+    L 2 5
+    L 4 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/G.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 5
+    L 4 5
+    L 4 4
+    L 3 3
+    L 6 3
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/H.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 2 2
+    L 4 2
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/I.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 4 1
+    L 4 5
+    L 6 6
+    L 0 6
+    L 2 5
+    L 2 1
+    Z
+  " />
+</svg>

package/dist/faces/J.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 3 0
+    L 6 0
+    L 6 6
+    L 0 6
+    L 0 3
+    L 3 3
+    L 2 4
+    L 2 5
+    L 4 5
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/K.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 2 2
+    L 4 0
+    L 6 0
+    L 3 3
+    L 6 6
+    L 4 6
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/L.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 3 0
+    L 2 1
+    L 2 5
+    L 5 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/M.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 3 2
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 3
+    L 3 5
+    L 2 3
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/N.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 4 3
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 2 3
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/dist/faces/O.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 5
+    L 4 5
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/P.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 3 3
+    L 4 2
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/Q.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 3
+    L 5 4
+    L 6 5
+    L 6 6
+    L 5 6
+    L 4 5
+    L 3 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 4
+    L 3 4
+    L 4 3
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/R.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 4
+    L 6 6
+    L 4 6
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 3 3
+    L 4 2
+    L 4 1
+    Z
+  " />
+</svg>

package/dist/faces/S.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 2
+    L 6 3
+    L 6 6
+    L 0 6
+    L 0 4
+    L 2 5
+    L 4 5
+    L 4 4
+    L 0 3
+    Z
+  " />
+</svg>