@lukso/web-components 1.177.0 → 1.178.0

package/dist/components/lukso-icon/icons/turn-down.js

@@ -0,0 +1,33 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const turnDown = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M5.99999 13.1715C7.28865 14.4602 8.82837 16 8.82837 16L11.6568 13.1716"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 7L11.8284 7C10.1715 7 8.82837 8.34315 8.82837 10L8.82837 15"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { turnDown };

package/dist/components/lukso-icon/icons/turn-left.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const turnLeft = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M9.82847 5.99999C8.53981 7.28865 7 8.82837 7 8.82837L9.82843 11.6568"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 17V11.8284C16 10.1715 14.6569 8.82837 13 8.82837H8"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.turnLeft = turnLeft;

package/dist/components/lukso-icon/icons/turn-left.js

@@ -0,0 +1,33 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const turnLeft = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M9.82847 5.99999C8.53981 7.28865 7 8.82837 7 8.82837L9.82843 11.6568"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 17V11.8284C16 10.1715 14.6569 8.82837 13 8.82837H8"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { turnLeft };

package/dist/components/lukso-icon/icons/turn-right.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const turnRight = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M13.1715 5.99999C14.4602 7.28865 16 8.82837 16 8.82837L13.1716 11.6568"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M7 17V11.8284C7 10.1715 8.34315 8.82837 10 8.82837H15"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.turnRight = turnRight;

package/dist/components/lukso-icon/icons/turn-right.js

@@ -0,0 +1,33 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const turnRight = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M13.1715 5.99999C14.4602 7.28865 16 8.82837 16 8.82837L13.1716 11.6568"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M7 17V11.8284C7 10.1715 8.34315 8.82837 10 8.82837H15"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { turnRight };

package/dist/components/lukso-icon/icons/turn-up.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const turnUp = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M5.99999 9.82847C7.28865 8.53981 8.82837 7 8.82837 7L11.6568 9.82843"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 16L11.8284 16C10.1715 16 8.82837 14.6569 8.82837 13L8.82837 8"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.turnUp = turnUp;

package/dist/components/lukso-icon/icons/turn-up.js

@@ -0,0 +1,33 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const turnUp = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M5.99999 9.82847C7.28865 8.53981 8.82837 7 8.82837 7L11.6568 9.82843"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 16L11.8284 16C10.1715 16 8.82837 14.6569 8.82837 13L8.82837 8"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { turnUp };

package/dist/components/lukso-icon/icons/unlink.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const unlink = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M6.77 12.884 5.356 11.47a4.5 4.5 0 1 1 6.364-6.364l1.414 1.414m4.596 4.596 1.415 1.414a4.5 4.5 0 1 1-6.364 6.364l-1.415-1.414M16.7 3.722l-.732 2.732m4.56 1.096-2.732.732M3.972 16.45l2.732-.732m1.096 4.56.732-2.732m5.132-6.96-2.828 2.828"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.unlink = unlink;

package/dist/components/lukso-icon/icons/unlink.js

@@ -0,0 +1,26 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const unlink = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M6.77 12.884 5.356 11.47a4.5 4.5 0 1 1 6.364-6.364l1.414 1.414m4.596 4.596 1.415 1.414a4.5 4.5 0 1 1-6.364 6.364l-1.415-1.414M16.7 3.722l-.732 2.732m4.56 1.096-2.732.732M3.972 16.45l2.732-.732m1.096 4.56.732-2.732m5.132-6.96-2.828 2.828"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { unlink };

package/dist/components/lukso-icon/icons/unlocked.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const unlocked = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M5 19V11C5 10.4477 5.44772 10 6 10H18C18.5523 10 19 10.4477 19 11V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M13.2375 15.7375C13.9208 15.0541 13.9208 13.9459 13.2375 13.2625C12.5541 12.5792 11.4459 12.5792 10.7625 13.2625C10.0792 13.9459 10.0792 15.0541 10.7625 15.7375C11.4459 16.4208 12.5541 16.4208 13.2375 15.7375Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M6.25 10V10.75H7.75V10H6.25ZM7.75 10V7H6.25V10H7.75ZM11 3.75H13.5V2.25H11V3.75ZM13.5 3.75C15.0188 3.75 16.25 4.98122 16.25 6.5H17.75C17.75 4.15279 15.8472 2.25 13.5 2.25V3.75ZM7.75 7C7.75 5.20507 9.20507 3.75 11 3.75V2.25C8.37665 2.25 6.25 4.37665 6.25 7H7.75Z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M12 16.5V18"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.unlocked = unlocked;

package/dist/components/lukso-icon/icons/unlocked.js

@@ -0,0 +1,41 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const unlocked = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M5 19V11C5 10.4477 5.44772 10 6 10H18C18.5523 10 19 10.4477 19 11V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M13.2375 15.7375C13.9208 15.0541 13.9208 13.9459 13.2375 13.2625C12.5541 12.5792 11.4459 12.5792 10.7625 13.2625C10.0792 13.9459 10.0792 15.0541 10.7625 15.7375C11.4459 16.4208 12.5541 16.4208 13.2375 15.7375Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M6.25 10V10.75H7.75V10H6.25ZM7.75 10V7H6.25V10H7.75ZM11 3.75H13.5V2.25H11V3.75ZM13.5 3.75C15.0188 3.75 16.25 4.98122 16.25 6.5H17.75C17.75 4.15279 15.8472 2.25 13.5 2.25V3.75ZM7.75 7C7.75 5.20507 9.20507 3.75 11 3.75V2.25C8.37665 2.25 6.25 4.37665 6.25 7H7.75Z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M12 16.5V18"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { unlocked };

package/dist/components/lukso-icon/icons/user-circle-add.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const userCircleAdd = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M11.4599 13.73C13.0118 13.73 14.2699 12.4719 14.2699 10.92C14.2699 9.36806 13.0118 8.10999 11.4599 8.10999C9.90798 8.10999 8.6499 9.36806 8.6499 10.92C8.6499 12.4719 9.90798 13.73 11.4599 13.73Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.65 20.2C16.65 17.87 14.33 15.97 11.46 15.97C8.59002 15.97 6.27002 17.86 6.27002 20.2"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M21 12.5C21 17.75 16.75 22 11.5 22C6.25 22 2 17.75 2 12.5C2 7.25 6.25 3 11.5 3C12.81 3 14.06 3.25999 15.2 3.73999C15.07 4.13999 15 4.56 15 5C15 5.75 15.21 6.46 15.58 7.06C15.78 7.4 16.04 7.70997 16.34 7.96997C17.04 8.60997 17.97 9 19 9C19.44 9 19.86 8.92998 20.25 8.78998C20.73 9.92998 21 11.19 21 12.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M23 5C23 5.32 22.96 5.62999 22.88 5.92999C22.79 6.32999 22.63 6.72 22.42 7.06C21.94 7.87 21.17 8.49998 20.25 8.78998C19.86 8.92998 19.44 9 19 9C17.97 9 17.04 8.60997 16.34 7.96997C16.04 7.70997 15.78 7.4 15.58 7.06C15.21 6.46 15 5.75 15 5C15 4.56 15.07 4.13999 15.2 3.73999C15.39 3.15999 15.71 2.64002 16.13 2.21002C16.86 1.46002 17.88 1 19 1C20.18 1 21.25 1.51002 21.97 2.33002C22.61 3.04002 23 3.98 23 5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.49 4.97998H17.51"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19 3.52002V6.51001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.userCircleAdd = userCircleAdd;

package/dist/components/lukso-icon/icons/user-circle-add.js

@@ -0,0 +1,64 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const userCircleAdd = (options) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M11.4599 13.73C13.0118 13.73 14.2699 12.4719 14.2699 10.92C14.2699 9.36806 13.0118 8.10999 11.4599 8.10999C9.90798 8.10999 8.6499 9.36806 8.6499 10.92C8.6499 12.4719 9.90798 13.73 11.4599 13.73Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.65 20.2C16.65 17.87 14.33 15.97 11.46 15.97C8.59002 15.97 6.27002 17.86 6.27002 20.2"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M21 12.5C21 17.75 16.75 22 11.5 22C6.25 22 2 17.75 2 12.5C2 7.25 6.25 3 11.5 3C12.81 3 14.06 3.25999 15.2 3.73999C15.07 4.13999 15 4.56 15 5C15 5.75 15.21 6.46 15.58 7.06C15.78 7.4 16.04 7.70997 16.34 7.96997C17.04 8.60997 17.97 9 19 9C19.44 9 19.86 8.92998 20.25 8.78998C20.73 9.92998 21 11.19 21 12.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M23 5C23 5.32 22.96 5.62999 22.88 5.92999C22.79 6.32999 22.63 6.72 22.42 7.06C21.94 7.87 21.17 8.49998 20.25 8.78998C19.86 8.92998 19.44 9 19 9C17.97 9 17.04 8.60997 16.34 7.96997C16.04 7.70997 15.78 7.4 15.58 7.06C15.21 6.46 15 5.75 15 5C15 4.56 15.07 4.13999 15.2 3.73999C15.39 3.15999 15.71 2.64002 16.13 2.21002C16.86 1.46002 17.88 1 19 1C20.18 1 21.25 1.51002 21.97 2.33002C22.61 3.04002 23 3.98 23 5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.49 4.97998H17.51"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19 3.52002V6.51001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { userCircleAdd };

package/dist/components/lukso-icon/icons/video-outline.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const videoOutline = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <rect width="24" height="24" fill="white" />
+    <path
+      d="M20.4375 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.4375 15.75H19.3125C18.5876 15.75 18 16.3376 18 17.0625V18.1875C18 18.9124 18.5876 19.5 19.3125 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V17.0625C21.75 16.3376 21.1624 15.75 20.4375 15.75Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.4375 12H19.3125C18.5876 12 18 12.5876 18 13.3125V14.4375C18 15.1624 18.5876 15.75 19.3125 15.75H20.4375C21.1624 15.75 21.75 15.1624 21.75 14.4375V13.3125C21.75 12.5876 21.1624 12 20.4375 12Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.4375 8.25H19.3125C18.5876 8.25 18 8.83763 18 9.5625V10.6875C18 11.4124 18.5876 12 19.3125 12H20.4375C21.1624 12 21.75 11.4124 21.75 10.6875V9.5625C21.75 8.83763 21.1624 8.25 20.4375 8.25Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20.4375 4.5H19.3125C18.5876 4.5 18 5.08763 18 5.8125V6.9375C18 7.66237 18.5876 8.25 19.3125 8.25H20.4375C21.1624 8.25 21.75 7.66237 21.75 6.9375V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.6875 15.75H3.5625C2.83763 15.75 2.25 16.3376 2.25 17.0625V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H4.6875C5.41237 19.5 6 18.9124 6 18.1875V17.0625C6 16.3376 5.41237 15.75 4.6875 15.75Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.6875 12H3.5625C2.83763 12 2.25 12.5876 2.25 13.3125V14.4375C2.25 15.1624 2.83763 15.75 3.5625 15.75H4.6875C5.41237 15.75 6 15.1624 6 14.4375V13.3125C6 12.5876 5.41237 12 4.6875 12Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.6875 8.25H3.5625C2.83763 8.25 2.25 8.83763 2.25 9.5625V10.6875C2.25 11.4124 2.83763 12 3.5625 12H4.6875C5.41237 12 6 11.4124 6 10.6875V9.5625C6 8.83763 5.41237 8.25 4.6875 8.25Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.6875 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V6.9375C2.25 7.66237 2.83763 8.25 3.5625 8.25H4.6875C5.41237 8.25 6 7.66237 6 6.9375V5.8125C6 5.08763 5.41237 4.5 4.6875 4.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.6875 4.5H7.3125C6.58763 4.5 6 5.08763 6 5.8125V10.6875C6 11.4124 6.58763 12 7.3125 12H16.6875C17.4124 12 18 11.4124 18 10.6875V5.8125C18 5.08763 17.4124 4.5 16.6875 4.5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.6875 12H7.3125C6.58763 12 6 12.5876 6 13.3125V18.1875C6 18.9124 6.58763 19.5 7.3125 19.5H16.6875C17.4124 19.5 18 18.9124 18 18.1875V13.3125C18 12.5876 17.4124 12 16.6875 12Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.videoOutline = videoOutline;