@lukso/web-components 1.177.0 → 1.178.0

package/dist/components/lukso-footer/index.js

@@ -1,6 +1,7 @@
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindElement } from '../../shared/tailwind-element/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-form-description/index.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const index = require('../../chunks/index-7BmB6zet.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -32,5 +32,5 @@ __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoFormDescription.prototype, "description", 2);
 exports.LuksoFormDescription = __decorateClass([
-  index.safeCustomElement("lukso-form-description")
+  safeCustomElement.safeCustomElement("lukso-form-description")
 ], exports.LuksoFormDescription);

package/dist/components/lukso-form-description/index.js

@@ -1,8 +1,8 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-form-description/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-form-description/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+export { style as default };

package/dist/components/lukso-form-error/index.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const index = require('../../chunks/index-7BmB6zet.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -32,5 +32,5 @@ __decorateClass([
   decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoFormError.prototype, "error", 2);
 exports.LuksoFormError = __decorateClass([
-  index.safeCustomElement("lukso-form-error")
+  safeCustomElement.safeCustomElement("lukso-form-error")
 ], exports.LuksoFormError);

package/dist/components/lukso-form-error/index.js

@@ -1,8 +1,8 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-form-error/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-form-error/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+export { style as default };

package/dist/components/lukso-form-label/index.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const index = require('../../chunks/index-7BmB6zet.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -36,5 +36,5 @@ __decorateClass([
   decorators_js.property({ type: String, attribute: "for-name", reflect: true })
 ], exports.LuksoFormLabel.prototype, "forName", 2);
 exports.LuksoFormLabel = __decorateClass([
-  index.safeCustomElement("lukso-form-label")
+  safeCustomElement.safeCustomElement("lukso-form-label")
 ], exports.LuksoFormLabel);

package/dist/components/lukso-form-label/index.js

@@ -1,8 +1,8 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-form-label/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-form-label/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+export { style as default };

package/dist/components/lukso-icon/icons/add-grid.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const addGrid = (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`
+  })}
+  >
+    <mask id="path-1-inside-1_5249_57947" fill="white">
+      <rect x="2" y="2" width="8.57143" height="8.57143" rx="1.42857" />
+    </mask>
+    <rect
+      x="2"
+      y="2"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-1-inside-1_5249_57947)"
+    />
+    <mask id="path-2-inside-2_5249_57947" fill="white">
+      <rect x="2" y="13.4286" width="8.57143" height="8.57143" rx="1.42857" />
+    </mask>
+    <rect
+      x="2"
+      y="13.4286"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-2-inside-2_5249_57947)"
+    />
+    <path
+      d="M13.9051 6.88188H21.5242C21.8508 6.88188 22.1204 6.61228 22.1204 6.2857C22.1204 5.95912 21.8508 5.68952 21.5242 5.68952H13.9051C13.5786 5.68952 13.309 5.95912 13.309 6.2857C13.309 6.61228 13.5786 6.88188 13.9051 6.88188Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="0.23997"
+    />
+    <path
+      d="M17.1193 10.0952C17.1193 10.4218 17.3889 10.6914 17.7154 10.6914C18.042 10.6914 18.3116 10.4218 18.3116 10.0952V2.47619C18.3116 2.14961 18.042 1.88001 17.7154 1.88001C17.3889 1.88001 17.1193 2.14961 17.1193 2.47619V10.0952Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="0.23997"
+    />
+    <mask id="path-5-inside-3_5249_57947" fill="white">
+      <rect
+        x="13.4282"
+        y="13.4286"
+        width="8.57143"
+        height="8.57143"
+        rx="1.42857"
+      />
+    </mask>
+    <rect
+      x="13.4282"
+      y="13.4286"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-5-inside-3_5249_57947)"
+    />
+  </svg> `;
+};
+
+exports.addGrid = addGrid;

package/dist/components/lukso-icon/icons/add-grid.js

@@ -0,0 +1,76 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const addGrid = (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`
+  })}
+  >
+    <mask id="path-1-inside-1_5249_57947" fill="white">
+      <rect x="2" y="2" width="8.57143" height="8.57143" rx="1.42857" />
+    </mask>
+    <rect
+      x="2"
+      y="2"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-1-inside-1_5249_57947)"
+    />
+    <mask id="path-2-inside-2_5249_57947" fill="white">
+      <rect x="2" y="13.4286" width="8.57143" height="8.57143" rx="1.42857" />
+    </mask>
+    <rect
+      x="2"
+      y="13.4286"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-2-inside-2_5249_57947)"
+    />
+    <path
+      d="M13.9051 6.88188H21.5242C21.8508 6.88188 22.1204 6.61228 22.1204 6.2857C22.1204 5.95912 21.8508 5.68952 21.5242 5.68952H13.9051C13.5786 5.68952 13.309 5.95912 13.309 6.2857C13.309 6.61228 13.5786 6.88188 13.9051 6.88188Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="0.23997"
+    />
+    <path
+      d="M17.1193 10.0952C17.1193 10.4218 17.3889 10.6914 17.7154 10.6914C18.042 10.6914 18.3116 10.4218 18.3116 10.0952V2.47619C18.3116 2.14961 18.042 1.88001 17.7154 1.88001C17.3889 1.88001 17.1193 2.14961 17.1193 2.47619V10.0952Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="0.23997"
+    />
+    <mask id="path-5-inside-3_5249_57947" fill="white">
+      <rect
+        x="13.4282"
+        y="13.4286"
+        width="8.57143"
+        height="8.57143"
+        rx="1.42857"
+      />
+    </mask>
+    <rect
+      x="13.4282"
+      y="13.4286"
+      width="8.57143"
+      height="8.57143"
+      rx="1.42857"
+      stroke="var(--${options.color})"
+      stroke-width="3"
+      mask="url(#path-5-inside-3_5249_57947)"
+    />
+  </svg> `;
+};
+
+export { addGrid };

package/dist/components/lukso-icon/icons/add-photo.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const addPhoto = (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="M14 3H6C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M18 3V9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M21 6L15 6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.1214 9.87858C15.2929 11.05 15.2929 12.95 14.1214 14.1214C12.95 15.2929 11.05 15.2929 9.87858 14.1214C8.70714 12.95 8.70714 11.05 9.87858 9.87858C11.05 8.70714 12.95 8.70714 14.1214 9.87858Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg>`;
+};
+
+exports.addPhoto = addPhoto;

package/dist/components/lukso-icon/icons/add-photo.js

@@ -0,0 +1,46 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const addPhoto = (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="M14 3H6C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M18 3V9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M21 6L15 6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.1214 9.87858C15.2929 11.05 15.2929 12.95 14.1214 14.1214C12.95 15.2929 11.05 15.2929 9.87858 14.1214C8.70714 12.95 8.70714 11.05 9.87858 9.87858C11.05 8.70714 12.95 8.70714 14.1214 9.87858Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg>`;
+};
+
+export { addPhoto };

package/dist/components/lukso-icon/icons/addcontroller-activated.cjs

@@ -0,0 +1,191 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const addcontrollerActivated = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 80 80"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <g filter="url(#filter0_ii_1810_22228)">
+      <rect width="80" height="80" rx="24" fill="#F69E82" />
+      <g opacity="0.5" filter="url(#filter1_i_1810_22228)">
+        <path
+          d="M35.1429 39.1429C39.8768 39.1429 43.7143 35.3053 43.7143 30.5714C43.7143 25.8376 39.8768 22 35.1429 22C30.409 22 26.5715 25.8376 26.5715 30.5714C26.5715 35.3053 30.409 39.1429 35.1429 39.1429Z"
+          fill="#F56F45"
+        />
+        <path
+          d="M35.1429 40.8571C29.4214 40.8571 18 44.6856 18 52.2856V54.9999C18 56.6568 19.3431 57.9999 21 57.9999H49.2858C50.9426 57.9999 52.2858 56.6568 52.2858 54.9999V52.2856C52.2858 44.6856 40.8643 40.8571 35.1429 40.8571Z"
+          fill="#F56F45"
+        />
+      </g>
+      <g filter="url(#filter2_bi_1810_22228)">
+        <path
+          d="M44.1429 39.1429C48.8768 39.1429 52.7143 35.3053 52.7143 30.5714C52.7143 25.8376 48.8768 22 44.1429 22C39.409 22 35.5715 25.8376 35.5715 30.5714C35.5715 35.3053 39.409 39.1429 44.1429 39.1429Z"
+          fill="white"
+          fill-opacity="0.6"
+        />
+        <path
+          d="M52.4643 30.5714C52.4643 35.1672 48.7387 38.8929 44.1429 38.8929C39.5471 38.8929 35.8215 35.1672 35.8215 30.5714C35.8215 25.9756 39.5471 22.25 44.1429 22.25C48.7387 22.25 52.4643 25.9756 52.4643 30.5714Z"
+          stroke="white"
+          stroke-opacity="0.7"
+          stroke-width="0.5"
+        />
+        <path
+          d="M44.1429 40.8571C38.4214 40.8571 27 44.6856 27 52.2856V54.9999C27 56.6568 28.3431 57.9999 30 57.9999H58.2858C59.9426 57.9999 61.2858 56.6568 61.2858 54.9999V52.2856C61.2858 44.6856 49.8643 40.8571 44.1429 40.8571Z"
+          fill="white"
+          fill-opacity="0.6"
+        />
+        <path
+          d="M27.25 52.2856C27.25 48.6265 30.0001 45.8346 33.5437 43.9419C37.0792 42.0534 41.3247 41.1071 44.1429 41.1071C46.9611 41.1071 51.2065 42.0534 54.7421 43.9419C58.2856 45.8346 61.0358 48.6265 61.0358 52.2856V54.9999C61.0358 56.5187 59.8045 57.7499 58.2858 57.7499H30C28.4812 57.7499 27.25 56.5187 27.25 54.9999V52.2856Z"
+          stroke="white"
+          stroke-opacity="0.7"
+          stroke-width="0.5"
+        />
+      </g>
+    </g>
+    <defs>
+      <filter
+        id="filter0_ii_1810_22228"
+        x="-1"
+        y="-1"
+        width="82"
+        height="82"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="BackgroundImageFix"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dx="-1" dy="-1" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.925 0 0 0 0 0.498118 0 0 0 0 0.362292 0 0 0 0.5 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="shape"
+          result="effect1_innerShadow_1810_22228"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dx="1" dy="1" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="effect1_innerShadow_1810_22228"
+          result="effect2_innerShadow_1810_22228"
+        />
+      </filter>
+      <filter
+        id="filter1_i_1810_22228"
+        x="18"
+        y="22"
+        width="37.2858"
+        height="37.9999"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="BackgroundImageFix"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dx="3" dy="2" />
+        <feGaussianBlur stdDeviation="4.5" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.914306 0 0 0 0 0.258052 0 0 0 0 0.0523611 0 0 0 1 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="shape"
+          result="effect1_innerShadow_1810_22228"
+        />
+      </filter>
+      <filter
+        id="filter2_bi_1810_22228"
+        x="21"
+        y="16"
+        width="46.2858"
+        height="47.9999"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation="3" />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_1810_22228"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_1810_22228"
+          result="shape"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dx="2" dy="2" />
+        <feGaussianBlur stdDeviation="3" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="shape"
+          result="effect2_innerShadow_1810_22228"
+        />
+      </filter>
+    </defs>
+  </svg>`;
+};
+
+exports.addcontrollerActivated = addcontrollerActivated;