@getflip/swirl-components 0.208.3 → 0.210.0

package/dist/components/file-manager.js

@@ -89,7 +89,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '5fef3d9788b5c227a0be70d61d1c5cf7b179651c' }, h("swirl-app-layout", { key: '8f9b26b5930548ea71c330d1b143c05efcccaac0', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '8d3cb59d203891143ee5af13fdb50e1c3bdbe90a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd29e6c471c41e85a80533d6206e44a29f433f195', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '0a796450c46e29910e5863c7c1fc6240c1ec58ee', label: "Sort items" })), h("swirl-stack", { key: 'ac19edecd0b2e04cd541406192ef3e850a41c221', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '5048f7bc65df1a54c425cef1d43adbbe259bfd88' }, h("swirl-heading", { key: '231c50277175e6f02ee3e6acb66e4b7730f5db13', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '30c5b4c277560b1a0af01a4e76a8c72ffecd73a0', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '036c09769f2e9635a8d5ab5e65928138142ed8e2', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3fc609b8c8be5d0299624e829eb9593c18b44ea6', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4bcf8d4a50729cb504c239a08c1b0d964555f8e2', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '662eef693225f4d309d17f0a1f2550cfdda1473b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'e452846619e5179ad9b28db0ae26dcd85bf0465d', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e3dad94a02251cd2c69572f93e18bcc2161b13c8', value: ["ascending"] }, h("swirl-option-list-item", { key: '74e2304ff02b2faf5ef6ccab390e6714f3245b56', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4ed43ed7109a5f42b5398e6f525cf10fc0c30216', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '3af74d7ad87629be9a95a40ff45b3759e642f13d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '2640ddae013215e11f45c96bb72512eee2527e71' }, h("swirl-app-layout", { key: 'bcce51f26f251bbd12cf9d033ab544d9d3d8b8f0', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'b1687c25b758ef778c8274001c5982b965db67d8', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '09c4c4cc86f0b741bb15a0612228726b7d61d13a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '3d7c7665c11058b5c960b49e7f7fbd0767b90539', label: "Sort items" })), h("swirl-stack", { key: 'e5c4aac64a4cabf77bbff7bd2aa9a8caa0cd59eb', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0fcd8f4e8f35ccfa6055efe2a5c8f44954b93107' }, h("swirl-heading", { key: 'e172485c4a16c4432c72953c6c561a28b75ed2d0', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '97b601b7277b7ab055f5249e760e16d60da6f008', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'eefefbc6e1f87b0efdf80d9f01adb08df10dd0b0', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'b04a665f962abc7763fbba796e921e864e329ab4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '383c4866de841375c6f1900a3083a3355b506f35', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '869271cababd568217e67e299ea1915d5a0c04a6', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '9a61870c149cf0c37e0b6280b937f092c1eb9f37', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'b3d525279f5569ceff8becd8f93a32f7716d7a93', value: ["ascending"] }, h("swirl-option-list-item", { key: 'dcc2112dd215698c6d4886bb00f4d470bfaf6cf0', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '43efed9c4983845c9b39e10aec950474fa3fd1e2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c35e82e79731aa643c5c6acd9d01218706157ed5', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/index.js

@@ -62,6 +62,7 @@ import { SwirlIconArrowLeft } from './swirl-icon-arrow-left.js';
 import { SwirlIconArrowRight } from './swirl-icon-arrow-right.js';
 import { SwirlIconArrowRightSmall } from './swirl-icon-arrow-right-small.js';
 import { SwirlIconArrowUpward } from './swirl-icon-arrow-upward.js';
+import { SwirlIconAspectRatio } from './swirl-icon-aspect-ratio.js';
 import { SwirlIconAttachment } from './swirl-icon-attachment.js';
 import { SwirlIconBarChart } from './swirl-icon-bar-chart.js';
 import { SwirlIconBlock } from './swirl-icon-block.js';
@@ -83,6 +84,7 @@ import { SwirlIconCloudUpload } from './swirl-icon-cloud-upload.js';
 import { SwirlIconColumn } from './swirl-icon-column.js';
 import { SwirlIconComment } from './swirl-icon-comment.js';
 import { SwirlIconCopy } from './swirl-icon-copy.js';
+import { SwirlIconCrop } from './swirl-icon-crop.js';
 import { SwirlIconDarkMode } from './swirl-icon-dark-mode.js';
 import { SwirlIconDateRange } from './swirl-icon-date-range.js';
 import { SwirlIconDelete } from './swirl-icon-delete.js';
@@ -171,12 +173,20 @@ import { SwirlIconPlace } from './swirl-icon-place.js';
 import { SwirlIconPlayArrow } from './swirl-icon-play-arrow.js';
 import { SwirlIconPoll } from './swirl-icon-poll.js';
 import { SwirlIconPrint } from './swirl-icon-print.js';
+import { SwirlIconRatioFourToThree } from './swirl-icon-ratio-four-to-three.js';
+import { SwirlIconRatioFreeform } from './swirl-icon-ratio-freeform.js';
+import { SwirlIconRatioSixteenToNine } from './swirl-icon-ratio-sixteen-to-nine.js';
+import { SwirlIconRatioSquare } from './swirl-icon-ratio-square.js';
+import { SwirlIconRatioThreeToFour } from './swirl-icon-ratio-three-to-four.js';
+import { SwirlIconRatioThreeToTwo } from './swirl-icon-ratio-three-to-two.js';
 import { SwirlIconRecieved } from './swirl-icon-recieved.js';
 import { SwirlIconRemove } from './swirl-icon-remove.js';
 import { SwirlIconRemoveModerator } from './swirl-icon-remove-moderator.js';
 import { SwirlIconReply } from './swirl-icon-reply.js';
 import { SwirlIconReport } from './swirl-icon-report.js';
 import { SwirlIconRoadmap } from './swirl-icon-roadmap.js';
+import { SwirlIconRotateLeft } from './swirl-icon-rotate-left.js';
+import { SwirlIconRotateRight } from './swirl-icon-rotate-right.js';
 import { SwirlIconSearch } from './swirl-icon-search.js';
 import { SwirlIconSearchStrong } from './swirl-icon-search-strong.js';
 import { SwirlIconSecure } from './swirl-icon-secure.js';
@@ -393,6 +403,7 @@ const defineCustomElements = (opts) => {
             SwirlIconArrowRight,
             SwirlIconArrowRightSmall,
             SwirlIconArrowUpward,
+            SwirlIconAspectRatio,
             SwirlIconAttachment,
             SwirlIconBarChart,
             SwirlIconBlock,
@@ -414,6 +425,7 @@ const defineCustomElements = (opts) => {
             SwirlIconColumn,
             SwirlIconComment,
             SwirlIconCopy,
+            SwirlIconCrop,
             SwirlIconDarkMode,
             SwirlIconDateRange,
             SwirlIconDelete,
@@ -502,12 +514,20 @@ const defineCustomElements = (opts) => {
             SwirlIconPlayArrow,
             SwirlIconPoll,
             SwirlIconPrint,
+            SwirlIconRatioFourToThree,
+            SwirlIconRatioFreeform,
+            SwirlIconRatioSixteenToNine,
+            SwirlIconRatioSquare,
+            SwirlIconRatioThreeToFour,
+            SwirlIconRatioThreeToTwo,
             SwirlIconRecieved,
             SwirlIconRemove,
             SwirlIconRemoveModerator,
             SwirlIconReply,
             SwirlIconReport,
             SwirlIconRoadmap,
+            SwirlIconRotateLeft,
+            SwirlIconRotateRight,
             SwirlIconSearch,
             SwirlIconSearchStrong,
             SwirlIconSecure,

package/dist/components/swirl-accordion-item.js

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'c5fb72c08f131695556830ce5e5f45a5bb330e15' }, h("div", { key: '4ce3375f9e483e6959633a2711200128f02f328f', class: className }, h(HeadingTag, { key: '82d4ec3328fea8f4c355a0291fb2025cb2305e14', class: "accordion-item__heading" }, h("button", { key: '2e2e3b323168087b6d695c6cad71f1ee86e26ea1', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'a862c7c928b242edb02451d09f226d51845435fd', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '65984aa6ba71b344652547c3f4d55609465ed063', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'fadaecd3a70f827bae216bb2efe1ced1ff2ee1cb', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '18ab125ef2bfff4bc25ef716b1ba010e866ed072', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '37f77dc559294c644c90b8d51aa60aa2c43c890d', glyph: "expand-more", size: 20 }))))), h("div", { key: '56500ffbc788733df911eb22a2689c69bb218c01', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a0ce193e34c23b918f33d6edb192cd72d6263edc' })))));
+        return (h(Host, { key: '67ec056db282f6271b840b625c1710210527407c' }, h("div", { key: '7ed31ee324bbe4ef5a0e33d06ffb823078f03456', class: className }, h(HeadingTag, { key: 'fbd251c20be3819cfa5532dda293dacd27289ef5', class: "accordion-item__heading" }, h("button", { key: '2cd388db9d9d03c3a4329d03805b251789f0d263', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'f6be5d604bcfb7e0c227c0c0d5d562f10b2869ff', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '96059f88e3cfcde327da3d3293d4c9b94abf5ab4', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '6b03e01c94eea37b12c7a284745557d3f5e37c35', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '611c58f03dceee0c25043454cc2c01074465edb0', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'f9f69e536d1d7dfa57f2dd32a836395696e260c9', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f74e1f5c467e3d7c7da0fa60bf9e253709f42710', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '81ad5306146b4666340fa22fb8f7ad47eb7f42c3' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '1d153043b4070ef905c97de8f659dfb04092b85c' }, h("slot", { key: '6c8b364ae769ef4b02bec8152c05e1f993226007' })));
+        return (h(Host, { key: 'c8f62fc637bf9d0dbf43b2560e43967d3cee76a8' }, h("slot", { key: 'c6bf9415b0a9669ab64badb00751f6afa58195ed' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

package/dist/components/swirl-action-list-section.js

@@ -11,7 +11,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '927db34f4367af342ca2be1f2a2c6ce608777908' }, h("div", { key: '17b5a7a69eba445e1f0d27ca33e7d9f0683a93e3', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '410a3f1233331e485c9d1c2a24c03359b487a681', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'fa6b1057a74618660e3be76cd1c8ba70bf9fb285', class: "action-list-section__items" }, h("slot", { key: '7301b7ea9965d57a7827e6d76bec2507fd38da27' })))));
+        return (h(Host, { key: 'cc51f08813f1a651387d90c76620808a3392bc1d' }, h("div", { key: 'c64e5ac3c2c5d0c5f0637cbd09e5b3a91afa5abd', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fecd8e137eba04498c10806f12325ba102f54632', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: '69c0c64930287f25d6f62b8893ed0d887bbcd166', class: "action-list-section__items" }, h("slot", { key: 'b6333e430fd01f0833256dcc179695bc13a25ea9' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js

@@ -80,7 +80,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: '016a68b1efafa34c75ffb472e15c9ef387cf0137' }, h("div", { key: '056ce0eaf6a271301f9ef6ee11688d9b31a0ea56', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '238ba8f4d7939c68ab1eb077cc20265e6b1c808d' }))));
+        return (h(Host, { key: '129448aa006c30c958b1b64fd47bf40f2c7c5f41' }, h("div", { key: '235c654c64873bc178006ed0c087ee356fb9f524', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '8d8c5bb1f457d5621efce8107aeec46a6516bfa6' }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

package/dist/components/swirl-app-icon.js

@@ -27,7 +27,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'f97bae487147f331d829cbcea9e37b31defa9588' }, h("span", { key: '6a7156db720270c6f282c8617a4f59ec9f738d2e', class: className }, showImage && (h("img", { key: '071fc2609df21ee9a5113ab7e5f990a4afed4a00', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: 'd0e18e9f999278717f081b8cf591428da15f96fe', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '6c27f777f760870cef358329017e125385567d6f' }, h("span", { key: 'baf94388b228a868887a4c99b856fd990f3dea5e', class: className }, showImage && (h("img", { key: 'ade0de82ead5b2138e3e4bfc8bda79020f64df04', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: '91c804d057676aeb86f5012875d7ab5248661ebf', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

package/dist/components/swirl-avatar-group.js

@@ -26,7 +26,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'aa452d582533099d963653e44756e5655409dbd7' }, h("div", { key: '7470d5a2177a97cf8911cb5eeb2e97f457bff3d4', class: className, role: "group" }, h("slot", { key: '67eec0d1d474e0d16ec4fe1ecd5d05b2ed827606' }), this.badge && (h("span", { key: '6931f33cb7588d3f49469ff492236911582732a1', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '8f6ebaa19ae5d93ace284fd60a37d0df0cfcce4d' }, h("div", { key: '873a1087e21a0a920a40a0c71a1a5454adfd3a1b', class: className, role: "group" }, h("slot", { key: '931817a6b8c18d44df5084ffc5d05898cff58206' }), this.badge && (h("span", { key: 'b05b79bc1d1386b851afe0aaee8d0c13951f5494', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

package/dist/components/swirl-carousel-slide.js

@@ -17,7 +17,7 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'b50291e7bf2669c2ec615fce2d37f6c9f5efde04', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5c1d732652c965ab30074809e1083e8626aad0a1' })));
+        return (h(Host, { key: 'd9e38fd7834a5a035e8a2a24c5c898eb77271560', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: 'aa8dc3486577d542ffbf648ee7f24206fe61734c' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

package/dist/components/swirl-carousel.js

@@ -110,7 +110,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
         return inInView;
     }
     render() {
-        return (h(Host, { key: 'aab30bbdf49103123c0cacf6707662830517a5dd', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '51abe6639be84f6da7908edcb7c7204ae381c6c9', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '843a9edbbe1f4d50e3c9a109046777b9dc98c3d0', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'fce0df1eb6eee6fba16792a8a5e2330fdd254880', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'd2a750724ff71b3457b424ce798e908787d3c18c', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'be830ac885a7dd1a74e44a60d4f6a5a2d41f6b62', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'ab6284673ed9d3701d6a41297cf54dfe8fa4b21f', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'b0af1b5346e22a468cc588938a7498c5b76ff143', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '247f7eee414bc41eaa316d510fed19970f139971', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '9450d0b04266a0fb4dab253d2851a5477496c926', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'f4a2817f13c37fdd8230fbdb31d69e6fd5139b8c', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3fd00348633157685456a8db9ecdecf2f06c01db', onSlotchange: this.onSlotChange })))));
     }
     get el() { return this; }
     static get style() { return SwirlCarouselStyle0; }

package/dist/components/swirl-color-input.js

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '8352e72b998968fc06ed04fae79859de65e356a0' }, h("div", { key: '47ea07d25b769067f820c0ffd40c2a2a0b01cb3c', class: className }, h("input", { key: '4df693430012a05e6ebf6cf9003260cb9638889e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'c7bb0d269b99f311431ead2d595b32906959642d', swirlPopover: this.pickerId }, h("button", { key: 'ce546a6fa398dfb87e2394424ecf4776f2421097', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '213b89441241c7d48a4d7ff97361719c0795f51d' }, h("div", { key: '69c73c16eef0406f9bda5e7755befb2436d25ea5', class: className }, h("input", { key: '52bef5a281b565e4f3ab4db1b0cff4325cfd9686', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '99d651102293d8f2cab5fc0e7c21b21c3152d4dc', swirlPopover: this.pickerId }, h("button", { key: '1d2155711ae5715be03cab8aa596edad59721279', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'c60b54773d946bed2421914cf18e074065f62e9e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '63ce435b1e85f527ce2d030b7014901043989cb0', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '50d27fb9cb3185a2a460de66042d3754e7e6cebb', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'dc83a20f750d85490e461127be048a085e7ebba8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '04f1a6ca6369efb970d7bd28b515d78729a253ca', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'bb33db580d6046a7804d79e9b927fc666cc47e8e', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-console-layout.js

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: 'd52f8f83e6279561cb64ff11e101c30fcde6f8e3' }, h("div", { key: '294149b8b664780b18cc65eef2b10522db88052a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'a6a2cede86c8f4279ef976a7f37ee2619d63a057', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '499dc2308fc459e4c3ef97dc17abedc198b3f49c', class: "console-layout__header" }, h("div", { key: '83d8aaf202c760179ca05f23529aaa1dafa2d648', class: "console-layout__logo" }, h("svg", { key: 'e6da137f47c7b2bb9ecc1fe86013f77b83052291', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb0923dd689f3e346e7a0a8fd321c2e67ab1af17', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '233ecc8b35d2e6f21a5ea4c37cd1baea2a6b3fdb', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '387e028dafc5b77d3882c8bbcb0d334e15a10127', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '66d4b599fe79636b8499351756629559e66feaaf', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '07f91e303a92b69b087880a473317971ef1b46be', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '570662e2d1695fbc3993ed4e321d6cbcc13e8afc', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'cb804e1b67680ff6756607c2a2040caa7f031fd2', name: "navigation" })), h("div", { key: '7e2ea380573637986ac7a54953c7e307ae33c18a', class: "console-layout__user" }, h("slot", { key: '45758c481176d01121fd42aa6bbf36540aa330de', name: "user" }))), h("main", { key: '25b71a83483adf1e140831cd3443b44b6e6549c1', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8b6d1f0f6beac3c9c6454238eaac78e199de2016', class: "console-layout__app-bar" }, h("span", { key: '15851469de10c137b7a8ecad4bebf4322cb2693c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '27de4173d0d00b966d275b7e6b30850f5f9d15c0', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '6102a10e4b85ffdf4c0ad26479eb65cf6b591c4f' }, h("div", { key: 'e3eb43ea9be1f1265e4c11d680055a80d771812a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'f70c29cd04f7e15e729157c835808e026bebab81', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'cb041896308e0de7d7d582eaefa2b1ab5010927f', class: "console-layout__header" }, h("div", { key: '26768e7021ce445aa1abe82e98676dd6a692e7cf', class: "console-layout__logo" }, h("svg", { key: '4d10c2957f78d22b4bec270117e73ad67622bae8', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '385071603c7ebb92a49644aed9e6d2afc0d787e3', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: 'ed381e66022813a9cc8c4c9e83f8286ae45398e1', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: 'cb69db573288d2ce6910ec60a37d0ffc9aa09e4e', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '1b0f3e3e611fea974059bc0a4b4bd076df6038ec', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'ebfe14bf95a037070d1a0dc6c9be7ed453667fb6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'a0d5e14248e3b27f9bb808631b8004049ca0bb12', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'feed0ce67994c77af92c841bba4c72489f506cfe', name: "navigation" })), h("div", { key: '637f56f5b67e2ba75f9ba0b83c46b74b79a57fd3', class: "console-layout__user" }, h("slot", { key: '6d76173a09f699e4c26a1f9e6b2f2e5a919ea1e9', name: "user" }))), h("main", { key: '55657f331d6b4dfdb981fee621141f4101b195a3', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'b0faf78b40cb9628ca0a0b385f810964fad79540', class: "console-layout__app-bar" }, h("span", { key: 'a83224e572c8bea864302b5e316d2432c6ad382b', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'bc385c66e2a876f5869c47105a237c28455d7dc0', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '4e3717a693a10e4e7b708fcbc934729348a46b9c', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '653177fde27c1e1892ca25fbcee3ec4184e76155', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '599d428c8d4da55b24e0853f8a9007a2886d1c92', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'f4f582384708afb8e14d4772d81ce6a008109433', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'ebe54095db6ffa3b99314921f0d363b490b84c20', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '0c5b09c9cfb6b898a3cb051c1383d251fccde445', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '018f79b6c1b469b9fb2f5a1a2d37de061047984a', class: "console-layout__heading-container" }, h("swirl-heading", { key: '157fced8cac5a93a32b87ade0b5cc5c8abfe663c', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'a9b5c9f3c15ea3c758b624262de6d73d45a4f132', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'f6ddf01d53d1cec47a257b6b0afe402d3e4811b9', class: "console-layout__heading-container" }, h("slot", { key: 'f6202c4b9ccf147976e67ecdb2a8d1fca1f86a1d', name: "heading" }))), h("div", { key: 'd86e0b5e5129eefb9aebb0318714ee5c11815dd7', class: "console-layout__content-header-tools" }, h("slot", { key: 'd7eb01055fbf5875d519aeb9b6f4e5f70b496107', name: "content-header-tools" }))), h("div", { key: 'dcbc4099b17d26ca18cdc4ddf96842a7a593db69', class: "console-layout__integration" }, h("slot", { key: '636070de397c3e767c346063494674aa7f3098d7', name: "content" }))), h("div", { key: 'a84d8301f12617ed0b7877ed5e103707af5fef75', class: "console-layout__overlays" }, h("slot", { key: 'a45e044a00c847737addb2d0239ba10de82666ce', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'e60bdcc91c4b1347181643382749879c6dbc4d4b', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '45f0a78cd2d7fd2abffa8c055b0795ef43ec5a9e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'd505d2efb1ecd800fa907827669829f3b381ef70', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'd7ac58c258733ac5901cfd53ec541c2923c3c3ae', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '37976eb7f0b04744b6f69dd952b2680f4781d28a', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'afba2544b2890e3d25357d1a91ffc6fb262ef5e7', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '02a514339dc6dbd974bd026a66ca918f0376c0fd', class: "console-layout__heading-container" }, h("swirl-heading", { key: '9664706e713e0c2a17c89df49d6adf7e4221a421', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '2fbf867e740bff2be48c02c70b6576210cf84ec6', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '4053d44342a79097214f8c9a49ece438f231aa99', class: "console-layout__heading-container" }, h("slot", { key: '230300982fc35977e921b47f9251a5258c50fa0b', name: "heading" }))), h("div", { key: 'f9250baae127cceb73c2847106381ea7dea2a9e0', class: "console-layout__content-header-tools" }, h("slot", { key: '7a91a3cd0bb8f11e4c7f64dc3ec71c35a1d8de79', name: "content-header-tools" }))), h("div", { key: '4bb26fbd3541817236473ac6095493df6b2f2c2e', class: "console-layout__integration" }, h("slot", { key: '5a592cec919e2b29b8a982b7775345f43c053679', name: "content" }))), h("div", { key: 'bcdd6db4340552c756a812414ea1e9c5c2535a8b', class: "console-layout__overlays" }, h("slot", { key: '66c64107bfd04599de3de1a1df1e60a3dc08752a', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

package/dist/components/swirl-date-input.js

@@ -158,7 +158,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '94e3dae89526b26bcd29e34898c2fc7085e9c36c' }, h("div", { key: 'ad7911330d32c75cae82280a4ed7d5aa6ccfdd81', class: className }, h("input", { key: 'e8127686037cb12865b51b6d7b6576d7462d89bb', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: 'b60df12cf05c23822ed92b995e6afbe781d42a3a', swirlPopover: `popover-${this.id}` }, h("button", { key: 'b293c1492d0180d3ee9f432d907bca51e6c4435f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '57e5837553df01e284f1dd9dcb34955631277c38', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'd55e4de1824e7cb16e723332cc01adc0a2576284', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '257f6b45e41c645391542017c1cd4337f14d6c30', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
+        return (h(Host, { key: '2b99401674c1173bcfbae5c757bf389615c09299' }, h("div", { key: 'eca8397748dbbd2e6b5647b8c6eb872df4351806', class: className }, h("input", { key: '3e034ba0fcb64c9965c6a93dc193ff7aa52b71e5', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '9554baa0c0fc525a1fa875f676eef75d0ced2818', swirlPopover: `popover-${this.id}` }, h("button", { key: 'f443342f96cf199a1224660812efd04302f417b6', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'caf655d2090d5bc95131df2f25cb57deb6895b2c', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '87e696733daa1d9a97ae4536cbc91716e2ed639e', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: 'af71352a2d3a6c7bd4d765ed7ac646696c10ac31', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js

@@ -33,7 +33,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
     }
     render() {
         const startDate = this.startDate instanceof Date ? this.startDate.toISOString() : undefined;
-        return (h(Host, { key: '94cec8013ff33ee9e4263bb194abbdef02316e0e', onClick: this.onClick }, h("wc-datepicker", { key: '46a366e80b716260a1231fb03a0c436e43bf804d', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: 'ebb1c05503a6ae5802ee394ca23500a434de6800', onClick: this.onClick }, h("wc-datepicker", { key: '3cc8b6a1af62b2b5d40de0d764f1d10e96bc02fd', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

package/dist/components/swirl-description-list-item.js

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '2290858f1bcf60a3dff531f0971dfa8a45043ed2', role: "listitem" }, h("div", { key: '8508bb3742135fe230de1cddb490be7efc94e576', class: className, part: "description-list-item", role: "group" }, h("div", { key: '36cf0fc3170fd884bccfe80a90c5f636a442c87a', class: "description-list-item__inner" }, h("div", { key: 'c2222b2a6f3bddd63ffb2ed8efdac93d955e360f', class: "description-list-item__text-container" }, h("div", { key: '9a0d07b798f6c80eb3a2a20177287e845912f09f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '2508cea994ddbd1f7ec261d175927f3fd6642678', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'b5edd25020a87f1f51067297850483518be9f1c5', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e05e236890b0b91315d7bd1f5dd709eba762d375', size: 16, tabIndex: 0 }))))), h("div", { key: '7fca1cd8fa4f0a97ba67036c8ba7c1a738665d7f', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'ee99e0e2f03cb19382e451e748f91fdccab4aa03' }))), h("div", { key: '750dc01033f65c07b4d55763d7adf8c7f1006c61', class: "description-list-item__tools" }, h("slot", { key: 'd2552e970d596ae04b77eda433e0c05a8ee75279', name: "tools" }))), h("div", { key: '738110eb7a6ee50505190c4f28b205a3378cc6ea', class: "description-list-item__additional-content" }, h("slot", { key: '42fae3a35edbb749160bfadddc7a99e29e5a29da', name: "additional-content" })))));
+        return (h(Host, { key: 'd9707c8ec654a1b5e4bd5280c835873e94a7ae8d', role: "listitem" }, h("div", { key: 'b997b2078b11d9725620557d2b1fcfc28ddd82bb', class: className, part: "description-list-item", role: "group" }, h("div", { key: '51f35d312b1d28682dcde31d6a82ccb52f42f4ec', class: "description-list-item__inner" }, h("div", { key: '4dc31ff675110479859a024d54bb80332d217fdd', class: "description-list-item__text-container" }, h("div", { key: '346d4752995d81991e5012c68c9db0557aceb77a', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '3d6daf424f815aa0080645f215e2b73304ae2fb6', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '09f081e795fcc1cfc5deb26ef215a6d55ce0b1c6', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'eda97cde5ec1877b677e07fa1f524a0cda9a4972', size: 16, tabIndex: 0 }))))), h("div", { key: '433217b78f5f89a27b6471bb14e1749baebab906', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '031a31764f97e22b07f10d9827067405d5993d83' }))), h("div", { key: 'c16fe3c86197837897fd71dd70996cd5caab67d8', class: "description-list-item__tools" }, h("slot", { key: '150fde851cda93c31f7c7de2a76645c47c9f02e7', name: "tools" }))), h("div", { key: 'be6eda64df21f1dfdbe3866c2257d1dffa7cb604', class: "description-list-item__additional-content" }, h("slot", { key: '87709e856bacfa20f19672b766fe209157e2f4f7', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

package/dist/components/swirl-description-list.js

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '6f3211972a030980c828bf3dfed9a5680824a41d' }, h("div", { key: 'a74c64c6cd76be0b7a7413bce08b7c13c2e8cca7', class: "description-list", role: "list" }, h("slot", { key: '60728780e9121d16f0ee9b47c0c8d6673a5b4911' }))));
+        return (h(Host, { key: '211ab3a85f4ff7cae062cb25a0260c0bdf951a06' }, h("div", { key: '3592a4d32216ab1268634d259acec70cbb8defd2', class: "description-list", role: "list" }, h("slot", { key: '8df8c3af680aed4b541a0e91f8222260aa78d1ca' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

package/dist/components/swirl-emoji-clap.js

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'dba5636740e47f7033ddf32f2842aa4650ac6aa9' }, this.size === 16 && (h("img", { key: 'edac375b14a49d9cf147d7dca3c652efe46bd1fc', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '91ca9c55fa0023fc59bd5fd11e88c79ed3371085', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f554309ca245fb8c39447ede1d2ddf2872fb7e6f', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aecf48d03c63cdc42df4e1bce2e7ddeb40ba33a4', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '71ce03b175fa74f6e59d3612f5183505cc49286f' }, this.size === 16 && (h("img", { key: '51cab94b19ad8b82c3f73519e4f528d36e55e26c', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c88d600724838e792bab2a8bb295f6911a007c3e', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fdec8feb5cd84f000f1726e3ffd70c60cfd52a04', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '9c7a6adb71b14179e7a23a69103682d242212231', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

package/dist/components/swirl-emoji-happy.js

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'c2ec714aa528290cddb429085cae2dda79dcdc75' }, this.size === 16 && (h("img", { key: '47d792dd5aa47c15f117bfe9305a8fda8f2865da', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f86126424be6cd90aee75661c9341ca00489ab29', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b5762281a06034b5dab4f538200c3236d501a511', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '0501305007469d30443e4e3e176ad63b971766ef', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd8d25d360f39da8cf7dbe2934422f91f837ed230' }, this.size === 16 && (h("img", { key: '3ad2d4bbf1b36b3f52b8051c4782fd62821031e4', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '77dace398da62764cf5516546b5360428adc3c97', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '0a265a1cc43a36a35a5f5e5bcd2fd97955d83ed9', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '95974e92e42ce87971eababf0b6546bcb319fd30', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

package/dist/components/swirl-emoji-idea.js

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'd5999dd22cbefddc20bea3b1e06d5308268d2889' }, this.size === 16 && (h("img", { key: '3f2197a58870cb95fe275ad63c414e4ac142109d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '0ab0412b4399cfdf77976ff243f16a748302b992', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c20b114e7c47b6f02128b13080ae37f19594b774', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '92de29d3f352f656fcca5fd22799cd8c2d7d71e7', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '80d99173f06fae7756b209937fc417eef7b5789a' }, this.size === 16 && (h("img", { key: '28e20da0eb34cc439d7e9e3d1f899d233182b0ef', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '137d808575bf5e650b9626d8114f24073c3baf97', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a861157fbc829da17518130989a59d44ad4096ff', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '4cad76651d10703b5aa637c3aa96c183e5d5df71', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

package/dist/components/swirl-emoji-love.js

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1542ea8c69146ee7e9c7d4866d9447ecbb98179b' }, this.size === 16 && (h("img", { key: '10449d409cd251ba06f6fda9ad6006a4b3949bd8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '637bb03f63578140e5d14af68b187117e84ebb28', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '36c4816c785b1a5c92048367f49d6f56bff72424', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '83d983fcbfc8e1c1a3ee117d12845d4986051f85', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '3d7daef495efee9c988fe263883092f233560172' }, this.size === 16 && (h("img", { key: '0d88f0164ac8ed1ff4ead71021fb8c7c38d86dc2', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cbfc8094cfcea809bcf996ac99ddbb3e2ad20cb4', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd34a97faf104274893626d54a5213659743773c1', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '0056ea5ef56400b798fa3a5dae5728144720befe', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {

package/dist/components/swirl-emoji-sad.js

@@ -14,7 +14,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '7f5623288f93b69943ee0db713bd8e9d87fa436e' }, this.size === 16 && (h("img", { key: '0beec57d6992ab7fcbbf3aaf75cd816dd0d8d43a', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'fd658587a306b0f33fc3128697eae5151334b8a5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'dba0cd3086682a659c7ab2a80a36504df781a157', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e1f2359edb82c3184b802094f0ae1d35c1d16c29', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '092f6523d4fa1c2ab02f0f644da0a3eba2418c4f' }, this.size === 16 && (h("img", { key: 'de3d2a08e158f49743e1d428c269dc89c85771b1', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ea0367986c3854c7deb5a54cdeabd3453018d7c8', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '10d184b47fd10757ac2fe7c0961ac7b9e439333e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b862e037ba49adb30bafe1163c3c1e21929e3ed7', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiSadStyle0; }
 }, [1, "swirl-emoji-sad", {

package/dist/components/swirl-emoji-thumbs-up.js

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '2f5b5ec8ee7cbdf2443c20fcf74ada4777603e15' }, this.size === 16 && (h("img", { key: '3e0c1d485f925e42b7bb4e77fc6ffd59ff140795', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a25525218c0fbfe4e698d95aa46e9601a6acb3d8', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '8eb6cf5c0dcbb11d46d71a7dc139098acb55d894', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c6181125c6e04992fc0f5d149106c123bdfdddd1', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '41edec8e3cad9c0a39f74ecb6b5c6ebbf5343d45' }, this.size === 16 && (h("img", { key: '52ebc532c6c94fa455090ef02d6fb09742a6c3bf', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '5364c0603f29314ade4f6228de32550285d2cdcb', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '95a2527fcea81586f27227d2154098d18b496561', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '11daeff26c2f76b0a4e68542b0246aa14ad2e401', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiThumbsUpStyle0; }
 }, [1, "swirl-emoji-thumbs-up", {

package/dist/components/swirl-emoji.js

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'cf6e5677b1995216fe2e9dc0b4da4640ce68cbdd' }, h(Tag, { key: 'fda88bec3865df750ac5044b251758fb5b032307', label: this.label, size: this.size })));
+        return (h(Host, { key: 'e750a853f9e3e3d198f9f9e82017927694538a89' }, h(Tag, { key: 'f7523902a5246a80f2edc4c79919e4160dff55ed', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

package/dist/components/swirl-empty-state2.js

@@ -22,7 +22,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: 'ce680f789d54142b969aa9b5057fbcab2be709f5' }, h("div", { key: '8fdc1c54c91fc3eb1720709bb4d2ac6e20f2f87a', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0080f42a829f5f80f7cb0717c29e877a91e29d18', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'b9b47b29ed7800944e44e97e5392e9f27383283a', class: "empty-state__slotted-illustration" }, h("slot", { key: '8ac117931be0960aefe1aa5e90cf62797c5a1b03', name: "illustration" })), h("div", { key: '34833957fdcd789e206ee282a74ec6ff4959266a', class: "empty-state__body" }, h("swirl-stack", { key: '3c6d362a8b881ff864806de80e5771eaac5043eb', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '7a743cc9e8bc8e1c7106699b8c7e3bb7d7058b34', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '4b80295f0b7d553faa47dc3b57266f4cc849ba6a', class: "empty-state__content" }, h("swirl-text", { key: 'bde3957027614171e265a5822bc28efc372a99dd', align: "center", color: "subdued" }, h("slot", { key: '41cf5d3dab78f4169a005aa4a8758f1909a03609' })))), h("div", { key: '20a1fb9f3bc09a8fec783520e2ad6705e463df85', class: "empty-state__controls" }, h("slot", { key: '076b3dcd4089c8312568d0421657c1daabf5157a', name: "controls" }))))));
+        return (h(Host, { key: '68a098ca5f8a8d5efbfe7c3f1df7134bb9e1f8af' }, h("div", { key: '823f99dfff3e893833cc4962e659f5971c0ebf1f', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'd6edeeaf702e9b5985196e1694d7e438eedbef6f', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '2cfeb471fd429c6b7e378851cac58ec302a71e29', class: "empty-state__slotted-illustration" }, h("slot", { key: '6a7523d49b9c328f7970e77da778a3c2ef2b0f98', name: "illustration" })), h("div", { key: 'c6d46fccb5610ffd6fa2446b6431795850f67168', class: "empty-state__body" }, h("swirl-stack", { key: 'e046e467d5f3fc992f85893714431e4c92360c38', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '015a0ba1cf47ca2ef8793f24bfc83e5f148e59c6', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '9a6865d7fa3674c0195bb505392bf15f1fef0467', class: "empty-state__content" }, h("swirl-text", { key: '3189f7dc6b51f547c59a00787647daafd13da472', align: "center", color: "subdued" }, h("slot", { key: 'e8d997f7077cd52fb194625a85774c810a52fbe4' })))), h("div", { key: 'd140ead53f9ebec2ae857f0a790be0ba6e817792', class: "empty-state__controls" }, h("slot", { key: '9e35832b03583c0533e56e6b1150beab74f3df43', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

package/dist/components/swirl-file-uploader.js

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '94b6f2f6ac2feed6508908c0c2f0c9e08cef7fda' }, h("div", { key: '8aea371b63f58ddfb5070a9cf3d3f67b1b424e61', class: className }, h("label", { key: '57648587986ef9d92087a77ea46d57e7d3067b1e', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '7445fce418441cf278095a11e732c9595727ef6f', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'dae89d1b1e787630e485b0c3dbe03852659682cd', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '1ed1632f8674f843afc5ec208eddbad53b1ff0bc' }, h("div", { key: 'd4e8357cd341a31efa6e553eaf02b29502d94168', class: className }, h("label", { key: '336084c4f1638a66b1347ee5c5a2cb4193c75cee', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '753e0e633349e1bbde60f7700824f4c0abbbfcb9', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: '4da593997f936e68412c79a0aa5fd6b70eb9e692', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'd5293ec8c303d4f3580fd4cc9c03ae339d77d299', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'ec58ba9eeaecb99693dcefefc26769123f9987d7', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get style() { return SwirlFileUploaderStyle0; }
 }, [2, "swirl-file-uploader", {

package/dist/components/swirl-file-viewer-audio2.js

@@ -17,7 +17,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '1ec5708c2292f977fd43934b5d4d56c453fa5017', class: "file-viewer-audio" }, h("audio", { key: 'c014208ac7732ebb934ad151fa9daa4af6f11864', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '31d79c0ddb99428fd7021ffcd7770b1ab8e278c7', src: this.file, type: this.type }))));
+        return (h(Host, { key: '3b2a596fbc5bcefe1579f47e4931267091aedfb6', class: "file-viewer-audio" }, h("audio", { key: '8b0ef11bdc2bd197912db36b54f7158100c16f05', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '783f8ce32aaa681b4a24a102a3c9f3a8e4f88d72', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerAudioStyle0; }

package/dist/components/swirl-file-viewer-csv2.js

@@ -63,7 +63,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: 'd28edab44e89d88a087cfa3796a1d1493c38ea2f', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '4e731f9caf8165c937abde08b59b37c5e2dc053b', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'f588ee4fd21f9f504c592bd40182fa08d31f7d9d', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '96493d4c346868caa7a241b91909bba72e7955c7', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '6da766753c1ea1103d1f9c8f12ef1a7c3c168fc5' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: 'cb940c6c854aeac13972acbcfc2002cf6d664b05', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '541c2da17f61f00293dbeaa658059e76e471867b' })))));
+        return (h(Host, { key: '97da3b3eaadea8ab80083fdfe0d043bd87fa2d17', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '47be60ef020b480e3d4e4a5c7c44881a285f1682', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '789ffefab51e4703f38300d21f21272e58d74b63', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'ea3151fe63727b499c1b6471b3465fa6b7cfff53', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'a6abc88623014d5ab4dc1ce2f6f78b46665e1302' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '30fccce6669b5bb0c852335d5678a292994d5997', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '8170205fade2c9df119ab8ceeb42426555a5ce4a' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-image2.js

@@ -189,7 +189,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: '235fc767a1393653f415f3b22df84c8c5206b291', class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '31123cf11cfd6cae1ce0dc746b364a7ba92dd2fb', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'e81412b57c912627dbbb38c523139b2b7481724f', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '8d4608ba5cfbb2c032208a5ad7bbcd0954aa90df', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '3ca9a311d66fc8730d88ed2d134529e39dfcbb8e' })))));
+        return (h(Host, { key: 'a1c473baf8b8231daca878a5a06bee3c391badbd', class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: 'ca7bd3c4289daeb4315208f7739c9446aa0327cd', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '77af7795c8bade43d3898b1c16f9a5d1d83f1359', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '67c643688f67032a1eea198776eb78ca512d658b', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '009c586899baa0cb8ef38f50e629c9443a7f65c8' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-text2.js

@@ -39,7 +39,7 @@ const SwirlFileViewerText = /*@__PURE__*/ proxyCustomElement(class SwirlFileView
         }
     }
     render() {
-        return (h(Host, { key: 'e86f7f7a1da6fede6897e93ccbaac65a72bd3e95', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '46c0a613d6d403e344e7948188c8b4b9b4e87c66', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '7fb2947bdc50baaa16a3a7d61af9c5ee1a523218', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'b0f8ff31aed47cc6af29465750c42ea74feb5c25', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '05d394cb295fd4629a6e1674507b0bc2e8378345' })))));
+        return (h(Host, { key: '500702f503c1f1e72dad75808bbc9c038cc70b6d', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '8c317835e827e78e64f4ea6416443c39a19d76ec', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '3f898cbcf651ce9acaff2f9969952075ca87a250', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '4b574e137dc1c71dfb8fd3651bcd9efa850a4c53', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'df457c0780aec9eec670cbe4850c04a5edadb18e' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-video2.js

@@ -17,7 +17,7 @@ const SwirlFileViewerVideo = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '4f426b5ab15f4639c6809209e34b0e5992366492', class: "file-viewer-video" }, h("video", { key: '236ca984b0f72cef6901817d89cb492d8fc99528', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true }, h("source", { key: 'fac2296be66375db7977c2977e7343beb2e3a9d5', src: this.file, type: this.type }))));
+        return (h(Host, { key: '9ade4c617ceb6aaccabffe2295d84aa2c75bab1e', class: "file-viewer-video" }, h("video", { key: 'bac90ee96113ff7810e5ca40e8a6e5115ab17486', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true }, h("source", { key: '0db8ae948fc063c06050f1cd92ad66e0ca26307d', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerVideoStyle0; }

package/dist/components/swirl-file-viewer2.js

@@ -72,7 +72,7 @@ const SwirlFileViewer = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewer e
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'f0234864f593cc4517b6b071e786f67f95cf707d' }, h("div", { key: '6f46be1b191291be5295119c24cd14284ce455e5', class: "file-viewer" }, this.type && this.active && (h("div", { key: '0ba485f3964d5b9237f62e74947279227fe8f8d0', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '663bd5b5daa31fd5f0588b9ba185d9c87e9476cf', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '67da8b8589c5871b48a9f274d5f7abe261125123', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '8abd139c41f7a5f65e7a062fcfb7454b3b4aac1f', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '3c46967a23f8e088e3943dbe2c4c265efe59495a', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: '7aabb2b7f445b4d903535d2d33080e5dc6c64476', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '6ca63dfcb472db56b1c59ab6648e7eff81de69b2', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-inline-error", { key: 'bcfe4b79aa170f3fb8fd0a0e0fda4766ea59c381', message: this.typeUnsupportedMessage })))))));
+        return (h(Host, { key: '0bb3f478189182009664bd0848576524d80a3062' }, h("div", { key: '440eedce3c756cb94df303ec6e35c95abc77c04a', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'e434ae6d474c54419e275a56eadb8dccaa414be8', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '63dafce8d60c474c0af3ab4ab56e2073df48daf8', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'af43a59ab96a0f13d5bda7c8f953d4f48f679ee9', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '6954e4ec3430c199a1abdb1f1ed73f00a2570143', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'c07abdc1a4bc71146049428651b150b01b45db1b', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: '6585191badd7198e6a0b750086679ee948fde5b8', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '8b9a7f90d8fc7f8b4a476a58c1630652ee7524a1', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-inline-error", { key: '75f564c3a09e0a77c9e5a22d2bfc156877d8809b', message: this.typeUnsupportedMessage })))))));
     }
     static get style() { return SwirlFileViewerStyle0; }
 }, [1, "swirl-file-viewer", {

package/dist/components/swirl-form-control.js

@@ -133,6 +133,7 @@ const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormContr
             return;
         }
         this.inputEl.setAttribute("aria-labelledby", this.labelId);
+        this.inputEl.setAttribute("aria-describedby", this.descriptionId);
     }
     render() {
         const showErrorMessage = Boolean(this.errorMessage);
@@ -159,7 +160,7 @@ const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormContr
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: '3d11db81dd3e9faa90ee236fea9b4a72f398b9a0', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'ba454f87f8d4db457901a77a6664a1fb89668455', class: className, role: "group" }, h("span", { key: '6eb20b81cfbadb67d49bab31e0d932be2ea8d773', class: "form-control__controls" }, h("span", { key: '88f098ebb176f30d34956b0995adafac9eca005b', class: "form-control__prefix" }, h("slot", { key: '8f50159700af514ba2234f5d3b4e241108e759b2', name: "prefix" })), h(LabelTag, { key: 'a51fe32fcb8ff9c40484abb89a3ab3439f58e25f', class: "form-control__label", onClick: this.onLabelClick }, h("span", { key: '19539515fd60ffc0319390e9521e61c7e02cffed', class: "form-control__label-text", id: this.labelId }, this.label, this.tooltip && this.labelPosition === "outside" && (h("span", { key: '9a14aea3e5a07f1dbae35a6d932d721b80639ff3', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '57019534d8d8514d9405d77ee52a55f61b9dcada', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '6c98b38df7bdab760f385b2b429799f553830aa9', size: 16, tabindex: "0" }))))), h("span", { key: '758008d3b5c28739396445fcd8526d1b777a53ce', class: "form-control__input" }, h("slot", { key: '5bc1c4ca32e9f154acfb98ae9e1dcb9453839f94' })))), showDescription && (h("span", { key: '686b9df2c45e9989c06cac75cf780d3a2c2c1588', class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { key: 'a979b42bde3ce1aed27d974ce7f9213f3cce80ac', "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: 'fdfcb042154d9b819c6ef4d6b5b7afe338c2f49d', message: this.errorMessage, size: "s" }))))));
+        return (h(Host, { key: '2f8517e4da6cb5645086bbb534b9ff05f9e2c944', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'ec0d6515dbad497b3ce6271b403c89a80e208f5b', class: className, role: "group" }, h("span", { key: 'f0d2032d28b9cf9d6391f7b6a3d35154a7162448', class: "form-control__controls" }, h("span", { key: '2328dde727ac0fe2d86e7e7100c80d5f1563ef3d', class: "form-control__prefix" }, h("slot", { key: 'bb6f83667ab50fec147902659d7a2dfb5c44dbc4', name: "prefix" })), h(LabelTag, { key: '28c008c0eab8eff3294521a14d0d497559796062', class: "form-control__label", onClick: this.onLabelClick }, h("span", { key: 'b65a5eb66eb04430ca26cbff202472f418bcd39f', class: "form-control__label-text", id: this.labelId }, this.label, this.tooltip && this.labelPosition === "outside" && (h("span", { key: 'ed6a3627c0d98dbff128a347fb9a20d2a0b82dbe', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '68f83eab0c81ed5c20d072476aed87245ab51b1d', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: 'b5e209d73707c3c1a864d9687dc390e434b9de34', size: 16, tabindex: "0" }))))), h("span", { key: '4bafa2778577c47bd882a8b30fda7565c3d1e3f3', class: "form-control__input" }, h("slot", { key: '3857d4ffeb0bc7683130e79e5d6ea72372eca2e7' })))), showDescription && (h("span", { key: 'b599725e334cdca3c02451b95dafa45ff6c58812', class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { key: '5f6135c8d24bbc598a37dd3a3a0a1682d7a386fb', "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: 'be8e528485a079070764793a7bdf826aad11511e', message: this.errorMessage, size: "s" }))))));
     }
     get el() { return this; }
     static get watchers() { return {