@lukso/web-components 1.99.0 → 1.100.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-f522d699.cjs');
+const components_luksoDropdown_index = require('../index-7d7c95fa.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../index-179a633e.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-50ceb459.cjs');
+require('../style-map-f36cc35f.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-c55ead8c.cjs');
+require('../index-af864ee6.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-5c3591a6.js';
+export { L as LuksoDropdown } from '../index-0e619106.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-9f5793fc.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-8c5a9941.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-009b02aa.js';
+import '../style-map-1ee93d7f.js';
 import '../directive-2bb7789e.js';
-import '../index-db743b52.js';
+import '../index-464e8d00.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-9f5793fc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-8c5a9941.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-50ceb459.cjs');
+const styleMap = require('../../style-map-f36cc35f.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-c55ead8c.cjs');
+const index$1 = require('../../index-af864ee6.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, A } from '../../index-9f5793fc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-8c5a9941.js';
 import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-009b02aa.js';
+import { o } from '../../style-map-1ee93d7f.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-db743b52.js';
+import { c as customStyleMap } from '../../index-464e8d00.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-9f5793fc.js';
+import { a as TailwindElement, x, A } from '../../index-8c5a9941.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-50ceb459.cjs');
+const styleMap = require('../../style-map-f36cc35f.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-9f5793fc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-8c5a9941.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-009b02aa.js';
+import { o } from '../../style-map-1ee93d7f.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-58a10c20.cjs');
+require('../../index-179a633e.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-f522d699.cjs');
+const components_luksoDropdown_index = require('../../index-7d7c95fa.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-50ceb459.cjs');
+require('../../style-map-f36cc35f.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-c55ead8c.cjs');
+require('../../index-af864ee6.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

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

@@ -1,15 +1,15 @@
-import '../../index-9f5793fc.js';
+import '../../index-8c5a9941.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-5c3591a6.js';
+export { L as LuksoDropdown } from '../../index-0e619106.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-009b02aa.js';
+import '../../style-map-1ee93d7f.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-db743b52.js';
+import '../../index-464e8d00.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-9f5793fc.js';
+import { T as TailwindStyledElement, x } from '../../index-8c5a9941.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-9f5793fc.js';
+import { a as TailwindElement, x } from '../../index-8c5a9941.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/maximize-vertical.d.ts

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

package/dist/components/lukso-icon/icons/maximize-vertical.d.ts.map

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

package/dist/components/lukso-icon/icons/minimize-vertical.d.ts

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

package/dist/components/lukso-icon/icons/minimize-vertical.d.ts.map

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

package/dist/components/lukso-icon/icons/qr-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/qr-code.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,MAAM,YAAa,WAAW,yCAqG1C,CAAA"}
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/qr-code.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,MAAM,YAAa,WAAW,yCA4F1C,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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-50ceb459.cjs');
+const styleMap = require('../../style-map-f36cc35f.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -2858,10 +2858,7 @@ const qrCode = (options) => {
     height: `${options.height}px`
   })}
   >
-    <mask
-      id="path-1-inside-1_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-1-inside-1_2994_36309" fill="var(--${options.color})">
       <rect x="4" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2874,10 +2871,7 @@ const qrCode = (options) => {
       stroke-width="3"
       mask="url(#path-1-inside-1_2994_36309)"
     />
-    <mask
-      id="path-2-inside-2_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-2-inside-2_2994_36309" fill="var(--${options.color})">
       <rect x="4" y="13.6" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2930,10 +2924,7 @@ const qrCode = (options) => {
       rx="0.8"
       fill="var(--${options.color})"
     />
-    <mask
-      id="path-8-inside-3_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-8-inside-3_2994_36309" fill="var(--${options.color})">
       <rect x="13.6001" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -6493,6 +6484,85 @@ const logoElfsightMono = (options) => {
   </svg> `;
 };
 
+const maximizeVertical = (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`
+  })}
+  >
+    <path
+      d="M11.9994 3.51473L12.0005 20.4853"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14.828 6.34296L11.9994 3.51472L9.17114 6.34332"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.17188 17.657L12.0005 20.4853L14.8287 17.6567"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+const minimizeVertical = (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`
+  })}
+  >
+    <path
+      d="M12.3238 3.77781V8.62654"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.49183 7.01028L12.3203 9.83871L15.1487 7.01028"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.3313 16.0754V20.9241"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.1484 17.6917L12.32 14.8633L9.49158 17.6917"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6669,7 +6739,9 @@ const iconMap = {
   "logo-youtube-mono": logoYoutubeMono,
   "add-grid": addGrid,
   gallery,
-  "logo-elfsight-mono": logoElfsightMono
+  "logo-elfsight-mono": logoElfsightMono,
+  "maximize-vertical": maximizeVertical,
+  "minimize-vertical": minimizeVertical
 };
 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":"AA2KA,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;;AAgL5E,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":"AA6KA,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;;AAkL5E,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-9f5793fc.js';
+import { x, T as TailwindStyledElement } from '../../index-8c5a9941.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-009b02aa.js';
+import { o } from '../../style-map-1ee93d7f.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -2854,10 +2854,7 @@ const qrCode = (options) => {
     height: `${options.height}px`
   })}
   >
-    <mask
-      id="path-1-inside-1_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-1-inside-1_2994_36309" fill="var(--${options.color})">
       <rect x="4" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2870,10 +2867,7 @@ const qrCode = (options) => {
       stroke-width="3"
       mask="url(#path-1-inside-1_2994_36309)"
     />
-    <mask
-      id="path-2-inside-2_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-2-inside-2_2994_36309" fill="var(--${options.color})">
       <rect x="4" y="13.6" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2926,10 +2920,7 @@ const qrCode = (options) => {
       rx="0.8"
       fill="var(--${options.color})"
     />
-    <mask
-      id="path-8-inside-3_2994_36309"
-      fill="var(--${options.secondaryColor})"
-    >
+    <mask id="path-8-inside-3_2994_36309" fill="var(--${options.color})">
       <rect x="13.6001" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -6489,6 +6480,85 @@ const logoElfsightMono = (options) => {
   </svg> `;
 };
 
+const maximizeVertical = (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`
+  })}
+  >
+    <path
+      d="M11.9994 3.51473L12.0005 20.4853"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14.828 6.34296L11.9994 3.51472L9.17114 6.34332"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.17188 17.657L12.0005 20.4853L14.8287 17.6567"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+const minimizeVertical = (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`
+  })}
+  >
+    <path
+      d="M12.3238 3.77781V8.62654"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.49183 7.01028L12.3203 9.83871L15.1487 7.01028"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.3313 16.0754V20.9241"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.1484 17.6917L12.32 14.8633L9.49158 17.6917"
+      stroke="var(--${options.color})"
+      stroke-width="1.3125"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -6665,7 +6735,9 @@ const iconMap = {
   "logo-youtube-mono": logoYoutubeMono,
   "add-grid": addGrid,
   gallery,
-  "logo-elfsight-mono": logoElfsightMono
+  "logo-elfsight-mono": logoElfsightMono,
+  "maximize-vertical": maximizeVertical,
+  "minimize-vertical": minimizeVertical
 };
 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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-50ceb459.cjs');
+const styleMap = require('../../style-map-f36cc35f.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-9f5793fc.js';
+import { a as TailwindElement, x } from '../../index-8c5a9941.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-009b02aa.js';
+import { o } from '../../style-map-1ee93d7f.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-58a10c20.cjs');
+const shared_tailwindElement_index = require('../../index-179a633e.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-50ceb459.cjs');
+require('../../style-map-f36cc35f.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-9f5793fc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-8c5a9941.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-009b02aa.js';
+import '../../style-map-1ee93d7f.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}";