@getflip/swirl-components 0.236.1 → 0.238.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlSymbolCss = ":host{display:inline-flex}";
 const SwirlSymbolStyle0 = swirlSymbolCss;
@@ -15,7 +15,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: 'b115c55339a36910c96f8d047d6d209d9591fe9c' }, index.h(Tag, { key: '28a4045e697aa3116d3e88e1758b301a882fddcc', size: this.size })));
+        return (index.h(index.Host, { key: '1ae12ad065e6ea9ed92159075631ccf66a542231' }, index.h(Tag, { key: 'dc85215d49187b81eba3fac20f4e8b04d44dd207', size: this.size })));
     }
 };
 SwirlHeading.style = SwirlSymbolStyle0;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlTabBarCss = ".sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);align-items:center;border:none;color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer;justify-content:center}.tab-bar__tab.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:\"\";transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;overflow:hidden;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:\"\";transform:translateX(-50%);pointer-events:none}";
@@ -41,7 +41,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '938a675f7d69c9ad600f241b492721a60a06f1a1' }, index.h("div", { key: 'f01a2b68038cfccf77961afa000ec9ab605e2e8d', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: 'd005519d92ed5440450f69642f895b82194f06c1' }, index.h("div", { key: 'b88492293039b48960f834774dec1ed49245ec7e', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
             });

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlTabCss = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}";
@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '0b92b5bb9fb189043912cdd2b02ffb766b1ede47', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'ff55da0ccfc76b9386de33e57c2182a380ddc722' })));
+        return (index.h(index.Host, { key: '61d4fae2abb956c4bde5fba214d2d36b6d3ca2f1', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '6e120fd8ec5d3276ce99adc97ebaedabd031bf45' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

package/dist/cjs/swirl-table-cell.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlTableCellCss = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";
 const SwirlTableCellStyle0 = swirlTableCellCss;
@@ -12,7 +12,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ee4c770098fd3ee57c39f07ebfe9d44453c8273a', class: "table-cell", role: "cell" }, index.h("slot", { key: '6334e7af0679c26a6fa81517d197e700aec8c060' })));
+        return (index.h(index.Host, { key: '7ac0da4d06701e55d6f7a5e86ec31219b325a672', class: "table-cell", role: "cell" }, index.h("slot", { key: '59fd8152c9ce94a0a8c898980e9878a93132f201' })));
     }
 };
 SwirlTableCell.style = SwirlTableCellStyle0;

package/dist/cjs/swirl-table-column.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const utils = require('./utils-3ff36fc3.js');
 
 const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '4ca9e792e2e889ff77f48f505422bb85a7ee5a70', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '11acfd8452a241a50ed67dd9ec2f094a15988d82' }, index.h("slot", { key: '3987b4bb3d7665e69b90dee037342fcfaa3540d2' })), this.sortable && (index.h("span", { key: '68bd9dd35cc26ef8073294f303551b246b26d5e2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '3752451d54b8029363664ee08517741ccf2a572e', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '450042a595570364cb4f35b0f4455f30a3d7e3d0', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '1ca2027edeaf83e07b42600d452cea5e2a08c645', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '449b4e43878c5fc9a4e20f0907f272315f6f4354' }, index.h("slot", { key: '52e74d62c4c25dfdf3f23e5ddbd17c9e68f5ab42' })), this.sortable && (index.h("span", { key: '6e6a52fd91fdf62344d7d3316d7f0955a1e21903', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '00ba30c8c1983cedf31be84495a151c98cdcad93', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '887b479b86d7615dd7d72a459d363b8f9ba99d46', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlTableRowGroupCss = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}";
 const SwirlTableRowGroupStyle0 = swirlTableRowGroupCss;
@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: 'aefee4f623f62c57e2d281bce7c3a4980ad77491', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '7d121f85ab28c6b472354d2f7c0383c8fa4e3e68', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '93853b51c1abe556e973c9c9e5bf14d039440246', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'd1451156c758f78f785d4707c4880a362defb5f3', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'b5b731817e323c99c51f008d3f0406e5348b501c', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '9c00f9f51f08831297e7604a526025f1856b87fd', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'cb2d79a7fabc0ac20a68a456575d5b16b79551ee', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'e4536781ba33e8ad84be82670cca73d44c2b6a08', class: {
+        return (index.h(index.Host, { key: '129cfdf1c04cbd37b2d0f78b5599ba05d3971414', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'f45dcff1d34be2643cdf7ebc555e0cac514d7ddb', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'a92cb0fab2e35b1c4ff72f203ba051393cdad55e', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'b7262153e3d4d3027470bba80ada8d13faefc402', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '78e386ba5b9d765d086020164466ec875394b624', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '5559e46918d6eac92afaaba59801ae9621619ad1', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '670fdd2a6b4c769e22dbeb55a07996caaef3d909', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'ebb1e123e6785b5e9cdb088405a25e4c190a5d8a', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '8f092f80b546809a7196bdcc81cd92bdacc715ff' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '2825b9b1399a869dc2409e8af36447473e93e770' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
 
@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '26728f6f928a2ae6b9fb4b1768bc6bfff7d62a52', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '1e06bdc0a2a19e5a2f92f851a219d9fe87188921' })));
+        return (index.h(index.Host, { key: '07fb5d35fb8def270a33079a2a633bb06c24f518', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '318f1cc0796bb3ff9439d0e87c24eca45cc13481' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const utils = require('./utils-3ff36fc3.js');
 
 /* global setTimeout, clearTimeout */
@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'd574ec214cb26811f61366deeaa74f8d4a1706a3' }, index.h("div", { key: '25e940529e0c62223de86c0a5749182c93995cec', class: "table" }, index.h("div", { key: 'ba6d1d495507896afaf6821fdcb8459d421f27ff', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'e56c50269a7ccf352e75e54d9e53b3cfa43bc726', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '5afd49288506bfa559b6e81bcfa1d8a2911cdc89' }, index.h("div", { key: '0de2c92b0790dbcf44ef0e59c0d9018c41768cb7', id: "caption" }, this.caption))), index.h("div", { key: '73f82611cd7f1cbc7eaf511d7ae173bb8290a36d', role: "rowgroup" }, index.h("div", { key: '18e44677a96f4e509471a4f9d4b1376762665149', class: "table__header", role: "row" }, index.h("slot", { key: '9bd8fde53f7ffdcae1944aced7767c9cb36c8ded', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'e51daaa6db8800305de3b2bb589e38b1eb8a2c13', class: "table__body" }, index.h("slot", { key: 'd0673b1ebba35403e0a9805d010770d310d62722', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'bd2815fa1ef57638fa95e824c2940ce865e46fcb', class: "table__empty-row", role: "row" }, index.h("div", { key: '289000e0e8c56e3bf9af3bb5dac7b853d37df5c4', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '325d49fd44fcbb53f732e2150fb65de7056f7273', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: 'f1f596cf714ad2ba69ef2129f5fa0077757aa9a6' }, index.h("div", { key: '9e746f8db4a8eee3857905b368e7f80bac5d129e', class: "table" }, index.h("div", { key: '038d0fd6aa6af25cd53334b39b8bce0424061c72', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'ac97154eedf8be7b354a443c638b274ed8006954', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'abd6391ec835616355a5cfd03bf79cac474eb737' }, index.h("div", { key: '920248c6a781078cadc096df52ff8e955ea8cd93', id: "caption" }, this.caption))), index.h("div", { key: '022d71a1e696a132ca35d9a1def8550c69379ca7', role: "rowgroup" }, index.h("div", { key: '8e6cc585f1b18f1915618ae27baa5d03aeaf4d0d', class: "table__header", role: "row" }, index.h("slot", { key: '03f6317a8fb9fcd47ba616c35059941600b059ee', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'c0850d099e530f5b393a4691c09ba67b806cb23e', class: "table__body" }, index.h("slot", { key: '2634bd194e6fd8cb46856f027ec8228abe6adc0a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'b12e76b46ace0b0598cdb6cc4c9d812278ba23e9', class: "table__empty-row", role: "row" }, index.h("div", { key: '7bce7101bf3e49e6a2e635aff1d911fd48d0880c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'edbeecc18e0524bc8476fa096b5645e1c021b29c', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlTabsCss = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";
 const SwirlTabsStyle0 = swirlTabsCss;
@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '81c8c6b685cd32ed201a5b7303671ae34b6eeab8' }, index.h("div", { key: 'fabae64898e2594e7fdf0f82f3dd8c5a0a9e8191', class: "tabs" }, index.h("swirl-tab-bar", { key: 'c752edb332d621935b76607699bc5a2c0ef296a5', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: 'ec189e2804dc546b44e1a767c72fb5750fc6c244' })));
+        return (index.h(index.Host, { key: '9f769876c6a9a4439f193ce1fc67c91cc3868804' }, index.h("div", { key: '5f3b7ddbbd719ffd450ba0845a38aa6056dbe627', class: "tabs" }, index.h("swirl-tab-bar", { key: 'e28a9b9f7cc193d788854bdfde777a190b7b5476', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '89fb37ca4d6af046e23a0e89751a1eed02f7feaa' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-text-input.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
 
@@ -189,7 +189,7 @@ const SwirlTextInput = class {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (index.h(index.Host, { key: '4658a2dd9fab46ea562dba74019c12e68fe260d8' }, index.h("div", { key: 'fe2fa12f890f7cbe42a451b21093b9bab284d53a', class: className }, this.prefixLabel && (index.h("span", { key: 'dcb430326933d4a5bd893955ad9acc84120c3a21', class: "text-input__prefix" }, this.prefixLabel)), index.h(Tag, { key: 'c2954dab26dba206268969db04f40443f71291f6', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (index.h("span", { key: 'bd4e3352302934fbc72828627216f11181b0cea5', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (index.h("button", { key: 'f6845aec9ef8e7c086a2f1896b3bd646b87a8aba', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, index.h("swirl-icon-cancel", { key: '6796b78acc368c28b83779ebb9dba499d1fcfd8d', size: this.iconSize }))), showPasswordToggle && (index.h("button", { key: 'aee102f87d59cff9e55b39c4110c91364dd064dd', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (index.h("swirl-icon-visibility-off", { size: this.iconSize })) : (index.h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (index.h("span", { key: '3a20020f1a43f55887d5cf2698366d68765e3188', class: "text-input__stepper" }, index.h("button", { key: '230f3c5e5abb4736c9c4d88a0a79ebdbaafff9ba', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-less", { key: 'fb65cf22d115cd4409def4b841bd7b989fdde78a', size: this.iconSize })), index.h("button", { key: 'a13ff6cd8da70f8286508e793ae7a9029f653cea', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-more", { key: '523d35e9e98f751f056cac087bf887b8185c32dc', size: this.iconSize })))), this.showCharacterCounter && (index.h("span", { key: '28a5a684c2492ddd6f71f99e8863daa3f24d845b', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (index.h(index.Host, { key: '0470782920c3273914f03099ea60b191b4f83158' }, index.h("div", { key: '6372e6531ebdc6277d9769c9e721421619fc1ad9', class: className }, this.prefixLabel && (index.h("span", { key: '0f89b76e5ca43c161b1c832ad4d232699acd732a', class: "text-input__prefix" }, this.prefixLabel)), index.h(Tag, { key: '7c5f88e908411e533d76fb2deefb67e02ce1068c', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (index.h("span", { key: 'a5878aadd305068dc478156c3e67f442d847ffa3', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (index.h("button", { key: 'e8a9e61f1ba70e99c5ce93f6fa9f27474e107de0', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, index.h("swirl-icon-cancel", { key: '3ab044c9ebc7dff0f37c66dd7712e4cd5f97cef4', size: this.iconSize }))), showPasswordToggle && (index.h("button", { key: 'cc615067bd4b6d6625e797d32dc30e49adfe2307', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (index.h("swirl-icon-visibility-off", { size: this.iconSize })) : (index.h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (index.h("span", { key: 'f718f46c63bf7473ed17c1e08a583c111f65c9b8', class: "text-input__stepper" }, index.h("button", { key: '248a6d919838612cb97aa80ab893e11f7ba0b0a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-less", { key: '390a679d284cd9510a5938401b18209241026e10', size: this.iconSize })), index.h("button", { key: '6505f9710b8e8f92dff64e8650556b677da4682c', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-more", { key: '76b50d5efa7cc9ae99273fdbcf4271f73d94a939', size: this.iconSize })))), this.showCharacterCounter && (index.h("span", { key: 'fcd5a051c7c5fcf63cf8a38a3ad651891b02227d', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const _commonjsHelpers = require('./_commonjsHelpers-8f2c79cd.js');
 const index$1 = require('./index-9f94303c.js');
 
@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '4460235b9846f1c00138748c647186dc84884c46' }, index.h(Tag, { key: 'c16d3c6de812a407e860bba60e71bf2a0ed01238', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'c76ff85919d729be2da5efbc899b838a3c15195e' }))));
+        return (index.h(index.Host, { key: '0d3d0f328439f0751282c87a2796e99b1a6737ef' }, index.h(Tag, { key: 'fd18286091d9f22b4764563c44e8161ebe45dc89', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '63351cf75ce0b44c704d7bb34d0daf06327f330e' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlThemeProviderCss = ".sc-swirl-theme-provider-h{display:block}";
 const SwirlThemeProviderStyle0 = swirlThemeProviderCss;
@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '5a9feb54e9602919b5ac1e20a99d0c673603bccc' }, index.h("slot", { key: 'ecbe7e5937673ffb2f26ed9db792b4cf1cdf2e5f' })));
+        return (index.h(index.Host, { key: 'b1db15bd8e0c5e93a15ec9234bca9940e68286ed' }, index.h("slot", { key: '57f9e3e6b7fd0e7730d1a67c665515b4d6c81efd' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const maska = require('./maska-d2148ad3.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'd586b9e1b552b1e28d8930d7e2fe1d2cccabe23a' }, index.h("div", { key: 'f989d8cb8dd3377e866528d5252613186f747957', class: className }, index.h("input", { key: '8e5b3e7e6715ee7f5e14604e552c8f726f8ce39a', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: '3deb73ba9a9473278e1648ad3fc5bce1fea50606', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'e90b15d581ac69d16cb324465199df0ccb84a85f', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '4f26eec34d3f2f06958534923b8657ff752c298a' }, index.h("div", { key: '698336730efd3a450a2c7697c76cba53e6470fb8', class: className }, index.h("input", { key: '426320a3fed584efbc6b45778dbea37062e6d79c', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: '5b96c167d4a1a7601f892363b6d78e60b5e73892', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'dfd072dfa030c1562ccecbc2aa5c235a71aa3a73', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const SwirlToastProvider = class {
     constructor(hostRef) {
@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: 'd1cdc770a1f0eaf09b099c08eb2b3f2aaa8b907a', role: "status" }, index.h("swirl-stack", { key: 'e5349e15af42d925d5d6a1b827fc80d74ad31234', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'ee4d95bc3275ec4a6e6ecc8e4260c90107fb83b7', role: "status" }, index.h("swirl-stack", { key: 'cbb93d66b319ecf7a3e8321057e77abbf80b3b20', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
 
@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '74552715fe709d5a56de877114c219e34e933d3f' }, index.h("div", { key: '912b2c811f1ad202d8ed3338418e180fbd8c8e80', class: className }, this.icon && (index.h("span", { key: 'b33cda7199cea684828b5380cabfcaeb43379158', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b0326da56c13d5b7398c76af880f08ddeec6ec1e', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'b9dd6a1f6dffa84d914f3856927ad231f0f1876d' })), index.h("button", { key: 'a1cb910c86672285a2fc48f607bd9255f1fb1177', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '5eb94e0e527275387fddc1e21b33d14e999d42be', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '89db4fc7720fe44b645f359be77900375fde3cc8' }, index.h("div", { key: '8d2ba34be1b54d7fc357ea5216a34ef53f3037b0', class: className }, this.icon && (index.h("span", { key: '78ac24dcfa6e2e502e19cffbf01c57329805ef0a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '3f2715abd2f4de3a0c5e7ae35f6d7eb1c5237fcb', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '159d25ad66ea8e16612857d979e750d4bb870c26' })), index.h("button", { key: 'a9598f252d9f528cbe6cf8430e39fab4c2dabef1', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '70ceaa68ca1abe4e798cad3779771cf2782ab619', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const utils = require('./utils-3ff36fc3.js');
 
 const swirlToolbarCss = ":host{display:block}:host *{box-sizing:border-box}";
@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '8e4ae145e0b9a703494a5ffcd0b715532dd76783' }, index.h("swirl-stack", { key: '848cf05dcceba5341d5fd5a0cb90b9f6e3b36342', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, index.h("slot", { key: '0e134c4966dbe4eb9e7c9301128788ba9fbab98a' }))));
+        return (index.h(index.Host, { key: '55895b2afcc426d0144d40840c9a905742596592' }, index.h("swirl-stack", { key: '700f54dc98f22d5c629a7c59c583ae8a1d3674f8', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, index.h("slot", { key: 'f9a37b4c970ec914f3d2feec13d361a9bf6fc15c' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const index$1 = require('./index-9f94303c.js');
 
@@ -107,7 +107,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '99ad402b746b639c8625e0eb646d63f560da425a', onKeydown: this.onKeydown }, index.h("span", { key: '8c73e42b58c5ecb2372155655e336747d3d1be3f', class: className }, index.h("span", { key: '8418e9e1420652c64870f4835dac07534bdaa9f8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'af395df4de2aa8ee7f6e90569a182ad4411adb88' })), index.h("span", { key: '7938378663f0ea549f3efd86fe53f172145c2d22', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '331f839a0c973734744886acfcba6ee83759de66', onKeydown: this.onKeydown }, index.h("span", { key: '9ec49b9ea51928a0fe9e1479f2c176c5b47656f8', class: className }, index.h("span", { key: 'bf4ac895485e20e03e11b9e0987384029f16cddd', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'e2e21bbea17feb70e3e1ccddb0f9b1eeedaeafc4' })), index.h("span", { key: '18c1f88c182cc22c9eca4032229e375797a9df61', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -115,7 +115,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: '12093168c063c684c014307d518c99e2f7de4bf4', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '595c7b15b58551854cf2c8909249430349066aed', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '89c75e9d5070c7ec9f149d4eacf576c5a51f387e', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '778239a5b84456e0d7177da162ad94f3563ab2d3', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '28d9c569f1468a791103dd932bfa61c99ef9ec49', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '47dd457861fd343d0866852dc0345be01b76c91f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}.tree-navigation-item:hover{background-color:var(--s-surface-hovered)}.tree-navigation-item:active{background-color:var(--s-surface-pressed)}.tree-navigation-item:focus{outline:none}.tree-navigation-item:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item--active{background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}.tree-navigation-item--active:hover{background-color:var(--s-surface-raised-hovered)}.tree-navigation-item--active:active{background-color:var(--s-surface-raised-pressed)}.tree-navigation-item--has-icon{padding-left:var(--s-space-16)}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0}.tree-navigation-item__label{overflow:hidden;min-width:0;padding-right:var(--s-space-2);padding-left:var(--s-space-2);white-space:nowrap;text-overflow:ellipsis}";
@@ -24,7 +24,7 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '16553b2a3d732df9c9f901c7a3a243650302854b' }, index.h(Tag, { key: '92bf1e424b4313951aa9dbfae7954bd388e08577', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: '02051b8f74c2335cc5a94169bd4eb872f6a619e3', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: '384eea1f7704d9e0d6958eabe2e6d293fafc2504', class: "tree-navigation-item__label" }, this.label))));
+        return (index.h(index.Host, { key: '96396322f97eb33a6bb4e93405462a850dc6ea7a' }, index.h(Tag, { key: '27ddc8ac3607b1342f6cb9ae21e60526b4968328', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: '0c41cca8bc76d626c212d76d6ddc66fcb9d57c23', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: 'b6159a2f757cdad1af8dc90cf97a561d9f2993ea', class: "tree-navigation-item__label" }, this.label))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlTreeViewItemCss = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}";
@@ -31,6 +31,7 @@ const SwirlTreeViewItem = class {
         this.active = undefined;
         this.href = undefined;
         this.icon = undefined;
+        this.iconColor = undefined;
         this.itemId = undefined;
         this.label = undefined;
         this.expanded = false;
@@ -80,11 +81,11 @@ const SwirlTreeViewItem = class {
             "tree-view-item--active": this.active,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: 'a350471e6d4a63098c22ac8856fb642bef79a8e4', id: this.itemId, role: "none" }, index.h("li", { key: '6485eca3fa6bc73bc6d849946d3cd3f8447c1f96', class: className, role: "none" }, index.h("a", { key: '523ccc5dc330ef55bbde7d7fc6175095265500cd', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+        return (index.h(index.Host, { key: 'c9d9f6155bb457e14cde55aa6851d136e5385ece', id: this.itemId, role: "none" }, index.h("li", { key: 'd37a2cb152fb66215489dae463d0d61f3c58fa0d', class: className, role: "none" }, index.h("a", { key: '947f2f03aee6ccdd0b129759252d689497bb463b', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-4))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, index.h("span", { key: '38545839a14a02be2d5215cf8243d8442315d01f', class: "tree-view-item__toggle-icon" }, this.hasChildren && (index.h(index.Fragment, { key: '5985b994251fbeba1d4951ef97d2d886be896b47' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '5cf0e41959520d380cb4e26fcde2f7ad7a5ad2d8' }, index.h("span", { key: 'a1ba2c49d276f726d41d31c857f08977b4dca993', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24 }))))), index.h("span", { key: '18c2483d1878e9922e571d74f9994865fff69d9f', class: "tree-view-item__label" }, this.label), index.h("span", { key: '09b24c4ff18845f056c6d490fb3795cf84d81a9a', class: "tree-view-item__tags" }, index.h("slot", { key: 'bc45bf6afa16260be7218d2608237251983c7e33', name: "tags" }))), index.h("ul", { key: '491569e41d788183e23ac3e8fc9beeb483c35573', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, index.h("span", { key: 'bd56de921d5e385ad97287c7ab40034557a24608', class: "tree-view-item__toggle-icon" }, this.hasChildren && (index.h(index.Fragment, { key: '0252e38ef1a91b9559a24e861cbe19b00bfd145b' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '407512091b3a41a1aec77b77296c9b0502398e78' }, index.h("span", { key: '2c12682a069afb34946bf3c265afcb48298d216b', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '898c35e8519ad4664114b144a2b3afbcda84c8c8', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'f1a2d0f7e74955d04ff884faceaedcc4ee2c2bce', class: "tree-view-item__tags" }, index.h("slot", { key: '0ec93ae4457e7aaf2451277ba5387603654ece05', name: "tags" }))), index.h("ul", { key: '225554fc06387231bf2a3c01d8c61d992233ff37', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !this.hasChildren ? "none" : undefined,
-            } }, index.h("slot", { key: '22c80b13b2044b77c5c1acaa62044127dbe9cf0e' })))));
+            } }, index.h("slot", { key: 'd9d683e9c3e64d62d544334c046370bcd52993c9' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlTreeViewCss = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}";
 const SwirlTreeViewStyle0 = swirlTreeViewCss;
@@ -199,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '3e9615784c4b104af9787f95addb0b2a1efae9e4' }, index.h("ul", { key: '79250602712ed47b2c04c78429a0b6f026d7b413', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '1ec66b50bc7ee9cf743e6dbe8b46bfc14f35f5ee', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'f57162e727960728b75ee6b870b74704bed4872b' }, index.h("ul", { key: 'faaeca465213edbe90b724522c007db817d74008', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'e1241a5c3aa4337a32bf6fd296e89377a93cc543', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlVideoThumbnailCss = ":host {\n  display: flex;\n  width: 100%;\n}\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n.video-thumbnail {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  container-type: inline-size;\n  container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \"\";\n    inset: 0;\n  }\n\n.video-thumbnail:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n.video-thumbnail:focus-visible {\n    outline-color: var(--s-focus-default);\n    outline-offset: var(--s-space-4);\n  }\n\n.video-thumbnail__image {\n  width: 100%;\n}\n\n.video-thumbnail__duration {\n  position: absolute;\n  bottom: var(--s-space-8);\n  left: var(--s-space-8);\n  padding: var(--s-space-2) var(--s-space-8);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.1);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: 2.5rem;\n  height: 2.5rem;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n  .video-thumbnail__play-icon {\n    width: 3.5rem;\n    height: 4.5rem;\n  }\n}\n";
 const SwirlVideoThumbnailStyle0 = swirlVideoThumbnailCss;
@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '774f08a914cca7fc87f34bc876f2887f5bc5fa52' }, index.h("button", { key: '5b84fb303196af7d8f05155e3913495a763243d7', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '7a77a017c95a8c7af0690e79e226d024f550c841', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'cfa978c28234772dd2faaa1772b44f95c7c6bdad', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '8aa09782ba772ae66898c9a459ae8d34ae553637' }, this.durationLabel), this.duration)), index.h("svg", { key: 'd8bd012d1f7e3a1ad7b718451d03de4f20c18978', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'bd4470ab6ee91cb0add6dc1e975157827edbb82d', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (index.h(index.Host, { key: '08d119e26e9285e959e8044cdf56b0c480c9e9c9' }, index.h("button", { key: 'ffb72aeb317da05cbf8e78aade45f20d08170525', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '6698b8b402be6f4b358d4302bb132e594ccfb13f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '6e3006308c3498748728c1b9eb5ced207ce1d012', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'f2f8e17ed944825645dc47656957c3d1e0301fc0' }, this.durationLabel), this.duration)), index.h("svg", { key: 'df42efe50865d588cd94d9f3df342f91b8073369', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6d7f7450ca54c92794dded4715612c31d2cc21dd', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlVisuallyHiddenCss = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";
 const SwirlVisuallyHiddenStyle0 = swirlVisuallyHiddenCss;
@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '51416ff908d08e75ba9942bf9db62f10da8e74bc' }, index.h("slot", { key: '039436bdcff7bf0c1441ec2e924c82e3bf56f9cd' })));
+        return (index.h(index.Host, { key: 'c1d0b4994e82291b031e129cd392b01d3f09c5b4' }, index.h("slot", { key: 'dd12d07084e459971b38521a31c2de23566c7939' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

package/dist/cjs/wc-datepicker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 function addDays(date, days) {
   const newDate = new Date(date);