le-kit 0.2.4 → 0.2.6

package/dist/cjs/le-combobox.cjs.entry.js

@@ -224,7 +224,7 @@ const LeCombobox = class {
     }
     render() {
         const hasValue = this.inputValue.length > 0;
-        return (index.h("le-component", { key: '5d1aae34a01c8e9d4744dee3921ad07733961158', component: "le-combobox" }, index.h("le-dropdown-base", { key: '449d64f2b8744828709c32051d4c6528621e7c4d', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, index.h("div", { key: '5d4c616f2c55fba8ca5836a27af445123ef0755d', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, index.h("le-string-input", { key: '70f876a2a8842ce3fd20994e11501bc7766e6570', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (index.h("button", { key: 'ca5e8bdd951650f63c2284bf4d4634964462838c', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, index.h("svg", { key: '49b3e50b68a9c5f8a6c0708a43a60be559f6cdd8', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '33b347862ce2321bcc38823a3b25774f06e625f3', d: "M4 4l8 8M12 4l-8 8" })))), index.h("span", { key: 'aa4080873acd15706757f33c032ad4c0caa03f01', class: "combobox-arrow" }, index.h("svg", { key: '86782ee6405d553baecac64d6a780a79dd5deda0', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '93cc4e3a3898c7f9b4149c2bd54934f7d9d4519b', d: "M4 6l4 4 4-4" }))))), this.name && index.h("input", { key: 'b0766761f5e8f48428af5e1a360cb2a51a9bf316', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
+        return (index.h("le-component", { key: 'f65aad2f17c8b15b08ea6719cc481a37cc68a081', component: "le-combobox" }, index.h("le-dropdown-base", { key: 'a1b518b8acd649bf1061e403d89f95ebc5d2e366', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, index.h("div", { key: '47339300365dca2c59e1d26fcae4faeef747ab18', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, index.h("le-string-input", { key: 'e3842d3ea970a14405fd555fd8d8f4e9dbd14e80', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (index.h("button", { key: '81caabc48183e8e93f84cd5a063a4d83edbfe87d', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, index.h("svg", { key: '02bc4d15d122119c3910b3bd03db76cd8a30b783', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'de0053be0eef471d35478a1c10a4408250a44dbf', d: "M4 4l8 8M12 4l-8 8" })))), index.h("span", { key: '72ea5b8bda38a8c08fff1763457dcf2377787c44', class: "combobox-arrow" }, index.h("svg", { key: 'c0f66766a7893978e142e63adec3863e792b6554', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'd6287e5dede972620a6f90632462dd7d495bf927', d: "M4 6l4 4 4-4" }))))), this.name && index.h("input", { key: 'fed8a8936750fafe7b58912954099da20a506907', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
     }
     static get watchers() { return {
         "value": ["handleValueChange"],

package/dist/cjs/le-header-placeholder.cjs.entry.js

@@ -7,7 +7,7 @@ const LeHeaderPlaceholder = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '53a4cd451e1b53a4be3b6b20c82e12f53a982a17', "aria-hidden": "true", style: {
+        return (index.h(index.Host, { key: '7246b0391351a1b40e76b833b83f057a7a11d6eb', "aria-hidden": "true", style: {
                 display: 'block',
                 height: 'var(--le-header-height, 64px)',
             } }));

package/dist/cjs/le-icon.cjs.entry.js

@@ -97,7 +97,7 @@ const LeIcon = class {
         return svgElements;
     }
     render() {
-        return (index.h("svg", { key: '591fdb4f5bd1a8621886ff16b01e97e3d6b83a84', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
+        return (index.h("svg", { key: 'ef551908a289cd765ae88ded83b99057d510e142', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
     }
     static get assetsDirs() { return ["assets/icons"]; }
     static get watchers() { return {

package/dist/cjs/le-kit.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["le-button_13.cjs",[[769,"le-header",{"isStatic":[516,"static"],"sticky":[516],"fixed":[516],"revealOnScroll":[513,"reveal-on-scroll"],"shrinkOffset":[513,"shrink-offset"],"expandOnHover":[516,"expand-on-hover"],"revealed":[32],"shrunk":[32],"placeholderHeight":[32],"hoverActive":[32]},[[9,"scroll","onWindowScroll"],[9,"resize","onWindowResize"]],{"revealOnScroll":["onBehaviorPropsChange"],"shrinkOffset":["onBehaviorPropsChange"],"fixed":["onBehaviorPropsChange"],"sticky":["onBehaviorPropsChange"],"isStatic":["onBehaviorPropsChange"]}],[769,"le-current-heading",{"selector":[1],"activeText":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"selector":["onSelectorChange"]}],[769,"le-scroll-progress",{"trackScrollProgress":[513,"track-scroll-progress"],"progress":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"trackScrollProgress":["onTrackChange"]}],[769,"le-collapse",{"closed":[1540],"scrollDown":[516,"scroll-down"],"noFading":[516,"no-fading"],"collapseOnHeaderShrink":[516,"collapse-on-header-shrink"],"headerShrunk":[32]},[[8,"leHeaderShrinkChange","handleHeaderShrink"]],{"open":["onOpenChange"],"headerShrunk":["onDrivenStateChange"]}],[769,"le-dropdown-base",{"options":[16],"value":[8],"multiple":[4],"open":[1540],"disabled":[516],"filterFn":[16],"filterQuery":[1,"filter-query"],"emptyText":[1,"empty-text"],"showCheckboxes":[4,"show-checkboxes"],"maxHeight":[1,"max-height"],"width":[1],"fullWidth":[4,"full-width"],"closeOnClickOutside":[4,"close-on-click-outside"],"focusedIndex":[32],"filteredOptions":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"options":["handleOptionsChange"],"filterQuery":["handleOptionsChange"]}],[769,"le-popup",{"mode":[1537],"open":[1540],"type":[1],"popupTitle":[1,"popup-title"],"message":[1],"modal":[4],"position":[1],"confirmText":[1,"confirm-text"],"cancelText":[1,"cancel-text"],"placeholder":[1],"defaultValue":[1,"default-value"],"closeOnBackdrop":[4,"close-on-backdrop"],"inputValue":[32],"show":[64],"hide":[64]}],[769,"le-button",{"mode":[1537],"variant":[1],"color":[1],"size":[1],"selected":[4],"fullWidth":[516,"full-width"],"iconOnly":[1,"icon-only"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"type":[1],"href":[1],"target":[1],"align":[1]}],[769,"le-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1],"externalId":[1,"external-id"]}],[769,"le-component",{"component":[1],"displayName":[1,"display-name"],"hostClass":[1,"host-class"],"hostStyle":[16],"adminMode":[32],"componentMeta":[32],"propertyValues":[32]}],[769,"le-select",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[4,"full-width"],"size":[513],"variant":[513],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectedOption":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"]}],[769,"le-slot",{"type":[1],"name":[1],"label":[1],"description":[1],"allowedComponents":[1,"allowed-components"],"multiple":[4],"required":[4],"placeholder":[1],"tag":[1],"slotStyle":[1,"slot-style"],"adminMode":[32],"textValue":[32],"isValidHtml":[32],"availableComponents":[32],"pickerOpen":[32]}],[769,"le-string-input",{"inputRef":[16],"mode":[1537],"value":[1537],"name":[1],"type":[1],"label":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"placeholder":[1],"hideDescription":[4,"hide-description"],"disabled":[4],"readonly":[4],"externalId":[1,"external-id"]}],[769,"le-popover",{"mode":[1537],"open":[1540],"position":[1],"align":[1],"popoverTitle":[1,"popover-title"],"showClose":[4,"show-close"],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"offset":[2],"width":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"triggerFullWidth":[4,"trigger-full-width"],"isPositioned":[32],"updatePosition":[64],"show":[64],"hide":[64],"toggle":[64]}]]],["le-navigation.cjs",[[769,"le-navigation",{"items":[1],"orientation":[513],"wrap":[516],"overflowMode":[513,"overflow-mode"],"minVisibleItemsForMore":[2,"min-visible-items-for-more"],"align":[513],"activeUrl":[1,"active-url"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"submenuSearchable":[4,"submenu-searchable"],"searchQuery":[32],"openState":[32],"overflowIds":[32],"hamburgerActive":[32],"fallbackHamburger":[32],"submenuQueries":[32]},null,{"items":["handleLayoutInputsChange"],"orientation":["handleLayoutInputsChange"],"wrap":["handleLayoutInputsChange"],"overflowMode":["handleLayoutInputsChange"]}]]],["le-multiselect.cjs",[[769,"le-multiselect",{"options":[1],"value":[1040],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"maxSelections":[2,"max-selections"],"showSelectAll":[1032,"show-select-all"],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectAllLabel":[32],"deselectAllLabel":[32],"selectedOptions":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64],"clearSelection":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"],"showSelectAll":["handleShowSelectAllChange"]}]]],["le-segmented-control.cjs",[[769,"le-segmented-control",{"options":[16],"value":[1032],"size":[1],"overflow":[1],"fullWidth":[4,"full-width"],"disabled":[4],"segmentConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"options":["tabsChanged"]}]]],["le-tab-bar.cjs",[[769,"le-tab-bar",{"tabs":[16],"selected":[1032],"fullWidth":[4,"full-width"],"showLabels":[4,"show-labels"],"position":[1],"size":[1],"bordered":[4],"tabConfigs":[32],"isDeclarativeMode":[32],"focusedIndex":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-tabs.cjs",[[769,"le-tabs",{"tabs":[16],"selected":[1032],"orientation":[1],"position":[1],"variant":[1],"fullWidth":[4,"full-width"],"size":[1],"wrap":[4],"overflow":[1],"tabConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-box.cjs",[[769,"le-box",{"grow":[2],"shrink":[2],"basis":[1],"width":[1],"height":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"minHeight":[1,"min-height"],"maxHeight":[1,"max-height"],"background":[1],"borderRadius":[1,"border-radius"],"border":[1],"alignSelf":[1,"align-self"],"alignContent":[1,"align-content"],"justifyContent":[1,"justify-content"],"padding":[1],"order":[2],"displayFlex":[4,"display-flex"],"innerDirection":[1,"inner-direction"],"innerGap":[1,"inner-gap"]}]]],["le-card.cjs",[[769,"le-card",{"variant":[1],"interactive":[4]}]]],["le-combobox.cjs",[[769,"le-combobox",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"allowCustom":[4,"allow-custom"],"minSearchLength":[2,"min-search-length"],"emptyText":[1,"empty-text"],"open":[1540],"inputValue":[32],"selectedOption":[32],"showDropdown":[64],"hideDropdown":[64],"focusInput":[64]},[[8,"click","handleWindowClick"]],{"value":["handleValueChange"],"options":["handleOptionsChange"]}]]],["le-number-input.cjs",[[769,"le-number-input",{"value":[1538],"name":[1],"label":[1],"placeholder":[1],"min":[2],"max":[2],"step":[2],"required":[4],"disabled":[4],"readonly":[4],"iconStart":[1,"icon-start"],"showSpinners":[4,"show-spinners"],"externalId":[1,"external-id"],"isValid":[32],"validationMessage":[32]},null,{"value":["valueChanged"]}]]],["le-stack.cjs",[[769,"le-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4],"alignContent":[1,"align-content"],"reverse":[4],"maxItems":[2,"max-items"],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"padding":[1]}]]],["le-tab-panel.cjs",[[769,"le-tab-panel",{"label":[1],"value":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"lazy":[4],"active":[32],"hasBeenActive":[32],"getValue":[64],"getTabConfig":[64],"setActive":[64]},null,{"active":["activeChanged"]}]]],["le-text.cjs",[[769,"le-text",{"variant":[1537],"align":[513],"color":[1],"truncate":[4],"maxLines":[2,"max-lines"],"adminMode":[32],"content":[32],"isFocused":[32],"selectionState":[32]},null,{"variant":["onVariantChange"]}]]],["le-header-placeholder.cjs",[[256,"le-header-placeholder"]]],["le-round-progress.cjs",[[769,"le-round-progress",{"value":[2],"padding":[2],"paths":[1],"params":[32]},null,{"value":["updateValue"],"padding":["updatePadding"],"paths":["updateProgressBackgrounds"]}]]],["le-turntable.cjs",[[769,"le-turntable",{"center":[1],"value":[2]},[[9,"mousemove","handleMouseMove"],[9,"mouseup","handleMouseUp"],[9,"resize","handleWindowResize"]],{"value":["updateValue"]}]]],["le-tag.cjs",[[769,"le-tag",{"label":[1],"mode":[1537],"icon":[1],"dismissible":[4],"disabled":[516],"size":[513],"variant":[513]}]]],["le-icon.cjs",[[769,"le-icon",{"name":[1],"size":[2],"iconData":[32],"visible":[32]},null,{"name":["loadIconData"]}]]],["le-tab.cjs",[[769,"le-tab",{"mode":[1537],"label":[1],"value":[1],"variant":[1],"position":[1],"size":[1],"focusable":[4],"selected":[4],"fullWidth":[516,"full-width"],"icon":[1],"showLabel":[4,"show-label"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"href":[1],"target":[1],"align":[1],"getTabConfig":[64]}]]]], options);
+  return index.bootstrapLazy([["le-button_13.cjs",[[769,"le-header",{"isStatic":[516,"static"],"sticky":[516],"fixed":[516],"revealOnScroll":[513,"reveal-on-scroll"],"shrinkOffset":[513,"shrink-offset"],"expandOnHover":[516,"expand-on-hover"],"revealed":[32],"shrunk":[32],"placeholderHeight":[32],"hoverActive":[32]},[[9,"scroll","onWindowScroll"],[9,"resize","onWindowResize"]],{"revealOnScroll":["onBehaviorPropsChange"],"shrinkOffset":["onBehaviorPropsChange"],"fixed":["onBehaviorPropsChange"],"sticky":["onBehaviorPropsChange"],"isStatic":["onBehaviorPropsChange"]}],[769,"le-current-heading",{"selector":[1],"activeText":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"selector":["onSelectorChange"]}],[769,"le-scroll-progress",{"trackScrollProgress":[513,"track-scroll-progress"],"progress":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"trackScrollProgress":["onTrackChange"]}],[769,"le-collapse",{"closed":[1540],"scrollDown":[516,"scroll-down"],"noFading":[516,"no-fading"],"collapseOnHeaderShrink":[516,"collapse-on-header-shrink"],"headerShrunk":[32]},[[8,"leHeaderShrinkChange","handleHeaderShrink"]],{"open":["onOpenChange"],"headerShrunk":["onDrivenStateChange"]}],[769,"le-dropdown-base",{"options":[16],"value":[8],"multiple":[4],"open":[1540],"disabled":[516],"filterFn":[16],"filterQuery":[1,"filter-query"],"emptyText":[1,"empty-text"],"showCheckboxes":[4,"show-checkboxes"],"maxHeight":[1,"max-height"],"width":[1],"fullWidth":[4,"full-width"],"closeOnClickOutside":[4,"close-on-click-outside"],"focusedIndex":[32],"filteredOptions":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"options":["handleOptionsChange"],"filterQuery":["handleOptionsChange"]}],[769,"le-popup",{"mode":[1537],"open":[1540],"type":[1],"popupTitle":[1,"popup-title"],"message":[1],"modal":[4],"position":[1],"confirmText":[1,"confirm-text"],"cancelText":[1,"cancel-text"],"placeholder":[1],"defaultValue":[1,"default-value"],"closeOnBackdrop":[4,"close-on-backdrop"],"inputValue":[32],"show":[64],"hide":[64]}],[769,"le-button",{"mode":[1537],"variant":[1],"color":[1],"size":[1],"selected":[4],"fullWidth":[516,"full-width"],"iconOnly":[1,"icon-only"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"type":[1],"href":[1],"target":[1],"align":[1]}],[769,"le-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1],"externalId":[1,"external-id"]}],[769,"le-component",{"component":[1],"displayName":[1,"display-name"],"hostClass":[1,"host-class"],"hostStyle":[16],"adminMode":[32],"componentMeta":[32],"propertyValues":[32]}],[769,"le-select",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[4,"full-width"],"size":[513],"variant":[513],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectedOption":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"]}],[769,"le-slot",{"type":[1],"name":[1],"label":[1],"description":[1],"allowedComponents":[1,"allowed-components"],"multiple":[4],"required":[4],"placeholder":[1],"tag":[1],"slotStyle":[1,"slot-style"],"adminMode":[32],"textValue":[32],"isValidHtml":[32],"availableComponents":[32],"pickerOpen":[32]}],[769,"le-string-input",{"inputRef":[16],"mode":[1537],"value":[1537],"name":[1],"type":[1],"label":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"placeholder":[1],"hideDescription":[4,"hide-description"],"disabled":[4],"readonly":[4],"externalId":[1,"external-id"]}],[769,"le-popover",{"mode":[1537],"open":[1540],"position":[1],"align":[1],"popoverTitle":[1,"popover-title"],"showClose":[4,"show-close"],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"offset":[2],"width":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"triggerFullWidth":[4,"trigger-full-width"],"isPositioned":[32],"updatePosition":[64],"show":[64],"hide":[64],"toggle":[64]}]]],["le-navigation.cjs",[[769,"le-navigation",{"items":[1],"orientation":[513],"wrap":[516],"overflowMode":[513,"overflow-mode"],"minVisibleItemsForMore":[2,"min-visible-items-for-more"],"align":[513],"activeUrl":[1,"active-url"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"submenuSearchable":[4,"submenu-searchable"],"searchQuery":[32],"openState":[32],"overflowIds":[32],"hamburgerActive":[32],"submenuQueries":[32],"overflowPopoverOpen":[32]},null,{"items":["handleLayoutInputsChange"],"orientation":["handleLayoutInputsChange"],"wrap":["handleLayoutInputsChange"],"overflowMode":["handleLayoutInputsChange"]}]]],["le-multiselect.cjs",[[769,"le-multiselect",{"options":[1],"value":[1040],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"maxSelections":[2,"max-selections"],"showSelectAll":[1032,"show-select-all"],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectAllLabel":[32],"deselectAllLabel":[32],"selectedOptions":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64],"clearSelection":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"],"showSelectAll":["handleShowSelectAllChange"]}]]],["le-segmented-control.cjs",[[769,"le-segmented-control",{"options":[16],"value":[1032],"size":[1],"overflow":[1],"fullWidth":[4,"full-width"],"disabled":[4],"segmentConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"options":["tabsChanged"]}]]],["le-tab-bar.cjs",[[769,"le-tab-bar",{"tabs":[16],"selected":[1032],"fullWidth":[4,"full-width"],"showLabels":[4,"show-labels"],"position":[1],"size":[1],"bordered":[4],"tabConfigs":[32],"isDeclarativeMode":[32],"focusedIndex":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-tabs.cjs",[[769,"le-tabs",{"tabs":[16],"selected":[1032],"orientation":[1],"position":[1],"variant":[1],"fullWidth":[4,"full-width"],"size":[1],"wrap":[4],"overflow":[1],"tabConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-box.cjs",[[769,"le-box",{"grow":[2],"shrink":[2],"basis":[1],"width":[1],"height":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"minHeight":[1,"min-height"],"maxHeight":[1,"max-height"],"background":[1],"borderRadius":[1,"border-radius"],"border":[1],"alignSelf":[1,"align-self"],"alignContent":[1,"align-content"],"justifyContent":[1,"justify-content"],"padding":[1],"order":[2],"displayFlex":[4,"display-flex"],"innerDirection":[1,"inner-direction"],"innerGap":[1,"inner-gap"]}]]],["le-card.cjs",[[769,"le-card",{"variant":[1],"interactive":[4]}]]],["le-combobox.cjs",[[769,"le-combobox",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"allowCustom":[4,"allow-custom"],"minSearchLength":[2,"min-search-length"],"emptyText":[1,"empty-text"],"open":[1540],"inputValue":[32],"selectedOption":[32],"showDropdown":[64],"hideDropdown":[64],"focusInput":[64]},[[8,"click","handleWindowClick"]],{"value":["handleValueChange"],"options":["handleOptionsChange"]}]]],["le-number-input.cjs",[[769,"le-number-input",{"value":[1538],"name":[1],"label":[1],"placeholder":[1],"min":[2],"max":[2],"step":[2],"required":[4],"disabled":[4],"readonly":[4],"iconStart":[1,"icon-start"],"showSpinners":[4,"show-spinners"],"externalId":[1,"external-id"],"isValid":[32],"validationMessage":[32]},null,{"value":["valueChanged"]}]]],["le-stack.cjs",[[769,"le-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4],"alignContent":[1,"align-content"],"reverse":[4],"maxItems":[2,"max-items"],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"padding":[1]}]]],["le-tab-panel.cjs",[[769,"le-tab-panel",{"label":[1],"value":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"lazy":[4],"active":[32],"hasBeenActive":[32],"getValue":[64],"getTabConfig":[64],"setActive":[64]},null,{"active":["activeChanged"]}]]],["le-text.cjs",[[769,"le-text",{"variant":[1537],"align":[513],"color":[1],"truncate":[4],"maxLines":[2,"max-lines"],"adminMode":[32],"content":[32],"isFocused":[32],"selectionState":[32]},null,{"variant":["onVariantChange"]}]]],["le-header-placeholder.cjs",[[256,"le-header-placeholder"]]],["le-round-progress.cjs",[[769,"le-round-progress",{"value":[2],"padding":[2],"paths":[1],"params":[32]},null,{"value":["updateValue"],"padding":["updatePadding"],"paths":["updateProgressBackgrounds"]}]]],["le-turntable.cjs",[[769,"le-turntable",{"center":[1],"value":[2]},[[9,"mousemove","handleMouseMove"],[9,"mouseup","handleMouseUp"],[9,"resize","handleWindowResize"]],{"value":["updateValue"]}]]],["le-tag.cjs",[[769,"le-tag",{"label":[1],"mode":[1537],"icon":[1],"dismissible":[4],"disabled":[516],"size":[513],"variant":[513]}]]],["le-icon.cjs",[[769,"le-icon",{"name":[1],"size":[2],"iconData":[32],"visible":[32]},null,{"name":["loadIconData"]}]]],["le-bar.cjs",[[769,"le-bar",{"overflow":[513],"alignItems":[513,"align-items"],"arrows":[4],"disablePopover":[4,"disable-popover"],"showAllMenu":[8,"show-all-menu"],"popoverOpen":[32],"hamburgerActive":[32],"overflowingIds":[32],"canScrollStart":[32],"canScrollEnd":[32],"allMenuOpen":[32],"containerHeight":[32],"recalculate":[64]},[[0,"slotchange","handleSlotChange"]],{"overflow":["handleOverflowChange"]}]]],["le-tab.cjs",[[769,"le-tab",{"mode":[1537],"label":[1],"value":[1],"variant":[1],"position":[1],"size":[1],"focusable":[4],"selected":[4],"fullWidth":[516,"full-width"],"icon":[1],"showLabel":[4,"show-label"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"href":[1],"target":[1],"align":[1],"getTabConfig":[64]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/le-multiselect.cjs.entry.js

@@ -286,13 +286,13 @@ const LeMultiselect = class {
     render() {
         const hasSelections = this.selectedOptions.length > 0;
         const atMaxSelections = this.maxSelections && this.value.length >= this.maxSelections;
-        return (index.h("le-component", { key: '6fa8274a23f2cc144150442ca9478d405fa9db59', component: "le-multiselect" }, index.h("le-dropdown-base", { key: 'eccf77b1d40bcc1dbae6d6e73523199dba89c02a', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, index.h("div", { key: '3c665ad3efc5543a9afcb836c8a996030460723a', slot: "trigger", class: {
+        return (index.h("le-component", { key: '3f2d29e466307145bb01d7dd8a5be7674ea72ec8', component: "le-multiselect" }, index.h("le-dropdown-base", { key: 'c551daf51424318394d883c86e1f6ec7499c4703', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, index.h("div", { key: '863e1bc369781fe3ddc0a8bad09e4e651536498e', slot: "trigger", class: {
                 'multiselect-trigger': true,
                 'has-selections': hasSelections,
                 'is-open': this.open,
                 'is-disabled': this.disabled,
-            }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), index.h("div", { key: 'a19d6d1dfa9bfb757874bb4e39f75e3dc8e4f101', class: "multiselect-actions" }, hasSelections && !this.disabled && (index.h("button", { key: 'f639279dd53a1eaff6ff146c57129d598bc55ca5', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, index.h("svg", { key: 'a5458f2d7dae924b7f943df067269beca1d9bfdd', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'c2fd9f943f0496e2c0e0ecbb79e1a16993cb796d', d: "M4 4l8 8M12 4l-8 8" })))), index.h("span", { key: 'bd7fc5ef0af6b937fea089881f3d5fc881219247', class: "multiselect-arrow" }, index.h("svg", { key: '180c1c3b35713fc5de0aade07ef3524dd674cca5', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '48c1e6e3f2c0c20b52d2ba551d2720e5da5f0bed', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (index.h("div", { key: '3b6dbe407a4d33065ff50496c14a71ebd27e71bb', class: "multiselect-search", slot: "header" }, index.h("le-string-input", { key: '35ed3a229b0ca6f4e1f9e8732c94a531af2d7fb3', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
-            this.value.map(val => (index.h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (index.h("span", { key: '214ee34c77755375045fce655129736ff4a1ef0f', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
+            }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), index.h("div", { key: '8fa1afd6495d8054461a30c49ed10eda70d5c219', class: "multiselect-actions" }, hasSelections && !this.disabled && (index.h("button", { key: 'acca7ff73f0e5f50ba8d257c333a15f9de4b7569', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, index.h("svg", { key: '388610e0baa60ad75956ebfc2b2f1edb7cebbb94', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'cc6c0b17360942fd86b43d104f1fa822e67f42a2', d: "M4 4l8 8M12 4l-8 8" })))), index.h("span", { key: '81e7fe95233d439226ab262448e5157b20b8a2d5', class: "multiselect-arrow" }, index.h("svg", { key: 'a748a8c3647e45ab181659bc5061fe181ed50e63', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '319e8960ae71e16cd6aba1fdfae025e7ca7c03d7', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (index.h("div", { key: '57ca976f1ce817a703d401af4fa19ea4fb73c8cc', class: "multiselect-search", slot: "header" }, index.h("le-string-input", { key: '62b7c46edb93df22d6bce871dc948418ac388fb5', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
+            this.value.map(val => (index.h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (index.h("span", { key: 'd213d97108df7093de3fa979f4a082797584e24b', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
     }
     static get watchers() { return {
         "value": ["handleValueChange"],

package/dist/cjs/le-navigation.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-CNRmviSz.js');
 var utils = require('./utils-CZG22_vQ.js');
 
-const leNavigationCss = () => `:host{display:block;--le-nav-radius:var(--le-radius-md);--le-nav-gap:var(--le-spacing-2);--le-nav-item-padding-x:var(--le-spacing-1);--le-nav-item-padding-y:var(--le-spacing-2);--le-nav-item-gap:var(--le-spacing-2);--le-nav-color:var(--le-color-text-primary);--le-nav-muted:var(--le-color-text-secondary);--le-nav-hover-bg:var(--le-color-gray-100);--le-nav-selected-bg:var(--le-color-primary);--le-nav-selected-color:var(--le-color-primary-contrast)}.nav-vertical{display:flex;flex-direction:column;gap:var(--le-nav-gap)}.nav-search{width:100%}.nav-search-input{--le-input-radius:var(--le-radius-md)}.nav-empty{padding:var(--le-spacing-2);color:var(--le-nav-muted);font-size:var(--le-font-size-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--le-spacing-1)}.nav-row{display:flex;align-items:stretch;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.nav-row:hover{background:var(--le-nav-hover-bg)}.nav-toggle,.nav-toggle-spacer{box-sizing:border-box;width:var(--le-spacing-4);min-width:var(--le-spacing-4);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);color:inherit}.nav-toggle{background:transparent;cursor:pointer;opacity:0.4}.nav-toggle:hover:not(:disabled){opacity:1}.nav-toggle:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px;opacity:1}.nav-chevron{display:inline-block;transition:transform var(--le-transition-fast)}.nav-chevron svg{display:block;width:var(--le-spacing-4);height:var(--le-spacing-4)}.nav-node>div>button>.nav-chevron{transform:rotate(-90deg)}.nav-node.open>div>button>.nav-chevron{transform:rotate(0deg)}.nav-item{flex:1;display:inline-flex;align-items:center;gap:var(--le-nav-item-gap);padding:var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);line-height:var(--le-line-height-tight);cursor:pointer}.nav-item:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-node.selected>.nav-row{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.nav-node.selected>.nav-row>.nav-item{color:inherit}.nav-node.disabled>.nav-row>.nav-item{opacity:0.5;cursor:not-allowed}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{color:color-mix(in srgb, var(--le-nav-muted) 90%, transparent);font-size:var(--le-font-size-sm);line-height:var(--le-line-height-tight)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-end{margin-left:auto}.nav-children{margin-top:var(--le-spacing-1)}.nav-horizontal{display:flex;align-items:center;gap:var(--le-spacing-2)}.nav-horizontal.align-end{justify-content:flex-end}.nav-horizontal.align-center{justify-content:center}.nav-horizontal.align-space-between{justify-content:space-between}.nav-horizontal-shell{position:relative}.nav-horizontal-measure{position:absolute;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:var(--le-spacing-2);flex-wrap:wrap}.nav-horizontal.wrap{flex-wrap:wrap}.nav-horizontal.nowrap{flex-wrap:nowrap;overflow:hidden}.h-item{display:flex;align-items:center}.h-link{display:inline-flex;align-items:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);cursor:pointer}.h-link:hover{background:var(--le-nav-hover-bg)}.h-link:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.h-link.disabled,.h-trigger.disabled{opacity:0.5;pointer-events:none}.h-link.selected,.h-trigger.selected{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.h-label{white-space:nowrap}.h-trigger{display:inline-flex;align-items:center;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.h-submenu-toggle{width:var(--le-spacing-3);height:var(--le-spacing-3);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);background:transparent;color:currentColor;cursor:pointer}.h-submenu-toggle:hover{background:var(--le-nav-hover-bg)}.more-trigger-wrap{display:flex;align-items:center}.more-trigger-wrap.is-measure{position:absolute;visibility:hidden;pointer-events:none}.more-trigger-wrap.is-visible{position:static;visibility:visible}.overflow-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;color:var(--le-nav-color);cursor:pointer;font-family:var(--le-font-family-base);font-size:var(--le-font-size-md)}.overflow-trigger:hover{background:var(--le-nav-hover-bg)}.overflow-trigger:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}le-popover::part(content){padding:var(--le-spacing-1)}`;
+const leNavigationCss = () => `:host{display:block;--le-nav-radius:var(--le-radius-md);--le-nav-gap:var(--le-spacing-2);--le-nav-item-padding-x:var(--le-spacing-1);--le-nav-item-padding-y:var(--le-spacing-2);--le-nav-item-gap:var(--le-spacing-2);--le-nav-color:var(--le-color-text-primary);--le-nav-muted:var(--le-color-text-secondary);--le-nav-hover-bg:var(--le-color-gray-100);--le-nav-selected-bg:var(--le-color-primary);--le-nav-selected-color:var(--le-color-primary-contrast)}:host([orientation='horizontal']:not([wrap])){flex:1 1 0%;min-width:0}.nav-vertical{display:flex;flex-direction:column;gap:var(--le-nav-gap)}.nav-search{width:100%}.nav-search-input{--le-input-radius:var(--le-radius-md)}.nav-empty{padding:var(--le-spacing-2);color:var(--le-nav-muted);font-size:var(--le-font-size-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--le-spacing-1)}.nav-row{display:flex;align-items:stretch;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.nav-row:hover{background:var(--le-nav-hover-bg)}.nav-toggle,.nav-toggle-spacer{box-sizing:border-box;width:var(--le-spacing-4);min-width:var(--le-spacing-4);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);color:inherit}.nav-toggle{background:transparent;cursor:pointer;opacity:0.4}.nav-toggle:hover:not(:disabled){opacity:1}.nav-toggle:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px;opacity:1}.nav-chevron{display:inline-block;transition:transform var(--le-transition-fast)}.nav-chevron svg{display:block;width:var(--le-spacing-4);height:var(--le-spacing-4)}.nav-node>div>button>.nav-chevron{transform:rotate(-90deg)}.nav-node.open>div>button>.nav-chevron{transform:rotate(0deg)}.nav-item{flex:1;display:inline-flex;align-items:center;gap:var(--le-nav-item-gap);padding:var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);line-height:var(--le-line-height-tight);cursor:pointer}.nav-item:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-node.selected>.nav-row{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.nav-node.selected>.nav-row>.nav-item{color:inherit}.nav-node.disabled>.nav-row>.nav-item{opacity:0.5;cursor:not-allowed}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{color:color-mix(in srgb, var(--le-nav-muted) 90%, transparent);font-size:var(--le-font-size-sm);line-height:var(--le-line-height-tight)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-end{margin-left:auto}.nav-children{margin-top:var(--le-spacing-1)}.nav-horizontal-wrapper{display:flex;align-items:center;gap:var(--le-spacing-2)}.nav-bar{flex:1 1 0%;min-width:0;--le-bar-gap:var(--le-spacing-2)}.nav-bar.align-end{--le-bar-justify:flex-end}.nav-bar.align-center{--le-bar-justify:center}.nav-bar.align-space-between{--le-bar-justify:space-between}.h-item{display:flex;align-items:center}.h-link{display:inline-flex;align-items:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);cursor:pointer}.h-link:hover{background:var(--le-nav-hover-bg)}.h-link:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.h-link.disabled,.h-trigger.disabled{opacity:0.5;pointer-events:none}.h-link.selected,.h-trigger.selected{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.h-label{white-space:nowrap}.h-trigger{display:inline-flex;align-items:center;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.h-submenu-toggle{width:var(--le-spacing-3);height:var(--le-spacing-3);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);background:transparent;color:currentColor;cursor:pointer}.h-submenu-toggle:hover{background:var(--le-nav-hover-bg)}.overflow-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;color:var(--le-nav-color);cursor:pointer;font-family:var(--le-font-family-base);font-size:var(--le-font-size-md)}.overflow-trigger:hover{background:var(--le-nav-hover-bg)}.overflow-trigger:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-overflow-trigger{display:flex;align-items:center}le-popover::part(content){padding:var(--le-spacing-1)}`;
 
 const LeNavigation = class {
     constructor(hostRef) {
@@ -74,19 +74,14 @@ const LeNavigation = class {
     leNavItemToggle;
     searchQuery = '';
     openState = {};
+    /** IDs of items currently in overflow (from le-bar) */
     overflowIds = [];
+    /** Whether hamburger mode is active (from le-bar) */
     hamburgerActive = false;
-    fallbackHamburger = false;
     submenuQueries = {};
-    navContainerEl;
-    measureEl;
-    measureMoreEl;
-    topItemEls = new Map();
+    /** Whether the overflow popover is open */
+    overflowPopoverOpen = false;
     popoverRefs = new Map();
-    moreTriggerEl;
-    hamburgerPopoverEl;
-    morePopoverEl;
-    resizeObserver;
     instanceId = utils.generateId('le-nav');
     partFromOptionPart(base, part) {
         const raw = (part ?? '').trim();
@@ -101,40 +96,12 @@ const LeNavigation = class {
         return [base, ...tokens.map(t => `${base}-${t}`)].join(' ');
     }
     handleLayoutInputsChange() {
-        this.scheduleOverflowRecalc();
-    }
-    componentDidLoad() {
-        this.setupResizeObserver();
-        this.scheduleOverflowRecalc();
+        // Reset overflow state when layout inputs change
+        this.overflowIds = [];
+        this.hamburgerActive = false;
     }
     disconnectedCallback() {
-        this.resizeObserver?.disconnect();
-        this.resizeObserver = undefined;
-    }
-    componentDidRender() {
-        // In case refs change after render.
-        this.scheduleOverflowRecalc();
-    }
-    setupResizeObserver() {
-        this.resizeObserver?.disconnect();
-        if (typeof ResizeObserver === 'undefined')
-            return;
-        this.resizeObserver = new ResizeObserver(() => this.computeOverflow());
-        this.observeContainer(this.navContainerEl);
-    }
-    observeContainer(el) {
-        if (!this.resizeObserver)
-            return;
-        this.resizeObserver.disconnect();
-        if (el)
-            this.resizeObserver.observe(el);
-    }
-    scheduleOverflowRecalc() {
-        // Avoid work for vertical layout.
-        if (this.orientation !== 'horizontal')
-            return;
-        // Ensure it runs after layout.
-        requestAnimationFrame(() => this.computeOverflow());
+        // Cleanup if needed
     }
     get parsedItems() {
         if (typeof this.items === 'string') {
@@ -248,149 +215,16 @@ const LeNavigation = class {
         // Position may change as items filter.
         requestAnimationFrame(() => this.popoverRefs.get(submenuId)?.updatePosition());
     };
-    getTopLevelIds(items) {
-        return items.map((item, index) => this.getItemId(item, String(index)));
-    }
-    computeOverflow() {
-        // Only applies to horizontal, non-wrapping navs.
-        if (this.orientation !== 'horizontal' || this.wrap) {
-            if (!this.overflowIds || this.overflowIds.length)
-                this.overflowIds = [];
-            if (this.hamburgerActive)
-                this.hamburgerActive = false;
-            if (this.fallbackHamburger)
-                this.fallbackHamburger = false;
-            return;
-        }
-        const container = this.navContainerEl;
-        if (!container)
-            return;
-        const topIds = this.getTopLevelIds(this.parsedItems);
-        const widths = topIds.map(id => this.topItemEls.get(id)?.getBoundingClientRect().width ?? 0);
-        const totalWidth = widths.reduce((a, b) => a + b, 0);
-        const availableWidth = container.getBoundingClientRect().width;
-        if (this.overflowMode === 'hamburger') {
-            const shouldHamburger = totalWidth > availableWidth;
-            if (shouldHamburger !== this.hamburgerActive) {
-                this.hamburgerActive = shouldHamburger;
-            }
-            if (!this.overflowIds || this.overflowIds.length)
-                this.overflowIds = [];
-            if (this.fallbackHamburger)
-                this.fallbackHamburger = false;
-            return;
-        }
-        // overflowMode === 'more'
-        if (this.hamburgerActive)
-            this.hamburgerActive = false;
-        const computedOverflow = this.computeOverflowMoreByWrap(availableWidth);
-        if (!computedOverflow)
-            return;
-        // Fallback to hamburger when "More" would leave too few items visible
-        // or when the trigger itself cannot fit the row.
-        const visibleCount = this.parsedItems.length - computedOverflow.length;
-        const moreWidth = this.moreTriggerEl?.getBoundingClientRect().width ?? 0;
-        const minVisible = Math.max(0, Number(this.minVisibleItemsForMore) || 0);
-        const shouldFallback = (computedOverflow.length > 0 && visibleCount < minVisible) ||
-            (moreWidth > 0 && moreWidth > availableWidth);
-        if (shouldFallback !== this.fallbackHamburger) {
-            this.fallbackHamburger = shouldFallback;
-        }
-        const nextOverflow = shouldFallback ? [] : computedOverflow;
-        const same = nextOverflow.length === this.overflowIds?.length &&
-            nextOverflow.every((v, i) => v === this.overflowIds[i]);
-        if (!same) {
-            this.overflowIds = nextOverflow;
-        }
-    }
-    computeOverflowMoreByWrap(availableWidth) {
-        const container = this.navContainerEl;
-        const measure = this.measureEl;
-        const measureMore = this.measureMoreEl;
-        const items = this.parsedItems;
-        if (!container || !measure)
-            return null;
-        // Ensure measurement container matches visible container width.
-        measure.style.width = `${availableWidth}px`;
-        // Keep the measured "More" width aligned with the real trigger width (supports slotted content).
-        const realMoreWidth = this.moreTriggerEl?.getBoundingClientRect().width;
-        if (measureMore && realMoreWidth && realMoreWidth > 0) {
-            const btn = measureMore.querySelector('button');
-            if (btn) {
-                btn.style.width = `${realMoreWidth}px`;
-            }
-        }
-        const allIds = this.getTopLevelIds(items);
-        const itemEls = allIds
-            .map(id => measure.querySelector(`[data-nav-id="${CSS.escape(id)}"]`))
-            .filter((el) => !!el);
-        // Reset measurement visibility.
-        itemEls.forEach(el => {
-            el.style.display = '';
-        });
-        if (measureMore) {
-            measureMore.style.display = 'none';
-        }
-        if (itemEls.length === 0) {
-            return [];
-        }
-        const firstRowTop = Math.min(...itemEls.map(el => el.offsetTop));
-        const overflowSet = new Set();
-        // Pass 1: detect which items fall onto rows > 1 (without "More" in flow).
-        itemEls.forEach(el => {
-            const id = el.getAttribute('data-nav-id');
-            if (!id)
-                return;
-            if (el.offsetTop > firstRowTop)
-                overflowSet.add(id);
-        });
-        if (overflowSet.size === 0) {
-            return [];
-        }
-        // Pass 2: show "More" and iteratively move items into overflow until "More" fits on row 1.
-        if (measureMore) {
-            measureMore.style.display = '';
-        }
-        // Hide currently overflowing items.
-        itemEls.forEach(el => {
-            const id = el.getAttribute('data-nav-id');
-            if (!id)
-                return;
-            if (overflowSet.has(id))
-                el.style.display = 'none';
-        });
-        const getVisibleItemEls = () => itemEls.filter(el => el.style.display !== 'none');
-        while (measureMore) {
-            const visible = getVisibleItemEls();
-            const rowTop = visible.length ? Math.min(...visible.map(el => el.offsetTop)) : 0;
-            if (measureMore.offsetTop <= rowTop)
-                break;
-            if (visible.length === 0)
-                break;
-            // Remove one last visible item and retry.
-            const last = visible[visible.length - 1];
-            const lastId = last.getAttribute('data-nav-id');
-            if (!lastId)
-                break;
-            last.style.display = 'none';
-            overflowSet.add(lastId);
-        }
-        const overflowIds = allIds.filter(id => overflowSet.has(id));
-        return overflowIds;
-    }
-    renderHorizontalMeasureItem(item, index$1) {
-        const id = this.getItemId(item, String(index$1));
-        const children = this.getChildItems(item);
-        const hasChildren = children.length > 0;
-        const setRef = (el) => {
-            if (el)
-                this.topItemEls.set(id, el);
-        };
-        if (!hasChildren) {
-            return (index.h("div", { class: "h-item", ref: setRef, "data-nav-id": id }, index.h("span", { class: "h-link" }, item.iconStart && (index.h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), index.h("span", { class: "h-label" }, item.label), item.iconEnd && (index.h("span", { class: "nav-icon nav-icon-end", "aria-hidden": "true" }, item.iconEnd)))));
-        }
-        return (index.h("div", { class: "h-item", ref: setRef, "data-nav-id": id }, index.h("span", { class: "h-trigger" }, index.h("span", { class: "h-link" }, item.iconStart && (index.h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), index.h("span", { class: "h-label" }, item.label)), index.h("span", { class: "h-submenu-toggle", "aria-hidden": "true" }, index.h("le-icon", { name: "chevron-down" })))));
-    }
+    handleBarOverflowChange = (e) => {
+        this.overflowIds = e.detail.overflowingIds;
+        this.hamburgerActive = e.detail.hamburgerActive;
+    };
+    openOverflowPopover = () => {
+        this.overflowPopoverOpen = true;
+    };
+    closeOverflowPopover = () => {
+        this.overflowPopoverOpen = false;
+    };
     renderVerticalList(items, { depth, pathPrefix, autoOpenIds, searchable, searchQuery, searchPlaceholder, emptyText, submenuId, closePopover, }) {
         const query = searchQuery ?? '';
         const openFromSearch = autoOpenIds ?? new Set();
@@ -441,14 +275,14 @@ const LeNavigation = class {
                 ? { href: item.href, role: 'menuitem' }
                 : { type: 'button', role: 'menuitem' };
             const itemPart = this.partFromOptionPart('item', item.part);
-            return (index.h("div", { class: "h-item" }, index.h(TagType, { class: utils.classnames('h-link', {
+            return (index.h("div", { class: "h-item", "data-bar-id": id }, index.h(TagType, { class: utils.classnames('h-link', {
                     disabled: item.disabled,
                     selected: item.selected || (this.activeUrl && item.href === this.activeUrl),
                 }), part: itemPart, ...attrs, "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => this.handleItemSelect(e, item, id) }, item.iconStart && (index.h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), index.h("span", { class: "h-label" }, item.label), item.iconEnd && (index.h("span", { class: "nav-icon nav-icon-end", "aria-hidden": "true" }, item.iconEnd)))));
         }
         const submenuId = id;
         const itemPart = this.partFromOptionPart('item', item.part);
-        return (index.h("div", { class: "h-item" }, index.h("le-popover", { ref: el => {
+        return (index.h("div", { class: "h-item", "data-bar-id": id }, index.h("le-popover", { ref: el => {
                 if (el)
                     this.popoverRefs.set(submenuId, el);
             }, mode: "default", showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, index.h("div", { slot: "trigger", class: utils.classnames('h-trigger', {
@@ -485,75 +319,52 @@ const LeNavigation = class {
             closePopover: () => this.popoverRefs.get(submenuId)?.hide(),
         })))));
     }
-    renderHorizontal() {
+    getOverflowMode() {
+        if (this.wrap)
+            return 'wrap';
+        return this.overflowMode;
+    }
+    getBarAlignment() {
+        // Map le-navigation align to le-bar alignItems
+        // 'space-between' doesn't map directly, use 'stretch' as closest
+        if (this.align === 'space-between')
+            return 'stretch';
+        return this.align;
+    }
+    renderOverflowPopover() {
         const items = this.parsedItems;
         const overflowSet = new Set(this.overflowIds);
-        const overflowItems = [];
-        items.forEach((item, index) => {
-            const id = this.getItemId(item, String(index));
-            if (!this.wrap && this.overflowMode === 'more' && overflowSet.has(id)) {
-                overflowItems.push(item);
-            }
-        });
-        const showHamburger = !this.wrap &&
-            ((this.overflowMode === 'hamburger' && this.hamburgerActive) ||
-                (this.overflowMode === 'more' && this.fallbackHamburger));
-        // Hamburger mode: show a single trigger if anything overflows (or when forced for "more").
-        if (showHamburger) {
-            return (index.h("div", { class: "nav-horizontal-shell" }, index.h("div", { class: "nav-horizontal-measure", "aria-hidden": "true", ref: el => {
-                    this.measureEl = el;
-                } }, items.map((item, index) => this.renderHorizontalMeasureItem(item, index)), index.h("div", { class: "h-item", ref: el => {
-                    this.measureMoreEl = el;
-                } }, index.h("button", { type: "button", class: "overflow-trigger" }, "More"))), index.h("div", { class: utils.classnames('nav-horizontal', {
-                    'align-end': this.align === 'end',
-                    'align-center': this.align === 'center',
-                    'align-space-between': this.align === 'space-between',
-                }), ref: el => {
-                    this.navContainerEl = el;
-                    this.setupResizeObserver();
-                    this.observeContainer(this.navContainerEl);
-                } }, index.h("le-popover", { ref: el => {
-                    this.hamburgerPopoverEl = el;
-                }, mode: "default", showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px" }, index.h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: "hamburger-trigger", "aria-label": "Open menu" }, index.h("slot", { name: "hamburger-trigger" }, index.h("le-icon", { name: "hamburger" }))), index.h("div", { class: "popover-menu" }, this.renderVerticalList(items, {
-                depth: 0,
-                pathPrefix: '',
-                closePopover: () => this.hamburgerPopoverEl?.hide(),
-            }))))));
+        // Determine which items to show in the popover
+        let itemsToShow;
+        if (this.hamburgerActive) {
+            // In hamburger mode, show all items
+            itemsToShow = items;
+        }
+        else {
+            // In "more" mode, show only overflow items
+            itemsToShow = items.filter((item, index) => {
+                const id = this.getItemId(item, String(index));
+                return overflowSet.has(id);
+            });
         }
-        const showMore = !this.wrap && this.overflowMode === 'more' && overflowItems.length > 0;
-        return (index.h("div", { class: "nav-horizontal-shell", role: "menubar" }, index.h("div", { class: "nav-horizontal-measure", "aria-hidden": "true", ref: el => {
-                this.measureEl = el;
-            } }, items.map((item, index) => this.renderHorizontalMeasureItem(item, index)), index.h("div", { class: "h-item", ref: el => {
-                this.measureMoreEl = el;
-            } }, index.h("button", { type: "button", class: "overflow-trigger" }, index.h("le-icon", { name: "ellipsis-horizontal" })))), index.h("div", { class: utils.classnames('nav-horizontal', {
-                'wrap': this.wrap,
-                'nowrap': !this.wrap,
+        if (itemsToShow.length === 0)
+            return null;
+        const isHamburger = this.hamburgerActive;
+        return (index.h("le-popover", { mode: "default", open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, index.h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, index.h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, index.h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), index.h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
+            depth: 0,
+            pathPrefix: '',
+            closePopover: this.closeOverflowPopover,
+        }))));
+    }
+    renderHorizontal() {
+        const items = this.parsedItems;
+        const overflowMode = this.getOverflowMode();
+        const showOverflowButton = this.overflowIds.length > 0 || this.hamburgerActive;
+        return (index.h("div", { class: "nav-horizontal-wrapper" }, index.h("le-bar", { class: utils.classnames('nav-bar', {
                 'align-end': this.align === 'end',
                 'align-center': this.align === 'center',
                 'align-space-between': this.align === 'space-between',
-            }), ref: el => {
-                this.navContainerEl = el;
-                this.setupResizeObserver();
-                this.observeContainer(this.navContainerEl);
-            } }, items.map((item, index) => {
-            const id = this.getItemId(item, String(index));
-            const isOverflow = !this.wrap && this.overflowMode === 'more' && overflowSet.has(id);
-            if (isOverflow)
-                return null;
-            return this.renderHorizontalItem(item, index);
-        }), index.h("div", { class: utils.classnames('more-trigger-wrap', {
-                'is-visible': showMore,
-                'is-measure': !showMore,
-            }) }, index.h("le-popover", { ref: el => {
-                this.morePopoverEl = el;
-            }, mode: "default", position: "bottom", align: "end", minWidth: "260px", showClose: false }, index.h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: "more-trigger", "aria-label": "More", ref: el => {
-                if (el)
-                    this.moreTriggerEl = el;
-            } }, index.h("slot", { name: "more-trigger" }, index.h("le-icon", { name: "ellipsis-horizontal" }))), index.h("div", { class: "popover-menu" }, this.renderVerticalList(overflowItems, {
-            depth: 0,
-            pathPrefix: '',
-            closePopover: () => this.morePopoverEl?.hide(),
-        })))))));
+            }), overflow: overflowMode, alignItems: this.getBarAlignment(), disablePopover: true, onLeBarOverflowChange: this.handleBarOverflowChange }, items.map((item, index) => this.renderHorizontalItem(item, index))), showOverflowButton && this.renderOverflowPopover()));
     }
     render() {
         const items = this.parsedItems;

package/dist/cjs/le-number-input.cjs.entry.js

@@ -190,7 +190,7 @@ const LeNumberInput = class {
         this.emitChange();
     };
     render() {
-        return (index.h("le-component", { key: '5ca731314dea05358c17f1d1341f60c092f7f3cf', component: "le-number-input", hostClass: utils.classnames({ 'disabled': this.disabled }) }, index.h("div", { key: '59d4e240934731b055ac907ae2834e0b298cfa43', class: "le-input-wrapper" }, this.label && (index.h("label", { key: 'c69754d91ce30e387336e79cb964d2b3811b6143', class: "le-input-label", htmlFor: this.name }, this.label)), index.h("div", { key: '87b8fd88f702752b78e392b668081dcabc3ee818', class: utils.classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (index.h("span", { key: 'df1ae914d42940d08378af548b3f75a61da4221d', class: "icon-start" }, this.iconStart)), index.h("input", { key: '65cf776d7ed9ba024cb74b0b28340e4122789f1d', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (index.h("div", { key: '2011b1d921ce59471f73e0e8ee71c31009cd6ccd', class: "le-input-controls" }, index.h("le-button", { key: '19d8bfdda57d33770d577477abc065b1f3c9f8bd', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, index.h("span", { key: 'b9e929938c42d29d3d8f52547dbb2ea0d6660f59', slot: "icon-only" }, "\u2191")), index.h("le-button", { key: '0ac2bc5438d684deb4b29e229b7a7b1db09578e7', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, index.h("span", { key: 'ec2933d49fbff75b14c2c7a3ff994f15ab22b08f', slot: "icon-only" }, "\u2193"))))), !this.isValid && index.h("div", { key: '7dc47495f4c2aaf3f91efaad08f56fae47de3d05', class: "le-input-error" }, this.validationMessage), index.h("div", { key: '165415790fab9e911ab236570e2f2723043deebb', class: "le-input-description" }, index.h("le-slot", { key: 'bc6401930e0546dfae4bba8436ae56392fef3c1b', name: "description", type: "text", tag: "p", label: "Description" }, index.h("slot", { key: '0f39013377f404bfd78a4f19318a76e20d66f99a', name: "description" }))))));
+        return (index.h("le-component", { key: 'c6c327cad4a4df50aa270efcc203449f2c15d36c', component: "le-number-input", hostClass: utils.classnames({ 'disabled': this.disabled }) }, index.h("div", { key: '3745bd8a915fcfc6909c96afa882c22b2fea7e87', class: "le-input-wrapper" }, this.label && (index.h("label", { key: '557aa7702fab5ff75d9f547a677b3bc2e72ef8aa', class: "le-input-label", htmlFor: this.name }, this.label)), index.h("div", { key: '5e5f68aaabba117db7680f0680e67dffcc15dc7c', class: utils.classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (index.h("span", { key: 'ff47ad75a59cc6a35758eead376afcb3dd10ba59', class: "icon-start" }, this.iconStart)), index.h("input", { key: 'ec214ea43b6cb94d7e73129c53e55506c5b0b890', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (index.h("div", { key: 'e2fe4db81e51ff88447b8c27b83d0e7227516153', class: "le-input-controls" }, index.h("le-button", { key: '91c3d862066fbd13c222eebe043f89be5de39acd', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, index.h("span", { key: 'a7008c7bcee858324ae75eaf2a9eff0c818dc521', slot: "icon-only" }, "\u2191")), index.h("le-button", { key: 'bd075538967672ec669287682e21d832bf0732f4', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, index.h("span", { key: '915fbe4bcec150360f1f857a08675b00182a7ea3', slot: "icon-only" }, "\u2193"))))), !this.isValid && index.h("div", { key: '3a6b6c39aa89ad1295a6277f5b1d7b0b27ed8c4b', class: "le-input-error" }, this.validationMessage), index.h("div", { key: '2124de657df8f114fbcbf62dfcb878177d255274', class: "le-input-description" }, index.h("le-slot", { key: 'd5547bee7220cfedefe52b56f4c51a8eefde3b0e', name: "description", type: "text", tag: "p", label: "Description" }, index.h("slot", { key: '643326ec71aa2b527fc7ac0baa75f329d9b460dd', name: "description" }))))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/cjs/le-round-progress.cjs.entry.js

@@ -92,7 +92,7 @@ const LeRoundProgress = class {
         return (index.h("svg", { viewBox: this.getViewBox(), class: "round-progress" }, paths));
     }
     render() {
-        return (index.h("div", { key: '3ffd4b3088bb03af650e413b3c24b5c8206abe7b', class: "round-progress--container" }, this.getPaths(), index.h("svg", { key: 'd5b1a23bc9bf3092fa1e97857dcd1cb3d690d39d', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, index.h("path", { key: 'a3ded815f03c77fbb693822223e10979ae0db760', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), index.h("slot", { key: '3d54c7c12e5930d51bc4dfcdcf1b82829eea8ad9' })));
+        return (index.h("div", { key: '6379320fd320009f649c11d58f2e918c733de68d', class: "round-progress--container" }, this.getPaths(), index.h("svg", { key: 'af63bb6fdf93e2d0d8060be60fcd41b4f74c294e', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, index.h("path", { key: '7b8e0b41a9487b6ba02ef90b1f0a0177aac058f6', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), index.h("slot", { key: '659336629730730ba96f5fbc788dc01e4f280fed' })));
     }
     static get watchers() { return {
         "value": ["updateValue"],

package/dist/cjs/le-segmented-control.cjs.entry.js

@@ -228,7 +228,7 @@ const LeSegmentedControl = class {
             'full-width': fullWidth,
             'disabled': disabled,
         };
-        return (index.h(index.Host, { key: '559bbf293fcd9108dfc04025562cee8d87fe87ba', class: `overflow-${this.overflow}` }, index.h("le-component", { key: '12cb853ddae94c506c5788882fb3336301e283c6', component: "le-segmented-control" }, index.h("div", { key: 'bedce1c124e8ab3daa089a74915afa8f6ed62f3d', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
+        return (index.h(index.Host, { key: 'a285c7c0ca824e96670b51dc638301c2c8ab6a6b', class: `overflow-${this.overflow}` }, index.h("le-component", { key: '6afe6d0861d3e797efabac23b24ad9731e19b6dd', component: "le-segmented-control" }, index.h("div", { key: '251f4d07960c6f464001cf6fda7643fe8db6af09', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
             const optValue = this.getOptionValue(option);
             const isSelected = optValue === value;
             const isDisabled = option.disabled || disabled;

package/dist/cjs/le-stack.cjs.entry.js

@@ -126,7 +126,7 @@ const LeStack = class {
         });
         // Slot style for admin mode - make items display in the same direction
         const slotStyle = `display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap || 'var(--le-space-md)'}; flex-wrap: ${this.wrap ? 'wrap' : 'nowrap'}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;
-        return (index.h("le-component", { key: '5f01f4afc716be565227e396952da314182de505', component: "le-stack", hostClass: hostClass }, index.h("div", { key: '1eef9ac4318f39038282c3574d0019c4d904b421', class: "stack", part: "stack", style: style }, index.h("le-slot", { key: 'f4445ca2070d685a3621df06dffe02b40cbb2db3', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, index.h("slot", { key: '90d40bfa5c766d6161614e90ab8f8cec8a0a6dc3' })))));
+        return (index.h("le-component", { key: 'b9fa5837421caadf0bf79a9303a2b279f9efa92c', component: "le-stack", hostClass: hostClass }, index.h("div", { key: 'a7d39ec296b741f608832d619639e340c42bc652', class: "stack", part: "stack", style: style }, index.h("le-slot", { key: 'd0a4643dcb137eefc57629ac78579e51e3530fd1', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, index.h("slot", { key: '70a847ebeebc868a204b9121f922ad70f34186a4' })))));
     }
 };
 LeStack.style = leStackDefaultCss();

package/dist/cjs/le-tab-bar.cjs.entry.js

@@ -225,7 +225,7 @@ const LeTabBar = class {
             'position-top': this.position === 'top',
             'position-bottom': this.position === 'bottom',
         };
-        return (index.h(index.Host, { key: '99ecfa8de9c894f913ab1ea2a2293c4fe863a6e9', class: classes }, index.h("le-component", { key: '59de2d9ffe9710d9480b6666a539039b0a38675e', component: "le-tab-bar" }, index.h("div", { key: '13b4037e84ee994d924bd08dc6305f1ad7bab3bd', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, index.h("le-slot", { key: 'cab80272032e911ce09549fbdc18c2eb9df1de74', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
+        return (index.h(index.Host, { key: '45acb7c7c2c2676f1b7040d59dc56e3ef762a5fb', class: classes }, index.h("le-component", { key: 'ed3b7eaf5163ebe676b3c830039f689782d6c58b', component: "le-tab-bar" }, index.h("div", { key: 'ba0d8f8a6adb511671ab540e7c1f3cdcda86dc05', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, index.h("le-slot", { key: '11e4cb848cfb6ede8f65d2d35732f9d7702def26', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
             const value = this.getTabValue(tab);
             const isSelected = value === selected;
             return (index.h("le-tab", { key: value, class: "tab", role: "tab", variant: "icon-only", label: tab.label, value: tab.value, icon: tab.icon, href: tab.href, selected: isSelected, disabled: tab.disabled, showLabel: this.showLabels, size: size, part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : undefined, tabIndex: -1, onClick: () => this.handleTabClick(tab) }, index.h("span", { class: "tab-label" }, tab.label)));