@lukso/web-components 1.75.0 → 1.76.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 (86) hide show
  1. package/dist/components/index.cjs +3 -3
  2. package/dist/components/index.js +3 -3
  3. package/dist/components/lukso-button/index.cjs +1 -1
  4. package/dist/components/lukso-button/index.js +1 -1
  5. package/dist/components/lukso-card/index.cjs +3 -3
  6. package/dist/components/lukso-card/index.js +3 -3
  7. package/dist/components/lukso-checkbox/index.cjs +1 -1
  8. package/dist/components/lukso-checkbox/index.js +1 -1
  9. package/dist/components/lukso-footer/index.cjs +1 -1
  10. package/dist/components/lukso-footer/index.js +1 -1
  11. package/dist/components/lukso-icon/index.cjs +2 -2
  12. package/dist/components/lukso-icon/index.js +2 -2
  13. package/dist/components/lukso-image/index.cjs +2 -2
  14. package/dist/components/lukso-image/index.js +2 -2
  15. package/dist/components/lukso-input/index.cjs +2 -2
  16. package/dist/components/lukso-input/index.js +2 -2
  17. package/dist/components/lukso-modal/index.cjs +1 -1
  18. package/dist/components/lukso-modal/index.js +1 -1
  19. package/dist/components/lukso-navbar/index.cjs +3 -3
  20. package/dist/components/lukso-navbar/index.js +3 -3
  21. package/dist/components/lukso-profile/index.cjs +7 -2
  22. package/dist/components/lukso-profile/index.d.ts +1 -1
  23. package/dist/components/lukso-profile/index.d.ts.map +1 -1
  24. package/dist/components/lukso-profile/index.js +7 -2
  25. package/dist/components/lukso-profile/lukso-profile.stories.d.ts +2 -0
  26. package/dist/components/lukso-profile/lukso-profile.stories.d.ts.map +1 -1
  27. package/dist/components/lukso-progress/index.cjs +2 -2
  28. package/dist/components/lukso-progress/index.js +2 -2
  29. package/dist/components/lukso-sanitize/index.cjs +1 -1
  30. package/dist/components/lukso-sanitize/index.js +1 -1
  31. package/dist/components/lukso-search/index.cjs +3 -4
  32. package/dist/components/lukso-search/index.js +3 -4
  33. package/dist/components/lukso-select/index.cjs +5 -4
  34. package/dist/components/lukso-select/index.js +5 -4
  35. package/dist/components/lukso-share/index.cjs +1 -1
  36. package/dist/components/lukso-share/index.js +1 -1
  37. package/dist/components/lukso-switch/index.cjs +2 -2
  38. package/dist/components/lukso-switch/index.js +2 -2
  39. package/dist/components/lukso-tag/index.cjs +2 -2
  40. package/dist/components/lukso-tag/index.js +2 -2
  41. package/dist/components/lukso-terms/index.cjs +2 -2
  42. package/dist/components/lukso-terms/index.js +2 -2
  43. package/dist/components/lukso-test/index.cjs +1 -1
  44. package/dist/components/lukso-test/index.js +1 -1
  45. package/dist/components/lukso-tooltip/index.cjs +2 -2
  46. package/dist/components/lukso-tooltip/index.js +2 -2
  47. package/dist/components/lukso-username/index.cjs +64 -32
  48. package/dist/components/lukso-username/index.d.ts +2 -1
  49. package/dist/components/lukso-username/index.d.ts.map +1 -1
  50. package/dist/components/lukso-username/index.js +64 -32
  51. package/dist/components/lukso-username/lukso-username.stories.d.ts +11 -1
  52. package/dist/components/lukso-username/lukso-username.stories.d.ts.map +1 -1
  53. package/dist/components/lukso-wizard/index.cjs +1 -1
  54. package/dist/components/lukso-wizard/index.js +1 -1
  55. package/dist/index-1663e4e9.cjs +46 -0
  56. package/dist/{index-dfdfb6fe.js → index-8c5bb33e.js} +1 -1
  57. package/dist/{index-a1e4b7d4.cjs → index-c87cbae4.cjs} +1 -1
  58. package/dist/index-cc6befe7.js +39 -0
  59. package/dist/index.cjs +3 -3
  60. package/dist/index.js +3 -3
  61. package/dist/shared/tailwind-element/index.cjs +1 -1
  62. package/dist/shared/tailwind-element/index.js +1 -1
  63. package/dist/{style-map-ebf3a8d2.cjs → style-map-8748e444.cjs} +1 -1
  64. package/dist/{style-map-3669b30c.js → style-map-c427baa7.js} +1 -1
  65. package/dist/styles/main.css +9 -0
  66. package/dist/styles/main.css.map +1 -1
  67. package/dist/tailwind-config.cjs +5 -1
  68. package/dist/tailwind-config.d.ts +2 -0
  69. package/dist/tailwind-config.d.ts.map +1 -1
  70. package/dist/tailwind-config.js +5 -1
  71. package/package.json +1 -1
  72. package/tailwind.config.cjs +2 -2
  73. package/tools/cn.cjs +1 -1
  74. package/tools/cn.js +1 -1
  75. package/tools/index.cjs +1 -1
  76. package/tools/index.js +1 -1
  77. package/tools/sass/typography.scss +12 -0
  78. package/tools/styles/main.css +9 -0
  79. package/tools/{tailwind-config-dc0e5c90.cjs → tailwind-config-cece8e4d.cjs} +5 -1
  80. package/tools/{tailwind-config-b6c9cbcf.js → tailwind-config-effbdecc.js} +5 -1
  81. package/tools/tailwind-config.cjs +1 -1
  82. package/tools/tailwind-config.d.ts +2 -0
  83. package/tools/tailwind-config.d.ts.map +1 -1
  84. package/tools/tailwind-config.js +1 -1
  85. package/dist/index-09db75ee.js +0 -39
  86. package/dist/index-9b930f6a.cjs +0 -46
@@ -24,16 +24,16 @@ const components_luksoTest_index = require('./lukso-test/index.cjs');
24
24
  const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
25
25
  const components_luksoUsername_index = require('./lukso-username/index.cjs');
26
26
  const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
27
- const shared_tailwindElement_index = require('../index-9b930f6a.cjs');
27
+ const shared_tailwindElement_index = require('../index-1663e4e9.cjs');
28
28
  require('../cn-5ceac001.cjs');
29
29
  require('../query-assigned-elements-d5e45650.cjs');
30
30
  require('../state-d9fb972b.cjs');
31
31
  require('../index-1d3f4a5a.cjs');
32
32
  require('../bundle-mjs-d58a83c6.cjs');
33
33
  require('../tailwind-config.cjs');
34
- require('../style-map-ebf3a8d2.cjs');
34
+ require('../style-map-8748e444.cjs');
35
35
  require('../directive-8278ab14.cjs');
36
- require('../index-a1e4b7d4.cjs');
36
+ require('../index-c87cbae4.cjs');
37
37
  require('../index-e9668573.cjs');
38
38
 
39
39
 
@@ -20,14 +20,14 @@ export { LuksoTest } from './lukso-test/index.js';
20
20
  export { LuksoTooltip } from './lukso-tooltip/index.js';
21
21
  export { LuksoUsername } from './lukso-username/index.js';
22
22
  export { LuksoWizard } from './lukso-wizard/index.js';
23
- export { a as TailwindElement, T as TailwindStyledElement } from '../index-09db75ee.js';
23
+ export { a as TailwindElement, T as TailwindStyledElement } from '../index-cc6befe7.js';
24
24
  import '../cn-b54dcc61.js';
25
25
  import '../query-assigned-elements-1c8c9e90.js';
26
26
  import '../state-b9ca4e74.js';
27
27
  import '../index-ca8e900d.js';
28
28
  import '../bundle-mjs-fbc6e2a8.js';
29
29
  import '../tailwind-config.js';
30
- import '../style-map-3669b30c.js';
30
+ import '../style-map-c427baa7.js';
31
31
  import '../directive-2bb7789e.js';
32
- import '../index-dfdfb6fe.js';
32
+ import '../index-8c5bb33e.js';
33
33
  import '../index-5e194caf.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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');
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-09db75ee.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-cc6befe7.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';
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
- const styleMap = require('../../style-map-ebf3a8d2.cjs');
8
+ const styleMap = require('../../style-map-8748e444.cjs');
9
9
  const index = require('../../index-1d3f4a5a.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../../tailwind-config.cjs');
12
12
  const cn = require('../../cn-5ceac001.cjs');
13
- const index$1 = require('../../index-a1e4b7d4.cjs');
13
+ const index$1 = require('../../index-c87cbae4.cjs');
14
14
  require('../lukso-image/index.cjs');
15
15
  require('../../directive-8278ab14.cjs');
16
16
  require('../../bundle-mjs-d58a83c6.cjs');
@@ -1,12 +1,12 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-09db75ee.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-cc6befe7.js';
2
2
  import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
- import { o } from '../../style-map-3669b30c.js';
4
+ import { o } from '../../style-map-c427baa7.js';
5
5
  import { c as ce } from '../../index-ca8e900d.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../../tailwind-config.js';
8
8
  import { c as cn } from '../../cn-b54dcc61.js';
9
- import { c as customStyleMap } from '../../index-dfdfb6fe.js';
9
+ import { c as customStyleMap } from '../../index-8c5bb33e.js';
10
10
  import '../lukso-image/index.js';
11
11
  import '../../directive-2bb7789e.js';
12
12
  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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x, A } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x, A } from '../../index-cc6befe7.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';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
 
8
8
  var __defProp = Object.defineProperty;
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
 
4
4
  var __defProp = Object.defineProperty;
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-ebf3a8d2.cjs');
7
+ const styleMap = require('../../style-map-8748e444.cjs');
8
8
  require('../../directive-8278ab14.cjs');
9
9
 
10
10
  const style = ":host {\n display: inline-flex\n}";
@@ -1,6 +1,6 @@
1
- import { x, T as TailwindStyledElement } from '../../index-09db75ee.js';
1
+ import { x, T as TailwindStyledElement } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-3669b30c.js';
3
+ import { o } from '../../style-map-c427baa7.js';
4
4
  import '../../directive-2bb7789e.js';
5
5
 
6
6
  const style = ":host {\n display: inline-flex\n}";
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
- const styleMap = require('../../style-map-ebf3a8d2.cjs');
8
+ const styleMap = require('../../style-map-8748e444.cjs');
9
9
  const index = require('../../index-1d3f4a5a.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
@@ -1,7 +1,7 @@
1
- import { a as TailwindElement, x } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
- import { o } from '../../style-map-3669b30c.js';
4
+ import { o } from '../../style-map-c427baa7.js';
5
5
  import { c as ce } from '../../index-ca8e900d.js';
6
6
  import '../../directive-2bb7789e.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-ebf3a8d2.cjs');
13
+ require('../../style-map-8748e444.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}";
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-09db75ee.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-cc6befe7.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-3669b30c.js';
9
+ import '../../style-map-c427baa7.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}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-e9668573.cjs');
8
8
  require('../../directive-8278ab14.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as customClassMap } from '../../index-5e194caf.js';
4
4
  import '../../directive-2bb7789e.js';
@@ -2,16 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-tag/index.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
12
- require('../../style-map-ebf3a8d2.cjs');
12
+ require('../../style-map-8748e444.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
- require('../../index-a1e4b7d4.cjs');
14
+ require('../../index-c87cbae4.cjs');
15
15
 
16
16
  var __defProp = Object.defineProperty;
17
17
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,13 +1,13 @@
1
- import { a as TailwindElement, x, A } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x, A } from '../../index-cc6befe7.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-tag/index.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.js';
8
- import '../../style-map-3669b30c.js';
8
+ import '../../style-map-c427baa7.js';
9
9
  import '../../directive-2bb7789e.js';
10
- import '../../index-dfdfb6fe.js';
10
+ import '../../index-8c5bb33e.js';
11
11
 
12
12
  var __defProp = Object.defineProperty;
13
13
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-ebf3a8d2.cjs');
11
+ require('../../style-map-8748e444.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 : {};
@@ -510,6 +510,11 @@ exports.LuksoProfile = class LuksoProfile extends shared_tailwindElement_index.T
510
510
  wrapper: "w-24 h-24",
511
511
  profile: "w-24 h-24",
512
512
  identicon: "w-7 h-7 outline-2"
513
+ },
514
+ "2x-large": {
515
+ wrapper: "w-30 h-30",
516
+ profile: "w-30 h-30",
517
+ identicon: "w-9 h-9 outline-[2.5px]"
513
518
  }
514
519
  }
515
520
  },
@@ -1,5 +1,5 @@
1
1
  import { TailwindElement } from '../../shared/tailwind-element';
2
- export type ProfileSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
2
+ export type ProfileSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large';
3
3
  export declare class LuksoProfile extends TailwindElement {
4
4
  profileUrl: string;
5
5
  profileAddress: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-profile/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AAEjC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9E,qBACa,YAAa,SAAQ,eAAe;IAE/C,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,IAAI,EAAE,WAAW,CAAU;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,SAAuC;IAElD,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa,CAoFnB;IAEF,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-profile/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AAEjC,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,qBACa,YAAa,SAAQ,eAAe;IAE/C,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,IAAI,EAAE,WAAW,CAAU;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,SAAuC;IAElD,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa,CAyFnB;IAEF,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
@@ -1,10 +1,10 @@
1
- import { a as TailwindElement, x } from '../../index-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.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-3669b30c.js';
7
+ import '../../style-map-c427baa7.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 : {};
@@ -506,6 +506,11 @@ let LuksoProfile = class extends TailwindElement {
506
506
  wrapper: "w-24 h-24",
507
507
  profile: "w-24 h-24",
508
508
  identicon: "w-7 h-7 outline-2"
509
+ },
510
+ "2x-large": {
511
+ wrapper: "w-30 h-30",
512
+ profile: "w-30 h-30",
513
+ identicon: "w-9 h-9 outline-[2.5px]"
509
514
  }
510
515
  }
511
516
  },
@@ -7,6 +7,8 @@ import type { Meta } from '@storybook/web-components';
7
7
  */
8
8
  declare const meta: Meta;
9
9
  export default meta;
10
+ /** Example of `2x-large` profile in `120x120` pixel size.*/
11
+ export declare const XXLarge: any;
10
12
  /** Example of `x-large` profile in `96x96` pixel size.*/
11
13
  export declare const XLarge: any;
12
14
  /** Example of `large` profile in `80x80` pixel size.*/
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-profile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-profile/lukso-profile.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAwFX,CAAA;AAED,eAAe,IAAI,CAAA;AAmBnB,yDAAyD;AACzD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,uDAAuD;AACvD,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,wDAAwD;AACxD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,uDAAuD;AACvD,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,yDAAyD;AACzD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,0EAA0E;AAC1E,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,0FAA0F;AAC1F,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,oEAAoE;AACpE,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-profile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-profile/lukso-profile.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAwFX,CAAA;AAED,eAAe,IAAI,CAAA;AAmBnB,4DAA4D;AAC5D,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,yDAAyD;AACzD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,uDAAuD;AACvD,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,wDAAwD;AACxD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,uDAAuD;AACvD,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,yDAAyD;AACzD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,0EAA0E;AAC1E,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,0FAA0F;AAC1F,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,oEAAoE;AACpE,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAoB,CAAA"}
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-ebf3a8d2.cjs');
7
+ const styleMap = require('../../style-map-8748e444.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-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-3669b30c.js';
3
+ import { o } from '../../style-map-c427baa7.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-09db75ee.js';
1
+ import { A, b as T, a as TailwindElement, x } from '../../index-cc6befe7.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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');
@@ -11,11 +11,10 @@ require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../lukso-input/index.cjs');
13
13
  require('../../bundle-mjs-d58a83c6.cjs');
14
- require('../../style-map-ebf3a8d2.cjs');
14
+ require('../../style-map-8748e444.cjs');
15
15
  require('../../directive-8278ab14.cjs');
16
16
  require('../lukso-image/index.cjs');
17
- require('../../index-e9668573.cjs');
18
- require('../../index-a1e4b7d4.cjs');
17
+ require('../../index-c87cbae4.cjs');
19
18
  require('../../tailwind-config.cjs');
20
19
  require('../../cn-5ceac001.cjs');
21
20
 
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-09db75ee.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-cc6befe7.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';
@@ -7,11 +7,10 @@ import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../lukso-input/index.js';
9
9
  import '../../bundle-mjs-fbc6e2a8.js';
10
- import '../../style-map-3669b30c.js';
10
+ import '../../style-map-c427baa7.js';
11
11
  import '../../directive-2bb7789e.js';
12
12
  import '../lukso-image/index.js';
13
- import '../../index-5e194caf.js';
14
- import '../../index-dfdfb6fe.js';
13
+ import '../../index-8c5bb33e.js';
15
14
  import '../../tailwind-config.js';
16
15
  import '../../cn-b54dcc61.js';
17
16
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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,11 +10,12 @@ require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../../bundle-mjs-d58a83c6.cjs');
13
- require('../../style-map-ebf3a8d2.cjs');
13
+ require('../../style-map-8748e444.cjs');
14
14
  require('../../directive-8278ab14.cjs');
15
15
  require('../lukso-image/index.cjs');
16
- require('../../index-e9668573.cjs');
17
- require('../../index-a1e4b7d4.cjs');
16
+ require('../../index-c87cbae4.cjs');
17
+ require('../../tailwind-config.cjs');
18
+ require('../../cn-5ceac001.cjs');
18
19
 
19
20
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
20
21
 
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-09db75ee.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-cc6befe7.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,11 +6,12 @@ import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../../bundle-mjs-fbc6e2a8.js';
9
- import '../../style-map-3669b30c.js';
9
+ import '../../style-map-c427baa7.js';
10
10
  import '../../directive-2bb7789e.js';
11
11
  import '../lukso-image/index.js';
12
- import '../../index-5e194caf.js';
13
- import '../../index-dfdfb6fe.js';
12
+ import '../../index-8c5bb33e.js';
13
+ import '../../tailwind-config.js';
14
+ import '../../cn-b54dcc61.js';
14
15
 
15
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}";
16
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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-09db75ee.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-cc6befe7.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-ebf3a8d2.cjs');
7
+ const styleMap = require('../../style-map-8748e444.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-09db75ee.js';
1
+ import { a as TailwindElement, x } from '../../index-cc6befe7.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-3669b30c.js';
3
+ import { o } from '../../style-map-c427baa7.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-a1e4b7d4.cjs');
8
+ const index$1 = require('../../index-c87cbae4.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-09db75ee.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-cc6befe7.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-dfdfb6fe.js';
4
+ import { c as customStyleMap } from '../../index-8c5bb33e.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-ebf3a8d2.cjs');
12
+ require('../../style-map-8748e444.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-09db75ee.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-cc6befe7.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-3669b30c.js';
8
+ import '../../style-map-c427baa7.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-9b930f6a.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1663e4e9.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-09db75ee.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-cc6befe7.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