@lukso/web-components 1.173.1 → 1.173.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/dist/chunks/{index-PejPBvFO.js → index-7hZ6_Nty.js} +1 -1
  2. package/dist/chunks/{index-BX3RHDil.js → index-B5o9TMPg.js} +2 -2
  3. package/dist/chunks/{index-DlWLFaq-.js → index-BKpKhpHl.js} +1 -1
  4. package/dist/chunks/index-CWVksY60.js +26 -0
  5. package/dist/chunks/{index-Do5-jhkZ.js → index-Cn1Zoydx.js} +1 -1
  6. package/dist/chunks/{index-CgGPUmpB.js → index-DDBkLnrd.js} +2 -2
  7. package/dist/chunks/{index-Bip5K3p3.js → index-QhnpaPn7.js} +1 -1
  8. package/dist/chunks/index-xZkcKMCB.js +30 -0
  9. package/dist/components/index.cjs +3 -3
  10. package/dist/components/index.js +3 -3
  11. package/dist/components/lukso-alert/index.cjs +2 -2
  12. package/dist/components/lukso-alert/index.js +2 -2
  13. package/dist/components/lukso-button/index.cjs +1 -1
  14. package/dist/components/lukso-button/index.js +1 -1
  15. package/dist/components/lukso-card/index.cjs +1 -1
  16. package/dist/components/lukso-card/index.js +1 -1
  17. package/dist/components/lukso-checkbox/index.cjs +1 -1
  18. package/dist/components/lukso-checkbox/index.js +1 -1
  19. package/dist/components/lukso-collapse/index.cjs +1 -1
  20. package/dist/components/lukso-collapse/index.js +1 -1
  21. package/dist/components/lukso-color-picker/index.cjs +2 -2
  22. package/dist/components/lukso-color-picker/index.js +2 -2
  23. package/dist/components/lukso-dropdown/index.cjs +2 -2
  24. package/dist/components/lukso-dropdown/index.js +2 -2
  25. package/dist/components/lukso-dropdown-option/index.cjs +1 -1
  26. package/dist/components/lukso-dropdown-option/index.js +1 -1
  27. package/dist/components/lukso-footer/index.cjs +1 -1
  28. package/dist/components/lukso-footer/index.js +1 -1
  29. package/dist/components/lukso-form-description/index.cjs +1 -1
  30. package/dist/components/lukso-form-description/index.js +1 -1
  31. package/dist/components/lukso-form-error/index.cjs +1 -1
  32. package/dist/components/lukso-form-error/index.js +1 -1
  33. package/dist/components/lukso-form-label/index.cjs +1 -1
  34. package/dist/components/lukso-form-label/index.js +1 -1
  35. package/dist/components/lukso-icon/index.cjs +1 -1
  36. package/dist/components/lukso-icon/index.js +1 -1
  37. package/dist/components/lukso-image/index.cjs +1 -1
  38. package/dist/components/lukso-image/index.js +1 -1
  39. package/dist/components/lukso-input/index.cjs +2 -2
  40. package/dist/components/lukso-input/index.js +2 -2
  41. package/dist/components/lukso-markdown/index.cjs +2 -2
  42. package/dist/components/lukso-markdown/index.js +2 -2
  43. package/dist/components/lukso-markdown-editor/index.cjs +2 -2
  44. package/dist/components/lukso-markdown-editor/index.js +2 -2
  45. package/dist/components/lukso-modal/index.cjs +6 -4
  46. package/dist/components/lukso-modal/index.d.ts +1 -2
  47. package/dist/components/lukso-modal/index.d.ts.map +1 -1
  48. package/dist/components/lukso-modal/index.js +6 -4
  49. package/dist/components/lukso-navbar/index.cjs +1 -1
  50. package/dist/components/lukso-navbar/index.js +1 -1
  51. package/dist/components/lukso-pagination/index.cjs +1 -1
  52. package/dist/components/lukso-pagination/index.js +1 -1
  53. package/dist/components/lukso-profile/index.cjs +1 -1
  54. package/dist/components/lukso-profile/index.js +1 -1
  55. package/dist/components/lukso-progress/index.cjs +1 -1
  56. package/dist/components/lukso-progress/index.js +1 -1
  57. package/dist/components/lukso-qr-code/index.cjs +1 -1
  58. package/dist/components/lukso-qr-code/index.js +1 -1
  59. package/dist/components/lukso-radio/index.cjs +1 -1
  60. package/dist/components/lukso-radio/index.js +1 -1
  61. package/dist/components/lukso-radio-group/index.cjs +1 -1
  62. package/dist/components/lukso-radio-group/index.js +1 -1
  63. package/dist/components/lukso-sanitize/index.cjs +2 -2
  64. package/dist/components/lukso-sanitize/index.js +2 -2
  65. package/dist/components/lukso-search/index.cjs +3 -3
  66. package/dist/components/lukso-search/index.js +3 -3
  67. package/dist/components/lukso-select/index.cjs +3 -3
  68. package/dist/components/lukso-select/index.js +3 -3
  69. package/dist/components/lukso-share/index.cjs +1 -1
  70. package/dist/components/lukso-share/index.js +1 -1
  71. package/dist/components/lukso-switch/index.cjs +2 -2
  72. package/dist/components/lukso-switch/index.js +2 -2
  73. package/dist/components/lukso-tag/index.cjs +1 -1
  74. package/dist/components/lukso-tag/index.js +1 -1
  75. package/dist/components/lukso-terms/index.cjs +2 -2
  76. package/dist/components/lukso-terms/index.js +2 -2
  77. package/dist/components/lukso-textarea/index.cjs +2 -2
  78. package/dist/components/lukso-textarea/index.js +2 -2
  79. package/dist/components/lukso-tooltip/index.cjs +2 -2
  80. package/dist/components/lukso-tooltip/index.js +2 -2
  81. package/dist/components/lukso-username/index.cjs +2 -2
  82. package/dist/components/lukso-username/index.js +2 -2
  83. package/dist/components/lukso-wizard/index.cjs +1 -1
  84. package/dist/components/lukso-wizard/index.js +1 -1
  85. package/dist/index.cjs +3 -3
  86. package/dist/index.js +3 -3
  87. package/dist/styles/component-v4.css +18 -0
  88. package/package.json +1 -1
  89. package/tools/styles/component-v4.css +18 -0
  90. package/tools/styles/main-v4.css +18 -0
  91. package/dist/chunks/index-DIfveR8p.js +0 -26
  92. package/dist/chunks/index-QpwaL8ie.js +0 -30
@@ -2,13 +2,13 @@ import { nothing, html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
4
  import { styleMap } from 'lit/directives/style-map.js';
5
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
5
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
6
6
  import '../../tailwind-config.js';
7
7
  import '../../chunks/index-CSnDkMHN.js';
8
8
  import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
9
9
  import 'viem';
10
10
  import '../lukso-icon/index.js';
11
- import '../../chunks/index-PejPBvFO.js';
11
+ import '../../chunks/index-7hZ6_Nty.js';
12
12
  import '../lukso-form-label/index.js';
13
13
  import '../lukso-form-description/index.js';
14
14
  import '../lukso-form-error/index.js';
@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
- require('../../chunks/index-DlWLFaq-.js');
11
+ require('../../chunks/index-BKpKhpHl.js');
12
12
  const uniqId = require('../../chunks/uniq-id-Cszs24DQ.js');
13
13
 
14
14
  const debounceFunction = (func, timeout = 100) => {
@@ -1,10 +1,10 @@
1
1
  import { nothing, html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
- import '../../chunks/index-Do5-jhkZ.js';
7
+ import '../../chunks/index-Cn1Zoydx.js';
8
8
  import { u as uniqId } from '../../chunks/uniq-id-CGUN-pJV.js';
9
9
 
10
10
  const debounceFunction = (func, timeout = 100) => {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
 
10
10
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: block;\n}\n";
11
11
 
@@ -1,7 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
 
6
6
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: block;\n}\n";
7
7
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
 
9
9
  var __defProp = Object.defineProperty;
10
10
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,6 +1,6 @@
1
1
  import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
 
5
5
  var __defProp = Object.defineProperty;
6
6
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
 
9
9
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
10
10
 
@@ -1,6 +1,6 @@
1
1
  import { nothing, html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
 
5
5
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
6
6
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
 
9
9
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
10
10
 
@@ -1,6 +1,6 @@
1
1
  import { nothing, html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
 
5
5
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
6
6
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
 
9
9
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
10
10
 
@@ -1,6 +1,6 @@
1
1
  import { nothing, html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
 
5
5
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
6
6
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const unsafeHtml_js = require('lit/directives/unsafe-html.js');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  const styleMap_js = require('lit/directives/style-map.js');
10
10
 
11
11
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n line-height: 0;\n display: inline-flex;\n position: relative;\n}\n\n:host svg {\n display: block !important;\n}\n";
@@ -1,7 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { unsafeHTML } from 'lit/directives/unsafe-html.js';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import { styleMap } from 'lit/directives/style-map.js';
6
6
 
7
7
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n line-height: 0;\n display: inline-flex;\n position: relative;\n}\n\n:host svg {\n display: block !important;\n}\n";
@@ -6,7 +6,7 @@ const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const styleMap_js = require('lit/directives/style-map.js');
8
8
  const tailwindVariants = require('tailwind-variants');
9
- const index = require('../../chunks/index-QpwaL8ie.js');
9
+ const index = require('../../chunks/index-xZkcKMCB.js');
10
10
 
11
11
  var __defProp = Object.defineProperty;
12
12
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2,7 +2,7 @@ import { html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { styleMap } from 'lit/directives/style-map.js';
4
4
  import { tv } from 'tailwind-variants';
5
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
5
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
6
6
 
7
7
  var __defProp = Object.defineProperty;
8
8
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../lukso-icon/index.cjs');
10
- require('../../chunks/index-Bip5K3p3.js');
10
+ require('../../chunks/index-QhnpaPn7.js');
11
11
  require('../lukso-form-label/index.cjs');
12
12
  require('../lukso-form-description/index.cjs');
13
13
  require('../lukso-form-error/index.cjs');
@@ -1,9 +1,9 @@
1
1
  import { nothing, html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../lukso-icon/index.js';
6
- import '../../chunks/index-PejPBvFO.js';
6
+ import '../../chunks/index-7hZ6_Nty.js';
7
7
  import '../lukso-form-label/index.js';
8
8
  import '../lukso-form-description/index.js';
9
9
  import '../lukso-form-error/index.js';
@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const marked = require('marked');
8
- const components_luksoSanitize_index = require('../../chunks/index-Bip5K3p3.js');
9
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const components_luksoSanitize_index = require('../../chunks/index-QhnpaPn7.js');
9
+ const index = require('../../chunks/index-xZkcKMCB.js');
10
10
 
11
11
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
12
12
 
@@ -1,8 +1,8 @@
1
1
  import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { marked } from 'marked';
4
- import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-PejPBvFO.js';
5
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-7hZ6_Nty.js';
5
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
6
6
 
7
7
  const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: flex;\n}\n";
8
8
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../../tailwind-config.cjs');
10
10
  require('../../chunks/index-oDo-wiUs.js');
11
11
  const cn = require('../../chunks/cn-BkQsgCJ9.js');
@@ -15,7 +15,7 @@ require('../lukso-markdown/index.cjs');
15
15
  require('../lukso-switch/index.cjs');
16
16
  require('../lukso-button/index.cjs');
17
17
  require('../lukso-icon/index.cjs');
18
- require('../../chunks/index-Bip5K3p3.js');
18
+ require('../../chunks/index-QhnpaPn7.js');
19
19
  require('../lukso-dropdown/index.cjs');
20
20
  require('../lukso-dropdown-option/index.cjs');
21
21
  require('../lukso-tooltip/index.cjs');
@@ -1,7 +1,7 @@
1
1
  import { html, nothing } from 'lit';
2
2
  import { property, state, query } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../../tailwind-config.js';
6
6
  import '../../chunks/index-CSnDkMHN.js';
7
7
  import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
@@ -11,7 +11,7 @@ import '../lukso-markdown/index.js';
11
11
  import '../lukso-switch/index.js';
12
12
  import '../lukso-button/index.js';
13
13
  import '../lukso-icon/index.js';
14
- import '../../chunks/index-PejPBvFO.js';
14
+ import '../../chunks/index-7hZ6_Nty.js';
15
15
  import '../lukso-dropdown/index.js';
16
16
  import '../lukso-dropdown-option/index.js';
17
17
  import '../lukso-tooltip/index.js';
@@ -6,9 +6,11 @@ const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
8
  const core = require('@lukso/core');
9
- const index = require('../../chunks/index-QpwaL8ie.js');
9
+ const index = require('../../chunks/index-xZkcKMCB.js');
10
10
  require('../../chunks/index-Bm2Lo_3c.js');
11
11
 
12
+ const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n";
13
+
12
14
  var __defProp = Object.defineProperty;
13
15
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
14
16
  var __decorateClass = (decorators, target, key, kind) => {
@@ -19,7 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
19
21
  if (kind && result) __defProp(target, key, result);
20
22
  return result;
21
23
  };
22
- exports.LuksoModal = class LuksoModal extends core.withTheme(index.TailwindElement) {
24
+ exports.LuksoModal = class LuksoModal extends core.withTheme(index.TailwindStyledElement(style)) {
23
25
  constructor() {
24
26
  super(...arguments);
25
27
  this.isOpen = false;
@@ -28,9 +30,9 @@ exports.LuksoModal = class LuksoModal extends core.withTheme(index.TailwindEleme
28
30
  this.hasBottomPadding = false;
29
31
  this.styles = tailwindVariants.tv({
30
32
  slots: {
31
- wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y",
33
+ wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y isolate",
32
34
  inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
33
- overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed inset-0 w-[100vw] h-[100vh] z-[1010] dark:bg-[rgba(196,202,206,0.1)]",
35
+ overlay: "absolute inset-0 w-full h-full z-[1010]",
34
36
  dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1012] mx-auto dark:bg-neutral-10"
35
37
  },
36
38
  variants: {
@@ -1,6 +1,5 @@
1
- import { TailwindElement } from '../../shared/tailwind-element';
2
1
  export type ModalSizes = 'small' | 'medium' | 'full' | 'auto';
3
- declare const LuksoModal_base: import('@lukso/core').ThemeMixinConstructor<typeof TailwindElement>;
2
+ declare const LuksoModal_base: import('@lukso/core').ThemeMixinConstructor<typeof import('lit').LitElement>;
4
3
  export declare class LuksoModal extends LuksoModal_base {
5
4
  isOpen: boolean;
6
5
  disableAnimations: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;;AAE7D,qBACa,UAAW,SAAQ,eAA0B;IAExD,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAG1B,gBAAgB,UAAQ;IAExB,OAAO,CAAC,MAAM,CAwDZ;IAEF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CAmBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;;AAE7D,qBACa,UAAW,SAAQ,eAAuC;IAErE,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAG1B,gBAAgB,UAAQ;IAExB,OAAO,CAAC,MAAM,CAuDZ;IAEF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CAmBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
@@ -2,9 +2,11 @@ import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
4
  import { withTheme } from '@lukso/core';
5
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
5
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
6
6
  import '../../chunks/index-N2DggpF2.js';
7
7
 
8
+ const style = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n position: fixed !important;\n inset: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n z-index: 1011 !important;\n backdrop-filter: blur(8px) !important;\n background: rgb(196 202 206 / 60%) !important;\n pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n pointer-events: auto !important;\n}\n";
9
+
8
10
  var __defProp = Object.defineProperty;
9
11
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
10
12
  var __decorateClass = (decorators, target, key, kind) => {
@@ -15,7 +17,7 @@ var __decorateClass = (decorators, target, key, kind) => {
15
17
  if (kind && result) __defProp(target, key, result);
16
18
  return result;
17
19
  };
18
- let LuksoModal = class extends withTheme(TailwindElement) {
20
+ let LuksoModal = class extends withTheme(TailwindStyledElement(style)) {
19
21
  constructor() {
20
22
  super(...arguments);
21
23
  this.isOpen = false;
@@ -24,9 +26,9 @@ let LuksoModal = class extends withTheme(TailwindElement) {
24
26
  this.hasBottomPadding = false;
25
27
  this.styles = tv({
26
28
  slots: {
27
- wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y",
29
+ wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y isolate",
28
30
  inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
29
- overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed inset-0 w-[100vw] h-[100vh] z-[1010] dark:bg-[rgba(196,202,206,0.1)]",
31
+ overlay: "absolute inset-0 w-full h-full z-[1010]",
30
32
  dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1012] mx-auto dark:bg-neutral-10"
31
33
  },
32
34
  variants: {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-tag/index.cjs');
11
11
 
@@ -1,7 +1,7 @@
1
1
  import { html, nothing } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-tag/index.js';
7
7
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-button/index.cjs');
11
11
 
@@ -1,7 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-button/index.js';
7
7
 
@@ -6,7 +6,7 @@ const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const makeBlockie = require('ethereum-blockies-base64');
8
8
  const tailwindVariants = require('tailwind-variants');
9
- const index = require('../../chunks/index-QpwaL8ie.js');
9
+ const index = require('../../chunks/index-xZkcKMCB.js');
10
10
  require('../lukso-image/index.cjs');
11
11
 
12
12
  var __defProp = Object.defineProperty;
@@ -2,7 +2,7 @@ import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import makeBlockie from 'ethereum-blockies-base64';
4
4
  import { tv } from 'tailwind-variants';
5
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
5
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
6
6
  import '../lukso-image/index.js';
7
7
 
8
8
  var __defProp = Object.defineProperty;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const styleMap_js = require('lit-html/directives/style-map.js');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../../tailwind-config.cjs');
10
10
  require('../../chunks/index-oDo-wiUs.js');
11
11
  const cn = require('../../chunks/cn-BkQsgCJ9.js');
@@ -1,7 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
3
  import { styleMap } from 'lit-html/directives/style-map.js';
4
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../../tailwind-config.js';
6
6
  import '../../chunks/index-CSnDkMHN.js';
7
7
  import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
  require('../lukso-icon/index.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  require('../../chunks/index-oDo-wiUs.js');
@@ -1,6 +1,6 @@
1
1
  import { html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
- import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
  import '../lukso-icon/index.js';
5
5
  import '../../tailwind-config.js';
6
6
  import '../../chunks/index-CSnDkMHN.js';
@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
- const index = require('../../chunks/index-QpwaL8ie.js');
8
+ const index = require('../../chunks/index-xZkcKMCB.js');
9
9
  require('../lukso-form-label/index.cjs');
10
10
  require('../lukso-form-description/index.cjs');
11
11
  require('../lukso-form-error/index.cjs');
@@ -1,7 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
3
  import { tv } from 'tailwind-variants';
4
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
4
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
5
5
  import '../lukso-form-label/index.js';
6
6
  import '../lukso-form-description/index.js';
7
7
  import '../lukso-form-error/index.js';
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
- const index = require('../../chunks/index-QpwaL8ie.js');
7
+ const index = require('../../chunks/index-xZkcKMCB.js');
8
8
 
9
9
  var __defProp = Object.defineProperty;
10
10
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,6 +1,6 @@
1
1
  import { html } from 'lit';
2
2
  import { property, state } from 'lit/decorators.js';
3
- import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DIfveR8p.js';
3
+ import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-CWVksY60.js';
4
4
 
5
5
  var __defProp = Object.defineProperty;
6
6
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  require('lit');
6
6
  require('lit/decorators.js');
7
7
  require('lit/directives/unsafe-html.js');
8
- const components_luksoSanitize_index = require('../../chunks/index-Bip5K3p3.js');
9
- require('../../chunks/index-QpwaL8ie.js');
8
+ const components_luksoSanitize_index = require('../../chunks/index-QhnpaPn7.js');
9
+ require('../../chunks/index-xZkcKMCB.js');
10
10
 
11
11
 
12
12
 
@@ -1,5 +1,5 @@
1
1
  import 'lit';
2
2
  import 'lit/decorators.js';
3
3
  import 'lit/directives/unsafe-html.js';
4
- export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-PejPBvFO.js';
5
- import '../../chunks/index-DIfveR8p.js';
4
+ export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-7hZ6_Nty.js';
5
+ import '../../chunks/index-CWVksY60.js';
@@ -6,20 +6,20 @@ require('ethereum-blockies-base64');
6
6
  require('lit');
7
7
  require('lit/decorators.js');
8
8
  require('tailwind-variants');
9
- require('../../chunks/index-QpwaL8ie.js');
9
+ require('../../chunks/index-xZkcKMCB.js');
10
10
  require('../lukso-dropdown/index.cjs');
11
11
  require('../lukso-dropdown-option/index.cjs');
12
12
  require('../lukso-icon/index.cjs');
13
13
  require('../lukso-input/index.cjs');
14
14
  require('../lukso-profile/index.cjs');
15
15
  require('../lukso-tag/index.cjs');
16
- require('../../chunks/index-DlWLFaq-.js');
16
+ require('../../chunks/index-BKpKhpHl.js');
17
17
  require('../lukso-tooltip/index.cjs');
18
18
  require('../../tailwind-config.cjs');
19
19
  require('../../chunks/index-oDo-wiUs.js');
20
20
  require('../../chunks/cn-BkQsgCJ9.js');
21
21
  require('viem');
22
- const components_luksoSearch_index = require('../../chunks/index-CgGPUmpB.js');
22
+ const components_luksoSearch_index = require('../../chunks/index-DDBkLnrd.js');
23
23
  require('../../chunks/uniq-id-Cszs24DQ.js');
24
24
 
25
25
 
@@ -2,18 +2,18 @@ import 'ethereum-blockies-base64';
2
2
  import 'lit';
3
3
  import 'lit/decorators.js';
4
4
  import 'tailwind-variants';
5
- import '../../chunks/index-DIfveR8p.js';
5
+ import '../../chunks/index-CWVksY60.js';
6
6
  import '../lukso-dropdown/index.js';
7
7
  import '../lukso-dropdown-option/index.js';
8
8
  import '../lukso-icon/index.js';
9
9
  import '../lukso-input/index.js';
10
10
  import '../lukso-profile/index.js';
11
11
  import '../lukso-tag/index.js';
12
- import '../../chunks/index-Do5-jhkZ.js';
12
+ import '../../chunks/index-Cn1Zoydx.js';
13
13
  import '../lukso-tooltip/index.js';
14
14
  import '../../tailwind-config.js';
15
15
  import '../../chunks/index-CSnDkMHN.js';
16
16
  import '../../chunks/cn-CzHJAbOe.js';
17
17
  import 'viem';
18
- export { L as LuksoSearch } from '../../chunks/index-BX3RHDil.js';
18
+ export { L as LuksoSearch } from '../../chunks/index-B5o9TMPg.js';
19
19
  import '../../chunks/uniq-id-CGUN-pJV.js';
@@ -6,13 +6,13 @@ const lit = require('lit');
6
6
  const decorators_js = require('lit/decorators.js');
7
7
  const tailwindVariants = require('tailwind-variants');
8
8
  const makeBlockie = require('ethereum-blockies-base64');
9
- const index = require('../../chunks/index-QpwaL8ie.js');
9
+ const index = require('../../chunks/index-xZkcKMCB.js');
10
10
  require('../lukso-icon/index.cjs');
11
11
  require('../lukso-profile/index.cjs');
12
- require('../../chunks/index-DlWLFaq-.js');
12
+ require('../../chunks/index-BKpKhpHl.js');
13
13
  require('../lukso-dropdown/index.cjs');
14
14
  require('../lukso-dropdown-option/index.cjs');
15
- require('../../chunks/index-Bip5K3p3.js');
15
+ require('../../chunks/index-QhnpaPn7.js');
16
16
  require('../lukso-form-label/index.cjs');
17
17
  require('../lukso-form-description/index.cjs');
18
18
  require('../lukso-form-error/index.cjs');