@lukso/web-components 1.94.2 → 1.95.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 (74) hide show
  1. package/dist/components/index.cjs +4 -4
  2. package/dist/components/index.js +4 -4
  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-color-picker/index.cjs +2 -2
  10. package/dist/components/lukso-color-picker/index.js +2 -2
  11. package/dist/components/lukso-dropdown/index.cjs +4 -4
  12. package/dist/components/lukso-dropdown/index.js +4 -4
  13. package/dist/components/lukso-dropdown-option/index.cjs +1 -1
  14. package/dist/components/lukso-dropdown-option/index.js +1 -1
  15. package/dist/components/lukso-footer/index.cjs +1 -1
  16. package/dist/components/lukso-footer/index.js +1 -1
  17. package/dist/components/lukso-icon/index.cjs +2 -2
  18. package/dist/components/lukso-icon/index.js +2 -2
  19. package/dist/components/lukso-image/index.cjs +2 -2
  20. package/dist/components/lukso-image/index.js +2 -2
  21. package/dist/components/lukso-input/index.cjs +2 -2
  22. package/dist/components/lukso-input/index.js +2 -2
  23. package/dist/components/lukso-modal/index.cjs +1 -1
  24. package/dist/components/lukso-modal/index.js +1 -1
  25. package/dist/components/lukso-navbar/index.cjs +3 -3
  26. package/dist/components/lukso-navbar/index.js +3 -3
  27. package/dist/components/lukso-pagination/index.cjs +2 -2
  28. package/dist/components/lukso-pagination/index.js +2 -2
  29. package/dist/components/lukso-profile/index.cjs +2 -2
  30. package/dist/components/lukso-profile/index.js +2 -2
  31. package/dist/components/lukso-progress/index.cjs +2 -2
  32. package/dist/components/lukso-progress/index.js +2 -2
  33. package/dist/components/lukso-sanitize/index.cjs +1 -1
  34. package/dist/components/lukso-sanitize/index.js +1 -1
  35. package/dist/components/lukso-search/index.cjs +4 -4
  36. package/dist/components/lukso-search/index.js +4 -4
  37. package/dist/components/lukso-select/index.cjs +4 -4
  38. package/dist/components/lukso-select/index.js +4 -4
  39. package/dist/components/lukso-share/index.cjs +1 -1
  40. package/dist/components/lukso-share/index.js +1 -1
  41. package/dist/components/lukso-switch/index.cjs +2 -2
  42. package/dist/components/lukso-switch/index.js +2 -2
  43. package/dist/components/lukso-tag/index.cjs +2 -2
  44. package/dist/components/lukso-tag/index.js +2 -2
  45. package/dist/components/lukso-terms/index.cjs +2 -2
  46. package/dist/components/lukso-terms/index.js +2 -2
  47. package/dist/components/lukso-test/index.cjs +1 -1
  48. package/dist/components/lukso-test/index.js +1 -1
  49. package/dist/components/lukso-textarea/index.cjs +2 -2
  50. package/dist/components/lukso-textarea/index.js +2 -2
  51. package/dist/components/lukso-tooltip/index.cjs +27 -11
  52. package/dist/components/lukso-tooltip/index.d.ts +1 -1
  53. package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
  54. package/dist/components/lukso-tooltip/index.js +27 -11
  55. package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map +1 -1
  56. package/dist/components/lukso-username/index.cjs +2 -2
  57. package/dist/components/lukso-username/index.js +2 -2
  58. package/dist/components/lukso-wizard/index.cjs +1 -1
  59. package/dist/components/lukso-wizard/index.js +1 -1
  60. package/dist/{index-33b97167.cjs → index-0ca8cb06.cjs} +1 -1
  61. package/dist/index-1d198d10.js +39 -0
  62. package/dist/{index-6c072aaf.js → index-6caa4f02.js} +1 -1
  63. package/dist/index-93d46bad.cjs +46 -0
  64. package/dist/{index-f29408d2.cjs → index-a2c0bfa4.cjs} +1 -1
  65. package/dist/{index-c6163c1e.js → index-c9d970b8.js} +1 -1
  66. package/dist/index.cjs +4 -4
  67. package/dist/index.js +4 -4
  68. package/dist/shared/tailwind-element/index.cjs +1 -1
  69. package/dist/shared/tailwind-element/index.js +1 -1
  70. package/dist/{style-map-caa0c5d5.cjs → style-map-522fbb52.cjs} +1 -1
  71. package/dist/{style-map-c28597cb.js → style-map-592f9b77.js} +1 -1
  72. package/package.json +1 -1
  73. package/dist/index-157a6df7.cjs +0 -46
  74. package/dist/index-a86417c0.js +0 -39
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-a86417c0.js';
1
+ import { a as TailwindElement, x } from '../../index-1d198d10.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-c28597cb.js';
3
+ import { o } from '../../style-map-592f9b77.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-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-33b97167.cjs');
8
+ const index$1 = require('../../index-0ca8cb06.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-a86417c0.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-1d198d10.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-c6163c1e.js';
4
+ import { c as customStyleMap } from '../../index-c9d970b8.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-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-caa0c5d5.cjs');
12
+ require('../../style-map-522fbb52.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-a86417c0.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-1d198d10.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-c28597cb.js';
8
+ import '../../style-map-592f9b77.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-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-a86417c0.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-1d198d10.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-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-caa0c5d5.cjs');
13
+ require('../../style-map-522fbb52.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-a86417c0.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.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-c28597cb.js';
9
+ import '../../style-map-592f9b77.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,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-caa0c5d5.cjs');
9
+ const styleMap = require('../../style-map-522fbb52.cjs');
10
10
  require('../../bundle-mjs-d58a83c6.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
12
 
@@ -3482,11 +3482,18 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3482
3482
  this.showCopy = false;
3483
3483
  this.optionsParsed = [];
3484
3484
  this.tooltipInstance = void 0;
3485
- this.tooltipStyles = index.ce({
3485
+ this.styles = index.ce({
3486
3486
  slots: {
3487
3487
  tooltip: "hidden",
3488
3488
  trigger: "cursor-pointer flex flex-col items-center",
3489
3489
  options: "rounded-4 hover:bg-neutral-95"
3490
+ },
3491
+ variants: {
3492
+ hasNoText: {
3493
+ true: {
3494
+ trigger: "cursor-default"
3495
+ }
3496
+ }
3490
3497
  }
3491
3498
  });
3492
3499
  }
@@ -3561,12 +3568,11 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3561
3568
  super.disconnectedCallback();
3562
3569
  this.tooltipInstance?.destroy();
3563
3570
  }
3564
- optionsTemplate() {
3565
- const { options } = this.tooltipStyles();
3571
+ optionsTemplate(styles) {
3566
3572
  return shared_tailwindElement_index.x`<ul>
3567
3573
  ${Object.entries(this.optionsParsed)?.map(
3568
3574
  (option) => shared_tailwindElement_index.x`<li
3569
- class=${options()}
3575
+ class=${styles.options()}
3570
3576
  style=${styleMap.o({
3571
3577
  padding: "4px 8px",
3572
3578
  cursor: "pointer"
@@ -3579,10 +3585,12 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3579
3585
  </ul>`;
3580
3586
  }
3581
3587
  render() {
3582
- const { tooltip, trigger } = this.tooltipStyles();
3588
+ const styles = this.styles({
3589
+ hasNoText: !this.text
3590
+ });
3583
3591
  return shared_tailwindElement_index.x`
3584
- <div id="tooltip" role="tooltip" class=${tooltip()}>
3585
- ${this.options ? this.optionsTemplate() : this.text}
3592
+ <div id="tooltip" role="tooltip" class=${styles.tooltip()}>
3593
+ ${this.options ? this.optionsTemplate(styles) : this.text}
3586
3594
  </div>
3587
3595
  ${this.isClipboardCopy ? shared_tailwindElement_index.x`<lukso-tooltip
3588
3596
  variant=${this.variant}
@@ -3594,10 +3602,18 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3594
3602
  ?show=${this.showCopy ? true : void 0}
3595
3603
  text=${this.copyText}
3596
3604
  >
3597
- <div id="trigger" class=${trigger()} @click=${this.handleClick}>
3605
+ <div
3606
+ id="trigger"
3607
+ class=${styles.trigger()}
3608
+ @click=${this.handleClick}
3609
+ >
3598
3610
  <slot></slot>
3599
3611
  </div>
3600
- </lukso-tooltip>` : shared_tailwindElement_index.x`<div id="trigger" class=${trigger()} @click=${this.handleClick}>
3612
+ </lukso-tooltip>` : shared_tailwindElement_index.x`<div
3613
+ id="trigger"
3614
+ class=${styles.trigger()}
3615
+ @click=${this.handleClick}
3616
+ >
3601
3617
  <slot></slot>
3602
3618
  </div>`}
3603
3619
  `;
@@ -29,7 +29,7 @@ export declare class LuksoTooltip extends LuksoTooltip_base {
29
29
  showCopy: boolean;
30
30
  optionsParsed: TooltipOption[];
31
31
  private tooltipInstance;
32
- private tooltipStyles;
32
+ private styles;
33
33
  private hideOnClickCheck;
34
34
  private initTooltip;
35
35
  private handleClick;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAS/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyBxD,oBAAoB;IAKpB,OAAO,CAAC,eAAe;IAqBvB,MAAM;CA2BP;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-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAS/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,MAAM,CAaZ;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyBxD,oBAAoB;IAKpB,OAAO,CAAC,eAAe;IAmBvB,MAAM;CAqCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x } from '../../index-a86417c0.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-1d198d10.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-c28597cb.js';
5
+ import { o } from '../../style-map-592f9b77.js';
6
6
  import '../../bundle-mjs-fbc6e2a8.js';
7
7
  import '../../directive-2bb7789e.js';
8
8
 
@@ -3478,11 +3478,18 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3478
3478
  this.showCopy = false;
3479
3479
  this.optionsParsed = [];
3480
3480
  this.tooltipInstance = void 0;
3481
- this.tooltipStyles = ce({
3481
+ this.styles = ce({
3482
3482
  slots: {
3483
3483
  tooltip: "hidden",
3484
3484
  trigger: "cursor-pointer flex flex-col items-center",
3485
3485
  options: "rounded-4 hover:bg-neutral-95"
3486
+ },
3487
+ variants: {
3488
+ hasNoText: {
3489
+ true: {
3490
+ trigger: "cursor-default"
3491
+ }
3492
+ }
3486
3493
  }
3487
3494
  });
3488
3495
  }
@@ -3557,12 +3564,11 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3557
3564
  super.disconnectedCallback();
3558
3565
  this.tooltipInstance?.destroy();
3559
3566
  }
3560
- optionsTemplate() {
3561
- const { options } = this.tooltipStyles();
3567
+ optionsTemplate(styles) {
3562
3568
  return x`<ul>
3563
3569
  ${Object.entries(this.optionsParsed)?.map(
3564
3570
  (option) => x`<li
3565
- class=${options()}
3571
+ class=${styles.options()}
3566
3572
  style=${o({
3567
3573
  padding: "4px 8px",
3568
3574
  cursor: "pointer"
@@ -3575,10 +3581,12 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3575
3581
  </ul>`;
3576
3582
  }
3577
3583
  render() {
3578
- const { tooltip, trigger } = this.tooltipStyles();
3584
+ const styles = this.styles({
3585
+ hasNoText: !this.text
3586
+ });
3579
3587
  return x`
3580
- <div id="tooltip" role="tooltip" class=${tooltip()}>
3581
- ${this.options ? this.optionsTemplate() : this.text}
3588
+ <div id="tooltip" role="tooltip" class=${styles.tooltip()}>
3589
+ ${this.options ? this.optionsTemplate(styles) : this.text}
3582
3590
  </div>
3583
3591
  ${this.isClipboardCopy ? x`<lukso-tooltip
3584
3592
  variant=${this.variant}
@@ -3590,10 +3598,18 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3590
3598
  ?show=${this.showCopy ? true : void 0}
3591
3599
  text=${this.copyText}
3592
3600
  >
3593
- <div id="trigger" class=${trigger()} @click=${this.handleClick}>
3601
+ <div
3602
+ id="trigger"
3603
+ class=${styles.trigger()}
3604
+ @click=${this.handleClick}
3605
+ >
3594
3606
  <slot></slot>
3595
3607
  </div>
3596
- </lukso-tooltip>` : x`<div id="trigger" class=${trigger()} @click=${this.handleClick}>
3608
+ </lukso-tooltip>` : x`<div
3609
+ id="trigger"
3610
+ class=${styles.trigger()}
3611
+ @click=${this.handleClick}
3612
+ >
3597
3613
  <slot></slot>
3598
3614
  </div>`}
3599
3615
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA2NX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,qDAAqD;AACrD,eAAO,MAAM,cAAc,KAA2B,CAAA;AAwBtD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,KAA2B,CAAA"}
1
+ {"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA0NX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,qDAAqD;AACrD,eAAO,MAAM,cAAc,KAA2B,CAAA;AAwBtD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,KAA2B,CAAA"}
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-33b97167.cjs');
8
+ const index$1 = require('../../index-0ca8cb06.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-a86417c0.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.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-c6163c1e.js';
4
+ import { c as customStyleMap } from '../../index-c9d970b8.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-157a6df7.cjs');
5
+ const shared_tailwindElement_index = require('../../index-93d46bad.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-a86417c0.js';
1
+ import { j, b as T, T as TailwindStyledElement, x } from '../../index-1d198d10.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,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const shared_tailwindElement_index = require('./index-157a6df7.cjs');
3
+ const shared_tailwindElement_index = require('./index-93d46bad.cjs');
4
4
  const directive = require('./directive-8278ab14.cjs');
5
5
 
6
6
  class CustomStyleMapDirective extends directive.i {