@getflip/swirl-components-react 0.340.0 → 0.341.0

package/dist/{swirl-modal.entry.a680d3eb.js → swirl-modal.entry.bb2810cd.js}

@@ -1,5 +1,5 @@
-import { r as u, c as t, h as e, H as p, g as _ } from "./index.89ae7741.js";
-import { d as m, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { r as u, c as t, h as a, H as p, g as _ } from "./index.221de5de.js";
+import { d as h, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as f } from "./index-orsBiyT_.fc4357c3.js";
 import { c as v } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
 import "react";
@@ -12,17 +12,18 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     --s-surface-overlay-pressed
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
     var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
-    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content:not(.modal--fullscreen) .modal__body{max-width:calc(
+    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) +
         var(--swirl-modal-max-secondary-content-width)
-    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
+    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
-    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;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-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
+    )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,
+    max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;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-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
     )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, g = class {
-  constructor(a) {
-    u(this, a), this.toggleFullscreen = t(this, "toggleFullscreen", 7), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
+  constructor(e) {
+    u(this, e), this.toggleFullscreen = t(this, "toggleFullscreen", 7), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -39,12 +40,12 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     }, this.determineScrollStatus = () => {
       this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
     }, this.determineMainScrollStatus = () => {
-      var r, l, i, n, c, h;
-      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.scrollContainer) == null ? void 0 : h.offsetHeight);
+      var l, r, i, n, c, m;
+      const o = ((l = this.scrollContainer) == null ? void 0 : l.scrollTop) > 0, d = Math.ceil(((r = this.scrollContainer) == null ? void 0 : r.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
       o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), s !== this.scrollable && (this.scrollable = s);
     }, this.determineSidebarScrollStatus = () => {
-      var r, l, i, n, c, h;
-      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.sidebarScrollContainer) == null ? void 0 : h.offsetHeight);
+      var l, r, i, n, c, m;
+      const o = ((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) > 0, d = Math.ceil(((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.sidebarScrollContainer) == null ? void 0 : m.offsetHeight);
       o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), s !== this.sidebarScrollable && (this.sidebarScrollable = s);
     };
   }
@@ -53,17 +54,17 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       allowOutsideClick: !0,
       escapeDeactivates: !1,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (e) => e.shadowRoot
       }
     }), this.determineScrollStatus(), this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
   }
   componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
+    var e;
+    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
+    var e;
+    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -75,13 +76,13 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(e) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
-  async setFullscreen(a) {
-    this.isFullscreen !== a && (this.isFullscreenTransitioning = !0, this.isFullscreen = a, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
+  async setFullscreen(e) {
+    this.isFullscreen !== e && (this.isFullscreenTransitioning = !0, this.isFullscreen = e, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
   }
   updateCustomFooterStatus() {
     this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
@@ -102,17 +103,17 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSidebarFooter = Boolean(this.el.querySelector('[slot="sidebar-footer"]'));
   }
   handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
+    var e;
+    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
-    m(this.scrollContainer), m(this.sidebarScrollContainer);
+    h(this.scrollContainer), h(this.sidebarScrollContainer);
   }
   unlockBodyScroll() {
     this.scrollContainer && b(this.scrollContainer), this.sidebarScrollContainer && b(this.sidebarScrollContainer);
   }
   render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
+    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--fullscreen": this.isFullscreen,
       "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
@@ -134,19 +135,19 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(p, { key: "c82bd24e5de6cb12dd85b207a2a4cb7b5976872b" }, e("section", { key: "8d380c32de1a1721c7343fa705416c846d415384", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "74389c724c2fc3dbbf64e9acf266c311e98be466", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "cd1d3b82a0de6914dd11765901f891ffc6779688", class: "modal__body", style: this.isFullscreen ? {} : {
+    return a(p, { key: "c82bd24e5de6cb12dd85b207a2a4cb7b5976872b" }, a("section", { key: "8d380c32de1a1721c7343fa705416c846d415384", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "74389c724c2fc3dbbf64e9acf266c311e98be466", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "cd1d3b82a0de6914dd11765901f891ffc6779688", class: "modal__body", style: this.isFullscreen ? {} : {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("aside", { key: "6ba43b9903fc20b97c384cbb339d6ccf88bb9544", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "0dc8eec524121375cc9c78c5866cf8642a0a5339", class: f("modal__sidebar-header", {
+    } }, a("aside", { key: "6ba43b9903fc20b97c384cbb339d6ccf88bb9544", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "0dc8eec524121375cc9c78c5866cf8642a0a5339", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "ed06f016a6fbffaaa97a73a66bf8b81b70610413", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "66061ab0f8e8bf7bf44ffea221584f2bb30e090d", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "df228a3e86bddbeade95c73bad1fe523aa3c30e1", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "be16658b4ecbc40c97b8a1f1d7b6ec67c9c13828", name: "sidebar-content" })), e("div", { key: "5fdedc18e02db89897473843c7aa40e0719e128d", class: "modal__sidebar-footer" }, e("slot", { key: "116e70c57e40e8f20e9380af357830d31592fd74", name: "sidebar-footer" }))), e("div", { key: "b219e652242ebd7e9b782e1282079a1d08674573", class: "modal__main-content" }, e("header", { key: "e5e07dce0daead5e23f2a719a5f41f373b559008", class: "modal__custom-header" }, e("slot", { key: "93f56acb67aebd593806a8f67d2d184bb243f2ec", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6c940113e4e1535ac2b479f509f4552b8ccd288a", class: "modal__header" }, e("div", { key: "e4d0b9584cffab4aa97726a5a0ce6a52e8749024", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "19dcddfcbd1488a4255bc36d5e48d7aa87b37810", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), this.showFullscreenButton && e("swirl-button", { key: "f4193147bda2699e854b19016a81f46be67af807", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "3456ba73064e116782fc2d379a07fcb7e548b559", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "930969de9c366d5c3b7a6ad41207c5e8b156a512", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && a("swirl-button", { key: "ed06f016a6fbffaaa97a73a66bf8b81b70610413", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "66061ab0f8e8bf7bf44ffea221584f2bb30e090d", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), a("div", { key: "df228a3e86bddbeade95c73bad1fe523aa3c30e1", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "be16658b4ecbc40c97b8a1f1d7b6ec67c9c13828", name: "sidebar-content" })), a("div", { key: "5fdedc18e02db89897473843c7aa40e0719e128d", class: "modal__sidebar-footer" }, a("slot", { key: "116e70c57e40e8f20e9380af357830d31592fd74", name: "sidebar-footer" }))), a("div", { key: "b219e652242ebd7e9b782e1282079a1d08674573", class: "modal__main-content" }, a("header", { key: "e5e07dce0daead5e23f2a719a5f41f373b559008", class: "modal__custom-header" }, a("slot", { key: "93f56acb67aebd593806a8f67d2d184bb243f2ec", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "6c940113e4e1535ac2b479f509f4552b8ccd288a", class: "modal__header" }, a("div", { key: "e4d0b9584cffab4aa97726a5a0ce6a52e8749024", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "19dcddfcbd1488a4255bc36d5e48d7aa87b37810", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), this.showFullscreenButton && a("swirl-button", { key: "f4193147bda2699e854b19016a81f46be67af807", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && a("swirl-heading", { key: "3456ba73064e116782fc2d379a07fcb7e548b559", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "930969de9c366d5c3b7a6ad41207c5e8b156a512", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "709500b83b513e4668921e7187a34aed059d67cb", class: "modal__primary-content", style: {
+    } }, a("div", { key: "709500b83b513e4668921e7187a34aed059d67cb", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "c8c62935631f3ac6f6cdefc4fbff82737b535caf", class: "modal__header-tools" }, e("slot", { key: "df88048fb9956987d3950616dcad6c4a8df81e27", name: "header-tools" })), e("div", { key: "fb44494135b40274f22bf5a13cbc6981c5c5d08c", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "b9668bd1510b36ec0323d320db94e3d574c3d487" }))), e("div", { key: "b8061c98f1093c9ea51e12e7aa90969c89827d3f", class: "modal__secondary-content", style: {
+    } }, a("div", { key: "c8c62935631f3ac6f6cdefc4fbff82737b535caf", class: "modal__header-tools" }, a("slot", { key: "df88048fb9956987d3950616dcad6c4a8df81e27", name: "header-tools" })), a("div", { key: "fb44494135b40274f22bf5a13cbc6981c5c5d08c", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "b9668bd1510b36ec0323d320db94e3d574c3d487" }))), a("div", { key: "b8061c98f1093c9ea51e12e7aa90969c89827d3f", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -154,7 +155,7 @@ const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "fd8b40685e996b00612861fdfd685aac799234e6", name: "secondary-content" }))), e("div", { key: "d3e7fdaa221558abe30ab7dbdec90f3ebfe32103", class: "modal__custom-footer" }, e("slot", { key: "9e691351090de8e834973565e01382750e9f48c2", name: "custom-footer" })), a && e("footer", { key: "79ec849bd85830c012ba1762e7fc8d18bf15b2c0", class: "modal__controls" }, e("swirl-button-group", { key: "1ffa600e094bb0647619ba1f4204f2059ced15de", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "5c4c0634686922d4adc96242808bb685ae35da7d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "b6310f56ca29ba9c2bf94957d676fddffaeeb65d", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, a("slot", { key: "fd8b40685e996b00612861fdfd685aac799234e6", name: "secondary-content" }))), a("div", { key: "d3e7fdaa221558abe30ab7dbdec90f3ebfe32103", class: "modal__custom-footer" }, a("slot", { key: "9e691351090de8e834973565e01382750e9f48c2", name: "custom-footer" })), e && a("footer", { key: "79ec849bd85830c012ba1762e7fc8d18bf15b2c0", class: "modal__controls" }, a("swirl-button-group", { key: "1ffa600e094bb0647619ba1f4204f2059ced15de", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "5c4c0634686922d4adc96242808bb685ae35da7d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "b6310f56ca29ba9c2bf94957d676fddffaeeb65d", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
     return _(this);

package/dist/{swirl-option-list-section.entry.4c68c4de.js → swirl-option-list-section.entry.aefaeb34.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as t } from "./index.89ae7741.js";
+import { r as i, h as s, H as t } from "./index.221de5de.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {

package/dist/{swirl-option-list_2.entry.55d11d46.js → swirl-option-list_2.entry.7fcd885f.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.89ae7741.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.221de5de.js";
 import { S as m } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { l as n, q as l } from "./utils-D_MUFqkF.654ff3ce.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";

package/dist/{swirl-pagination.entry.e0989492.js → swirl-pagination.entry.a120fc23.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.89ae7741.js";
+import { r as l, c as s, h as e, H as r } from "./index.221de5de.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { d as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.c41b4098.js → swirl-pdf-reader.entry.36604692.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.89ae7741.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.221de5de.js";
 import { A as b } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";

package/dist/{swirl-popover_2.entry.718a1d42.js → swirl-popover_2.entry.803e3ad2.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as m } from "./index.89ae7741.js";
+import { r as v, c as l, h as n, H as g, g as m } from "./index.221de5de.js";
 import { D as c, k as h, b as _, P as E, N as x } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { d as k, e as C } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as A } from "./index-orsBiyT_.fc4357c3.js";

package/dist/{swirl-progress-indicator.entry.f29475d0.js → swirl-progress-indicator.entry.226a2969.js}

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as n } from "./index.89ae7741.js";
+import { r as t, h as a, H as n } from "./index.221de5de.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.73295195.js → swirl-radio-group.entry.3c40f552.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.89ae7741.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.221de5de.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", u = class {

package/dist/{swirl-radio.entry.b37434fd.js → swirl-radio.entry.20c3789c.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.89ae7741.js";
+import { r as s, c, h as i, H as l } from "./index.221de5de.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.664aca22.js → swirl-resource-list-file-item.entry.de479201.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.89ae7741.js";
+import { r as c, c as a, h as e, H as n } from "./index.221de5de.js";
 import { c as m } from "./index-orsBiyT_.fc4357c3.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-resource-list-section.entry.3847fc7a.js → swirl-resource-list-section.entry.5c63fb60.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as i } from "./index.89ae7741.js";
+import { r as a, h as e, H as i } from "./index.221de5de.js";
 import "react";
 import "react-dom";
 const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = class {

package/dist/{swirl-search.entry.c6dc1b9e.js → swirl-search.entry.d5f2e1ef.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.89ae7741.js";
+import { r as i, c as r, h as a, H as t } from "./index.221de5de.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as h } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-select.entry.57822790.js → swirl-select.entry.a09eef22.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.89ae7741.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.221de5de.js";
 import { c as w } from "./index-orsBiyT_.fc4357c3.js";
 import { q as b } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-separator.entry.0b33a768.js → swirl-separator.entry.35478fba.js}

@@ -1,4 +1,4 @@
-import { r as t, h as r, F as e, H as s } from "./index.89ae7741.js";
+import { r as t, h as r, F as e, H as s } from "./index.221de5de.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-shell-layout.entry.5620bd67.js → swirl-shell-layout.entry.1ba80e9a.js}

@@ -1,4 +1,4 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.89ae7741.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.221de5de.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { c as g } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
 import { d as w, m as t } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-shell-navigation-item.entry.0c3ba639.js → swirl-shell-navigation-item.entry.2c46e4f2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as n, H as o, g as r } from "./index.89ae7741.js";
+import { r as s, h as n, H as o, g as r } from "./index.221de5de.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.1c32c5ff.js → swirl-skeleton-text.entry.cd3fa25f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.89ae7741.js";
+import { r as l, h as t, H as a } from "./index.221de5de.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.8e7431bd.js → swirl-stack.entry.faf09814.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as c } from "./index.89ae7741.js";
+import { r as i, h as s, H as c } from "./index.221de5de.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.c513d8b4.js → swirl-status-indicator.entry.18ee39c2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.89ae7741.js";
+import { r as i, h as t, H as a } from "./index.221de5de.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.0d814995.js → swirl-switch.entry.687cf791.js}

@@ -1,4 +1,4 @@
-import { r, c as h, h as i, H as l, g as n } from "./index.89ae7741.js";
+import { r, c as h, h as i, H as l, g as n } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.e5c67965.js → swirl-symbol-account-circle.entry.3d9b1495.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.6e4dac28.js → swirl-symbol-alternate-email.entry.efdca8e1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.89ae7741.js";
+import { r as i, h as C, F as t } from "./index.221de5de.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.4eeea139.js → swirl-symbol-android.entry.12afe7c2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.89ae7741.js";
+import { r as i, h as C, F as t } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.2027e12f.js → swirl-symbol-announcement.entry.1772ecd0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.6f53eb0c.js → swirl-symbol-backup.entry.f0fc7c8e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.5a84c414.js → swirl-symbol-beach-access.entry.50d70d95.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.93cb5d10.js → swirl-symbol-bookmark.entry.46948201.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-cloud.entry.1b3fd5c9.js → swirl-symbol-cloud.entry.12d4e2d2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-coronavirus.entry.58d83212.js → swirl-symbol-coronavirus.entry.6b5b2dc3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as r } from "./index.89ae7741.js";
+import { r as e, h as s, F as r } from "./index.221de5de.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-desktop-windows.entry.ccb41c8e.js → swirl-symbol-desktop-windows.entry.4fc7b6f3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.60b166cb.js → swirl-symbol-directions-car-filled.entry.0bc3e4f5.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as t } from "./index.89ae7741.js";
+import { r as C, h as i, F as t } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.cfa9b9ca.js → swirl-symbol-edit-calendar.entry.ba7aa1d5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.89ae7741.js";
+import { r as t, h as e, F as r } from "./index.221de5de.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.8382c240.js → swirl-symbol-email.entry.525a4886.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.142ef687.js → swirl-symbol-emoji-food-beverage.entry.5556706b.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.89ae7741.js";
+import { r as o, h as e, F as t } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-event-menu.entry.8e650e3e.js → swirl-symbol-event-menu.entry.f8f6cbf5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.fffe7196.js → swirl-symbol-facebook.entry.6588a75e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.7bbb72bf.js → swirl-symbol-favorite.entry.4d678167.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.89ae7741.js";
+import { r as t, h as e, F as r } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-fitness-center.entry.af8d66a5.js → swirl-symbol-fitness-center.entry.a7ef619f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-flag.entry.631e1805.js → swirl-symbol-flag.entry.cb93c607.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as l } from "./index.89ae7741.js";
+import { r as t, h as i, F as l } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-folder.entry.2fe5b05d.js → swirl-symbol-folder.entry.2ce3a890.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.89ae7741.js";
+import { r as t, h as e, F as r } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-globe.entry.458c9557.js → swirl-symbol-globe.entry.3b7bb2be.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.89ae7741.js";
+import { r as t, h as e, F as C } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-groups.entry.af21fde4.js → swirl-symbol-groups.entry.f13f0496.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as c } from "./index.89ae7741.js";
+import { r as i, h as C, F as c } from "./index.221de5de.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-help.entry.5c352850.js → swirl-symbol-help.entry.0b866d09.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.89ae7741.js";
+import { r as i, h as e, F as t } from "./index.221de5de.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-image.entry.1b668b80.js → swirl-symbol-image.entry.7cbce0db.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.89ae7741.js";
+import { r as t, h as e, F as r } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.52ad39b4.js → swirl-symbol-info-menu.entry.eec6a5bf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.89ae7741.js";
+import { r as t, h as e, F as o } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.2032ea33.js → swirl-symbol-instagram.entry.e4c2b3b9.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.89ae7741.js";
+import { r as i, h as s, F as t } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.ef28894c.js → swirl-symbol-ios.entry.d1f54bb3.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.89ae7741.js";
+import { r as C, h as e, F as t } from "./index.221de5de.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.202a104e.js → swirl-symbol-language.entry.7c6e7a97.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.89ae7741.js";
+import { r as i, h as e, F as t } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-leaderboard.entry.cfc0eed1.js → swirl-symbol-leaderboard.entry.f6bcd614.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as t } from "./index.89ae7741.js";
+import { r, h as e, F as t } from "./index.221de5de.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-lightbulb.entry.07fcb6bd.js → swirl-symbol-lightbulb.entry.6ffe9f51.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as c } from "./index.89ae7741.js";
+import { r as t, h as s, F as c } from "./index.221de5de.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-linkedin.entry.eecc97b7.js → swirl-symbol-linkedin.entry.5e1cee3d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.89ae7741.js";
+import { r as t, h as i, F as C } from "./index.221de5de.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";