@selemondev/svgl-svelte 2.0.4 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Formance.svelte +12 -13
  3. package/dist/components/GoogleAntigravity.svelte +101 -0
  4. package/dist/components/ProtonMail.svelte +101 -0
  5. package/dist/index.d.ts +4 -0
  6. package/dist/index.js +4 -0
  7. package/package.json +6 -2
package/README.md CHANGED
@@ -6,6 +6,7 @@
6
6
  </p>
7
7
 
8
8
  <!-- automd:badges color="green" license name="@selemondev/svgl-svelte" codecov packagephobia -->
9
+
9
10
  [![CI](https://github.com/selemondev/svgl-svelte/actions/workflows/ci.yml/badge.svg)](https://github.com/selemondev/svgl-svelte/actions/workflows/ci.yml)
10
11
  [![npm version](https://img.shields.io/npm/v/@selemondev/svgl-svelte?color=green)](https://npmjs.com/package/@selemondev/svgl-svelte)
11
12
  [![npm downloads](https://img.shields.io/npm/dm/@selemondev/svgl-svelte?color=green)](https://npm.chart.dev/@selemondev/svgl-svelte)
@@ -13,7 +14,6 @@
13
14
 
14
15
  <!-- /automd -->
15
16
 
16
-
17
17
  **Svgl Svelte** is an open-source npm package that offers a collection of high-quality brand SVG logos as reusable **Svelte components** with complete TypeScript support.
18
18
 
19
19
  This package is powered by the official [`pheralb/svgl`](https://github.com/pheralb/svgl) repository.
package/dist/components/Formance.svelte CHANGED
@@ -10,21 +10,20 @@
10
10
  const restAttrs = Object.entries(rest)
11
11
  .map(([k, v]) => `${k}="${v}"`)
12
12
  .join(' ');
13
- const svgContent = `<svg viewBox="0 0 212 46" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
14
- <g clip-path="url(#clip0_2005_3051)">
15
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7987 32.4147L14.2387 42.0947C15.5813 42.5627 16.9547 42.8747 18.36 43V37.848H21.6387V43C23.044 42.8747 24.4493 42.5627 25.8227 42.0947L22.2627 32.4147C21.5133 30.3533 18.5787 30.3533 17.7973 32.4147H17.7987Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
16
- <path fill-rule="evenodd" clip-rule="evenodd" d="M25.1053 31.228L29.4453 40.596C30.7253 39.972 31.944 39.2227 33.0053 38.316L29.352 34.6627L31.6933 32.3213L35.3467 35.9747C36.252 34.8813 37.0333 33.664 37.6573 32.384L28.2893 28.044C26.2907 27.1067 24.2307 29.2 25.136 31.1973L25.1053 31.228Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
17
- <path fill-rule="evenodd" clip-rule="evenodd" d="M29.4147 25.232L39.0947 28.792C39.5627 27.4493 39.8747 26.076 40 24.6707H34.848V21.392H40C39.8747 19.9867 39.5627 18.5813 39.0947 17.208L29.4147 20.768C27.3533 21.5173 27.3533 24.452 29.4147 25.2333V25.232Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
18
- <path fill-rule="evenodd" clip-rule="evenodd" d="M28.228 17.9253L37.596 13.5853C36.972 12.3053 36.2227 11.0867 35.316 10.0253L31.6627 13.6787L29.3213 11.3373L32.9747 7.68399C31.8813 6.77866 30.664 5.99732 29.384 5.37332L25.044 14.7413C24.1067 16.74 26.2 18.8 28.1973 17.8947L28.228 17.9253Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
19
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22.232 13.6173L25.792 3.93733C24.4493 3.46933 23.076 3.15733 21.6707 3.032V8.184H18.392V3C16.9867 3.12533 15.5813 3.43733 14.208 3.93733L17.768 13.6173C18.5173 15.6787 21.452 15.6787 22.2333 13.6173H22.232Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
20
- <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9253 14.8027L10.5853 5.436C9.30534 6.06 8.08667 6.80934 7.02534 7.716L10.6787 11.3693L8.33734 13.7107L4.684 10.0573C3.77867 11.1507 2.99734 12.368 2.37334 13.648L11.7413 17.988C13.74 18.9253 15.8 16.832 14.8947 14.8347L14.9253 14.804V14.8027Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
21
- <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6173 20.7987L0.937341 17.208C0.437341 18.5507 0.125341 19.956 7.62939e-06 21.3613H5.15201V24.64H7.62939e-06C0.125341 26.0453 0.437341 27.4507 0.937341 28.824L10.6173 25.264C12.6787 24.5147 12.6787 21.58 10.6173 20.7987Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
22
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8027 28.1053L2.43467 32.4453C3.05867 33.7253 3.80801 34.944 4.71467 36.0053L8.36801 32.352L10.7093 34.6933L7.05601 38.3466C8.14934 39.252 9.36667 40.0333 10.6467 40.6573L14.9867 31.2893C15.924 29.2906 13.8307 27.2306 11.8333 28.136L11.8027 28.1053Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
13
+ const svgContent = `<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
14
+ <g clip-path="url(#clip0_2272_2527)">
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7987 29.4147L14.2387 39.0947C15.5813 39.5627 16.9547 39.8747 18.36 40V34.848H21.6387V40C23.044 39.8747 24.4493 39.5627 25.8227 39.0947L22.2627 29.4147C21.5133 27.3533 18.5787 27.3533 17.7973 29.4147H17.7987Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
16
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M25.1053 28.228L29.4453 37.596C30.7253 36.972 31.944 36.2227 33.0053 35.316L29.352 31.6627L31.6933 29.3213L35.3467 32.9747C36.252 31.8813 37.0333 30.664 37.6573 29.384L28.2893 25.044C26.2907 24.1067 24.2307 26.2 25.136 28.1973L25.1053 28.228Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
17
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M29.4147 22.232L39.0947 25.792C39.5627 24.4493 39.8747 23.076 40 21.6707H34.848V18.392H40C39.8747 16.9867 39.5627 15.5813 39.0947 14.208L29.4147 17.768C27.3533 18.5173 27.3533 21.452 29.4147 22.2333V22.232Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
18
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M28.228 14.9253L37.596 10.5853C36.972 9.30532 36.2227 8.08666 35.316 7.02532L31.6627 10.6787L29.3213 8.33732L32.9747 4.68399C31.8813 3.77866 30.664 2.99732 29.384 2.37332L25.044 11.7413C24.1067 13.74 26.2 15.8 28.1973 14.8947L28.228 14.9253Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
19
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.232 10.6173L25.792 0.937333C24.4493 0.469333 23.076 0.157333 21.6707 0.032V5.184H18.392V0C16.9867 0.125333 15.5813 0.437333 14.208 0.937333L17.768 10.6173C18.5173 12.6787 21.452 12.6787 22.2333 10.6173H22.232Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
20
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9254 11.8027L10.5854 2.436C9.30535 3.06 8.08669 3.80934 7.02535 4.716L10.6787 8.36934L8.33735 10.7107L4.68402 7.05734C3.77869 8.15067 2.99735 9.368 2.37335 10.648L11.7414 14.988C13.74 15.9253 15.8 13.832 14.8947 11.8347L14.9254 11.804V11.8027Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
21
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6173 17.7987L0.937333 14.208C0.437333 15.5507 0.125333 16.956 0 18.3613H5.152V21.64H0C0.125333 23.0453 0.437333 24.4507 0.937333 25.824L10.6173 22.264C12.6787 21.5147 12.6787 18.58 10.6173 17.7987Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
22
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8027 25.1053L2.43466 29.4453C3.05866 30.7253 3.808 31.944 4.71466 33.0053L8.36799 29.352L10.7093 31.6933L7.05599 35.3466C8.14933 36.252 9.36666 37.0333 10.6467 37.6573L14.9867 28.2893C15.924 26.2906 13.8307 24.2306 11.8333 25.136L11.8027 25.1053Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
23
23
  </g>
24
- <path d="M47.5078 36V10.5907H63.216V14.2473H51.4628V21.7469H62.6563V25.2915H51.4628V36H47.5078ZM74.0218 36.5224C72.5543 36.5224 71.211 36.2736 69.9922 35.7761C68.7982 35.2538 67.7659 34.5324 66.8953 33.6121C66.0247 32.6668 65.3407 31.5723 64.8432 30.3286C64.3705 29.06 64.1342 27.6919 64.1342 26.2243C64.1342 24.2592 64.5571 22.5056 65.4028 20.9634C66.2486 19.3963 67.4052 18.165 68.8728 17.2695C70.3404 16.374 72.0568 15.9263 74.0218 15.9263C75.4894 15.9263 76.8202 16.1875 78.0142 16.7098C79.233 17.2073 80.2653 17.9163 81.1111 18.8366C81.9817 19.757 82.6533 20.8514 83.1259 22.12C83.6234 23.3638 83.8721 24.7194 83.8721 26.187C83.8721 28.1521 83.4617 29.9182 82.6409 31.4853C81.82 33.0524 80.6633 34.2837 79.1709 35.1791C77.6784 36.0746 75.9621 36.5224 74.0218 36.5224ZM74.0218 33.1643C75.2656 33.1643 76.3352 32.8534 77.2307 32.2315C78.151 31.5848 78.8475 30.739 79.3201 29.6943C79.8176 28.6247 80.0663 27.4556 80.0663 26.187C80.0663 24.9184 79.8176 23.7618 79.3201 22.717C78.8475 21.6723 78.151 20.839 77.2307 20.2171C76.3352 19.5953 75.2656 19.2844 74.0218 19.2844C72.7781 19.2844 71.6961 19.5953 70.7757 20.2171C69.8802 20.839 69.1838 21.6723 68.6863 22.717C68.1888 23.7618 67.94 24.9309 67.94 26.2243C67.94 27.4929 68.1888 28.6496 68.6863 29.6943C69.1838 30.739 69.8802 31.5848 70.7757 32.2315C71.6961 32.8534 72.7781 33.1643 74.0218 33.1643ZM86.5962 36V16.486H90.3274C90.3274 16.884 90.3274 17.2571 90.3274 17.6053C90.3274 17.9536 90.3149 18.3018 90.29 18.6501C90.29 18.9983 90.29 19.3714 90.29 19.7694H90.402C90.9492 18.6501 91.6955 17.8043 92.6407 17.2322C93.6108 16.6601 94.6804 16.374 95.8495 16.374C96.0485 16.374 96.2226 16.3865 96.3719 16.4113C96.546 16.4113 96.7325 16.4238 96.9315 16.4487L96.8942 19.8813C96.6455 19.8813 96.4092 19.8813 96.1853 19.8813C95.9614 19.8813 95.7251 19.8813 95.4764 19.8813C94.3819 19.8813 93.4491 20.1301 92.678 20.6276C91.9069 21.1002 91.3223 21.7594 90.9243 22.6051C90.5512 23.4508 90.3647 24.3961 90.3647 25.4408V36H86.5962ZM98.8391 36V16.486H102.57C102.57 16.9088 102.57 17.282 102.57 17.6053C102.57 17.9287 102.558 18.2521 102.533 18.5754C102.533 18.8988 102.533 19.2595 102.533 19.6575L102.645 19.6948C103.267 18.5257 104.063 17.6302 105.033 17.0083C106.028 16.3616 107.184 16.0382 108.503 16.0382C109.896 16.0382 111.052 16.374 111.973 17.0456C112.918 17.6924 113.602 18.563 114.025 19.6575H114.174C114.796 18.4884 115.629 17.5929 116.674 16.971C117.719 16.3492 118.913 16.0382 120.256 16.0382C121.848 16.0382 123.141 16.3865 124.136 17.083C125.131 17.7546 125.853 18.6749 126.301 19.844C126.773 21.0131 127.009 22.319 127.009 23.7618V36H123.241V24.508C123.241 22.9906 122.893 21.7594 122.196 20.8141C121.5 19.8689 120.467 19.3963 119.099 19.3963C118.179 19.3963 117.395 19.6202 116.749 20.0679C116.102 20.5156 115.617 21.1251 115.294 21.8962C114.97 22.6424 114.809 23.513 114.809 24.508V36H111.04V24.508C111.04 22.9906 110.692 21.7594 109.995 20.8141C109.299 19.8689 108.304 19.3963 107.01 19.3963C106.115 19.3963 105.331 19.645 104.66 20.1425C104.013 20.6151 103.503 21.2494 103.13 22.0454C102.782 22.8165 102.608 23.6747 102.608 24.6199V36H98.8391ZM138.345 36.4851C137.027 36.4851 135.821 36.2363 134.726 35.7388C133.657 35.2165 132.724 34.4951 131.928 33.5747C131.157 32.6544 130.56 31.5723 130.137 30.3286C129.714 29.0849 129.503 27.7417 129.503 26.299C129.503 24.3339 129.876 22.5802 130.622 21.038C131.393 19.4958 132.45 18.2769 133.793 17.3815C135.137 16.486 136.679 16.0382 138.42 16.0382C139.888 16.0382 141.181 16.3492 142.301 16.971C143.42 17.5929 144.315 18.5257 144.987 19.7694L145.136 19.7321C145.111 19.359 145.086 19.0107 145.062 18.6874C145.062 18.3391 145.062 17.9909 145.062 17.6426C145.062 17.2944 145.062 16.9088 145.062 16.486H148.793V36H145.062C145.062 35.5523 145.062 35.1667 145.062 34.8433C145.062 34.52 145.062 34.1966 145.062 33.8732C145.086 33.5499 145.111 33.1892 145.136 32.7912L144.987 32.7539C144.29 33.9727 143.358 34.9055 142.189 35.5523C141.02 36.1741 139.738 36.4851 138.345 36.4851ZM139.166 33.0897C140.41 33.0897 141.48 32.8036 142.375 32.2315C143.271 31.6594 143.967 30.8634 144.465 29.8436C144.962 28.7988 145.211 27.6049 145.211 26.2616C145.211 24.9184 144.962 23.7369 144.465 22.717C143.967 21.6972 143.258 20.9012 142.338 20.3291C141.442 19.7321 140.385 19.4336 139.166 19.4336C137.972 19.4336 136.928 19.7445 136.032 20.3664C135.162 20.9634 134.478 21.7842 133.98 22.829C133.507 23.8488 133.271 25.0055 133.271 26.299C133.271 27.5924 133.507 28.7491 133.98 29.7689C134.478 30.7888 135.162 31.5972 136.032 32.1942C136.928 32.7912 137.972 33.0897 139.166 33.0897ZM152.22 36V16.486H155.951C155.951 16.884 155.951 17.2571 155.951 17.6053C155.951 17.9287 155.938 18.2521 155.913 18.5754C155.913 18.8988 155.913 19.2595 155.913 19.6575L156.025 19.6948C156.647 18.5506 157.481 17.6551 158.525 17.0083C159.595 16.3616 160.814 16.0382 162.182 16.0382C163.749 16.0382 165.055 16.374 166.1 17.0456C167.169 17.7173 167.953 18.6376 168.45 19.8067C168.973 20.9509 169.234 22.2569 169.234 23.7244V36H165.503V24.6946C165.503 23.1275 165.105 21.8589 164.309 20.8888C163.538 19.9186 162.381 19.4336 160.839 19.4336C159.794 19.4336 158.911 19.6823 158.189 20.1798C157.468 20.6773 156.921 21.3365 156.548 22.1574C156.175 22.9533 155.988 23.8488 155.988 24.8438V36H152.22ZM181.655 36.5597C180.212 36.5597 178.881 36.2985 177.662 35.7761C176.468 35.2538 175.436 34.5324 174.566 33.6121C173.695 32.6917 173.023 31.5972 172.551 30.3286C172.103 29.06 171.879 27.6795 171.879 26.187C171.879 24.2219 172.29 22.4683 173.11 20.9261C173.931 19.359 175.075 18.1277 176.543 17.2322C178.011 16.3367 179.715 15.889 181.655 15.889C182.998 15.889 184.217 16.1129 185.311 16.5606C186.406 16.9835 187.376 17.6053 188.222 18.4262C189.067 19.247 189.764 20.2545 190.311 21.4484L186.99 22.9782C186.468 21.834 185.759 20.9385 184.864 20.2918C183.968 19.645 182.898 19.3217 181.655 19.3217C180.436 19.3217 179.366 19.6326 178.446 20.2545C177.526 20.8514 176.817 21.6723 176.319 22.717C175.847 23.7369 175.61 24.8935 175.61 26.187C175.61 27.4805 175.847 28.6496 176.319 29.6943C176.817 30.739 177.513 31.5723 178.409 32.1942C179.329 32.8161 180.411 33.127 181.655 33.127C182.923 33.127 184.005 32.7912 184.901 32.1196C185.796 31.448 186.493 30.5525 186.99 29.4331L190.348 30.8883C189.801 32.0823 189.105 33.1021 188.259 33.9479C187.413 34.7936 186.431 35.4403 185.311 35.8881C184.217 36.3358 182.998 36.5597 181.655 36.5597ZM201.328 36.5597C199.886 36.5597 198.567 36.3109 197.373 35.8134C196.204 35.2911 195.184 34.5697 194.314 33.6494C193.468 32.7041 192.809 31.6097 192.336 30.3659C191.888 29.1222 191.665 27.7541 191.665 26.2616C191.665 24.2468 192.075 22.4683 192.896 20.9261C193.717 19.3838 194.848 18.165 196.291 17.2695C197.759 16.3492 199.45 15.889 201.366 15.889C203.331 15.889 204.985 16.2994 206.328 17.1203C207.671 17.9411 208.691 19.0854 209.388 20.5529C210.109 22.0205 210.47 23.7493 210.47 25.7393C210.47 25.988 210.47 26.2368 210.47 26.4855C210.47 26.7343 210.445 26.9954 210.395 27.2691H193.082V24.2841H208.828L207.037 25.702C207.037 24.4334 206.813 23.314 206.365 22.3439C205.942 21.3738 205.308 20.6151 204.462 20.0679C203.642 19.5207 202.609 19.247 201.366 19.247C200.122 19.247 199.04 19.558 198.119 20.1798C197.199 20.8017 196.49 21.635 195.993 22.6797C195.52 23.7244 195.284 24.9184 195.284 26.2616C195.284 27.58 195.533 28.7615 196.03 29.8063C196.552 30.851 197.274 31.6843 198.194 32.3061C199.114 32.9031 200.196 33.2016 201.44 33.2016C202.684 33.2016 203.766 32.9031 204.686 32.3061C205.607 31.7092 206.34 30.8634 206.888 29.7689L210.022 31.2987C209.176 33.0648 207.995 34.3832 206.477 35.2538C204.985 36.1244 203.268 36.5597 201.328 36.5597Z" fill="#01353C" style="fill:#01353C;fill:color(display-p3 0.0039 0.2078 0.2353);fill-opacity:1;"/>
25
24
  <defs>
26
- <clipPath id="clip0_2005_3051">
27
- <rect width="40" height="40" fill="white" style="fill:white;fill-opacity:1;" transform="translate(0 3)"/>
25
+ <clipPath id="clip0_2272_2527">
26
+ <rect width="40" height="40" fill="white" style="fill:white;fill-opacity:1;"/>
28
27
  </clipPath>
29
28
  </defs>
30
29
  </svg>
package/dist/components/GoogleAntigravity.svelte ADDED
@@ -0,0 +1,101 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `
14
+ <html lang="en">
15
+ <head>
16
+ <meta charset="utf-8" />
17
+ <meta name="viewport" content="width=device-width" />
18
+ <meta name="robots" content="index, follow" />
19
+ <meta name="author" content="@pheralb_" />
20
+ <meta name="description" content="A beautiful library with SVG logos" />
21
+
22
+ <!-- Favicon -->
23
+ <link
24
+ rel="icon"
25
+ type="image/svg+xml"
26
+ href="../images/svgl_svg.svg"
27
+ />
28
+ <link
29
+ rel="icon"
30
+ type="image/ico"
31
+ href="../images/svgl_ico.ico"
32
+ />
33
+
34
+ <!-- OG Images -->
35
+ <meta property="og:type" content="website" />
36
+ <meta property="og:title" content="SVGL" />
37
+ <meta
38
+ property="og:description"
39
+ content="A beautiful library with SVG logos"
40
+ />
41
+ <meta property="og:url" content="https://svgl.app" />
42
+ <meta
43
+ property="og:image"
44
+ content="https://svgl.app/images/screenshot_dark.png"
45
+ />
46
+
47
+ <!-- Twitter -->
48
+ <meta name="twitter:card" content="summary_large_image" />
49
+ <meta name="twitter:title" content="SVGL" />
50
+ <meta
51
+ name="twitter:description"
52
+ content="A beautiful library with SVG logos"
53
+ />
54
+ <meta name="twitter:creator" content="@pheralb_" />
55
+ <meta
56
+ name="twitter:image"
57
+ content="https://svgl.app/images/screenshot_dark.png"
58
+ />
59
+
60
+ <!-- Preload Fonts -->
61
+ <link
62
+ rel="preload"
63
+ href="../fonts/InterVariable.woff2"
64
+ as="font"
65
+ type="font/woff2"
66
+ crossorigin="anonymous"
67
+ />
68
+ <link
69
+ rel="preload"
70
+ href="../fonts/GeistMono.woff2"
71
+ as="font"
72
+ type="font/woff2"
73
+ crossorigin="anonymous"
74
+ />
75
+
76
+ <!-- Manifest -->
77
+ <link rel="manifest" href="../manifest.json" />
78
+
79
+ <!-- Analytics -->
80
+
81
+
82
+ <!-- Title -->
83
+ <title>A beautiful library with SVG logos - SVGL</title>
84
+
85
+ <link href="../_app/immutable/assets/scroll-area.bHHIbcsu.css" rel="stylesheet">
86
+ <link href="../_app/immutable/assets/0.FNlFiBWt.css" rel="stylesheet"><!--187mvdh--><!--[!--><!--]--> <!----><!----><!---->
87
+ </head>
88
+ <body
89
+ class="overscroll-none bg-neutral-100 font-sans text-black antialiased selection:bg-neutral-300 dark:bg-neutral-950 dark:text-white dark:selection:bg-neutral-700"
90
+ data-sveltekit-preload-data="hover"
91
+ >
92
+ <div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101611" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101612" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
93
+
94
+
95
+ </div>
96
+ </body>
97
+ </html>
98
+ `;
99
+ </script>
100
+
101
+ {@html svgContent}
package/dist/components/ProtonMail.svelte ADDED
@@ -0,0 +1,101 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `
14
+ <html lang="en">
15
+ <head>
16
+ <meta charset="utf-8" />
17
+ <meta name="viewport" content="width=device-width" />
18
+ <meta name="robots" content="index, follow" />
19
+ <meta name="author" content="@pheralb_" />
20
+ <meta name="description" content="A beautiful library with SVG logos" />
21
+
22
+ <!-- Favicon -->
23
+ <link
24
+ rel="icon"
25
+ type="image/svg+xml"
26
+ href="../images/svgl_svg.svg"
27
+ />
28
+ <link
29
+ rel="icon"
30
+ type="image/ico"
31
+ href="../images/svgl_ico.ico"
32
+ />
33
+
34
+ <!-- OG Images -->
35
+ <meta property="og:type" content="website" />
36
+ <meta property="og:title" content="SVGL" />
37
+ <meta
38
+ property="og:description"
39
+ content="A beautiful library with SVG logos"
40
+ />
41
+ <meta property="og:url" content="https://svgl.app" />
42
+ <meta
43
+ property="og:image"
44
+ content="https://svgl.app/images/screenshot_dark.png"
45
+ />
46
+
47
+ <!-- Twitter -->
48
+ <meta name="twitter:card" content="summary_large_image" />
49
+ <meta name="twitter:title" content="SVGL" />
50
+ <meta
51
+ name="twitter:description"
52
+ content="A beautiful library with SVG logos"
53
+ />
54
+ <meta name="twitter:creator" content="@pheralb_" />
55
+ <meta
56
+ name="twitter:image"
57
+ content="https://svgl.app/images/screenshot_dark.png"
58
+ />
59
+
60
+ <!-- Preload Fonts -->
61
+ <link
62
+ rel="preload"
63
+ href="../fonts/InterVariable.woff2"
64
+ as="font"
65
+ type="font/woff2"
66
+ crossorigin="anonymous"
67
+ />
68
+ <link
69
+ rel="preload"
70
+ href="../fonts/GeistMono.woff2"
71
+ as="font"
72
+ type="font/woff2"
73
+ crossorigin="anonymous"
74
+ />
75
+
76
+ <!-- Manifest -->
77
+ <link rel="manifest" href="../manifest.json" />
78
+
79
+ <!-- Analytics -->
80
+
81
+
82
+ <!-- Title -->
83
+ <title>A beautiful library with SVG logos - SVGL</title>
84
+
85
+ <link href="../_app/immutable/assets/scroll-area.bHHIbcsu.css" rel="stylesheet">
86
+ <link href="../_app/immutable/assets/0.FNlFiBWt.css" rel="stylesheet"><!--187mvdh--><!--[!--><!--]--> <!----><!----><!---->
87
+ </head>
88
+ <body
89
+ class="overscroll-none bg-neutral-100 font-sans text-black antialiased selection:bg-neutral-300 dark:bg-neutral-950 dark:text-white dark:selection:bg-neutral-700"
90
+ data-sveltekit-preload-data="hover"
91
+ >
92
+ <div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101613" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101614" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
93
+
94
+
95
+ </div>
96
+ </body>
97
+ </html>
98
+ `;
99
+ </script>
100
+
101
+ {@html svgContent}
package/dist/index.d.ts CHANGED
@@ -114,6 +114,7 @@ export { default as DockerLogo } from './components/Docker.svelte';
114
114
  export { default as DocumensoLogo } from './components/Documenso.svelte';
115
115
  export { default as DocusLogo } from './components/Docus.svelte';
116
116
  export { default as DocusaurusLogo } from './components/Docusaurus.svelte';
117
+ export { default as DodoPaymentsLogo } from './components/DodoPayments.svelte';
117
118
  export { default as DogecoinLogo } from './components/Dogecoin.svelte';
118
119
  export { default as DotenvLogo } from './components/Dotenv.svelte';
119
120
  export { default as DotenvxLogo } from './components/Dotenvx.svelte';
@@ -150,6 +151,7 @@ export { default as FlowLauncherLogo } from './components/FlowLauncher.svelte';
150
151
  export { default as FlowbiteLogo } from './components/Flowbite.svelte';
151
152
  export { default as FlutterLogo } from './components/Flutter.svelte';
152
153
  export { default as FlyLogo } from './components/Fly.svelte';
154
+ export { default as FormanceLogo } from './components/Formance.svelte';
153
155
  export { default as FortranLogo } from './components/Fortran.svelte';
154
156
  export { default as FramerLogo } from './components/Framer.svelte';
155
157
  export { default as FreshLogo } from './components/Fresh.svelte';
@@ -168,6 +170,7 @@ export { default as GoLogo } from './components/Go.svelte';
168
170
  export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
169
171
  export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
170
172
  export { default as GoogleLogo } from './components/Google.svelte';
173
+ export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
171
174
  export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
172
175
  export { default as GoogleCloudLogo } from './components/GoogleCloud.svelte';
173
176
  export { default as GoogleColaboratoryLogo } from './components/GoogleColaboratory.svelte';
@@ -383,6 +386,7 @@ export { default as PrimevideoLogo } from './components/Primevideo.svelte';
383
386
  export { default as PrismaLogo } from './components/Prisma.svelte';
384
387
  export { default as ProcureLogo } from './components/Procure.svelte';
385
388
  export { default as ProductHuntLogo } from './components/ProductHunt.svelte';
389
+ export { default as ProtonMailLogo } from './components/ProtonMail.svelte';
386
390
  export { default as PulumiLogo } from './components/Pulumi.svelte';
387
391
  export { default as PutioLogo } from './components/Putio.svelte';
388
392
  export { default as PyCharmLogo } from './components/PyCharm.svelte';
package/dist/index.js CHANGED
@@ -116,6 +116,7 @@ export { default as DockerLogo } from './components/Docker.svelte';
116
116
  export { default as DocumensoLogo } from './components/Documenso.svelte';
117
117
  export { default as DocusLogo } from './components/Docus.svelte';
118
118
  export { default as DocusaurusLogo } from './components/Docusaurus.svelte';
119
+ export { default as DodoPaymentsLogo } from './components/DodoPayments.svelte';
119
120
  export { default as DogecoinLogo } from './components/Dogecoin.svelte';
120
121
  export { default as DotenvLogo } from './components/Dotenv.svelte';
121
122
  export { default as DotenvxLogo } from './components/Dotenvx.svelte';
@@ -152,6 +153,7 @@ export { default as FlowLauncherLogo } from './components/FlowLauncher.svelte';
152
153
  export { default as FlowbiteLogo } from './components/Flowbite.svelte';
153
154
  export { default as FlutterLogo } from './components/Flutter.svelte';
154
155
  export { default as FlyLogo } from './components/Fly.svelte';
156
+ export { default as FormanceLogo } from './components/Formance.svelte';
155
157
  export { default as FortranLogo } from './components/Fortran.svelte';
156
158
  export { default as FramerLogo } from './components/Framer.svelte';
157
159
  export { default as FreshLogo } from './components/Fresh.svelte';
@@ -170,6 +172,7 @@ export { default as GoLogo } from './components/Go.svelte';
170
172
  export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
171
173
  export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
172
174
  export { default as GoogleLogo } from './components/Google.svelte';
175
+ export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
173
176
  export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
174
177
  export { default as GoogleCloudLogo } from './components/GoogleCloud.svelte';
175
178
  export { default as GoogleColaboratoryLogo } from './components/GoogleColaboratory.svelte';
@@ -385,6 +388,7 @@ export { default as PrimevideoLogo } from './components/Primevideo.svelte';
385
388
  export { default as PrismaLogo } from './components/Prisma.svelte';
386
389
  export { default as ProcureLogo } from './components/Procure.svelte';
387
390
  export { default as ProductHuntLogo } from './components/ProductHunt.svelte';
391
+ export { default as ProtonMailLogo } from './components/ProtonMail.svelte';
388
392
  export { default as PulumiLogo } from './components/Pulumi.svelte';
389
393
  export { default as PutioLogo } from './components/Putio.svelte';
390
394
  export { default as PyCharmLogo } from './components/PyCharm.svelte';
package/package.json CHANGED
@@ -1,10 +1,14 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.0.4",
3
+ "version": "2.0.8",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,
7
7
  "license": "MIT",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "git+https://github.com/selemondev/svgl-svelte.git"
11
+ },
8
12
  "files": [
9
13
  "dist",
10
14
  "!dist/components/*.d.ts",
@@ -65,7 +69,7 @@
65
69
  "build": "pnpm prepack",
66
70
  "preview": "vite preview",
67
71
  "generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
68
- "generate:release": "pnpm dlx changelogen@latest --release",
72
+ "generate:release": "pnpm dlx changelogen@latest --release && git push --follow-tags",
69
73
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
70
74
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
71
75
  "format": "prettier --write . && eslint . --fix",