@getflip/swirl-components 0.198.0 → 0.200.0

package/dist/cjs/swirl-app-layout_6.cjs.entry.js

@@ -198,9 +198,9 @@ const SwirlAppLayout = class {
             "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
             "app-layout--sidebar-closing": this.sidebarClosing,
         });
-        return (index.h(index.Host, { key: '6669b2c98406333feee455553fe0d5d03d3244b8' }, index.h("section", { key: '1ee92631037025987491babda4e78ea63d35377b', "aria-labelledby": "app-name", class: className }, index.h("div", { key: '63ae4a87fbe7e728c81183def7afdf108588f83e', class: "app-layout__grid" }, index.h("header", { key: '6182b13fd6f4031aa0581c286cc4b517d3c5f66d', class: "app-layout__header" }, index.h("span", { key: 'f4932b66237cbdcab317641027ef62428b98dfff', class: "app-layout__navigation-mobile-menu-button" }, index.h("slot", { key: '684aa1471fd24535b36e75408a45f41bc03345e1', name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (index.h("span", { key: '8f0d872fb075ef91f0f62a514dfe25a0124f252c', class: "app-layout__navigation-back-button" }, index.h("swirl-button", { key: '7f6025c9f07eecb118fc6939ee0b0b78c4aee6d7', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), index.h("swirl-heading", { key: 'd635de3c9562eac9b4bce1c70baa8b90ae277b69', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (index.h("span", { key: '87fc56959a7f02183166ad6b356c4ac06316ccbb', class: "app-layout__navigation-controls" }, index.h("slot", { key: '8b091346c443dfe4383ac1a2e1500fbd2379b9b3', name: "navigation-controls" })))), index.h("nav", { key: 'f204ad5f648228d9a47e1fb47eab5e5b69631f02', "aria-label": this.navigationLabel, class: "app-layout__navigation" }, index.h("slot", { key: '02c4eef4f8b62ab328a370045174c245402f662a', name: "navigation" })), index.h("section", { key: '37bc6fa312a75e60f0a6702e41de1f5036efb008', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (index.h("header", { key: 'c43967cff5d5cb3283707b063b0cb8fb14dcfec4', class: "app-layout__app-bar" }, index.h("span", { key: '410c2ebe8d9e737706cc307af7447c3b8ea0d75d', class: "app-layout__app-bar-mobile-menu-button" }, index.h("slot", { key: 'd9a962e75a42b2d4f333d5f12a42e1ea1a12951b', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (index.h("span", { key: '4ed9a8d4868bc5ceaf311b132f8f325144fa707c', class: "app-layout__back-to-navigation-button" }, index.h("swirl-button", { key: '442aa8979bc5c95ce973d41bbe7c28f2a991d11d', hideLabel: true, icon: this.transitionStyle === "dialog"
+        return (index.h(index.Host, { key: '6d961491aca6930666b7d587789eb3bff6bf1e2d' }, index.h("section", { key: 'e34654e362f28c3a57aa4716a3a10a86909d9aa8', "aria-labelledby": "app-name", class: className }, index.h("div", { key: '3e6cc02c9c3701e195a8a92f97f2fa49be7a5325', class: "app-layout__grid" }, index.h("header", { key: '7b4b7743aa9225c591f05705f18d50bd3009bfff', class: "app-layout__header" }, index.h("span", { key: '18050ae2d54fd438da16a6df7a57ecd80fac35a6', class: "app-layout__navigation-mobile-menu-button" }, index.h("slot", { key: '2a4a8d6f30c2e5e02ab512ff2be09197ea61c68c', name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (index.h("span", { key: 'c461ab4bd9f6f116cd6c019c0e967633946f0a5c', class: "app-layout__navigation-back-button" }, index.h("swirl-button", { key: '94a59959334c405d871b9d89b7d72c25a644571c', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), index.h("swirl-heading", { key: 'f5fd24b0ad24656831b66da8c024df6d1f5c62a6', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (index.h("span", { key: '04a2d228a04980e946b2d764bf1783a7c75a8e2f', class: "app-layout__navigation-controls" }, index.h("slot", { key: '1850db373293226330e64f6c45cb6d2b1792b6fe', name: "navigation-controls" })))), index.h("nav", { key: 'f90677d445f076e80615a73265e1abf5fd206821', "aria-label": this.navigationLabel, class: "app-layout__navigation" }, index.h("slot", { key: '1342aa7f9766d8bc7f5ceff39ae14b407871ba5b', name: "navigation" })), index.h("section", { key: '54bbd47bd318cf77ccfeee3ca0176504928d6c62', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (index.h("header", { key: '6861a37fd4fbafcf4389f9df561abc1010fe94b8', class: "app-layout__app-bar" }, index.h("span", { key: 'e92f067fbf50cca7931213bc75cf195210d5cd29', class: "app-layout__app-bar-mobile-menu-button" }, index.h("slot", { key: '37c85dcf2fa77c37ea3aef4537c313ac14eb9ad9', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (index.h("span", { key: 'a647140e357d1099774c239dbdb0c486aeedc74e', class: "app-layout__back-to-navigation-button" }, index.h("swirl-button", { key: '86b0502d617c12fb7123ef81c46126cc5ea18fca', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), index.h("span", { key: 'e98e6c634278149c73b9b064e7364aaa25eb97fd', class: "app-layout__custom-app-bar-back-button" }, index.h("slot", { key: 'f06666455e54a7dfcfa9b94aa47fc24db9281675', name: "custom-app-bar-back-button" })), index.h("div", { key: 'c7f9906b22f61219203162cd3dceb21afb807ecf', class: "app-layout__app-bar-content" }, index.h("slot", { key: '1ec7cb2569a93ad414b57f2da951aa4036592d57', name: "app-bar" })), index.h("div", { key: 'f951fa2be8b2a92175a0bd5b007e2fe131b79c35', class: "app-layout__app-bar-controls" }, index.h("slot", { key: '95bc12dd1a1695d05d972de033979231752fa0eb', name: "app-bar-controls" })))), index.h("div", { key: '73f3e5b01666ad0b8744d557d8ac620296de069e', class: "app-layout__banner" }, index.h("slot", { key: '4b3041a0fd7f6e4e4457b0868832e33cc76852a4', name: "banner" })), index.h("div", { key: '7143b730f21f69330a2d35081ed9fe8553757879', class: "app-layout__content" }, index.h("slot", { key: '88922dd8cb925df0e8905954c7740969c09c74d2', name: "content" })), index.h("div", { key: 'd28078f915fd03d80031749d7c46f45a43405b7f', class: "app-layout__bottom-bar" }, index.h("slot", { key: '5290d8ed20d1528c11c7389c64b8c89e3d9220e3', name: "bottom-bar" }))), index.h("aside", { key: '4fa7b0476c3ce9f0644de3a3bb91de47e13e2333', class: "app-layout__sidebar" }, index.h("header", { key: '5cc37ad993a66e0c5b452656877b026daedf2a22', class: "app-layout__custom-sidebar-header" }, index.h("slot", { key: '85e16e72ca427e58b477b999b33f6eb8309b050d', name: "custom-sidebar-header" })), index.h("header", { key: '99bd578231f336f0e518556fa431c87570b06db8', class: "app-layout__sidebar-header" }, index.h("swirl-button", { key: '17b6c0dfc018646775b7f21647a4fc5d71e32991', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { key: '6c94f955b7792ea20dbaea185697c976532b0880', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { key: 'd582f3a4988013796c0130e7e9de2ae376bdd88e', class: "app-layout__sidebar-content" }, index.h("slot", { key: '8a22cc1a9d2fc54d860407685b7f1f00d72fcc40', name: "sidebar" }))), index.h("span", { key: '41d05516195ef0b8a39d0307bdd63b3686fb18d9', class: "app-layout__floating-action-button" }, this.ctaLabel && (index.h("swirl-button", { key: '020fed78f1d6741cdf85113a370851596f826f80', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), index.h("slot", { key: '7e4f9fb98d67d7befddec8a62b66659ddd22d232', name: "floating-action-button" }))))));
+                : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), index.h("span", { key: '0d1bef25d834457390cc3f1e8a16af30ee8ec411', class: "app-layout__custom-app-bar-back-button" }, index.h("slot", { key: 'ef609f9b32db88320c940927939b2bd3f87a28e5', name: "custom-app-bar-back-button" })), index.h("div", { key: 'd885bbea33f0c6b046e8cd574f61623e3b7cc225', class: "app-layout__app-bar-content" }, index.h("slot", { key: '70189b7672d8b70f490c3efdfde15d82c0b5c48c', name: "app-bar" })), index.h("div", { key: '23b3747628acc4fd2c61ee54de55253a3fc41203', class: "app-layout__app-bar-controls" }, index.h("slot", { key: '1bb20b112b186544833b10d3f67d48b002773bbc', name: "app-bar-controls" })))), index.h("div", { key: '33bad47951b64672f1f838b96d51e7e9f9d7c832', class: "app-layout__banner" }, index.h("slot", { key: 'e59682438a1d7aaec36e143c0c07d69a2205a24f', name: "banner" })), index.h("div", { key: '322eab095e9bf9d01f331adccdcd8953fcfa9fd0', class: "app-layout__content" }, index.h("slot", { key: '259690ee199cdc0ac3d037733b54544ea2b483ee', name: "content" })), index.h("div", { key: '7495427d0a523a22268c19c4ae56c977b4e295d0', class: "app-layout__bottom-bar" }, index.h("slot", { key: '50cc7202f5bbec17324ca23378617831d9fc199d', name: "bottom-bar" }))), index.h("aside", { key: '781981ef566aa8717d94331549272e7b9d2eeb6a', class: "app-layout__sidebar" }, index.h("header", { key: 'e6df1707394682f125448c1cf770600539bb1cfa', class: "app-layout__custom-sidebar-header" }, index.h("slot", { key: '6e6187ae87c94d9c2a2e7e6f573a384dcea43125', name: "custom-sidebar-header" })), index.h("header", { key: '7d9a21343c070d3a9aeea9236852be1a2cb12e1e', class: "app-layout__sidebar-header" }, index.h("swirl-button", { key: '6f4a53a16176d30139d497f4b510586f3bef2252', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { key: '6b32dc32a6844cfd258d0148a949f06fa86a222b', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { key: '64914275c88e1843af23ad087774d48092c70a36', class: "app-layout__sidebar-content" }, index.h("slot", { key: 'c6667fcf5d7702704752360854d9181d8ff35652', name: "sidebar" }))), index.h("span", { key: '7b8347d1a450aaed9c2e31ae1f308f46a760227b', class: "app-layout__floating-action-button" }, this.ctaLabel && (index.h("swirl-button", { key: '62393818e2205700c6b090dee8783049f95c747c', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), index.h("slot", { key: '32708bdfa2a5a36fbc7cd79bf0012bbf1928db68', name: "floating-action-button" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -665,7 +665,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (index.h(index.Host, { key: '65de45c6f1b2e814c181d14c7718ce9facdba2b4', role: "row" }, index.h("div", { key: '27b7975b8c9d3f829f9b876a258e01a728010de7', class: className, role: "gridcell" }, index.h(Tag, { key: '4d0dd035d55fd777b89592ccc4313e6a39b2811b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '623184a8bf39d95d55daf1c0c73f5b84e9d507c9', class: "resource-list-item__media" }, index.h("slot", { key: 'cfc8ed03ae602566822d2c93b7ea2029b3ffb440', name: "media" }))), index.h("span", { key: 'd5d0d1e29135742ce8a6b48570b3d3ea628083fb', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: '59280c630d28f56312b317389d8421ac83a3e97a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '7cd4a798340b46c1c5e428b3f6b61346a8a59700', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '545a8080d2266ae7ccf37aafdc01dd227a364bc9', class: "resource-list-item__meta" }, index.h("span", { key: 'eb0059c448afbfe23f4da04eccf9667b70a4123d', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '52c77f4fa84d8b464cac63298d1cbd205d8389d0', class: "resource-list-item__badges" }, index.h("slot", { key: '943ca2932df39769826c385824416cfc6221cbea', name: "badges" }))))), this.selectable && (index.h("span", { key: 'd6ba61f5818ad98e378b04adde3e0ec823ae75dd', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '631d841cefde94f598a5ea0d088282ae805e216a', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '9889d6b6ba4c4439c33001700a62586ce9f0b083' }))))), index.h("span", { key: '36e0b65120eb325e0a6691fb2120a8237d5ce868', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: '82a1b86901c6eac56b6e57c37b7972541480e426', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '68063b35294b8ffa12ea673c434d38113121d35f', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'cb00660ea3fb9fdebc4f28c2623e4c9f2afc4877', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '9cca689ba73576abfebcb163b2b6af0306b98d2d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '6dd9f13b0fb45dff00b689564f2360eb573923d7', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '007dd02e5de6eb43eed280be8d9ac171381611d6', role: "row" }, index.h("div", { key: 'f8bb8244f8264a7931d1a11c8c189ec23a5e090c', class: className, role: "gridcell" }, index.h(Tag, { key: 'f65d3c73db39ea39477549fec41f094164b7acfb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'a8251920557048c6dc745ccebf275bb56d257eff', class: "resource-list-item__media" }, index.h("slot", { key: '1b76ab99b80440c5a3941597c6ae843ca1155b90', name: "media" }))), index.h("span", { key: '0dbaad3c45f79687f369510a2a2316d7a240ceea', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: 'ae2de7cce9c28f56587aec5f539607aa7a6e1917', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '04df62160bd2531f9e8fd571da30283702d2fa59', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '20529f3131054e8a8fda42ef55e5861f45e9577c', class: "resource-list-item__meta" }, index.h("span", { key: '92bf664d9335154929766e6808a290aefceab171', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '5391c252bc526e9257037944796e7c00994b835e', class: "resource-list-item__badges" }, index.h("slot", { key: '8d591183dba34e33e85bbf50f0a5b344f08d6061', name: "badges" }))))), this.selectable && (index.h("span", { key: '303085931b5f773fb858acafcd68dc8982b4380b', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '7c991940eaeb3f1d903fa1379c9aa08849539d42', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'bf48f8c8c0e5c573fd6f627115d6b54d3535f852' }))))), index.h("span", { key: 'c2af6997a43abf73cb7d9ae7c076c36a5218593d', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: '80dd98d66ffdf8dae566d4fc1e9c94c0c619faef', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'e7e6e3cd659413c2e7dec432c366d9d0585d3183', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'fe4e73ee6f18d3a578ef29a2c4d6070407382824', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '17061d6ecc880827eff61a03a828f0ec077de165', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'fe93f1d8acf06d512bdff43ad997b9c663e3f47e', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-autocomplete.cjs.entry.js

@@ -210,17 +210,17 @@ const SwirlAutocomplete = class {
         const className = index$1.classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (index.h(index.Host, { key: 'a6b1864a1d1022a24c22a1b37e9953a3c232c2bc' }, index.h("div", { key: '57be24dac5a4c174bf7941c07a05b3431487dec3', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (index.h(index.Host, { key: 'e523e43c9a3f188b280212d75eb7cda439efa16a' }, index.h("div", { key: 'bc223dea7f5ee6dcfcb7ff1fec7548f3e70ba02f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (index.h("div", { key: '6b8b6268c1b208b7cc378ee4a22f05fd4b30df51', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: '0b82d5899891d8ba4d07fe012cc1a8c501fdf62c', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (index.h("div", { key: '3cf9889c1c2398778346eb598232095472ac03ce', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: '710997aa77b59d1d997de03b32a91e699a7403a4', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (index.h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), index.h("swirl-text-input", { key: '929f9be8b336bdae9c31e9bc2e98936cf9a3ff86', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: 'a53953db455c7f3515cf394390c2c0089ed7155f', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), index.h("swirl-text-input", { key: '67c627131a343cd5eab355baa0ce3d6113672a72', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: '1fa4b4c6e1c2116779b3e019f138ceae18143397', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (index.h("div", { key: '44ce277c6dc3571ae5fb22f31eb28dce7c54f0d7', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: '4fdbda089dd91a9aab0f1559d753a239fbfaeb9c' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: '7be30b1c4ba99ceda255c507be07917d19e965ef', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (index.h("div", { key: '25bf6f40fc87b6273e8a627aab03c9de2d1a3130', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: 'e4e2d6ad0fca0adeea6770d339fcc310fd522083' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: '7c155395c8eca3d516610ee58c76b4da3465c7a8', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

package/dist/cjs/swirl-avatar.cjs.entry.js

@@ -110,7 +110,7 @@ const SwirlAvatar = class {
         });
         const badgeClassName = index$1.classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = index$1.classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (index.h(index.Host, { key: '38e7fdc01d2cecd4d17a2fa040c61ffe1c8a8592', "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: 'd3b5aff230c79d4b77fb68d7ba8627c9f1f457db', class: className, part: "avatar" }, showImage && (index.h("span", { key: 'f849bd9c9fb03744706fd2359d32e97f96331bbd', class: "avatar__image" }, index.h("img", { key: 'af33045f4385a047dbba8eb5336f1608552bb947', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '6d1bad70e7a6afa0d74780fc730d18b196193924', class: "avatar__initials" }, index.h("span", { key: 'b65c566aa22a4a208511967969aad5b8d9665f79' }, this.initials))), showIcon && index.h("span", { key: 'bc0f43846240cb026d6762814e1d8d0719e10577', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: '046588d4ddc12fca345e48c691691f6404d0fd29', class: "avatar__icon" }, index.h("swirl-icon-person", { key: '67d6eedba866483ed582a06a6e6e3292cf3970c0' }))), showBadge && (index.h("span", { key: '682c1ab0a83634fedf76a5188992a5a7a55d68d8', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '815f38e18f11e8938f1483fee33a7cd51dba23a4', class: toolClassName }, index.h("slot", { key: 'c83f80bd8a67386bf75c7d7182e22f87352be94d', name: "tool" }))), this.showLabel && (index.h("span", { key: 'e71fb04bfb8f8a9dca53a13eb510d2c037bd07ca', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (index.h(index.Host, { key: '6e71cf7f05ca78c5d2dbc3180fce8bb0bee5e18c', "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: '0d7b2870ae59e6628e96c38a18c747ef8ee09c54', class: className, part: "avatar" }, showImage && (index.h("span", { key: '8cf1235dfb9e3b30262f61f6aeef2d251db1fc08', class: "avatar__image" }, index.h("img", { key: '83eb8aa8d9c16116440e2a50c3a921109e96a812', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '4dffa0b362fbbc7413000f5fc5006d3566daf0c8', class: "avatar__initials" }, index.h("span", { key: 'b0e1479398b0f8ac0304fba2c38fdfa66e072fde' }, this.initials))), showIcon && index.h("span", { key: '13640b63ff186ca7fbe6d72eca77359cdb0eb4bb', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: '1bba16d3de264381aff4009ae5d2dfee9eb5f638', class: "avatar__icon" }, index.h("swirl-icon-person", { key: '004689c1bcd3d51b9cf8f8fce93a6923f8f41f6a' }))), showBadge && (index.h("span", { key: 'b2f9cd9ee49a3bf77781473a94ca68848f6299a4', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '29c112792ac8effec07fffadbf2b6997af304cfe', class: toolClassName }, index.h("slot", { key: 'a8e2bb8f60e382e86a0cb969af91ffc7195e5204', name: "tool" }))), this.showLabel && (index.h("span", { key: '4daf80748cdb5a3bacf5405e5ff58fd21febb37d', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-badge.cjs.entry.js

@@ -21,7 +21,7 @@ const SwirlBadge = class {
         const className = index$1.classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (index.h(index.Host, { key: '2a45ce5f53ccce7f5f9adfbb89b0ccb2eeb8f32b', role: "status" }, index.h("span", { key: '0867e1cb3bcb784ac62b398b507b0fdde199980a', class: className, part: "badge" }, this.icon && index.h("span", { key: '4925c5a12325a6b138efc8111bf4a84291ad808d', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
+        return (index.h(index.Host, { key: '33f35cb8399a9a9af91d771dff6b640b577c3b69', role: "status" }, index.h("span", { key: '95465982eb5690342abae2235b57644afd8cdd4d', class: className, part: "badge" }, this.icon && index.h("span", { key: '8a775d6ceb801d34380e82450879108dab4fcb37', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = SwirlBadgeStyle0;

package/dist/cjs/swirl-banner.cjs.entry.js

@@ -64,7 +64,7 @@ const SwirlBanner = class {
         const className = index$1.classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (index.h(index.Host, { key: '907969cc89868087c70da427ad854e339fb36b5b' }, index.h("div", { key: 'a59f652cc95d0bc1d54a2386776f66d8f9024631', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: 'e5ff90cda82b6391958b5a2abb5d41bbeefc84dd', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: 'fc2645f499ff1722a87d66ec5ffcf8df6699583d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'dafd92c3180fa570063d9daa5eccea6ec95a33d0', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: '027794d1f08c9724c83fdfc492f00a2292c4d32c', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: 'bea6ee6c86124ea90a7a031b3e27c2fd2aa3209c', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: 'b9450a6f407698029b4ad6c9596f6a70266c824f', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: 'e8c3bd11a64f88886a8849e05eaa14e3d01ca79d' }))))))));
+        return (index.h(index.Host, { key: '7d1d0fe808a0d56888901519a1d2c7d7a5953703' }, index.h("div", { key: '6f0482657ddd0b91ba5ca740db378e3fa5cad176', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: '82bc8952ea7cc638a13eb8997492515280793e70', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: 'd2d6aa7d78d04fdb16a5d9d632fef49977400690', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '637f8d6f03aa8b9ed71798b60a2a8b6f68c96e6b', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: '8c6ed8081c22c3f9121223ea2dc6bd3918f1babf', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: 'afd0254e27d026a1f828ec203eed23a6934c8dbe', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: '7842e8dc33cfc78226ade9d5b8d141809efbb9e7', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '44118f5b5f92f476440b3adb6d33b3c88ef3b5a8' }))))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/swirl-box.cjs.entry.js

@@ -86,7 +86,7 @@ const SwirlBox = class {
             "box--bordered-inline-start": this.borderedInlineStart,
             "box--cover": this.cover,
         });
-        return (index.h(index.Host, { key: '5036d24e9dabdf3d88144d74dc39ee57f8352062', class: className, style: styles }, index.h("slot", { key: '3d329ed23fdb6e82854c03894410c27f9de6f668' })));
+        return (index.h(index.Host, { key: '027b397f10e1f70fb7a0df7f63299949fe4ab7be', class: className, style: styles }, index.h("slot", { key: '57de1c7c3d70479fdc46e281475e4eed08d8a412' })));
     }
 };
 SwirlBox.style = SwirlBoxStyle0;

package/dist/cjs/swirl-button-group.cjs.entry.js

@@ -21,11 +21,11 @@ const SwirlButtonGroup = class {
         const className = index$1.classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (index.h(index.Host, { key: '681f8a5713e3df77d224a8a67f8d0faf9324a8b5' }, index.h("swirl-stack", { key: '23f4129e4aae721d7253864faad544e3e4a4f41e', align: this.orientation === "vertical" && this.stretch
+        return (index.h(index.Host, { key: '9687c6322ffcef953cfbe5e06e4a6f8adf480833' }, index.h("swirl-stack", { key: 'ee585a4758153b42d0f146e0e7e96f2af5248be3', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: '95ed9769652cb763410f69cc181291cbc79ab677' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: '978949b595ba449fe7b815b37e4526c2525f2bda' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

package/dist/cjs/swirl-button.cjs.entry.js

@@ -97,7 +97,7 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'ae93bfc51d8a1a45e982a1a64ea26953a4ac3315', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'aab4311c3b7031e209546880fb5d86dd5d2cbfda', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value }, Boolean(this.icon) && (index.h("span", { key: 'd3d0797df3044b4c9044a77978531b89dd5109c5', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: 'ced043185f9922cd7ea93e95b1a5dbbb857be804', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: 'd062178e7e317848025c0ff6391a9eb0641280ab', name: "icon" }))), !hideLabel && index.h("span", { key: 'c6b641ef7ad985a2f0aeeea05fdc8818155e43a4', class: "button__label" }, this.label))));
+        return (index.h(index.Host, { key: '3080eccf4241cc3696536782d66e444e755ebe8d', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'e1678ccf0a907f6e124ffd90382d8436ece74b4d', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value }, Boolean(this.icon) && (index.h("span", { key: 'a6bc374b9d89f2e8690c33ae24d811559b9813c7', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: '907936643a16569d8ad7e0cb9c2293a44c8acf3e', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: '258f476318ac7456fcca53a16ab1742b90bfdd7a', name: "icon" }))), !hideLabel && index.h("span", { key: '9f5a81854f0f3c05a70b10e0698aca6cfdc8d742', class: "button__label" }, this.label))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-card.cjs.entry.js

@@ -85,9 +85,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (index.h(index.Host, { key: '7e813203295a4404476560ceb2fd9be0f65baab1', styles: { height: this.height } }, index.h(Tag, { key: '0e5ff6445bd88fbd0f036381f2ba263d39bd4b6f', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (index.h(index.Host, { key: 'f8cecba3a843c247f876ed7b3cf56c8bbfeaa430', styles: { height: this.height } }, index.h(Tag, { key: '85afe38f7753ea8ea9250abaee724a7f8d9108e6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: '46dddf46a39268eb0880f818cf75ad5d9c3dfbe4', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: '387c7d9561b756c33723808d438a54ffe1132daf', name: "image" })), index.h("div", { key: 'd3125429757d21b599e2ade0d1577cb20dcd0743', class: "card__body", style: bodyStyles }, index.h("div", { key: 'd83ae81a23eaf7156e82f11de409272f8d112b3e', class: "card__content" }, index.h("slot", { key: '2e56f7bca41409d568358c61763b0264cb966f5b', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: 'b2928caa364fdfc8d038fb1011235b4314ec8a33', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: 'dfb6bacb00d851486db725151eb3a2d514492b72', name: "image" })), index.h("div", { key: '851a63e084daa1909fc030efd188d7c1251eea9f', class: "card__body", style: bodyStyles }, index.h("div", { key: '037c36a2f07355f42b2b95d2c2a9d9807fe02bd8', class: "card__content" }, index.h("slot", { key: '73a31f76e6d4af56cd2a925844f64c2d1167b1ad', name: "content" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-checkbox.cjs.entry.js

@@ -55,7 +55,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '9ce7a673ef9a88e4270cdc12803d534f2c6f021f', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'b36ecd889e3f0f1614c2bd87cfb78f64bd34b0f7', class: className, htmlFor: this.inputId }, index.h("span", { key: '7f86ad08873b47a92d25a327690a146673a179a9', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: '34eb49b1daccd4a5ba281e8f3c7fae5bfd3d9eec' }, index.h("input", { key: '086e780b0cf9cd614fd2f346e42086afd63813a5', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: 'c6e6f3b03b6d86c44b2722cf304843c95e35d133', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '5acf25a349bd02b339fa82e56c31dff8baed3e9b', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: 'ed41399b1d02bf3a9979fc50372ae1b16e9917d3' }), indeterminate && (index.h("span", { key: '94d04c4b59ad6a9ebdf59dfd00a7cf1be3193944', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '280d603bb3628dcfe810957af5346f61b5589019', class: "checkbox__label-container" }, this.label && index.h("span", { key: 'b7c8d8baa6210b81765c9ead697423262fc8b07a', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: '4aa4382779e0a3f6661051903f989055deeb85d6', class: "checkbox__description" }, this.description)))))));
+        return (index.h(index.Host, { key: 'cc5e788a984c8a5162b3d41f8984623ea0b2ede5', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '6c755f03de94374b926845de8d23c2ffe88c0010', class: className, htmlFor: this.inputId }, index.h("span", { key: '767be761f571ab2860d4aaece65cea955884fe6b', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: '03c17d3c4238b3cf12f5eaffea54ffcc06a5a41a' }, index.h("input", { key: '57f89f01c0e59bcd36c9cbf1445d75b66e5d06de', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: '22c96b4bf96cd453892ccf9efd970e20d32f57d7', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '09bcb150c233170cf5fdb0e0a112b70ae64f2b94', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: 'e14bd37c5a397a711a52855d58f8abc3b2b65810' }), indeterminate && (index.h("span", { key: '7873bc0ec60a7d7cf6cc465ac77b544851b44a14', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '667dfd4e4907c9966513064f04f4734a9cb964f5', class: "checkbox__label-container" }, this.label && index.h("span", { key: '0141f0b56214c9d1fc73f08cdd287572ff1f4529', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: '5d9fc09abccc81d2e6402b42c659380e75f72288', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

package/dist/cjs/swirl-chip.cjs.entry.js

@@ -56,7 +56,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (index.h(index.Host, { key: 'e1aa3d6e5abc5b8652930e204fd2f21350e750c7' }, index.h(Tag, { key: '2a0ff52f994baa202f73b92e6cf372a03b71e3b4', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, index.h("span", { key: 'a00655b888efce52d8651589b038b9b6ee790ce9', class: "chip__inner" }, showAvatar && (index.h("span", { key: '72a8708c65be771c72030fd12e3abd277221d0c2', class: "chip__avatar" }, index.h("slot", { key: 'bf7e00062f31a444d6d179da258ea9c1cce52822', name: "avatar" }))), showIcon && (index.h("span", { key: 'e814c8aa13d7f2b9485046ef33a9648f6b9c2167', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '3c73c90ff4d494ae6df80eed949d435cc7aff829', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: '2747a1413733286a482b470dfa938003509414eb', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: 'e01822a19fbb2d65181207f35270f7448f0f3d7f', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: 'c4d588616125ac9d1cb7eb3a9fd3fa643265f20f', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, index.h("swirl-icon-close", { key: '10e6bb7a44465b160fd3d6e95e06144f3c455515', size: 20 })))));
+        return (index.h(index.Host, { key: '6ce267d94331ffa5cd45590f776819ca81f0269f' }, index.h(Tag, { key: '9d20a1ac9558e920e7924b86178920ec91b6b77d', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, index.h("span", { key: '67ed858d088ff500b553db57276e99e94ba660c3', class: "chip__inner" }, showAvatar && (index.h("span", { key: '87e5bc08fc83e55f7d63dd3a38a18def3bfc0470', class: "chip__avatar" }, index.h("slot", { key: '3c7a52dcc434476313c61b43603ff3188758618d', name: "avatar" }))), showIcon && (index.h("span", { key: '16edc3a3da88e0e43eb81c7c8228e873e63e61df', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '951fc836655f2ba5046c2a9c8a56954087378fc3', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: 'bcda4f0a728956f5e18c642c316002c31e240443', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: '6aed56a2fa7702b583203768f5b734db1b215f4b', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: 'b762ed266095ef2bc96ba3fee9e689f4e6865479', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, index.h("swirl-icon-close", { key: 'ba7b0ccef7688fe8f385f422b8a8418249abf46d', size: 20 })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-columns.cjs.entry.js

@@ -14,10 +14,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'a4a09d1bf9d6ffe04d31a4c472f42b22242e078c' }, index.h("div", { key: '78bd1eca4903375d2f0d21006baaf4763fde5376', class: "columns", style: {
+        return (index.h(index.Host, { key: 'be4c273a9e25e8b0c32d7e90de79e60fed795141' }, index.h("div", { key: '5b834a7d9a058f0c2177648bc7320cd22b407a38', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, index.h("slot", { key: '632c8a4105f12ac1446850d4fa83be1a25a81b85' }))));
+            } }, index.h("slot", { key: '56c43acdf48ce8184e7b75ccc3ad0016bd2e285d' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;