@lukso/web-components 1.95.0 → 1.97.0

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('../index-a2c0bfa4.cjs');
+const components_luksoDropdown_index = require('../index-f522d699.cjs');
 const components_luksoDropdownOption_index = require('./lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
@@ -29,16 +29,16 @@ const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../index-58a10c20.cjs');
 require('../cn-5ceac001.cjs');
 require('../query-assigned-elements-d5e45650.cjs');
 require('../state-d9fb972b.cjs');
 require('../index-1d3f4a5a.cjs');
 require('../bundle-mjs-d58a83c6.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-522fbb52.cjs');
+require('../style-map-50ceb459.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-0ca8cb06.cjs');
+require('../index-c55ead8c.cjs');
 require('../index-e9668573.cjs');
 
 

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
 export { LuksoCheckbox } from './lukso-checkbox/index.js';
 export { LuksoColorPicker } from './lukso-color-picker/index.js';
-export { L as LuksoDropdown } from '../index-6caa4f02.js';
+export { L as LuksoDropdown } from '../index-5c3591a6.js';
 export { LuksoDropdownOption } from './lukso-dropdown-option/index.js';
 export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';
@@ -25,14 +25,14 @@ export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-1d198d10.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-9f5793fc.js';
 import '../cn-b54dcc61.js';
 import '../query-assigned-elements-1c8c9e90.js';
 import '../state-b9ca4e74.js';
 import '../index-ca8e900d.js';
 import '../bundle-mjs-fbc6e2a8.js';
 import '../tailwind-config.js';
-import '../style-map-592f9b77.js';
+import '../style-map-009b02aa.js';
 import '../directive-2bb7789e.js';
-import '../index-c9d970b8.js';
+import '../index-db743b52.js';
 import '../index-5e194caf.js';

package/dist/components/lukso-button/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';

package/dist/components/lukso-card/index.cjs

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-522fbb52.cjs');
+const styleMap = require('../../style-map-50ceb459.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
-const index$1 = require('../../index-0ca8cb06.cjs');
+const index$1 = require('../../index-c55ead8c.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
@@ -53,9 +53,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           medium: "rounded-24"
         },
         shadow: {
-          small: "shadow-neutral-drop-shadow",
-          medium: "shadow-neutral-drop-shadow-1xl",
-          large: "shadow-neutral-drop-shadow-2xl"
+          small: "shadow-neutral-shadow-round",
+          medium: "shadow-neutral-shadow-round-1xl",
+          large: "shadow-neutral-shadow-round-2xl"
         },
         isHoverable: {
           true: "cursor-pointer transition"
@@ -68,17 +68,17 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         {
           shadow: "small",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-1xl"
+          class: "hover:shadow-neutral-shadow-round-1xl"
         },
         {
           shadow: "medium",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-2xl"
+          class: "hover:shadow-neutral-shadow-round-2xl"
         },
         {
           shadow: "large",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-3xl"
+          class: "hover:shadow-neutral-shadow-round-3xl"
         }
       ]
     });

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

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9f5793fc.js';
 import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-592f9b77.js';
+import { o } from '../../style-map-009b02aa.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
-import { c as customStyleMap } from '../../index-c9d970b8.js';
+import { c as customStyleMap } from '../../index-db743b52.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';
@@ -49,9 +49,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
           medium: "rounded-24"
         },
         shadow: {
-          small: "shadow-neutral-drop-shadow",
-          medium: "shadow-neutral-drop-shadow-1xl",
-          large: "shadow-neutral-drop-shadow-2xl"
+          small: "shadow-neutral-shadow-round",
+          medium: "shadow-neutral-shadow-round-1xl",
+          large: "shadow-neutral-shadow-round-2xl"
         },
         isHoverable: {
           true: "cursor-pointer transition"
@@ -64,17 +64,17 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         {
           shadow: "small",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-1xl"
+          class: "hover:shadow-neutral-shadow-round-1xl"
         },
         {
           shadow: "medium",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-2xl"
+          class: "hover:shadow-neutral-shadow-round-2xl"
         },
         {
           shadow: "large",
           isHoverable: true,
-          class: "hover:shadow-neutral-drop-shadow-3xl"
+          class: "hover:shadow-neutral-shadow-round-3xl"
         }
       ]
     });

package/dist/components/lukso-checkbox/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-1d198d10.js';
+import { a as TailwindElement, x, A } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

package/dist/components/lukso-color-picker/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-522fbb52.cjs');
+const styleMap = require('../../style-map-50ceb459.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
 require('../lukso-icon/index.cjs');

package/dist/components/lukso-color-picker/index.js

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-592f9b77.js';
+import { o } from '../../style-map-009b02aa.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
 import '../lukso-icon/index.js';

package/dist/components/lukso-dropdown/index.cjs

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-93d46bad.cjs');
+require('../../index-58a10c20.cjs');
 require('../../query-assigned-elements-d5e45650.cjs');
 require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-a2c0bfa4.cjs');
+const components_luksoDropdown_index = require('../../index-f522d699.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-522fbb52.cjs');
+require('../../style-map-50ceb459.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-0ca8cb06.cjs');
+require('../../index-c55ead8c.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

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

@@ -1,15 +1,15 @@
-import '../../index-1d198d10.js';
+import '../../index-9f5793fc.js';
 import '../../query-assigned-elements-1c8c9e90.js';
 import '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-6caa4f02.js';
+export { L as LuksoDropdown } from '../../index-5c3591a6.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-592f9b77.js';
+import '../../style-map-009b02aa.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-c9d970b8.js';
+import '../../index-db743b52.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';

package/dist/components/lukso-dropdown-option/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

package/dist/components/lukso-dropdown-option/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-1d198d10.js';
+import { T as TailwindStyledElement, x } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-1d198d10.js';
+import { a as TailwindElement, x } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/add-grid.d.ts

@@ -0,0 +1,3 @@
+import type { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const addGrid: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=add-grid.d.ts.map

package/dist/components/lukso-icon/icons/add-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-grid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/add-grid.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,OAAO,YAAa,WAAW,yCAsE3C,CAAA"}

package/dist/components/lukso-icon/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-522fbb52.cjs');
+const styleMap = require('../../style-map-50ceb459.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -6337,6 +6337,78 @@ const logoYoutubeMono = (options) => {
   </svg> `;
 };
 
+const addGrid = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    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> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6510,7 +6582,8 @@ const iconMap = {
   database,
   "empty-outline": emptyOutline,
   "profile-remove": profileRemove,
-  "logo-youtube-mono": logoYoutubeMono
+  "logo-youtube-mono": logoYoutubeMono,
+  "add-grid": addGrid
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

package/dist/components/lukso-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAwKA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA6K5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAyKA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA8K5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-1d198d10.js';
+import { x, T as TailwindStyledElement } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-592f9b77.js';
+import { o } from '../../style-map-009b02aa.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -6333,6 +6333,78 @@ const logoYoutubeMono = (options) => {
   </svg> `;
 };
 
+const addGrid = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    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> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6506,7 +6578,8 @@ const iconMap = {
   database,
   "empty-outline": emptyOutline,
   "profile-remove": profileRemove,
-  "logo-youtube-mono": logoYoutubeMono
+  "logo-youtube-mono": logoYoutubeMono,
+  "add-grid": addGrid
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

package/dist/components/lukso-image/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-522fbb52.cjs');
+const styleMap = require('../../style-map-50ceb459.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-1d198d10.js';
+import { a as TailwindElement, x } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-592f9b77.js';
+import { o } from '../../style-map-009b02aa.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';

package/dist/components/lukso-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
 require('../lukso-icon/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-522fbb52.cjs');
+require('../../style-map-50ceb459.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
 import '../lukso-icon/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-592f9b77.js';
+import '../../style-map-009b02aa.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";

package/dist/components/lukso-modal/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
@@ -27,7 +27,7 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
       slots: {
         wrapper: "opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6  animation-duration-200",
         overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed top-0 left-0 w-[100vw] h-[100vh] z-[999] animate-fade-in animation-duration-200",
-        dialog: "bg-neutral-98 rounded-12 shadow-neutral-drop-shadow-3xl z-[1001]"
+        dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1001]"
       },
       variants: {
         isOpen: {

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-1d198d10.js';
+import { a as TailwindElement, x } from '../../index-9f5793fc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';
@@ -23,7 +23,7 @@ let LuksoModal = class extends TailwindElement {
       slots: {
         wrapper: "opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6  animation-duration-200",
         overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed top-0 left-0 w-[100vw] h-[100vh] z-[999] animate-fade-in animation-duration-200",
-        dialog: "bg-neutral-98 rounded-12 shadow-neutral-drop-shadow-3xl z-[1001]"
+        dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1001]"
       },
       variants: {
         isOpen: {

package/dist/components/lukso-navbar/index.cjs

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
+const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-522fbb52.cjs');
+require('../../style-map-50ceb459.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-0ca8cb06.cjs');
+require('../../index-c55ead8c.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;