le-kit 0.1.18 → 0.1.19

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 (118) hide show
  1. package/dist/cjs/le-button_13.cjs.entry.js +17 -17
  2. package/dist/cjs/le-card.cjs.entry.js +1 -1
  3. package/dist/cjs/le-combobox.cjs.entry.js +1 -1
  4. package/dist/cjs/le-header-placeholder.cjs.entry.js +1 -1
  5. package/dist/cjs/le-multiselect.cjs.entry.js +3 -3
  6. package/dist/cjs/le-number-input.cjs.entry.js +1 -1
  7. package/dist/cjs/le-round-progress.cjs.entry.js +1 -1
  8. package/dist/cjs/le-segmented-control.cjs.entry.js +1 -1
  9. package/dist/cjs/le-stack.cjs.entry.js +1 -1
  10. package/dist/cjs/le-tab-bar.cjs.entry.js +1 -1
  11. package/dist/cjs/le-tab-panel.cjs.entry.js +2 -2
  12. package/dist/cjs/le-tab.cjs.entry.js +1 -1
  13. package/dist/cjs/le-tabs.cjs.entry.js +2 -2
  14. package/dist/cjs/le-tag.cjs.entry.js +1 -1
  15. package/dist/cjs/le-turntable.cjs.entry.js +1 -1
  16. package/dist/collection/components/le-button/le-button.css +24 -24
  17. package/dist/collection/components/le-button/le-button.js +2 -2
  18. package/dist/collection/components/le-button/le-button.js.map +1 -1
  19. package/dist/collection/components/le-card/le-card.js +1 -1
  20. package/dist/collection/components/le-checkbox/le-checkbox.js +1 -1
  21. package/dist/collection/components/le-collapse/le-collapse.js +1 -1
  22. package/dist/collection/components/le-combobox/le-combobox.js +1 -1
  23. package/dist/collection/components/le-current-heading/le-current-heading.js +1 -1
  24. package/dist/collection/components/le-dropdown-base/le-dropdown-base.js +1 -1
  25. package/dist/collection/components/le-header/le-header.js +2 -2
  26. package/dist/collection/components/le-header-placeholder/le-header-placeholder.js +1 -1
  27. package/dist/collection/components/le-multiselect/le-multiselect.js +3 -3
  28. package/dist/collection/components/le-number-input/le-number-input.js +1 -1
  29. package/dist/collection/components/le-popover/le-popover.js +3 -3
  30. package/dist/collection/components/le-round-progress/le-round-progress.js +1 -1
  31. package/dist/collection/components/le-scroll-progress/le-scroll-progress.js +1 -1
  32. package/dist/collection/components/le-segmented-control/le-segmented-control.js +1 -1
  33. package/dist/collection/components/le-select/le-select.js +2 -2
  34. package/dist/collection/components/le-slot/le-slot.js +1 -1
  35. package/dist/collection/components/le-stack/le-stack.js +1 -1
  36. package/dist/collection/components/le-string-input/le-string-input.js +2 -2
  37. package/dist/collection/components/le-tab/le-tab.js +1 -1
  38. package/dist/collection/components/le-tab-bar/le-tab-bar.js +1 -1
  39. package/dist/collection/components/le-tab-panel/le-tab-panel.js +2 -2
  40. package/dist/collection/components/le-tabs/le-tabs.js +2 -2
  41. package/dist/collection/components/le-tag/le-tag.js +1 -1
  42. package/dist/collection/components/le-turntable/le-turntable.js +1 -1
  43. package/dist/collection/dist/components/assets/custom-elements.json +397 -397
  44. package/dist/components/assets/custom-elements.json +397 -397
  45. package/dist/components/le-button2.js +8 -8
  46. package/dist/components/le-button2.js.map +1 -1
  47. package/dist/components/le-card.js +1 -1
  48. package/dist/components/le-collapse.js +1 -1
  49. package/dist/components/le-combobox.js +1 -1
  50. package/dist/components/le-current-heading.js +1 -1
  51. package/dist/components/le-dropdown-base2.js +1 -1
  52. package/dist/components/le-header-placeholder.js +1 -1
  53. package/dist/components/le-header.js +2 -2
  54. package/dist/components/le-multiselect.js +3 -3
  55. package/dist/components/le-number-input.js +1 -1
  56. package/dist/components/le-popover2.js +3 -3
  57. package/dist/components/le-round-progress.js +1 -1
  58. package/dist/components/le-scroll-progress.js +1 -1
  59. package/dist/components/le-segmented-control.js +1 -1
  60. package/dist/components/le-stack.js +1 -1
  61. package/dist/components/le-tab-bar.js +1 -1
  62. package/dist/components/le-tab-panel.js +2 -2
  63. package/dist/components/le-tab2.js +1 -1
  64. package/dist/components/le-tabs.js +2 -2
  65. package/dist/components/le-tag2.js +1 -1
  66. package/dist/components/le-turntable.js +1 -1
  67. package/dist/docs.json +1 -1
  68. package/dist/esm/le-button_13.entry.js +17 -17
  69. package/dist/esm/le-card.entry.js +1 -1
  70. package/dist/esm/le-combobox.entry.js +1 -1
  71. package/dist/esm/le-header-placeholder.entry.js +1 -1
  72. package/dist/esm/le-multiselect.entry.js +3 -3
  73. package/dist/esm/le-number-input.entry.js +1 -1
  74. package/dist/esm/le-round-progress.entry.js +1 -1
  75. package/dist/esm/le-segmented-control.entry.js +1 -1
  76. package/dist/esm/le-stack.entry.js +1 -1
  77. package/dist/esm/le-tab-bar.entry.js +1 -1
  78. package/dist/esm/le-tab-panel.entry.js +2 -2
  79. package/dist/esm/le-tab.entry.js +1 -1
  80. package/dist/esm/le-tabs.entry.js +2 -2
  81. package/dist/esm/le-tag.entry.js +1 -1
  82. package/dist/esm/le-turntable.entry.js +1 -1
  83. package/dist/le-kit/dist/components/assets/custom-elements.json +397 -397
  84. package/dist/le-kit/le-kit.esm.js +1 -1
  85. package/dist/le-kit/{p-9ba2bfb3.entry.js → p-02532919.entry.js} +2 -2
  86. package/dist/le-kit/{p-684adc9f.entry.js → p-1733d907.entry.js} +2 -2
  87. package/dist/le-kit/p-2ec60692.entry.js +2 -0
  88. package/dist/le-kit/{p-b3531106.entry.js → p-3327b089.entry.js} +2 -2
  89. package/dist/le-kit/{p-8afe6862.entry.js → p-4bdb03cb.entry.js} +2 -2
  90. package/dist/le-kit/{p-269fb44f.entry.js → p-64c2cee1.entry.js} +2 -2
  91. package/dist/le-kit/{p-95cf203e.entry.js → p-6acdf000.entry.js} +2 -2
  92. package/dist/le-kit/p-83007215.entry.js +2 -0
  93. package/dist/le-kit/p-83007215.entry.js.map +1 -0
  94. package/dist/le-kit/{p-629c5e13.entry.js → p-a8963634.entry.js} +2 -2
  95. package/dist/le-kit/{p-c83a1255.entry.js → p-b7c008de.entry.js} +2 -2
  96. package/dist/le-kit/{p-7d316315.entry.js → p-da0265c5.entry.js} +2 -2
  97. package/dist/le-kit/{p-d2a5d431.entry.js → p-df9389f0.entry.js} +2 -2
  98. package/dist/le-kit/{p-31c3649c.entry.js → p-dfd20890.entry.js} +2 -2
  99. package/dist/le-kit/{p-deef1f4d.entry.js → p-e3f3cc8f.entry.js} +2 -2
  100. package/dist/le-kit/{p-e4618b36.entry.js → p-f88c804a.entry.js} +2 -2
  101. package/package.json +1 -1
  102. package/dist/le-kit/p-3829f572.entry.js +0 -2
  103. package/dist/le-kit/p-3829f572.entry.js.map +0 -1
  104. package/dist/le-kit/p-e07d4b78.entry.js +0 -2
  105. /package/dist/le-kit/{p-9ba2bfb3.entry.js.map → p-02532919.entry.js.map} +0 -0
  106. /package/dist/le-kit/{p-684adc9f.entry.js.map → p-1733d907.entry.js.map} +0 -0
  107. /package/dist/le-kit/{p-e07d4b78.entry.js.map → p-2ec60692.entry.js.map} +0 -0
  108. /package/dist/le-kit/{p-b3531106.entry.js.map → p-3327b089.entry.js.map} +0 -0
  109. /package/dist/le-kit/{p-8afe6862.entry.js.map → p-4bdb03cb.entry.js.map} +0 -0
  110. /package/dist/le-kit/{p-269fb44f.entry.js.map → p-64c2cee1.entry.js.map} +0 -0
  111. /package/dist/le-kit/{p-95cf203e.entry.js.map → p-6acdf000.entry.js.map} +0 -0
  112. /package/dist/le-kit/{p-629c5e13.entry.js.map → p-a8963634.entry.js.map} +0 -0
  113. /package/dist/le-kit/{p-c83a1255.entry.js.map → p-b7c008de.entry.js.map} +0 -0
  114. /package/dist/le-kit/{p-7d316315.entry.js.map → p-da0265c5.entry.js.map} +0 -0
  115. /package/dist/le-kit/{p-d2a5d431.entry.js.map → p-df9389f0.entry.js.map} +0 -0
  116. /package/dist/le-kit/{p-31c3649c.entry.js.map → p-dfd20890.entry.js.map} +0 -0
  117. /package/dist/le-kit/{p-deef1f4d.entry.js.map → p-e3f3cc8f.entry.js.map} +0 -0
  118. /package/dist/le-kit/{p-e4618b36.entry.js.map → p-f88c804a.entry.js.map} +0 -0
@@ -99,11 +99,11 @@ const LeStringInput = /*@__PURE__*/ proxyCustomElement(class LeStringInput exten
99
99
  ev.stopPropagation();
100
100
  };
101
101
  render() {
102
- return (h("le-component", { key: 'c51b121a5ff8458f80de07929467d92cff44de9b', component: "le-string-input", hostClass: classnames({ disabled: this.disabled }) }, h("div", { key: '450fa313236401fcb762267f426d0556f90ef200', class: "le-input-wrapper" }, this.label && (h("label", { key: 'c01ed376e563f472d84c9943a4a542c1ec2cb39c', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: 'e41a98671f3bc61e06f66c773536967d60c97df0', class: "le-input-container", part: "container" }, this.iconStart && h("span", { key: 'c6eb682444e091378281b7a2e739ef872ca28973', class: "icon-start" }, this.iconStart), h("input", { key: 'bc7f9055dcae290e132f4c91887e5f90427209d4', ref: el => {
102
+ return (h("le-component", { key: 'db58477a8aad248ec99e39e2949df2fd7470d1d8', component: "le-string-input", hostClass: classnames({ disabled: this.disabled }) }, h("div", { key: '213727813a87a8b11b48c4f3007b6f0575a75369', class: "le-input-wrapper" }, this.label && (h("label", { key: '981efc4b5ea8bb9459642c6b95bb377f199aa184', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: 'b66b4e42ee3830c28443ccc01916b430386dcfac', class: "le-input-container", part: "container" }, this.iconStart && h("span", { key: 'e4d2eb3fb5e3acddc8eeccc2c9368b96ae7da10b', class: "icon-start" }, this.iconStart), h("input", { key: 'adb72263beb77ae7ae036e90213b98e68044cced', ref: el => {
103
103
  if (this.inputRef) {
104
104
  this.inputRef(el);
105
105
  }
106
- }, id: this.name, type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }), this.iconEnd && h("span", { key: '3470d5c95e208e52b1913369d734e1d741164633', class: "icon-end" }, this.iconEnd)), !this.hideDescription && (h("div", { key: '97a123be35907f950c7480352cee29c32e486fe4', class: "le-input-description" }, h("le-slot", { key: '490c2a425b3b58f050aced5dcffc530f624c0957', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: 'a34ff8c6300a36d6c65ca5d9a77352459f1c85cc', name: "description" })))))));
106
+ }, id: this.name, type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }), this.iconEnd && h("span", { key: '49aaa72cd3512ffd5efc543921ef6c4fadc62e61', class: "icon-end" }, this.iconEnd)), !this.hideDescription && (h("div", { key: '5d19624840df8a25ee1e975680b279271015c2b9', class: "le-input-description" }, h("le-slot", { key: '32bd340c8ad780d684470d8bb62bb561c29ddfc0', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '72fd752c60411b60b6a3f7394d48db2c45e2126b', name: "description" })))))));
107
107
  }
108
108
  static get style() { return leStringInputCss(); }
109
109
  }, [769, "le-string-input", {
@@ -514,7 +514,7 @@ const LeSlot = /*@__PURE__*/ proxyCustomElement(class LeSlot extends HTMLElement
514
514
  render() {
515
515
  const displayLabel = this.label || this.name;
516
516
  // Always render the same structure, CSS handles visibility via .admin-mode class
517
- return (h(Host, { key: '938f14c8d8e46d834031cbfab6756a55bc59307d', class: {
517
+ return (h(Host, { key: '2ec5bf87657767e9f173e3a54f6574314d1b9a5c', class: {
518
518
  'admin-mode': this.adminMode,
519
519
  'invalid-html': !this.isValidHtml,
520
520
  }, role: this.adminMode ? 'region' : undefined, "aria-label": this.adminMode ? `Slot: ${displayLabel}` : undefined, "data-slot-name": this.name, "data-slot-type": this.type, "data-allowed": this.allowedComponents, "data-multiple": this.multiple, "data-required": this.required }, this.adminMode ? (h("div", { class: "le-slot-container" }, h("div", { class: classnames('le-slot-header', {
@@ -801,13 +801,13 @@ const LeSelect = /*@__PURE__*/ proxyCustomElement(class LeSelect extends HTMLEle
801
801
  }
802
802
  render() {
803
803
  const hasValue = this.selectedOption !== undefined;
804
- return (h("le-component", { key: 'f41bf4f086925b6b37a0131a51e4f7e354797ed5', component: "le-select" }, h("le-dropdown-base", { key: '08db701f6b1f7e2c428ea0cc9ee4046c22759757', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose, fullWidth: this.fullWidth }, h("le-button", { key: 'f994667c5360905a9e6340f0f0331bea55523418', variant: this.variant && this.variant !== 'default' ? this.variant : 'outlined', slot: "trigger", align: "space-between", class: {
804
+ return (h("le-component", { key: 'a0ca432db47f107068c4e042879e3d4dd414d06e', component: "le-select" }, h("le-dropdown-base", { key: '66f09301db0dcfada04db5e1ab29816e8f8d3b4d', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose, fullWidth: this.fullWidth }, h("le-button", { key: '7fd27c00d95a170074790ffdc717642d8461a2c6', variant: this.variant && this.variant !== 'default' ? this.variant : 'outlined', slot: "trigger", align: "space-between", class: {
805
805
  'select-trigger': true,
806
806
  'has-value': hasValue,
807
807
  'is-open': this.open,
808
808
  }, mode: "default", size: this.size, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown, fullWidth: this.fullWidth, iconStart: hasValue && this.selectedOption?.iconStart
809
809
  ? this.renderIcon(this.selectedOption.iconStart)
810
- : null, iconEnd: h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { d: "M4 6l4 4 4-4" })) }, h("span", { key: 'c807e00d21193e558dcf1b601c4aa5f78144fd14', class: "trigger-label" }, hasValue ? this.selectedOption.label : this.placeholder)), this.searchable && this.open && (h("div", { key: 'c285d28f7b0093580484b8d077c4f2ddd014aa2e', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '1dd31e5840a29e3a7e181c80182c20ea5ca28bcb', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name && h("input", { key: '0acb27fafae47b56808e1b1ee20e45c7cb0cfa3e', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
810
+ : null, iconEnd: h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { d: "M4 6l4 4 4-4" })) }, h("span", { key: '6fca1cffb7daf5884b39d229d34062b3cdba9e08', class: "trigger-label" }, hasValue ? this.selectedOption.label : this.placeholder)), this.searchable && this.open && (h("div", { key: 'c81b509a8c60ce714ad690afa4a4f216e5202179', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: 'ff765da2ab677ece47247c9814d0ca1c33c8e755', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name && h("input", { key: '7ed21492c742b5c48fe9eb42d9a3ac8cbfc42262', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
811
811
  }
812
812
  static get watchers() { return {
813
813
  "value": ["handleValueChange"],
@@ -1544,7 +1544,7 @@ const LeCheckbox = /*@__PURE__*/ proxyCustomElement(class LeCheckbox extends HTM
1544
1544
  });
1545
1545
  };
1546
1546
  render() {
1547
- return (h("le-component", { key: '43399929e07835e0019d509803e50a151921fa72', component: "le-checkbox", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '7ddbf2ac1690bb09082adfea70b9767c972d007a', class: "le-checkbox-wrapper" }, h("label", { key: '8eec4055c713e8b3b155695751b10bff64c9f903', class: "le-checkbox-label" }, h("span", { key: '2118b1cbe7911ff1674e522d723949d81cade185', class: "le-checkbox-input" }, h("input", { key: 'd0a30af5c14497fa6fa294c07ba74ae2e032481f', type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange })), h("span", { key: '02cf9588431240039a53ee50e02b08ba5d63b974', class: "le-checkbox-text" }, h("le-slot", { key: 'e7d7b253deab72e627164eb72fc06109abfca6a5', name: "", type: "text", tag: "span" }, h("slot", { key: '1d8c443073e48848513a8a6d04cd7805a394e54e' })))), h("div", { key: '16c2c927dc0c0f7844a203a0628bf0e561009bd0', class: "le-checkbox-description" }, h("le-slot", { key: 'c6898ecc8992dce4786e68ab4b136bf5c3a4d3aa', name: "description", type: "text", tag: "div", label: "Description" }, h("slot", { key: '3342add8ed1400ab74681e445163eeb3dd415941', name: "description" }))))));
1547
+ return (h("le-component", { key: '15e49aa77c2d904b1610f68802428e9dd86b3631', component: "le-checkbox", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '50691376a207f004112820742df46ef9ff8016e0', class: "le-checkbox-wrapper" }, h("label", { key: '339a209a9a649ff491dd1867e617f71e4bca7365', class: "le-checkbox-label" }, h("span", { key: '1086e8989abe5a23ac01bd2323a8ae2454c4acb6', class: "le-checkbox-input" }, h("input", { key: '90126054fb3aa8ed58d043694275cac416d06578', type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange })), h("span", { key: '8b47592103fbd4f7e3b7b1b01f27d42bf6dccbc7', class: "le-checkbox-text" }, h("le-slot", { key: 'c5f5aaff0b69bcf7d993ea84181a63d30b794774', name: "", type: "text", tag: "span" }, h("slot", { key: 'bc615ec211b6db8f5f22760ae5298560384a1b84' })))), h("div", { key: '0c6037f4d7948b262beb4a5b969018fb6b0cad4a', class: "le-checkbox-description" }, h("le-slot", { key: '17631ed776592063601dd37052f43d7e4732af21', name: "description", type: "text", tag: "div", label: "Description" }, h("slot", { key: '13a3138cd0101fc1f9175a89ed933a2f2d4df79f', name: "description" }))))));
1548
1548
  }
1549
1549
  static get style() { return leCheckboxCss(); }
1550
1550
  }, [769, "le-checkbox", {
@@ -1611,7 +1611,7 @@ function defineCustomElement$1() {
1611
1611
  const leButtonCss = () => `:host{display:inline-block;--le-button-border-radius:var(--le-radius-md);--le-button-padding-x:var(--le-spacing-3);--le-button-padding-y:var(--le-spacing-1);--le-button-padding:var(--le-button-padding-y) var(--le-button-padding-x);--le-button-small-padding:0.25rem;--le-button-font-size:var(--le-font-size-md);--le-button-font-weight:var(--le-font-weight-medium);--le-button-transition:var(--le-transition-fast);--le-transition-easing:ease-in-out;--le-button-icon-aspect-ratio:1;--le-button-color:var(--le-color-primary-contrast);--_btn-bg:var(--le-color-primary);--_btn-bg-hover:var(--le-color-primary-dark);--_btn-bg-system:var(--le-color-black);--_btn-color:var(--le-button-color);--_btn-border-color:var(--le-color-primary)}:host([full-width]){display:block;width:100%}.le-button-container{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--le-spacing-3);width:100%;padding:var(--le-button-padding);border:1px solid var(--_btn-border-color);border-radius:var(--le-button-border-radius);background:var(--_btn-bg);color:var(--_btn-color);font-family:var(--le-font-family-base);font-size:var(--le-button-font-size);font-weight:var(--le-button-font-weight);line-height:var(--le-line-height-tight);text-decoration:none;cursor:pointer;transition:background-color var(--le-button-transition) var(--le-transition-easing),
1612
1612
  border-color var(--le-button-transition) var(--le-transition-easing),
1613
1613
  box-shadow var(--le-button-transition) var(--le-transition-easing),
1614
- transform var(--le-button-transition) var(--le-transition-easing)}.le-button-container:hover:not(:disabled){background:var(--_btn-bg-hover);border-color:var(--_btn-bg-hover)}.le-button-container:active:not(:disabled){box-shadow:inset 0 0 6px var(--le-color-shadow)}.le-button-container:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.le-button-container:disabled{opacity:0.5;cursor:not-allowed}.le-button-label{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--le-spacing-2)}:host>le-component.color-primary{--_btn-bg:var(--le-color-primary);--_btn-bg-hover:var(--le-color-primary-dark);--_btn-color:var(--le-button-color);--_btn-border-color:var(--le-color-primary)}:host>le-component.color-secondary{--_btn-bg:var(--le-color-secondary);--_btn-bg-hover:var(--le-color-secondary-dark);--_btn-color:var(--le-color-secondary-contrast);--_btn-border-color:var(--le-color-secondary)}:host>le-component.color-success{--_btn-bg:var(--le-color-success);--_btn-bg-hover:var(--le-color-success-dark);--_btn-color:var(--le-color-success-contrast);--_btn-border-color:var(--le-color-success)}:host>le-component.color-warning{--_btn-bg:var(--le-color-warning);--_btn-bg-hover:var(--le-color-warning-dark);--_btn-color:var(--le-color-warning-contrast);--_btn-border-color:var(--le-color-warning)}:host>le-component.color-danger{--_btn-bg:var(--le-color-danger);--_btn-bg-hover:var(--le-color-danger-dark);--_btn-color:var(--le-color-danger-contrast);--_btn-border-color:var(--le-color-danger)}:host>le-component.color-info{--_btn-bg:var(--le-color-info);--_btn-bg-hover:var(--le-color-info-dark);--_btn-color:var(--le-color-info-contrast);--_btn-border-color:var(--le-color-info)}:host>le-component.variant-solid .le-button-container{box-shadow:var(--le-shadow-sm)}:host>le-component.variant-solid .le-button-container:hover:not(:disabled){box-shadow:var(--le-shadow-md)}:host>le-component.variant-outlined .le-button-container{background:transparent;color:var(--_btn-bg);border-color:color-mix(in srgb, var(--_btn-border-color) 33%, transparent)}:host>le-component.variant-outlined .le-button-container:hover:not(:disabled){border-color:var(--_btn-border-color)}:host>le-component.variant-clear .le-button-container{background:transparent;color:var(--_btn-bg);border-color:transparent}:host>le-component.variant-clear .le-button-container:hover:not(:disabled){background:var(--le-color-gray-100);border-color:transparent}:host>le-component.variant-system .le-button-container{background:transparent;color:var(--_btn-bg-system);border-color:transparent}:host>le-component.size-small .le-button-container{--le-button-padding-x:0.4rem;--le-button-padding-y:0.3rem;--le-button-padding-top:0.35rem;--le-button-font-size:var(--le-button-small-font-size, var(--le-font-size-xs))}:host>le-component.size-large .le-button-container{--le-button-padding-x:0.9rem;--le-button-padding-y:0.6rem;--le-button-font-size:var(--le-font-size-xl)}:host>le-component.full-width{display:block;width:100%}:host>le-component.selected .le-button-container{box-shadow:inset 0 0 4px var(--le-color-shadow)}:host>le-component.variant-outlined.selected .le-button-container,:host>le-component.variant-clear.selected .le-button-container{background:var(--_btn-bg);color:var(--_btn-color)}:host>le-component.icon-only .le-button-container{padding:0.5rem;padding-bottom:0.6rem;aspect-ratio:var(--le-button-icon-aspect-ratio, 1)}:host>le-component.icon-only.size-small .le-button-container{padding:var(--le-button-small-padding, 0.25rem)}:host>le-component.icon-only.size-large .le-button-container{padding:0.75rem}:host>le-component.icon-only .content{display:none}.content{display:inline}.content:empty{display:none}.icon-start,.icon-only,.icon-end{display:flex;align-items:center;justify-content:center}.icon-start:empty,.icon-only:empty,.icon-end:empty{display:none}::slotted([slot="icon-start"]),::slotted([slot="icon-only"]),::slotted([slot="icon-end"]){display:flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.le-button-align-start{justify-content:flex-start}.le-button-align-center{justify-content:center}.le-button-align-space-between{justify-content:space-between}.le-button-align-end{justify-content:flex-end}`;
1614
+ transform var(--le-button-transition) var(--le-transition-easing)}.le-button-container:hover:not(:disabled){background:var(--_btn-bg-hover);border-color:var(--_btn-bg-hover)}.le-button-container:active:not(:disabled){box-shadow:inset 0 0 5px color-mix(in srgb, var(--_btn-bg) 50%, transparent)}.le-button-container:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.le-button-container:disabled{opacity:0.5;cursor:not-allowed}.le-button-label{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--le-spacing-2)}:host(.color-primary){--_btn-bg:var(--le-color-primary);--_btn-bg-hover:var(--le-color-primary-dark);--_btn-color:var(--le-button-color);--_btn-border-color:var(--le-color-primary)}:host(.color-secondary){--_btn-bg:var(--le-color-secondary);--_btn-bg-hover:var(--le-color-secondary-dark);--_btn-color:var(--le-color-secondary-contrast);--_btn-border-color:var(--le-color-secondary)}:host(.color-success){--_btn-bg:var(--le-color-success);--_btn-bg-hover:var(--le-color-success-dark);--_btn-color:var(--le-color-success-contrast);--_btn-border-color:var(--le-color-success)}:host(.color-warning){--_btn-bg:var(--le-color-warning);--_btn-bg-hover:var(--le-color-warning-dark);--_btn-color:var(--le-color-warning-contrast);--_btn-border-color:var(--le-color-warning)}:host(.color-danger){--_btn-bg:var(--le-color-danger);--_btn-bg-hover:var(--le-color-danger-dark);--_btn-color:var(--le-color-danger-contrast);--_btn-border-color:var(--le-color-danger)}:host(.color-info){--_btn-bg:var(--le-color-info);--_btn-bg-hover:var(--le-color-info-dark);--_btn-color:var(--le-color-info-contrast);--_btn-border-color:var(--le-color-info)}:host(.variant-solid) .le-button-container{box-shadow:var(--le-shadow-sm)}:host(.variant-solid) .le-button-container:hover:not(:disabled){box-shadow:var(--le-shadow-md)}:host(.variant-outlined) .le-button-container{background:transparent;color:var(--_btn-bg);border-color:color-mix(in srgb, var(--_btn-border-color) 33%, transparent)}:host(.variant-outlined) .le-button-container:hover:not(:disabled){border-color:var(--_btn-border-color)}:host(.variant-clear) .le-button-container{background:transparent;color:var(--_btn-bg);border-color:transparent}:host(.variant-clear) .le-button-container:hover:not(:disabled){background:var(--le-color-gray-100);border-color:transparent}:host(.variant-system) .le-button-container{background:transparent;color:var(--_btn-bg-system);border-color:transparent}:host(.size-small){--le-button-padding-x:0.4rem;--le-button-padding-y:0.3rem;--le-button-padding-top:0.35rem;--le-button-font-size:var(--le-button-small-font-size, var(--le-font-size-xs))}:host(.size-large){--le-button-padding-x:0.9rem;--le-button-padding-y:0.6rem;--le-button-font-size:var(--le-font-size-xl)}:host(.full-width){display:block;width:100%}:host(.selected) .le-button-container{box-shadow:inset 0 0 4px var(--le-color-shadow)}:host(.variant-outlined.selected) .le-button-container,:host(.variant-clear.selected) .le-button-container{background:var(--_btn-bg);color:var(--_btn-color)}:host(.icon-only) .le-button-container{padding:0.5rem;padding-bottom:0.6rem;aspect-ratio:var(--le-button-icon-aspect-ratio, 1)}:host(.icon-only.size-small) .le-button-container{padding:var(--le-button-small-padding, 0.25rem)}:host(.icon-only.size-large) .le-button-container{padding:0.75rem}:host(.icon-only) .content{display:none}.content{display:inline}.content:empty{display:none}.icon-start,.icon-only,.icon-end{display:flex;align-items:center;justify-content:center}.icon-start:empty,.icon-only:empty,.icon-end:empty{display:none}::slotted([slot="icon-start"]),::slotted([slot="icon-only"]),::slotted([slot="icon-end"]){display:flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.le-button-align-start{justify-content:flex-start}.le-button-align-center{justify-content:center}.le-button-align-space-between{justify-content:space-between}.le-button-align-end{justify-content:flex-end}`;
1615
1615
 
1616
1616
  const LeButton = /*@__PURE__*/ proxyCustomElement(class LeButton extends HTMLElement {
1617
1617
  constructor(registerHost) {
@@ -1711,7 +1711,7 @@ const LeButton = /*@__PURE__*/ proxyCustomElement(class LeButton extends HTMLEle
1711
1711
  const attrs = this.href
1712
1712
  ? { href: this.href, target: this.target, role: 'button' }
1713
1713
  : { type: this.type, disabled: this.disabled };
1714
- return (h("le-component", { key: 'e66d4daa2e124540b12eb93e219dea224b38a5ba', component: "le-button", hostClass: classes }, h(TagType, { key: 'b230e6338727d68a41170e4c0d5043ab10434586', class: classnames('le-button-container', `le-button-align-${this.align}`), part: "button", ...attrs, onClick: this.handleClick }, this.iconOnly !== undefined ? (h("slot", { name: "icon-only" }, typeof this.iconOnly === 'string' ? this.iconOnly : null)) : (h(Fragment, null, h("span", { class: "le-button-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Button text", type: "text", class: "content", part: "content" }, h("slot", null))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd)))))));
1714
+ return (h(Host, { key: 'bc9515b65357611b9a29f8c4f89edfdfb1535bf0', class: classes }, h("le-component", { key: 'bb5367d16d781e6af44f709d5f132faa3b0fc88e', component: "le-button" }, h(TagType, { key: '09118bccd54456ee8dadaaff92d9fedfa91831ec', class: classnames('le-button-container', `le-button-align-${this.align}`), part: "button", ...attrs, onClick: this.handleClick }, this.iconOnly !== undefined ? (h("slot", { name: "icon-only" }, typeof this.iconOnly === 'string' ? this.iconOnly : null)) : (h(Fragment, null, h("span", { class: "le-button-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Button text", type: "text", class: "content", part: "content" }, h("slot", null))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
1715
1715
  }
1716
1716
  static get style() { return leButtonCss(); }
1717
1717
  }, [769, "le-button", {