@six-group/ui-library 0.0.0-insider.2b3efd5 → 0.0.0-insider.2c5f541

package/dist/collection/components/six-tab-group/six-tab-group.js

@@ -226,7 +226,7 @@ export class SixTabGroup {
         });
     }
     render() {
-        return (h("div", { key: '687953b1f7488c6f74b79d8bfa2dd5f6638d8794', part: "base", ref: (el) => (this.tabGroup = el), class: {
+        return (h("div", { key: '9752b81f3babdcbe656cc5552b7c07c7cc096d8d', part: "base", ref: (el) => (this.tabGroup = el), class: {
                 'tab-group': true,
                 // Placements
                 'tab-group--top': this.placement === 'top',
@@ -234,7 +234,7 @@ export class SixTabGroup {
                 'tab-group--left': this.placement === 'left',
                 'tab-group--right': this.placement === 'right',
                 'tab-group--has-scroll-controls': this.hasRightControl || this.hasLeftControl,
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '11a19bfa85935fb187e4caaa639df6107fe3c8f5', class: "tab-group__nav-container" }, this.hasLeftControl && (h("six-icon-button", { key: 'cc5e49ec12398a2b8534443b9ce9183b62e30579', class: "tab-group__scroll-button tab-group__scroll-button--left", exportparts: "base:scroll-button", name: "chevron_left", onClick: this.handleScrollLeft })), h("div", { ref: (el) => (this.nav = el), key: "nav", part: "nav", class: "tab-group__nav" }, h("div", { key: '7fade92e1892fa0316f72c34421d0091c0416bf3', ref: (el) => (this.tabs = el), part: "tabs", class: "tab-group__tabs", role: "tablist" }, h("slot", { key: 'c28271665e228f0bc67912971c7f02e799c850e0', name: "nav" }))), this.hasRightControl && (h("six-icon-button", { key: '244800e9e981050d6e7c397000105fdd7f887c1f', class: "tab-group__scroll-button tab-group__scroll-button--right", exportparts: "base:scroll-button", name: "chevron_right", onClick: this.handleScrollRight }))), h("div", { key: 'eb3c0da33565d279a75087d677c7f0c532e82468', ref: (el) => (this.body = el), part: "body", class: "tab-group__body" }, h("slot", { key: '639246ec2ce40f9ea9412cb37cf87ebc32a373c2' }))));
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'd96c9094ddc1a9cd6ad9ac9c5ab559ac703ccd6e', class: "tab-group__nav-container" }, this.hasLeftControl && (h("six-icon-button", { key: '0e355b7d602b3178a5c99a818780fef140119f81', class: "tab-group__scroll-button tab-group__scroll-button--left", exportparts: "base:scroll-button", name: "chevron_left", onClick: this.handleScrollLeft })), h("div", { ref: (el) => (this.nav = el), key: "nav", part: "nav", class: "tab-group__nav" }, h("div", { key: 'dce5e155787ddc97e00d285dc76f3b502b46b35f', ref: (el) => (this.tabs = el), part: "tabs", class: "tab-group__tabs", role: "tablist" }, h("slot", { key: 'dfcc4786a1273194d6769438b47b42543806ff14', name: "nav" }))), this.hasRightControl && (h("six-icon-button", { key: '3c4b965f9beb5229b702e808cfabbb99e7e577a4', class: "tab-group__scroll-button tab-group__scroll-button--right", exportparts: "base:scroll-button", name: "chevron_right", onClick: this.handleScrollRight }))), h("div", { key: 'b4dd8c577928e1b67c7307f40c37360dc5faa76a', ref: (el) => (this.body = el), part: "body", class: "tab-group__body" }, h("slot", { key: '0e0f770235bfb838d1994db5dbf3504c66749e8e' }))));
     }
     static get is() { return "six-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-tab-panel/six-tab-panel.js

@@ -19,7 +19,7 @@ export class SixTabPanel {
     render() {
         return (
         // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels
-        h(Host, { key: '71a56c2593d07ab74bfca2036c6c48015800cb3a', id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } }, h("div", { key: 'f9c9c0f9bcb3365d5919e721e2ce85b96310aa50', part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' }, h("slot", { key: 'a78c62e6fa855d1181069c3c99c8f0bba23fea17' }))));
+        h(Host, { key: '52fccbf2229c037c494c7f3ff4f238fbe9b27da3', id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } }, h("div", { key: 'd340ff1d3c9a0de1191ae18409fcf594d6f253e2', part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' }, h("slot", { key: 'd6bcd74692535a5389d3c6379e00fe88a6793cbf' }))));
     }
     static get is() { return "six-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-tag/six-tag.js

@@ -44,7 +44,7 @@ export class SixTag {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h("span", { key: 'cf0f1b63dd4cf2887a1ce4640c9073e24c42e79c', part: "base", class: {
+        return (h("span", { key: 'abe76146ab7bc566568e4d6b438d9819089d5e90', part: "base", class: {
                 tag: true,
                 // Types
                 'tag--primary': this.type === 'primary',
@@ -61,7 +61,7 @@ export class SixTag {
                 // Modifers
                 'tag--pill': this.pill,
                 'tag--clear': this.clearable,
-            } }, h("six-tooltip", { key: '6b8d12fc884f2fd47caea9400e26c283e770dbad', ref: (el) => (this.tooltipElement = el) }, h("span", { key: '62a3b5dfa5550c432342bdd5767a39b5b83a3103', ref: (el) => (this.contentElement = el), part: "content", class: "tag__content" }, h("slot", { key: '00a3ef70ceea21c8e807557576f2c4f252cee995', ref: (el) => (this.contentSlotElement = el) }))), this.clearable && (h("six-icon-button", { key: '5eabbf01c5b9d4d2d594c7d3d600cc57b8bd4cec', exportparts: "base:clear-button", size: "xSmall", name: "clear", class: "tag__clear", onClick: this.handleClearClick }))));
+            } }, h("six-tooltip", { key: '7e1efc6b920b9e82959988de5add4e01efbf93fe', ref: (el) => (this.tooltipElement = el) }, h("span", { key: 'fefa48774fa20af8db8c973d82ccca9ae841885f', ref: (el) => (this.contentElement = el), part: "content", class: "tag__content" }, h("slot", { key: '080033355f398d05279da89fa74c51c29d0cd28a', ref: (el) => (this.contentSlotElement = el) }))), this.clearable && (h("six-icon-button", { key: '2071031731b670de683cf70ebaf6afb29b8bc7d8', exportparts: "base:clear-button", size: "xSmall", name: "clear", class: "tag__clear", onClick: this.handleClearClick }))));
     }
     static get is() { return "six-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-textarea/six-textarea.js

@@ -167,7 +167,7 @@ export class SixTextarea {
         return ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString();
     }
     render() {
-        return (h(FormControl, { key: 'b030afca7e885857b87e5274ce3aa1baeb285fdb', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'a30bb02f40f681c42212586c0d761cb5759202ed', part: "base", class: {
+        return (h(FormControl, { key: 'edd8746cd95fba22bb809189ed5068747d20dc95', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '4f032d83ce42a4bef56d46339bc905ebe16ddff9', part: "base", class: {
                 textarea: true,
                 // Sizes
                 'textarea--small': this.size === 'small',
@@ -182,7 +182,7 @@ export class SixTextarea {
                 'textarea--resize-none': this.resize === 'none',
                 'textarea--resize-vertical': this.resize === 'vertical',
                 'textarea--resize-auto': this.resize === 'auto',
-            } }, h("textarea", { key: '29faefaf45d099bc582beefe74160d93a2259873', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
+            } }, h("textarea", { key: '2ade9c08ca303b03b45325ba29b19ae8709a1978', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
     }
     static get is() { return "six-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-tile/six-tile.js

@@ -48,22 +48,22 @@ export class SixTile {
         this.handleSlotChange();
     }
     render() {
-        return (h("six-tooltip", { key: '1f72a24651f78f933e475c7fc0cbac18d852cc76', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'b45a460c355a9a30d7b5ebe93c63f48a49ed2fa1', part: "base", class: {
+        return (h("six-tooltip", { key: '336923c5af5761ba5216e953dd1660fb0c15f349', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'b7344269567d04e07e3bfc65fe4ff6f0286ead04', part: "base", class: {
                 tile: true,
                 'tile--visible': this.visible,
                 'tile--small': this.size === 'small',
                 'tile--medium': this.size === 'medium',
                 'tile--large': this.size === 'large',
                 'tile--elevated': this.elevated,
-            } }, h("div", { key: '2667122e6e2e925005bfd910ee60b6063871b5c1', part: "header", class: "tile__header" }, h("six-icon-button", { key: 'f6f0a96a7d681881bebf254860bca29c80c814d9', class: {
+            } }, h("div", { key: '3516bc0a5cd6b472f4d10ae53b3af0bf1bafc8fa', part: "header", class: "tile__header" }, h("six-icon-button", { key: 'bcf278f94bf47a6be6ac3ebbf75022c9d0accac9', class: {
                 'tile__header--hidden': !this.closeable,
-            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '973436e543725ba0916ba42ff3cf24a8f1420ffa', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: 'c2d43afacf61d8bdbfa9c082f443c6f7fc2d094d', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '0cd3db9f8db8aa6241fcb84358aedbb6372b5f02', name: "icon" })), h("div", { key: 'a2e6c9642fa659248516153989e74f0ac0d99254', part: "footer", class: {
+            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '82478a6ecd97ddcce0b47b522c31b3e798e6b107', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: 'd18abe31b644ddf47481114ccf83495038965895', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: 'c4496fd0febcf2c01358cc8adbcab718c79dda6c', name: "icon" })), h("div", { key: 'd0568f6820efd46fcfa0ff5ee88bf1e18ced5427', part: "footer", class: {
                 'tile__footer--small': this.size === 'small',
                 'tile__footer--medium': this.size === 'medium',
                 'tile__footer--large': this.size === 'large',
-            } }, this.label && (h("div", { key: 'a9838fb0e6a65053320496233e38eec9f837dfd0', class: {
+            } }, this.label && (h("div", { key: '7205fd10c74b8ae433a02d3e69be59fdff19419d', class: {
                 '.label__footer': true,
-            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '9a21ee332f6e5ebefe292138e5204fd27458442d', name: "label" })))));
+            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: 'bcc4658ff2d5e39c82c94ce97340fd84c7f98afe', name: "label" })))));
     }
     static get is() { return "six-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-timepicker/six-timepicker.css

@@ -43,9 +43,8 @@
   display: flex;
   justify-content: center;
   min-width: min-content;
-  min-height: 145px;
   background-color: white;
-  padding: 0.5em 0.5em 1.5em;
+  padding: 0.5em;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   user-select: none;
   position: absolute;

package/dist/collection/components/six-tooltip/six-tooltip.js

@@ -152,10 +152,10 @@ export class SixTooltip {
         });
     }
     render() {
-        return (h(Host, { key: '16e00bb78ae53bf05f9f7844db1066ea1a9712e9', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { key: '217252a61b1cdde92192d752a3115c05e3530445', onSlotchange: this.handleSlotChange }), h("div", { key: 'd80462cc7aafdd60459dad72be176aafa2660e7d', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { key: '28b80d3d255e77d46c1b235a0cf98273aa6812c0', part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
+        return (h(Host, { key: 'b1517f225d268234d3b5b2bc48308f554fc69700', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { key: '5050b1106ffb536a7c9fd0a905014af549294a3e', onSlotchange: this.handleSlotChange }), h("div", { key: '2d1caefa96332aa56b5e8a01213c8e3adb2c378a', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { key: '338c6d46c3192b2112aae9f6d3aad482ce722949', part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
                 tooltip: true,
                 'tooltip--open': this.open,
-            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '4bff119fb74d2eaa58bef4c598c89263350c8b0a', name: "content" }, this.content)))));
+            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '767d9be06a0e0ad3455acbd88e9923a45aa7d096', name: "content" }, this.content)))));
     }
     static get is() { return "six-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/six-avatar.js

@@ -19,12 +19,12 @@ const SixAvatar$1 = /*@__PURE__*/ proxyCustomElement(class SixAvatar extends HTM
         this.shape = 'circle';
     }
     render() {
-        return (h("div", { key: '0dbd57a48040d1a7c7c07fa838e8be3da457e2c1', part: "base", class: {
+        return (h("div", { key: '241da083cd4a35349c26dcee5aa7f73d9bce0de8', part: "base", class: {
                 avatar: true,
                 'avatar--circle': this.shape === 'circle',
                 'avatar--rounded': this.shape === 'rounded',
                 'avatar--square': this.shape === 'square',
-            }, role: "image", "aria-label": this.alt, tabIndex: 0 }, this.initials === '' && (h("div", { key: '86e4e434e5da9fe126c6950b3716aa69e0738278', part: "icon", class: "avatar__icon" }, h("slot", { key: '376b3afc1ded98932f9f80c440f0f142e5bce33f', name: "icon" }, h("six-icon", { key: '0371ad768fc7440b24528bf2b1b331f466ab5574' }, "person")))), this.initials && (h("div", { key: 'd1a3412dc155ff96e7d3fddfac1d483561537e98', part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { key: 'e8a7e31f01329601ae9181c89b702f9469accc35', part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
+            }, role: "image", "aria-label": this.alt, tabIndex: 0 }, this.initials === '' && (h("div", { key: '24ff23d7f3a6624422582766512d8d6bf293b9f5', part: "icon", class: "avatar__icon" }, h("slot", { key: 'a906ebe35934f5d94e762fa3c1f5017492aa3df5', name: "icon" }, h("six-icon", { key: '30387b657f408050ce97b0f630fd107ae571d3e9' }, "person")))), this.initials && (h("div", { key: '025c49d919586b0167e7851183f1bc288601f94c', part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { key: 'd2860b07997dbb935766cd124f2c670e24dc40a4', part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
     }
     static get style() { return SixAvatarStyle0; }
 }, [1, "six-avatar", {

package/dist/components/six-badge.js

@@ -13,7 +13,7 @@ const SixBadge$1 = /*@__PURE__*/ proxyCustomElement(class SixBadge extends HTMLE
         this.pulse = false;
     }
     render() {
-        return (h("span", { key: '023a7f78c1ac275db32a3dc65d7bb46a0d4f3aba', part: "base", class: {
+        return (h("span", { key: 'af8c1f6bf15fb2ef27a05bda206b18ad306bf168', part: "base", class: {
                 badge: true,
                 // Types
                 'badge--primary': this.type === 'primary',
@@ -25,7 +25,7 @@ const SixBadge$1 = /*@__PURE__*/ proxyCustomElement(class SixBadge extends HTMLE
                 'badge--info': this.type === 'info',
                 'badge--pill': this.pill,
                 'badge--pulse': this.pulse,
-            }, role: "status" }, h("slot", { key: '09f7a992878ce4df2ac75fd99d7de7500cdb80d0' })));
+            }, role: "status" }, h("slot", { key: '59d58d613fb4665d0e7f03e21c43cd1300c00a19' })));
     }
     static get style() { return SixBadgeStyle0; }
 }, [1, "six-badge", {

package/dist/components/six-button2.js

@@ -73,7 +73,7 @@ const SixButton = /*@__PURE__*/ proxyCustomElement(class SixButton extends HTMLE
         const isLink = this.href != null;
         const isButton = !isLink;
         const Button = isLink ? 'a' : 'button';
-        return (h("div", { key: '733c60d955d509acb4293ff6ac3bd28385fc0179', onClick: this.handleClick, class: { 'button-wrapper--disabled': this.disabled } }, h(Button, { key: 'f1c659d53e416d57c3d743accbc74fa71320fce5', ref: (el) => (this.nativeButton = el), part: "base", class: {
+        return (h("div", { key: '6d8805ed1d5c513d940b920d75651f945618f3e4', onClick: this.handleClick, class: { 'button-wrapper--disabled': this.disabled } }, h(Button, { key: 'c8d4d41bbd6ae8af44e15e73f64ccdea7ce0ae6e', ref: (el) => (this.nativeButton = el), part: "base", class: {
                 button: true,
                 // Types
                 'button--secondary': this.type === 'secondary',
@@ -98,7 +98,7 @@ const SixButton = /*@__PURE__*/ proxyCustomElement(class SixButton extends HTMLE
                 'button--has-label': this.hasLabel,
                 'button--has-prefix': this.hasPrefix,
                 'button--has-suffix': this.hasSuffix,
-            }, disabled: isButton ? this.disabled : undefined, tabindex: this.disabled ? '-1' : undefined, type: isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined, name: isButton ? this.name : undefined, value: isButton ? this.value : undefined, href: isLink ? this.href : undefined, target: isLink && this.target != null ? this.target : undefined, download: isLink && this.download != null ? this.download : undefined, rel: isLink && this.target != null ? 'noreferrer noopener' : undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, "data-testid": "button" }, h("span", { key: 'db88ca38040960f384a72f274c215c490abcd7be', part: "prefix", class: "button__prefix" }, h("slot", { key: '19a0077f9a1ea594f669cb3d5f56f7eabd6695b4', onSlotchange: this.handleSlotChange, name: "prefix" })), h("span", { key: 'd6ad98d9a36572228bc9ea4d50263323dac74322', part: "label", class: "button__label" }, h("slot", { key: '33e06a87ab2f18d0f1096fdf1904b1398811c014', onSlotchange: this.handleSlotChange })), h("span", { key: '771e0da37ab98f26cfa6189a9794ff1f6c4424bd', part: "suffix", class: "button__suffix" }, h("slot", { key: 'fa94fccd963ec5a65c84b7620182adb24a329383', onSlotchange: this.handleSlotChange, name: "suffix" })), this.caret && (h("span", { key: '7098e8219a536758498c0e76974080c96e5baecd', part: "caret", class: "button__caret" }, h("svg", { key: 'a8f4e991d39137a45dae525a550edd4ad79cf83f', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '03dbc033c9799c31b856e45cd3d4967f3098bd8e', points: "6 9 12 15 18 9" })))), this.loading && h("six-spinner", { key: '6ab43caf71a3ceadf32817b09e7c4d6885f2ba7a' }))));
+            }, disabled: isButton ? this.disabled : undefined, tabindex: this.disabled ? '-1' : undefined, type: isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined, name: isButton ? this.name : undefined, value: isButton ? this.value : undefined, href: isLink ? this.href : undefined, target: isLink && this.target != null ? this.target : undefined, download: isLink && this.download != null ? this.download : undefined, rel: isLink && this.target != null ? 'noreferrer noopener' : undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, "data-testid": "button" }, h("span", { key: '185a16d68e7d8ce5de6459d4fae511344dcabd47', part: "prefix", class: "button__prefix" }, h("slot", { key: 'a6128d2341dd34212529bc07dd06188ab0f73b5c', onSlotchange: this.handleSlotChange, name: "prefix" })), h("span", { key: '9f8c78eb8982bd61e9e440024bbafa6d097e9b05', part: "label", class: "button__label" }, h("slot", { key: '3752f84bcc8427663a3b7e61ab1f100f860027ba', onSlotchange: this.handleSlotChange })), h("span", { key: 'c936392626dead5ae3c568d21ee2595eb83171b4', part: "suffix", class: "button__suffix" }, h("slot", { key: '2e4d5d1bcb5cf2da616f0f1facc1c9b5b767a16f', onSlotchange: this.handleSlotChange, name: "suffix" })), this.caret && (h("span", { key: '71874a301d18ccfc0d109e03bf37712cec7f28f0', part: "caret", class: "button__caret" }, h("svg", { key: '4476a03737696128a77cbc1a5d0f307d027c5096', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '400c81a7d7266f5ccae85c30eb3c7a1a9f26cbdc', points: "6 9 12 15 18 9" })))), this.loading && h("six-spinner", { key: 'f1b153aaed8cb908f78d0e76c7c3b53911288b1d' }))));
     }
     get host() { return this; }
     static get style() { return SixButtonStyle0; }

package/dist/components/six-card.js

@@ -10,7 +10,7 @@ const SixCard$1 = /*@__PURE__*/ proxyCustomElement(class SixCard extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'aad0ccff1f39203ebe4e16e74c13cd7a344f2da8' }, h("slot", { key: '6e713eaee2db4b9dedbd9f5884911bce16f30c88' })));
+        return (h(Host, { key: 'c2bee3f44ff66341c55c3361de75aba4f8fefd38' }, h("slot", { key: 'fff6c572610f8ecae7793dde177fd6e32f07a28b' })));
     }
     static get style() { return SixCardStyle0; }
 }, [1, "six-card"]);

package/dist/components/six-checkbox2.js

@@ -103,14 +103,14 @@ const SixCheckbox = /*@__PURE__*/ proxyCustomElement(class SixCheckbox extends H
         this.hasErrorSlot = hasSlot(this.host, 'error-text');
     }
     render() {
-        return (h(FormControl, { key: '3881d6f70869fe371be4bdc084d1e2ee2ffcaad0', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, errorTextId: this.errorTextId, hasErrorTextSlot: this.hasErrorSlot, errorText: this.errorText, errorTextCount: this.errorTextCount, size: "medium", disabled: this.disabled, required: this.required, displayError: this.invalid }, h("label", { key: 'a42631ccd1b8fb0ee21d575c4f08d92b6349d9f8', part: "base", class: {
+        return (h(FormControl, { key: '13d7d3b8bfabde5d1edda90227fd18d6adf9e9af', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, errorTextId: this.errorTextId, hasErrorTextSlot: this.hasErrorSlot, errorText: this.errorText, errorTextCount: this.errorTextCount, size: "medium", disabled: this.disabled, required: this.required, displayError: this.invalid }, h("label", { key: '35bcfe787ad46a15548a17eb4f04573ff45e6fe6', part: "base", class: {
                 checkbox: true,
                 'checkbox--checked': this.checked,
                 'checkbox--disabled': this.disabled,
                 'checkbox--focused': this.hasFocus,
                 'checkbox--invalid': this.invalid,
                 'checkbox--indeterminate': this.indeterminate,
-            }, htmlFor: this.inputId, onMouseDown: this.handleMouseDown }, h("span", { key: 'd1e1080dd43c4e3110b9f272f1dd2185c99ecbc4', part: "control", class: "checkbox__control" }, this.checked && (h("span", { key: 'e02e32f28b9e997ee1baf81aa5d12e00df275e9e', part: "checked-icon", class: "checkbox__icon" }, h("svg", { key: 'b313da8df11a0cce0c8f3c8785e46be998106528', viewBox: "0 0 16 16" }, h("g", { key: '9e49d0e0f0cf1070b1b283cc63586ad34c284302', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("g", { key: 'a36e0b3299473a24a14ce268052b00f3929e0f31', stroke: "currentColor", "stroke-width": "2" }, h("g", { key: 'f4f0033909e86d0a79bfba797b6ec9f389e2d8c7', transform: "translate(3.428571, 3.428571)" }, h("path", { key: '09a34c50138270daad1968cd330f16d49d1807ce', d: "M0,5.71428571 L3.42857143,9.14285714" }), h("path", { key: '1fa1a9f56875cfd60d1595f05bf8a294bd85aaaa', d: "M9.14285714,0 L3.42857143,9.14285714" }))))))), !this.checked && this.indeterminate && (h("span", { key: 'd263c3e0de02a8c17869ff74b6c864d23d7539e6', part: "indeterminate-icon", class: "checkbox__icon" }, h("svg", { key: '192a9d79ce11edb96b51776a5d0a517ea160d0e6', viewBox: "0 0 16 16" }, h("g", { key: 'ccd9afa0efe3c764521dd1d34e02c2680b68fb37', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("g", { key: 'f9d774248f858e7ff08d91a23f4a0290b2000a66', stroke: "currentColor", "stroke-width": "2" }, h("g", { key: 'd098b4ab5ee88a3d90f13488d86a3f37a382fee9', transform: "translate(2.285714, 6.857143)" }, h("path", { key: 'd47b208149e864b67ac8d25c0607b6e5868262a7', d: "M10.2857143,1.14285714 L1.14285714,1.14285714" }))))))), h("input", { key: 'e3da5bf1a133e8a31a6abfd8852cd1e8434f1861', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, role: "checkbox", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: '298954f2c0314e37a43fb47a8d1e9a3069f7ee4e', part: "text", id: this.textId, class: "checkbox__text" }, h("slot", { key: '539f5cde4f4a771422145d6faf4a611c1c07b74f' })))));
+            }, htmlFor: this.inputId, onMouseDown: this.handleMouseDown }, h("span", { key: '3b1b498990230af36325505f7ca0c4a6b8920f3c', part: "control", class: "checkbox__control" }, this.checked && (h("span", { key: '3860a3eb88f6f83d483ec7285c409660758a7987', part: "checked-icon", class: "checkbox__icon" }, h("svg", { key: '1d8597170e10f7233865e98c440db3854e173a90', viewBox: "0 0 16 16" }, h("g", { key: '3c214889063cae7872ecf38c139851df47b5cb7a', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("g", { key: '1593cb9509ac041f11f12a3a992d9adff8808d6f', stroke: "currentColor", "stroke-width": "2" }, h("g", { key: '9cc6010c84cdc82ecc2f2e83983cb8d1862a10d6', transform: "translate(3.428571, 3.428571)" }, h("path", { key: '5727cd4b7250f3d3e28d573e658f2d61dd80835c', d: "M0,5.71428571 L3.42857143,9.14285714" }), h("path", { key: '7cd48917d5c5479b303a5d16bb0711ea373222f0', d: "M9.14285714,0 L3.42857143,9.14285714" }))))))), !this.checked && this.indeterminate && (h("span", { key: '921925edba191dc728f6c080b253d55ff158ca1f', part: "indeterminate-icon", class: "checkbox__icon" }, h("svg", { key: 'e6ed138e7ea3d6917897522bbebc5604adc3372e', viewBox: "0 0 16 16" }, h("g", { key: 'af26d95b77942c7280230269681f15a940d3cb8a', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("g", { key: 'f9594ba554f21fd63106ebe12810081c3c083d84', stroke: "currentColor", "stroke-width": "2" }, h("g", { key: '18f0e331348b0b0e8bdd266e3f56280a79c25d08', transform: "translate(2.285714, 6.857143)" }, h("path", { key: 'd26bd08e158169090186394370d894d1fc0f1a4e', d: "M10.2857143,1.14285714 L1.14285714,1.14285714" }))))))), h("input", { key: '0c71ecd68bc1ee72f760bd3d498f2521ff503cdb', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, role: "checkbox", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: 'e26fa50555696c966b42f6546edcbd8b38dca448', part: "text", id: this.textId, class: "checkbox__text" }, h("slot", { key: '46556b4f621e998936118329572fea064b3fbe64' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-details2.js

@@ -126,15 +126,15 @@ const SixDetails = /*@__PURE__*/ proxyCustomElement(class SixDetails extends HTM
     }
     render() {
         const summaryIcon = this.hasContent && (this.summaryIcon || 'expand_more');
-        return (h("div", { key: '790a6c1cdc4bbc6c266f9e24bf7c94d151379115', ref: (el) => (this.details = el), part: "base", class: {
+        return (h("div", { key: 'e37ffbc5d21596e81b09b4fd717ea3c89029d528', ref: (el) => (this.details = el), part: "base", class: {
                 details: true,
                 'details--open': this.open,
                 'details--disabled': this.disabled,
                 inline: this.inline,
-            } }, h("header", { key: 'e02a32f9923779375d81ee3d79d89aa2ddea38a1', ref: (el) => (this.header = el), part: "header", id: `${this.componentId}-header`, class: "details__header", role: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.componentId}-content`, "aria-disabled": this.disabled ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onClick: this.handleSummaryClick, onKeyDown: this.handleSummaryKeyDown }, h("div", { key: 'd8647eb075674116011662baf9b8baf3130ae0b7', part: "summary", class: "details__summary" }, h("slot", { key: '5e53c611396e795eb725e4ff364127a781544aad', name: "summary" }, this.summary)), h("span", { key: 'a2108bba713114123324ab7e41a250755daa5204', part: "summary-icon", class: {
+            } }, h("header", { key: '8e42100a1a675122482a6f98f59233c9e2824c8b', ref: (el) => (this.header = el), part: "header", id: `${this.componentId}-header`, class: "details__header", role: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.componentId}-content`, "aria-disabled": this.disabled ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onClick: this.handleSummaryClick, onKeyDown: this.handleSummaryKeyDown }, h("div", { key: 'c801b8cf8e6d01587f68ddb16402ba144f0d7414', part: "summary", class: "details__summary" }, h("slot", { key: '6abc028d09afb3e6c84bbdc2ef21f8472e9e3ab1', name: "summary" }, this.summary)), h("span", { key: 'd746ee18b3d3ad82dff099aa7cf4d3064aff1d3d', part: "summary-icon", class: {
                 'details__summary-icon': true,
                 'details__summary-icon--animate': this.animateSummaryIcon,
-            } }, h("slot", { key: '344e5c319ce8e8fe2171afa277a4799c8477178b', name: "summary-icon", onSlotchange: () => (this.animateSummaryIcon = false) }, summaryIcon && h("six-icon", { key: '2b0fc2a643d699fcd17138d8cbf7320957d909b6', size: this.summaryIconSize }, summaryIcon)))), h("div", { key: 'e09bd4d2cb12bc92c595db4ada7d435b24453fb8', ref: (el) => (this.body = el), class: "details__body", onTransitionEnd: this.handleBodyTransitionEnd }, h("div", { key: '065ff7a042f603ccbccd137ecaba36016ccadf6b', part: "content", id: `${this.componentId}-content`, class: "details__content", role: "region", "aria-labelledby": `${this.componentId}-header` }, h("slot", { key: 'c7fa18ef6842f4f8af87e02d7a2e7ae892664276' })))));
+            } }, h("slot", { key: '3d3f60704b563f53bede51f313134c06ee2fe12e', name: "summary-icon", onSlotchange: () => (this.animateSummaryIcon = false) }, summaryIcon && h("six-icon", { key: 'eb4f6c11e5e23423d901b44cda8c9bb64b641345', size: this.summaryIconSize }, summaryIcon)))), h("div", { key: 'd5979fb0a16394cac15871b386aef52f2d8b79cc', ref: (el) => (this.body = el), class: "details__body", onTransitionEnd: this.handleBodyTransitionEnd }, h("div", { key: '5d131c7fa9e218e4f2a024350fd7c583ff6db897', part: "content", id: `${this.componentId}-content`, class: "details__content", role: "region", "aria-labelledby": `${this.componentId}-header` }, h("slot", { key: '91bb01513e084f8ebbb9e02a53bc0778e60a14f4' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-dialog.js

@@ -117,12 +117,12 @@ const SixDialog$1 = /*@__PURE__*/ proxyCustomElement(class SixDialog extends HTM
         unlockBodyScrolling(this.host);
     }
     render() {
-        return (h("div", { key: '6f14cb488875cc193db6e577ba338514a548f938', ref: (el) => (this.dialog = el), part: "base", class: {
+        return (h("div", { key: '75859da889a7e5a2fe52734bf3676a340696745c', ref: (el) => (this.dialog = el), part: "base", class: {
                 dialog: true,
                 'dialog--open': this.open,
                 'dialog--visible': this.isVisible,
                 'dialog--has-footer': this.hasFooter,
-            }, onKeyDown: this.handleKeyDown, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: 'a68c26974993aae32b5af10726994d49673c548e', part: "overlay", class: "dialog__overlay", onClick: this.handleOverlayClick }), h("div", { key: 'd65b34ab367b255e11ec0153c5bbef8dea9b37bc', ref: (el) => (this.panel = el), part: "panel", class: "dialog__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: 0 }, !this.noHeader && (h("header", { key: '9134f6b97e1115ee8a4921ce8a43b7fff93cc9a4', part: "header", class: "dialog__header" }, h("span", { key: 'f373bc7278c75661c420cdd4cff713965988fa73', part: "title", class: "dialog__title", id: `${this.componentId}-title` }, h("slot", { key: '23e17699f04a560f79127127eed5e2d93ef0a40d', name: "label" }, this.label || String.fromCharCode(65279))), h("six-icon-button", { key: 'f0cbdbbd0d99ae5307d0aaa7e543346549ac59b9', exportparts: "base:close-button", class: "dialog__close", name: "close", onClick: this.handleCloseClick }))), h("div", { key: '7cef3cee366fa1b5dd2666e2cd38591092e599ec', part: "body", class: "dialog__body" }, h("slot", { key: 'f5547ca08f289964e90e1897de2c662cf2ef4ecf' })), h("footer", { key: '6fd4cc4b379881d0d773dcb7c169319ebbd1cc86', part: "footer", class: "dialog__footer" }, h("slot", { key: 'f16e994808340a7c7d92069769af0f191fcbaf19', name: "footer", onSlotchange: this.handleSlotChange })))));
+            }, onKeyDown: this.handleKeyDown, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: '6f5e118594c9f91a69d797ec21129ff7cc5dfc6c', part: "overlay", class: "dialog__overlay", onClick: this.handleOverlayClick }), h("div", { key: '0dda1345d1263cce5070ecc26eb80c13d3dbd8df', ref: (el) => (this.panel = el), part: "panel", class: "dialog__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: 0 }, !this.noHeader && (h("header", { key: '1598a701c0b49a3e8b4dfe57245cb9eaea9af96b', part: "header", class: "dialog__header" }, h("span", { key: '1398618fdc5802a2493e2f6c1919f8ff97ed73b9', part: "title", class: "dialog__title", id: `${this.componentId}-title` }, h("slot", { key: 'e8ba3e92b867a2f95e5bafbd2573a9a376591760', name: "label" }, this.label || String.fromCharCode(65279))), h("six-icon-button", { key: 'd967a6722d5da5daa397aa9f7a25b46da7fd336e', exportparts: "base:close-button", class: "dialog__close", name: "close", onClick: this.handleCloseClick }))), h("div", { key: '2b7b70d52fc2ce4a1aa9fdce3ddd8484f197f0e8', part: "body", class: "dialog__body" }, h("slot", { key: '109ac4b9bcb66d8df9ae060d8b7d9d6056ae3899' })), h("footer", { key: 'b45a2dce81ecbb194f9648255e5776fcf86af47b', part: "footer", class: "dialog__footer" }, h("slot", { key: 'cba1b4d078de3fb1d73d8224cb152df26e858871', name: "footer", onSlotchange: this.handleSlotChange })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-drawer.js

@@ -127,7 +127,7 @@ const SixDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SixDrawer extends HTM
         this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();
     }
     render() {
-        return (h("div", { key: '36e3f65ac5f2721b42452c5c8bb6b7c82caaf90b', ref: (el) => (this.drawer = el), part: "base", class: {
+        return (h("div", { key: '3f0c58a92f99ceaedd021a99055d4b9d3cb6b490', ref: (el) => (this.drawer = el), part: "base", class: {
                 drawer: true,
                 'drawer--open': this.open,
                 'drawer--visible': this.isVisible,
@@ -138,7 +138,7 @@ const SixDrawer$1 = /*@__PURE__*/ proxyCustomElement(class SixDrawer extends HTM
                 'drawer--contained': this.contained,
                 'drawer--fixed': !this.contained,
                 'drawer--has-footer': this.hasFooter,
-            }, onKeyDown: this.handleKeyDown, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: '1d882839efb405169548546f93eacabd88803051', part: "overlay", class: "drawer__overlay", onClick: this.handleOverlayClick, tabIndex: -1 }), h("div", { key: 'b53bc8fa6d3d233727f87b111b220674de9ab2d5', ref: (el) => (this.panel = el), part: "panel", class: "drawer__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: 0 }, !this.noHeader && (h("header", { key: '3d580bea13f4ce5e361a1789550b011e52af859e', part: "header", class: "drawer__header" }, h("span", { key: 'e068532fb2b4e517ef09289396cba476ab699331', part: "title", class: "drawer__title", id: `${this.componentId}-title` }, h("slot", { key: '35a8c80566e7083d532817bd9cc6fa2acbf4416c', name: "label" }, this.label || String.fromCharCode(65279))), h("six-icon-button", { key: 'a294b23eb653e39fc714adf63b6df7c4b46e9002', exportparts: "base:close-button", class: "drawer__close", name: "close", onClick: this.handleCloseClick }))), h("div", { key: 'a347e151af6ecb2d79c6b5773ddd533405e6b5b6', part: "body", class: "drawer__body" }, h("slot", { key: '5a0634971a10582fb22c3cbbecd0975a6b65fd04' })), h("footer", { key: '051fe5aa4ec54b0fe82a20f569884adbf29256cb', part: "footer", class: "drawer__footer" }, h("slot", { key: 'dce35b793bbc64207727c39f7cc8153a8102ca86', name: "footer", onSlotchange: this.handleSlotChange })))));
+            }, onKeyDown: this.handleKeyDown, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: '06d4b753471747898380ad96df47d14eb97f3191', part: "overlay", class: "drawer__overlay", onClick: this.handleOverlayClick, tabIndex: -1 }), h("div", { key: '3c5fc6ef2f0e6fa30feacd66534628385957894a', ref: (el) => (this.panel = el), part: "panel", class: "drawer__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: 0 }, !this.noHeader && (h("header", { key: '0b49d4f269ba18e09a4b249200385c58746057f2', part: "header", class: "drawer__header" }, h("span", { key: 'b6ae3162f1eef9678470add112b5a7588c1a59d2', part: "title", class: "drawer__title", id: `${this.componentId}-title` }, h("slot", { key: 'a6da570ad5f2cc9bfea3738be1f49f2da8e0e4bf', name: "label" }, this.label || String.fromCharCode(65279))), h("six-icon-button", { key: 'b91dcd172972abab22d6c3160d305a2188281a57', exportparts: "base:close-button", class: "drawer__close", name: "close", onClick: this.handleCloseClick }))), h("div", { key: '92e6853d2012222b7eaa29c1f8a3df56d138d7c5', part: "body", class: "drawer__body" }, h("slot", { key: '2abc9eb1633feb27ae0cf658602a79e5eef8a3f5' })), h("footer", { key: 'b772e1b63f3a50d1b68de0adae38aa28270fe884', part: "footer", class: "drawer__footer" }, h("slot", { key: 'a20158d9f897a62749150469ddb7e97ba545305e', name: "footer", onSlotchange: this.handleSlotChange })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-dropdown2.js

@@ -450,17 +450,6 @@ const SixDropdown = /*@__PURE__*/ proxyCustomElement(class SixDropdown extends H
         var _a;
         return (_a = this.panelSlot) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }).filter(isSixMenu).at(0);
     }
-    /**
-     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-     * is activated.
-     *
-     * @deprecated: use the property `matchTriggerWidth` instead.
-     */
-    async reposition() {
-        if (this.open && this.popover != null) {
-            this.popover.reposition();
-        }
-    }
     //
     // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and
     // `aria-expanded`. These must be applied to the "accessible trigger" (the tabbable portion of the trigger element
@@ -483,19 +472,19 @@ const SixDropdown = /*@__PURE__*/ proxyCustomElement(class SixDropdown extends H
         }
     }
     render() {
-        return (h("div", { key: '26cba1568dfda35efa2791df5c2228aa51201fb9', part: "base", id: this.componentId, class: {
+        return (h("div", { key: 'cc52ce0f9780812dbd3c4ae4bf25d96cc2a88fd1', part: "base", id: this.componentId, class: {
                 dropdown: true,
                 'dropdown--open': this.open,
-            } }, h("span", { key: '5bd9acd7e1470a88158b233df327090cccaf6707', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown, onKeyUp: this.handleTriggerKeyUp }, h("slot", { key: 'ab3915fb99a943f5e1ab8b9ad6c0339e6312614f', name: "trigger", ref: (el) => (this.triggerSlot = el), onSlotchange: this.handleTriggerSlotChange })), h("div", { key: 'f9615d2a48275ce167a683ffc5b6f1b4f3945732', ref: (el) => (this.positioner = el), class: {
+            } }, h("span", { key: 'bdcbe6a535449187ac2f45216dc7a1e5cb6bd209', part: "trigger", class: "dropdown__trigger", ref: (el) => (this.trigger = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown, onKeyUp: this.handleTriggerKeyUp }, h("slot", { key: 'e186b6d56ee406c4dfd265404334de54625929e3', name: "trigger", ref: (el) => (this.triggerSlot = el), onSlotchange: this.handleTriggerSlotChange })), h("div", { key: '5c8a3c859a2987023300566f713f9006b628319c', ref: (el) => (this.positioner = el), class: {
                 dropdown__positioner: true,
                 dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,
-            } }, h("div", { key: '121185720985a0650aa7a03d697fa66bb9752c35', ref: (el) => (this.panel = el), part: "panel", class: "dropdown__panel", role: "menu", "aria-hidden": this.open ? 'false' : 'true', "aria-labelledby": this.componentId }, this.filterEnabled && (h("six-input", { key: '7422f2a0179806aa116c7ae42aa71bcb79167395', class: {
+            } }, h("div", { key: '1a98de64de04d31d775460b08e587701e31b0481', ref: (el) => (this.panel = el), part: "panel", class: "dropdown__panel", role: "menu", "aria-hidden": this.open ? 'false' : 'true', "aria-labelledby": this.componentId }, this.filterEnabled && (h("six-input", { key: 'f1fe1336ecaf8ac27962a24d4053c4fe4fcb14f0', class: {
                 filter: true,
                 'filter-hidden': !this.open,
-            }, "dropdown-search": true, "aria-hidden": this.open ? 'false' : 'true', ref: (el) => (this.filterInputElement = el), placeholder: this.filterPlaceholder }, h("six-icon", { key: '5e22ddbdb949c2ec389bb238202e02e0b5905c66', class: "filter__icon", slot: "suffix", size: "small" }, "search"))), h("div", { key: '3212216bf8a156711ff7ea68ce916626146c1828', class: {
+            }, "dropdown-search": true, "aria-hidden": this.open ? 'false' : 'true', ref: (el) => (this.filterInputElement = el), placeholder: this.filterPlaceholder }, h("six-icon", { key: 'e243dab2dd7616eeff5940030cb950d4c58d29cf', class: "filter__icon", slot: "suffix", size: "small" }, "search"))), h("div", { key: 'c3c7dd6748d5664f80a2506f84a954bb004ec25a', class: {
                 dropdown__panel__scroll: true,
                 'dropdown__panel__scroll--virtual': this.virtualScroll,
-            }, onScroll: this.handleDropdownScroll, ref: (el) => (this.scrollPanel = el) }, h("slot", { key: '37626706d68beb0e3894e5db14af370a7433e5e0', ref: (el) => (this.panelSlot = el) }), this.options.length > 0 && (h("six-menu", { key: '014217ffca577be6a6d46aa212df955eb93f3233', part: "menu", items: this.renderedOptions, virtualScroll: this.virtualScroll }))), h("slot", { key: 'a9fd4bc79298e9e720f9608717dec61c3bbc3100', name: "dropdown-footer" })))));
+            }, onScroll: this.handleDropdownScroll, ref: (el) => (this.scrollPanel = el) }, h("slot", { key: 'db2d71995c04a1991637afb86b052193ef1899d3', ref: (el) => (this.panelSlot = el) }), this.options.length > 0 && (h("six-menu", { key: '70057ee0dbd07357db1b3474ee0093f00feabee9', part: "menu", items: this.renderedOptions, virtualScroll: this.virtualScroll }))), h("slot", { key: 'da379b66ef95f53335cdea54eff1aa5eb0190053', name: "dropdown-footer" })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -527,8 +516,7 @@ const SixDropdown = /*@__PURE__*/ proxyCustomElement(class SixDropdown extends H
         "matchTriggerWidth": [4, "match-trigger-width"],
         "renderedOptions": [32],
         "show": [64],
-        "hide": [64],
-        "reposition": [64]
+        "hide": [64]
     }, undefined, {
         "open": ["handleOpenChange"],
         "distance": ["handlePopoverOptionsChange"],