@getflip/swirl-components-react 0.243.0 → 0.245.0

package/dist/{swirl-select.entry.691ffe1c.js → swirl-select.entry.617e7e09.js}

@@ -1,6 +1,6 @@
-import { r as u, c as d, h as s, H as f, g as w } from "./index.826b9949.js";
-import { c as b } from "./index-267776a4.6beb4f4b.js";
-import { q as v } from "./utils-c16952ba.529dd544.js";
+import { r as u, c as d, h as s, H as f, g as b } from "./index.a4c6109c.js";
+import { c as w } from "./index-267776a4.6beb4f4b.js";
+import { q as v } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", _ = m, g = class {
@@ -56,21 +56,21 @@ const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
       var c;
       return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, h = b("select", `select--placement-${this.placement}`, {
+    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, h = w("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(f, { key: "28192864fedd0105ed4ea22af7d8fbbfe604a8fe", onKeyDown: this.onKeyDown }, s("div", { key: "43cdcd3254d65298f569536491038178fa61491f", class: h }, s("swirl-popover-trigger", { key: "8fb2b7eb8f2dd56677285db02a7a2dd3c57a5cdd", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "19c38ad87591dd6b1a0943972a03353935e1aa65", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "d7a0f88e1805a3282e361b839bf90223ac27ac35", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
+    return s(f, { key: "d1f2b212a7994e78cfc572db6aaf064f0c2ffdbe", onKeyDown: this.onKeyDown }, s("div", { key: "ced428abbd2bf11cdeb5c743a022818f2cec8e8e", class: h }, s("swirl-popover-trigger", { key: "b597c85728963178dcb51203a8ddf8ea21203c26", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "ca519acf6055bf1fb741f678dc4e9f98ab447712", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "5673c42edd36551c2c12e5dfa71a477a41e24249", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
       "aria-hidden": "true",
       label: e == null ? void 0 : e.label,
       onRemove: () => this.unselectOption(e == null ? void 0 : e.value),
       removable: !this.disabled && this.allowDeselect
-    }))), s("span", { key: "fe1cdf090525e7ddab3285394aebdeeb092adcc3", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "f1cb32544c67621a9c7784d038592d932835d586", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "b4e6ca0b51cf1596c99bc57bf2b16425d676f57c", class: "select__search" }, s("swirl-icon-search", { key: "3ae43687b9fc7c6901b26fc53232102a2dff7237", class: "select__search-icon", size: 20 }), s("input", { key: "ee4b0172880122fcbad8a8ca05fd9ffdf5e13c4b", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "7946e18bb47243409a1de840cd6bcb9a7b89b6ee", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "e3274290f262698c5f8eca238a7e9d3a9d0645dd", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "20b3fe135aea4e2a03ae909cc6aa959db7d8e4aa", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "3a0832e03f0a22315c34eaf9d85e5be49e29deee", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "e253638007617f119b4ec24c869c747af87ac1ba", onSlotchange: this.onSlotChange })))));
+    }))), s("span", { key: "e11845859b8286dfede6d0426c58b7d9b156804d", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "aed2263e89c84390592e3c066c379d9e2e692168", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "34ddc62a2a188846a523bad838415850db753b8c", class: "select__search" }, s("swirl-icon-search", { key: "c6ec263b0cbcda1739203e055040df06376d3b3a", class: "select__search-icon", size: 20 }), s("input", { key: "065da695394a883d5fc3ab0bbe68824d59422037", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "7984384d33a7f292dfd46937ed9ff2d27a4df88f", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "a2deea882b290ab649fc23f0cdfc6c1bd0601a9c", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "52b75473e55c8bcfe13adfb7c278e01b8913ccee", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "bfbc223b858e7bed52f44c580028f611726f1f1a", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "b633a8b55413c932e168c917fb7718a7d31abf7d", onSlotchange: this.onSlotChange })))));
   }
   get el() {
-    return w(this);
+    return b(this);
   }
 };
 g.style = _;

package/dist/{swirl-shell-layout.entry.a1b28aec.js → swirl-shell-layout.entry.02e53de6.js}

@@ -1,7 +1,7 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.826b9949.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.a4c6109c.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import { d as w, e as t } from "./utils-c16952ba.529dd544.js";
+import { d as w, e as t } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"
@@ -120,10 +120,10 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return e(u, { key: "e59a81d9486e1d9c65d2fbf5a13c1177b935a1b6" }, e("div", { key: "993f1fa7e1bc79f23c042c00992429c3a5c01a04", class: h }, e("header", { key: "1cb3a9c1bfdd8d3cd16cab59f31768a83d2c0cff", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "0c2cbb0e604d2051066ffecc304985aadc0a413a", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "f00a7fc3b8f5e691889f679233c2bbce38f5e2cf", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "6e73afca750785b2c5916aa8656e5f67501a7e0a", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "90367e1528cc332dd064d9214f7274bf16bdac19", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? e("swirl-icon-dock-left-expand", { size: 20 }) : e("swirl-icon-dock-left-collapse", { size: 20 }), e("swirl-visually-hidden", { key: "0ce6a13a5f9be722e5b5b2085904d5ed00d9bff4" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "30e38c2148814b30580a6cd3786d456028756dbc", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "971b1708b810e9704e30670c005c744a364f47a9", size: 20 }), e("swirl-visually-hidden", { key: "60fd8ca229d9d1149c037f72c17f7d1a29d387e3" }, this.browserBackButtonLabel)), e("a", { key: "94ff6d1dad4cb0fca7eb31aea0ab5fab33021693", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "e5100e2c6a381894d9112fe3448c0db23e057713", size: 20 }), e("swirl-visually-hidden", { key: "c3d14808e884c3df477d2a5c8abb8e45f7b2aadc" }, this.browserForwardButtonLabel)), e("slot", { key: "eae965a6a55596497ccc3f19aac7bc2f392703f9", name: "left-header-tools" })), e("div", { key: "472cd871184319b6b601e6b3756e55f58eb99b91", class: "shell-layout__logo" }, e("slot", { key: "85bd0454b3f2a9e2266c31a2d2c0241a1e768be6", name: "logo" })), e("div", { key: "85097d241e71f5c7795ebe88a69211889f9eae2d", class: "shell-layout__header-right" }, e("slot", { key: "c825a614806f106466b3342d6c07ea527ffc3d2b", name: "right-header-tools" }), e("button", { key: "4cf9523fe7c55c928b7ef1a822dc85c99d54a569", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "d12ca79e7c01cab383a94e1c8db6ed6d6825a770", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "e4ca881c17ce5df8ecebef35164681713bbdbbe8" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "cb72e74a9771b4b44b526e6e5c56784cb2154e28", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "b6e679c5817372981ea29c92f5d913edb1c77c3f", name: "avatar" }))), e("div", { key: "25f3803a1a3b75afa4c678043080450793c52a62", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "62046a2dd8315c4762a3e91004bfaa019737c1f5", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "ca010de7cbc6f443d8adb15e82e026c6ba7f432a", class: "shell-layout__mobile-header" }, e("slot", { key: "aec7efbf841b780bf43f29ef065b83d6187a9700", name: "mobile-logo" }), e("div", { key: "bed9a206cf4e309c02f9f855b1d3084e496abd6c", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "c7843da41b838a6539881990c85a0b471d0e7aa2", name: "mobile-header-tools" }), e("button", { key: "05cbea1e70a44b50115289f8e96989fc6a253362", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "6a00745f4f62df1eef207e4863b45e02ba64d747", size: 20 }), e("swirl-visually-hidden", { key: "2cd4b610d3489ff301f1a7270f9b9785006ede67" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "6bbc10715d69d7e0c9b94d9e3456cc4fcd4079bb", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "1732e3b2e9bc3f1d9d147740df837c719fca7dcb" }, e("span", { key: "b49a81be63fa6c4cedd3fa822ef49bd3335a9233", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "eb1c0048f450a8e53a9526d8df5e386a4f571d4a", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "42b9870a1f2925c20b1551c9a5eb62d60eacaa69", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "19dc78b129b9842ae0d55193c882053469aaebb1", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "38655ce1296a6fe5a70e5317b02321ccab95e721", paddingBlockEnd: "16" }, e("swirl-stack", { key: "24ff236c6cf7e4f07090fcc3a49aa378ae698cf1", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "b256fba77ef0ab1f55b111d32eacfefb4ae4ad3a", hideLabel: a, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "5e60c8d3460c4c9641d94b171f6a6e31ab4f8d80", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "d4664ef11f254c1357187907c13f4ed5b06db3ec", class: {
+    return e(u, { key: "dfacfb28b0469aeed85bc713cbd0189da9ee9121" }, e("div", { key: "1ff48589b148512296b58af4795692c56a22829c", class: h }, e("header", { key: "da337e1e0d8e73dcb1a483635923f1b7d7f745f4", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "d4ee1b02554c555ab6fc8d82f81743613c226f07", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "1f393c693012baa345ec17729c9a402111c5ff05", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "2d8ad782aa1ea0d403207bf5e47a4f7a113af03b", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "d0f8475851bdacd982cb8cdb6513b2675761c51d", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? e("swirl-icon-dock-left-expand", { size: 20 }) : e("swirl-icon-dock-left-collapse", { size: 20 }), e("swirl-visually-hidden", { key: "595d309187e68915836e6489e318f652c928301a" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "eaa175be9b9950c91bbe05014f800c9477bde953", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "1b3f91483aded16978f30d1582370bdbd5ae3830", size: 20 }), e("swirl-visually-hidden", { key: "c002632f4863d937a4b354a212b9fb0a7ce7397c" }, this.browserBackButtonLabel)), e("a", { key: "6d9000fd9878a28b5b1a12de2651da22179a60bb", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "f5599c754670a644bccec39f554510750f7e3026", size: 20 }), e("swirl-visually-hidden", { key: "71d6602562f5b940116e184d19861eec5666c118" }, this.browserForwardButtonLabel)), e("slot", { key: "795a473842dc7d83927a7d037b0631981c8eab37", name: "left-header-tools" })), e("div", { key: "85ba51e674050ef339c1be6b3724acec39fabd9a", class: "shell-layout__logo" }, e("slot", { key: "2d7e5d269ef307989aca6707c7417b39679373bf", name: "logo" })), e("div", { key: "4585a3df834aeb71a851995c360715e6fbca05dc", class: "shell-layout__header-right" }, e("slot", { key: "fe9aa8755d20200abbf1c1c29cc38e6d026e7eef", name: "right-header-tools" }), e("button", { key: "b1e01a5c86dad22155979297e14a7354c9c1e935", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "7f42296b6e0834dc10faca85f8e73138d764d01e", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "75d56be479825eb1cb13def9031eb270b054ead7" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "69a5be3ffe055ba6ce5aa534845e9cd3b0a6bcf3", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "bcf86df105ba45d59d4d3a0a8d2cd1e64d462e45", name: "avatar" }))), e("div", { key: "e7ff8d2305594aa69f64b303cefae2833c52020e", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "82ceb53943bcd00a91337988a72e3bb7e960c190", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "15ca8c62c8c81e951d3aa46b24be5df010ade9c9", class: "shell-layout__mobile-header" }, e("slot", { key: "1a40bcc4c07c375db9bd78efa7a05e18e35241ec", name: "mobile-logo" }), e("div", { key: "d046b35ab584b67c8ca19a63e1a06179079a71e5", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "f22b63e5f4258eb056d1cafc4020309e04a88815", name: "mobile-header-tools" }), e("button", { key: "f899ad4a9f885f99c6f861e045f9ea5a0c097e82", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "055ccf17868f287bd7ab37ae1a8da2d95b51b864", size: 20 }), e("swirl-visually-hidden", { key: "91e2f64623d06f3f50e81cf9aa402158fcf344de" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "eaeeb1c30dd05ef5a49e0812fbc6a58a2abd1248", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "bded45ad301724ea6cbf0711a8858246911e0b3c" }, e("span", { key: "0f7ac056fc8bb22350e5f7b012036d7f31cb8b36", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "13cfcf0760810f374c3e07043a20a9db19ffd87b", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "600cf5703e7ebce0b8d64417cc5121b87661a41f", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "e57384c5df94b6c04e79ecd300594903d6c526ed", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "24aa8ceb5c4c33d97e039b6aef06625037a46564", paddingBlockEnd: "16" }, e("swirl-stack", { key: "bd720ea6033a0aa035786bcf3ed84b4d60783c5d", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "07778ed9d75bd763976092db314942b4edb80475", hideLabel: a, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "c200cb9b8ef58da95217384067e6f0557d2bffdb", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "dda6b13df520616985cdfe633e9d8d078553b8d3", class: {
       "shell-layout__secondary-nav-items": !0,
       "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || a)
-    } }, e("slot", { key: "a783c83affed8466ea16f61d19f432aafb7336d0", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "93ca4c503153c93836d356ac5d0c2c294b1fe185", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "6119fcc24284e4ae73f80a02b9814962c60754ef" })), e("aside", { key: "a08733425103544ca5835962996549e60964fac3", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "b7c82b7a4c9090fee76c695e75e44c1aa4000bf9", class: "shell-layout__sidebar-body" }, e("div", { key: "70ce8f4c0ed87e1f65a3ce62258e620219d7c998", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "8ff304f4ba682cdf0b0dc20ef44af9fe3f871178", name: "sidebar-app-bar" })), e("div", { key: "577d4bc413fb08e3567b5626f807ddbe2a83b4cb", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "cde6ddf74ad09ed54ad90fa224752e19f25dde7d", name: "sidebar" }))))));
+    } }, e("slot", { key: "5ea994e16659dbba1717c0c4400d9d470cf76b59", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "3781138352b52482af13d960121958ee3505bef1", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "fab8b7cd5e9fd2f4b88ced48d3358cfd4e5671f9" })), e("aside", { key: "c100bf9bc7df04ea7057f158525234c6255583a5", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "c06c9b23de5f48e6a90143074a989088a9b7101e", class: "shell-layout__sidebar-body" }, e("div", { key: "73806f9883a1b75d979fd59259c8a51f5325623a", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "b7e968716ae363dfe4eb531a4ed910543b7e7866", name: "sidebar-app-bar" })), e("div", { key: "5e2e0c6fd01894c6b82eb2eaa32db169715d253e", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "1f8045aa215aef29107d2d9632306f3b06a30c44", name: "sidebar" }))))));
   }
   get el() {
     return b(this);

package/dist/{swirl-shell-navigation-item.entry.ee7c43c4.js → swirl-shell-navigation-item.entry.5c1ed79d.js}

@@ -1,8 +1,8 @@
-import { r as l, h as n, H as s, g as o } from "./index.826b9949.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { r as s, h as n, H as o, g as r } from "./index.a4c6109c.js";
+import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const r = `/**
+const h = `/**
 * seems the container query does not work as expected
 */
 
@@ -97,7 +97,14 @@ const r = `/**
         text-decoration: underline;
       }
 
+.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {
+      position: absolute;
+      left: var(--s-space-12);
+      top: var(--s-space-12);
+    }
+
 .shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {
+      position: inherit;
       width: 100%;
       height: 100%;
     }
@@ -113,6 +120,19 @@ const r = `/**
       aspect-ratio: 1;
     }
 
+.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {
+          content: "";
+          position: absolute;
+          width: 100%;
+          aspect-ratio: 1;
+          display: inline-block;
+          border-radius: var(--s-border-radius-base);
+          background-image: linear-gradient(
+            rgba(0, 0, 0, 0),
+            rgba(0, 0, 0, 0.8)
+          );
+        }
+
 .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {
       position: absolute;
       top: -0.375rem;
@@ -124,13 +144,30 @@ const r = `/**
       display: -webkit-box;
       overflow: hidden;
       text-align: start;
+      font-weight: var(--s-font-weight-semibold);
       white-space: normal;
       text-overflow: unset;
       overflow-wrap: anywhere;
+      color: var(--s-text-default);
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
     }
 
+.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {
+      position: absolute;
+      bottom: var(--s-space-12);
+      left: var(--s-space-12);
+      margin-right: var(--s-space-12);
+    }
+
+.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {
+        color: rgba(242, 242, 242, 1);
+      }
+
+.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {
+        color: rgb(25, 25, 25);
+      }
+
 .shell-navigation-item.shell-navigation-item--active {
     background-color: var(--s-surface-sunken-hovered);
   }
@@ -216,25 +253,30 @@ const r = `/**
     padding-right: var(--s-space-4);
   }
 }
-`, d = r, h = class {
+`, d = h, g = class {
   constructor(e) {
-    l(this, e), this.active = void 0, this.badgeLabel = void 0, this.boxed = void 0, this.hideLabel = void 0, this.href = void 0, this.label = void 0, this.target = void 0, this.tiled = void 0;
+    s(this, e), this.active = void 0, this.badgeLabel = void 0, this.boxed = void 0, this.hideLabel = !1, this.href = void 0, this.inlineLabel = void 0, this.inlineLabelColor = "default", this.label = void 0, this.target = void 0, this.tiled = void 0, this.withGradient = void 0;
   }
   render() {
-    const e = a("shell-navigation-item", {
+    const e = i("shell-navigation-item", {
       "shell-navigation-item--active": this.active,
       "shell-navigation-item--boxed": this.boxed,
-      "shell-navigation-item--tiled": this.tiled
-    }), i = Boolean(this.href), t = i ? "a" : "button";
-    return n(s, { key: "8f668fc263920a3544a848f3e1dae9bd975b622f" }, n("swirl-tooltip", { key: "159b4df0d0debb01c2cef0c1c29304dab8dc0496", active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, n(t, { key: "1c357bba117c9dfaf8ff2cdb30c1e574ec0d36aa", class: e, href: this.href, target: this.target, type: i ? void 0 : "button" }, n("span", { key: "45a09de3187850380499dc2e0048a4fbd4e756ca", class: "shell-navigation-item__icon" }, n("slot", { key: "997e25fffc95f760c88d4eead87a78226cfd7bc2", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: "shell-navigation-item__label" }, this.label)) : n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "8d5a0bbe07d162f9d8d637f0291bafd074d9fe92", "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
+      "shell-navigation-item--tiled": this.tiled,
+      "shell-navigation-item--gradient": this.withGradient
+    }), a = i("shell-navigation-item__label", {
+      "shell-navigation-item__label--light": this.inlineLabelColor === "light",
+      "shell-navigation-item__label--dark": this.inlineLabelColor === "dark",
+      "shell-navigation-item__label--inline": this.inlineLabel
+    }), t = Boolean(this.href), l = t ? "a" : "button";
+    return n(o, { key: "ac27ba222fb6d1037eafe559f0a0ce62b00fefcd" }, n("swirl-tooltip", { key: "c69e9255e6a0a8ac24ff5c7b9084f8b0549ed0db", active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, n(l, { key: "b9c162718cc86f8f1dc3659852e740d21b23f18c", class: e, href: this.href, target: this.target, type: t ? void 0 : "button" }, n("span", { key: "cd81b747a5361b712d0928e797b01d45c6198db8", class: "shell-navigation-item__icon" }, n("slot", { key: "b2123d0a0f7ab375f4b17382080c86d9943e0edf", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: a }, this.label)) : n("span", { class: a }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "b90e6f6f5cdcb4e08588417bce12369bc643622f", "aria-label": this.badgeLabel, class: i("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
     }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))));
   }
   get el() {
-    return o(this);
+    return r(this);
   }
 };
-h.style = d;
+g.style = d;
 export {
-  h as swirl_shell_navigation_item
+  g as swirl_shell_navigation_item
 };

package/dist/{swirl-skeleton-box.entry.5a1ffe81.js → swirl-skeleton-box.entry.c1e1489c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.826b9949.js";
+import { r as t, h as s, H as i } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -15,9 +15,9 @@ const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{posit
   }
   render() {
     const e = o("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-    return s(i, { key: "a137dd7915355522f1b0adeeac17876539dc01e2", style: {
+    return s(i, { key: "eaa1f0b78ba2e09368a0c31937a1776c60a38bd4", style: {
       width: !Boolean(this.width) && !Boolean(this.aspectRatio) ? "100%" : void 0
-    } }, s("div", { key: "0407a7fc26328b29d812af1e2c875c06f2149f7a", class: e, style: {
+    } }, s("div", { key: "4192011e2f868cdd0a8107d7073afbd082b75029", class: e, style: {
       aspectRatio: this.aspectRatio,
       borderRadius: this.borderRadius !== "pill" ? `var(--s-border-radius-${this.borderRadius})` : void 0,
       height: this.height,

package/dist/{swirl-skeleton-text.entry.bee2f39f.js → swirl-skeleton-text.entry.4b7f008f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.826b9949.js";
+import { r as l, h as t, H as a } from "./index.a4c6109c.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -29,7 +29,7 @@ const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleto
   }
   render() {
     const e = s("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated }), i = s("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-    return t(a, { key: "91edd9f485d311dde6fa5e915ae1bf51cdc20455" }, t("div", { key: "808ee50b0708b690fa7a78f8dfdbcc402dd38546", class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
+    return t(a, { key: "ff8a083caea381a90aacf3e66e4afef2ff42d6f2" }, t("div", { key: "3b14bc4ba15c04eff3dcd07422f3f2257ef3d51f", class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
   }
 };
 d.style = r;

package/dist/{swirl-stack.entry.8cfc113a.js → swirl-stack.entry.aaf806a2.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.826b9949.js";
+import { r as a, h as s, H as i } from "./index.a4c6109c.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.f0b83e29.js → swirl-status-indicator.entry.8dd5471c.js}

@@ -1,14 +1,14 @@
-import { r as i, h as t, H as a } from "./index.826b9949.js";
-import { c as n } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as t, H as a } from "./index.a4c6109c.js";
+import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const e = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', o = e, r = class {
+const n = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', o = n, r = class {
   constructor(s) {
     i(this, s), this.intent = void 0, this.label = void 0;
   }
   render() {
-    const s = n("status-indicator", `status-indicator--intent-${this.intent}`);
-    return t(a, { key: "f359a427b0d2f5b810e9567b0bac441dc0087f31" }, t("div", { key: "03acce899d0a84dd266470be3ca3ea843ccb8968", class: s }, t("span", { key: "7d99dd4b23942f8675b0ad1bc442714651edcfd0", class: "status-indicator__dot" }), t("span", { key: "108eb0c318cb3873f6e8ddc59d8c144f9c779aac", class: "status-indicator__label" }, this.label)));
+    const s = e("status-indicator", `status-indicator--intent-${this.intent}`);
+    return t(a, { key: "12ad187054fd68f60d69b79f3faab9e106cef752" }, t("div", { key: "0f51e9195ef9c6193bb180bc4da66a0e24ebb431", class: s }, t("span", { key: "95cfbf375a38e84c34f678fad1eea27df03f8cdc", class: "status-indicator__dot" }), t("span", { key: "bedb34932a682a2e6b5ac77469c14630b565d56f", class: "status-indicator__label" }, this.label)));
   }
 };
 r.style = o;

package/dist/{swirl-switch.entry.9e8d5e4a.js → swirl-switch.entry.82ef0841.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as i, H as l, g as n } from "./index.826b9949.js";
+import { r as h, c as r, h as i, H as l, g as n } from "./index.a4c6109c.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -18,7 +18,7 @@ const o = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-
       "switch--on": e,
       "switch--disabled": this.disabled
     });
-    return i(l, { key: "cedaf29a2ee5fedd89cdbb39553d18ceb37a5b9a" }, i("label", { key: "cd2f6bd0936dc8e8b127448eb548d30a319a701b", class: c, htmlFor: this.inputId }, i("span", { key: "7e8852b9aea9b8f996d6c7aec68a16de0f1a3958", class: "switch__control" }, i("swirl-visually-hidden", { key: "3cd9e0142925081c65bd0ec79eefff19c7933dfa" }, i("input", { key: "38ae820f0a2e0e1f5eec8d43e24ff23205c1e38f", "aria-checked": t, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "b60201088276b8e78f8e991e6b2c765aa244d8af", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "3900528e738efc67f01708de2ba196ead158ebdb", class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", { key: "aa6e24674b9d44b7bbbd3b8f9a31687fafcc3258" }, this.label)));
+    return i(l, { key: "24aaff17051b26a91587032d203271dd3c182cbd" }, i("label", { key: "91d3bb3c765f727672cd9fed68a942f4436804d7", class: c, htmlFor: this.inputId }, i("span", { key: "e29bbb56bfccdeb7ce77b2cac0a809278820939c", class: "switch__control" }, i("swirl-visually-hidden", { key: "d3ad3f6a3907705eb4e9eb09db18bb91460acfb2" }, i("input", { key: "586eb536d3fb2d0a0cb7ef0529436225a88a176f", "aria-checked": t, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "eda4640707c4ce7aaeb7cea03771169266a37cce", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "a0133580f3d8ae8682a231529a2a61b6d4a004ad", class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", { key: "210938320c9393f0fe4699f1568db1f1c88ab99e" }, this.label)));
   }
   get el() {
     return n(this);

package/dist/{swirl-symbol-account-circle.entry.d52d2092.js → swirl-symbol-account-circle.entry.1b8c723e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as c } from "./index.826b9949.js";
+import { r as t, h as e, F as c } from "./index.a4c6109c.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.43b7ae33.js → swirl-symbol-alternate-email.entry.3b74acb1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.826b9949.js";
+import { r as t, h as e, F as i } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.812cfaf1.js → swirl-symbol-android.entry.6ac4def3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.826b9949.js";
+import { r as i, h as C, F as t } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.68069fed.js → swirl-symbol-announcement.entry.55651ffd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.826b9949.js";
+import { r as i, h as e, F as o } from "./index.a4c6109c.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.4cf2b85f.js → swirl-symbol-backup.entry.a4a76138.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.826b9949.js";
+import { r as t, h as e, F as C } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.53164cb0.js → swirl-symbol-beach-access.entry.befd18bf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as c } from "./index.826b9949.js";
+import { r as t, h as e, F as c } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.9db70ae6.js → swirl-symbol-bookmark.entry.03919160.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.826b9949.js";
+import { r as o, h as e, F as t } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-cloud.entry.8531aea5.js → swirl-symbol-cloud.entry.0c955922.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-coronavirus.entry.2867c4dd.js → swirl-symbol-coronavirus.entry.d8835317.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as o } from "./index.826b9949.js";
+import { r as i, h as s, F as o } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-desktop-windows.entry.6110b656.js → swirl-symbol-desktop-windows.entry.eeae673d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.826b9949.js";
+import { r as t, h as e, F as o } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.15e3c8aa.js → swirl-symbol-directions-car-filled.entry.291470d0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.826b9949.js";
+import { r as t, h as e, F as C } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.820de897.js → swirl-symbol-edit-calendar.entry.3cf6a93c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.670eb238.js → swirl-symbol-email.entry.1fc44134.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.f1010026.js → swirl-symbol-emoji-food-beverage.entry.b51cf5bc.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as t } from "./index.826b9949.js";
+import { r as o, h as s, F as t } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-event-menu.entry.9a2ff65a.js → swirl-symbol-event-menu.entry.a2d0831d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.826b9949.js";
+import { r as i, h as e, F as C } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.0ea587ba.js → swirl-symbol-facebook.entry.dd83d0c0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.826b9949.js";
+import { r as o, h as e, F as t } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.55644ae8.js → swirl-symbol-favorite.entry.993067a6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.826b9949.js";
+import { r as t, h as e, F as o } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-fitness-center.entry.69dd2c7e.js → swirl-symbol-fitness-center.entry.35b33765.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.826b9949.js";
+import { r as i, h as e, F as C } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-flag.entry.8b0d8937.js → swirl-symbol-flag.entry.280de244.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-folder.entry.63af03d2.js → swirl-symbol-folder.entry.7a566b51.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-globe.entry.516d7777.js → swirl-symbol-globe.entry.097fe15d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-groups.entry.2024806e.js → swirl-symbol-groups.entry.eb46df59.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as c } from "./index.826b9949.js";
+import { r as i, h as e, F as c } from "./index.a4c6109c.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-help.entry.95a7140b.js → swirl-symbol-help.entry.cb476db2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.826b9949.js";
+import { r as i, h as e, F as t } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-image.entry.e215ae0b.js → swirl-symbol-image.entry.c2a276fe.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.3ae53b68.js → swirl-symbol-info-menu.entry.3e650557.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.826b9949.js";
+import { r as t, h as e, F as o } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.a05a6157.js → swirl-symbol-instagram.entry.c8b66331.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.826b9949.js";
+import { r as i, h as s, F as t } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.0f6de25b.js → swirl-symbol-ios.entry.0912c8a5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.826b9949.js";
+import { r as t, h as i, F as C } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.9593cfd0.js → swirl-symbol-language.entry.a83621ce.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.826b9949.js";
+import { r as i, h as e, F as t } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-leaderboard.entry.b6adbd96.js → swirl-symbol-leaderboard.entry.8be1ac35.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as t } from "./index.826b9949.js";
+import { r, h as e, F as t } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-lightbulb.entry.8dec25e6.js → swirl-symbol-lightbulb.entry.e1acdd12.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.826b9949.js";
+import { r as t, h as s, F as l } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-linkedin.entry.62163a78.js → swirl-symbol-linkedin.entry.3c180ff7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.826b9949.js";
+import { r as t, h as e, F as l } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-location-on.entry.7d17a59d.js → swirl-symbol-location-on.entry.98274e62.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.826b9949.js";
+import { r as t, h as e, F as o } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-loyalty.entry.2443a1b3.js → swirl-symbol-loyalty.entry.9e86e5a0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.826b9949.js";
+import { r as t, h as C, F as i } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-maps-home-work.entry.712d6782.js → swirl-symbol-maps-home-work.entry.61345ff9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.826b9949.js";
+import { r as o, h as e, F as t } from "./index.a4c6109c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-notifications.entry.57999c14.js → swirl-symbol-notifications.entry.7928e3f2.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.826b9949.js";
+import { r as e, h as i, F as o } from "./index.a4c6109c.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-open-in-new.entry.9c2b19bd.js → swirl-symbol-open-in-new.entry.29d12491.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.826b9949.js";
+import { r as C, h as e, F as t } from "./index.a4c6109c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pedal-bike.entry.8df6c27e.js → swirl-symbol-pedal-bike.entry.b3f71d83.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as a } from "./index.826b9949.js";
+import { r as i, h as C, F as a } from "./index.a4c6109c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";