@lukso/web-components 1.88.1 → 1.89.0

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 (79) hide show
  1. package/dist/components/index.cjs +9 -4
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/index.d.ts.map +1 -1
  4. package/dist/components/index.js +5 -4
  5. package/dist/components/lukso-button/index.cjs +1 -1
  6. package/dist/components/lukso-button/index.js +1 -1
  7. package/dist/components/lukso-card/index.cjs +3 -3
  8. package/dist/components/lukso-card/index.js +3 -3
  9. package/dist/components/lukso-checkbox/index.cjs +1 -1
  10. package/dist/components/lukso-checkbox/index.js +1 -1
  11. package/dist/components/lukso-color-picker/index.cjs +340 -0
  12. package/dist/components/lukso-color-picker/index.d.ts +39 -0
  13. package/dist/components/lukso-color-picker/index.d.ts.map +1 -0
  14. package/dist/components/lukso-color-picker/index.js +338 -0
  15. package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts +19 -0
  16. package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts.map +1 -0
  17. package/dist/components/lukso-dropdown/index.cjs +4 -4
  18. package/dist/components/lukso-dropdown/index.js +4 -4
  19. package/dist/components/lukso-dropdown-option/index.cjs +1 -1
  20. package/dist/components/lukso-dropdown-option/index.js +1 -1
  21. package/dist/components/lukso-footer/index.cjs +1 -1
  22. package/dist/components/lukso-footer/index.js +1 -1
  23. package/dist/components/lukso-icon/index.cjs +2 -2
  24. package/dist/components/lukso-icon/index.js +2 -2
  25. package/dist/components/lukso-image/index.cjs +2 -2
  26. package/dist/components/lukso-image/index.js +2 -2
  27. package/dist/components/lukso-input/index.cjs +7 -7
  28. package/dist/components/lukso-input/index.d.ts +1 -1
  29. package/dist/components/lukso-input/index.js +7 -7
  30. package/dist/components/lukso-modal/index.cjs +1 -1
  31. package/dist/components/lukso-modal/index.js +1 -1
  32. package/dist/components/lukso-navbar/index.cjs +3 -3
  33. package/dist/components/lukso-navbar/index.js +3 -3
  34. package/dist/components/lukso-pagination/index.cjs +2 -2
  35. package/dist/components/lukso-pagination/index.js +2 -2
  36. package/dist/components/lukso-profile/index.cjs +2 -2
  37. package/dist/components/lukso-profile/index.js +2 -2
  38. package/dist/components/lukso-progress/index.cjs +2 -2
  39. package/dist/components/lukso-progress/index.js +2 -2
  40. package/dist/components/lukso-sanitize/index.cjs +1 -1
  41. package/dist/components/lukso-sanitize/index.js +1 -1
  42. package/dist/components/lukso-search/index.cjs +4 -4
  43. package/dist/components/lukso-search/index.js +4 -4
  44. package/dist/components/lukso-select/index.cjs +4 -4
  45. package/dist/components/lukso-select/index.js +4 -4
  46. package/dist/components/lukso-share/index.cjs +1 -1
  47. package/dist/components/lukso-share/index.js +1 -1
  48. package/dist/components/lukso-switch/index.cjs +2 -2
  49. package/dist/components/lukso-switch/index.js +2 -2
  50. package/dist/components/lukso-tag/index.cjs +2 -2
  51. package/dist/components/lukso-tag/index.js +2 -2
  52. package/dist/components/lukso-terms/index.cjs +2 -2
  53. package/dist/components/lukso-terms/index.js +2 -2
  54. package/dist/components/lukso-test/index.cjs +1 -1
  55. package/dist/components/lukso-test/index.js +1 -1
  56. package/dist/components/lukso-textarea/index.cjs +7 -7
  57. package/dist/components/lukso-textarea/index.d.ts +1 -1
  58. package/dist/components/lukso-textarea/index.js +7 -7
  59. package/dist/components/lukso-tooltip/index.cjs +2 -2
  60. package/dist/components/lukso-tooltip/index.js +2 -2
  61. package/dist/components/lukso-username/index.cjs +2 -2
  62. package/dist/components/lukso-username/index.js +2 -2
  63. package/dist/components/lukso-wizard/index.cjs +1 -1
  64. package/dist/components/lukso-wizard/index.js +1 -1
  65. package/dist/{index-0f429f67.js → index-0b520c6a.js} +1 -1
  66. package/dist/index-31c27410.cjs +46 -0
  67. package/dist/{index-8186b19a.cjs → index-3429e18a.cjs} +1 -1
  68. package/dist/{index-752774b2.cjs → index-bca7ccb0.cjs} +1 -1
  69. package/dist/{index-62e802f0.js → index-c6f49fea.js} +1 -1
  70. package/dist/index-e73db22f.js +39 -0
  71. package/dist/index.cjs +9 -4
  72. package/dist/index.js +5 -4
  73. package/dist/shared/tailwind-element/index.cjs +1 -1
  74. package/dist/shared/tailwind-element/index.js +1 -1
  75. package/dist/{style-map-272091aa.cjs → style-map-77b74f74.cjs} +1 -1
  76. package/dist/{style-map-f7093d93.js → style-map-d5d85b80.js} +1 -1
  77. package/package.json +6 -1
  78. package/dist/index-14baf4da.js +0 -39
  79. package/dist/index-8322d22b.cjs +0 -46
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-button/index.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
12
- require('../../style-map-272091aa.cjs');
12
+ require('../../style-map-77b74f74.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
14
  require('../../tailwind-config.cjs');
15
15
  require('../../cn-5ceac001.cjs');
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-button/index.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.js';
8
- import '../../style-map-f7093d93.js';
8
+ import '../../style-map-d5d85b80.js';
9
9
  import '../../directive-2bb7789e.js';
10
10
  import '../../tailwind-config.js';
11
11
  import '../../cn-b54dcc61.js';
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
8
  require('../lukso-image/index.cjs');
9
9
  require('../../bundle-mjs-d58a83c6.cjs');
10
10
  require('../../state-d9fb972b.cjs');
11
- require('../../style-map-272091aa.cjs');
11
+ require('../../style-map-77b74f74.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
13
 
14
14
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1,10 +1,10 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
4
  import '../lukso-image/index.js';
5
5
  import '../../bundle-mjs-fbc6e2a8.js';
6
6
  import '../../state-b9ca4e74.js';
7
- import '../../style-map-f7093d93.js';
7
+ import '../../style-map-d5d85b80.js';
8
8
  import '../../directive-2bb7789e.js';
9
9
 
10
10
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-272091aa.cjs');
7
+ const styleMap = require('../../style-map-77b74f74.cjs');
8
8
  require('../../tailwind-config.cjs');
9
9
  const cn = require('../../cn-5ceac001.cjs');
10
10
  require('../../directive-8278ab14.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-f7093d93.js';
3
+ import { o } from '../../style-map-d5d85b80.js';
4
4
  import '../../tailwind-config.js';
5
5
  import { c as cn } from '../../cn-b54dcc61.js';
6
6
  import '../../directive-2bb7789e.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
@@ -1,4 +1,4 @@
1
- import { A, b as T, a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { A, b as T, a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e as e$2 } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
4
4
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -10,13 +10,13 @@ require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../lukso-input/index.cjs');
13
- require('../../index-8186b19a.cjs');
13
+ require('../../index-3429e18a.cjs');
14
14
  require('../lukso-dropdown-option/index.cjs');
15
15
  require('../../bundle-mjs-d58a83c6.cjs');
16
- require('../../style-map-272091aa.cjs');
16
+ require('../../style-map-77b74f74.cjs');
17
17
  require('../../directive-8278ab14.cjs');
18
18
  require('../lukso-image/index.cjs');
19
- require('../../index-752774b2.cjs');
19
+ require('../../index-bca7ccb0.cjs');
20
20
  require('../../tailwind-config.cjs');
21
21
  require('../../cn-5ceac001.cjs');
22
22
 
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -6,13 +6,13 @@ import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../lukso-input/index.js';
9
- import '../../index-62e802f0.js';
9
+ import '../../index-c6f49fea.js';
10
10
  import '../lukso-dropdown-option/index.js';
11
11
  import '../../bundle-mjs-fbc6e2a8.js';
12
- import '../../style-map-f7093d93.js';
12
+ import '../../style-map-d5d85b80.js';
13
13
  import '../../directive-2bb7789e.js';
14
14
  import '../lukso-image/index.js';
15
- import '../../index-0f429f67.js';
15
+ import '../../index-0b520c6a.js';
16
16
  import '../../tailwind-config.js';
17
17
  import '../../cn-b54dcc61.js';
18
18
 
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
- const components_luksoDropdown_index = require('../../index-8186b19a.cjs');
12
+ const components_luksoDropdown_index = require('../../index-3429e18a.cjs');
13
13
  require('../lukso-dropdown-option/index.cjs');
14
14
  require('../../bundle-mjs-d58a83c6.cjs');
15
- require('../../style-map-272091aa.cjs');
15
+ require('../../style-map-77b74f74.cjs');
16
16
  require('../../directive-8278ab14.cjs');
17
17
  require('../lukso-image/index.cjs');
18
- require('../../index-752774b2.cjs');
18
+ require('../../index-bca7ccb0.cjs');
19
19
  require('../../tailwind-config.cjs');
20
20
  require('../../cn-5ceac001.cjs');
21
21
 
@@ -1,17 +1,17 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
- import { u as uniqId } from '../../index-62e802f0.js';
8
+ import { u as uniqId } from '../../index-c6f49fea.js';
9
9
  import '../lukso-dropdown-option/index.js';
10
10
  import '../../bundle-mjs-fbc6e2a8.js';
11
- import '../../style-map-f7093d93.js';
11
+ import '../../style-map-d5d85b80.js';
12
12
  import '../../directive-2bb7789e.js';
13
13
  import '../lukso-image/index.js';
14
- import '../../index-0f429f67.js';
14
+ import '../../index-0b520c6a.js';
15
15
  import '../../tailwind-config.js';
16
16
  import '../../cn-b54dcc61.js';
17
17
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
 
8
8
  const style = ":host {\n display: inline-flex\n}";
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
 
4
4
  const style = ":host {\n display: inline-flex\n}";
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-272091aa.cjs');
7
+ const styleMap = require('../../style-map-77b74f74.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-f7093d93.js';
3
+ import { o } from '../../style-map-d5d85b80.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
- const index$1 = require('../../index-752774b2.cjs');
8
+ const index$1 = require('../../index-bca7ccb0.cjs');
9
9
  require('../../bundle-mjs-d58a83c6.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
 
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
- import { c as customStyleMap } from '../../index-0f429f67.js';
4
+ import { c as customStyleMap } from '../../index-0b520c6a.js';
5
5
  import '../../bundle-mjs-fbc6e2a8.js';
6
6
  import '../../directive-2bb7789e.js';
7
7
 
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-sanitize/index.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
- require('../../style-map-272091aa.cjs');
12
+ require('../../style-map-77b74f74.cjs');
13
13
 
14
14
  const style = ":host {\n display: flex;\n height: 100%\n}";
15
15
 
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-sanitize/index.js';
7
7
  import '../../directive-2bb7789e.js';
8
- import '../../style-map-f7093d93.js';
8
+ import '../../style-map-d5d85b80.js';
9
9
 
10
10
  const style = ":host {\n display: flex;\n height: 100%\n}";
11
11
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
@@ -1,4 +1,4 @@
1
- import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-14baf4da.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-e73db22f.js';
2
2
  import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
4
4
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-5ceac001.cjs');
11
11
  require('../lukso-icon/index.cjs');
12
12
  require('../../bundle-mjs-d58a83c6.cjs');
13
- require('../../style-map-272091aa.cjs');
13
+ require('../../style-map-77b74f74.cjs');
14
14
  require('../../directive-8278ab14.cjs');
15
15
 
16
16
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
@@ -46,7 +46,7 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
46
46
  this.isNonResizable = false;
47
47
  this.size = "medium";
48
48
  this.rows = 4;
49
- this.hasHocus = false;
49
+ this.hasFocus = false;
50
50
  this.hasHighlight = false;
51
51
  this.styles = index.ce({
52
52
  slots: {
@@ -166,12 +166,12 @@ ${this.value}</textarea
166
166
  }
167
167
  handleFocus() {
168
168
  if (!this.isReadonly && !this.isDisabled) {
169
- this.hasHocus = true;
169
+ this.hasFocus = true;
170
170
  this.hasHighlight = true;
171
171
  }
172
172
  }
173
173
  async handleBlur(event) {
174
- this.hasHocus = false;
174
+ this.hasFocus = false;
175
175
  this.hasHighlight = false;
176
176
  await this.updateComplete;
177
177
  const target = event.target;
@@ -257,7 +257,7 @@ ${this.value}</textarea
257
257
  }
258
258
  }
259
259
  handleMouseOut() {
260
- if (!this.hasHocus) {
260
+ if (!this.hasFocus) {
261
261
  this.hasHighlight = false;
262
262
  }
263
263
  }
@@ -352,7 +352,7 @@ __decorateClass([
352
352
  ], exports.LuksoTextarea.prototype, "rows", 2);
353
353
  __decorateClass([
354
354
  state.t()
355
- ], exports.LuksoTextarea.prototype, "hasHocus", 2);
355
+ ], exports.LuksoTextarea.prototype, "hasFocus", 2);
356
356
  __decorateClass([
357
357
  state.t()
358
358
  ], exports.LuksoTextarea.prototype, "hasHighlight", 2);
@@ -18,7 +18,7 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
18
18
  isNonResizable: boolean;
19
19
  size: InputSize;
20
20
  rows: number;
21
- private hasHocus;
21
+ private hasFocus;
22
22
  private hasHighlight;
23
23
  private styles;
24
24
  inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-b54dcc61.js';
7
7
  import '../lukso-icon/index.js';
8
8
  import '../../bundle-mjs-fbc6e2a8.js';
9
- import '../../style-map-f7093d93.js';
9
+ import '../../style-map-d5d85b80.js';
10
10
  import '../../directive-2bb7789e.js';
11
11
 
12
12
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
@@ -42,7 +42,7 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
42
42
  this.isNonResizable = false;
43
43
  this.size = "medium";
44
44
  this.rows = 4;
45
- this.hasHocus = false;
45
+ this.hasFocus = false;
46
46
  this.hasHighlight = false;
47
47
  this.styles = ce({
48
48
  slots: {
@@ -162,12 +162,12 @@ ${this.value}</textarea
162
162
  }
163
163
  handleFocus() {
164
164
  if (!this.isReadonly && !this.isDisabled) {
165
- this.hasHocus = true;
165
+ this.hasFocus = true;
166
166
  this.hasHighlight = true;
167
167
  }
168
168
  }
169
169
  async handleBlur(event) {
170
- this.hasHocus = false;
170
+ this.hasFocus = false;
171
171
  this.hasHighlight = false;
172
172
  await this.updateComplete;
173
173
  const target = event.target;
@@ -253,7 +253,7 @@ ${this.value}</textarea
253
253
  }
254
254
  }
255
255
  handleMouseOut() {
256
- if (!this.hasHocus) {
256
+ if (!this.hasFocus) {
257
257
  this.hasHighlight = false;
258
258
  }
259
259
  }
@@ -348,7 +348,7 @@ __decorateClass([
348
348
  ], LuksoTextarea.prototype, "rows", 2);
349
349
  __decorateClass([
350
350
  t()
351
- ], LuksoTextarea.prototype, "hasHocus", 2);
351
+ ], LuksoTextarea.prototype, "hasFocus", 2);
352
352
  __decorateClass([
353
353
  t()
354
354
  ], LuksoTextarea.prototype, "hasHighlight", 2);
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
- const styleMap = require('../../style-map-272091aa.cjs');
9
+ const styleMap = require('../../style-map-77b74f74.cjs');
10
10
  require('../../bundle-mjs-d58a83c6.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
12
 
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
- import { o } from '../../style-map-f7093d93.js';
5
+ import { o } from '../../style-map-d5d85b80.js';
6
6
  import '../../bundle-mjs-fbc6e2a8.js';
7
7
  import '../../directive-2bb7789e.js';
8
8
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
- const index$1 = require('../../index-752774b2.cjs');
8
+ const index$1 = require('../../index-bca7ccb0.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-5ceac001.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
- import { c as customStyleMap } from '../../index-0f429f67.js';
4
+ import { c as customStyleMap } from '../../index-0b520c6a.js';
5
5
  import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-b54dcc61.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -1,4 +1,4 @@
1
- import { j, b as T, T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { j, b as T, T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e as e$1 } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { e, i, t } from '../../directive-2bb7789e.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -1,4 +1,4 @@
1
- import { A } from './index-14baf4da.js';
1
+ import { A } from './index-e73db22f.js';
2
2
  import { e, i, t } from './directive-2bb7789e.js';
3
3
 
4
4
  class CustomStyleMapDirective extends i {