@getflip/swirl-components-react 0.341.2 → 0.342.1

package/dist/{swirl-button.entry.d24e5f9c.js → swirl-button.entry.12d00248.js}

@@ -1,20 +1,20 @@
-import { r as l, h as o, H as u, g as c } from "./index.1e93dc97.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import { D as v } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
+import { r as u, h as o, H as c, g as d } from "./index.e7413e61.js";
+import { c as v } from "./index-orsBiyT_.fc4357c3.js";
+import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 import "./utils-D_MUFqkF.654ff3ce.js";
-const w = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
+const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, h = class {
+    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = class {
   constructor(n) {
-    l(this, n), this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
+    u(this, n), this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
     };
   }
   componentDidLoad() {
-    this.updateFormAttribute(), this.mediaQueryUnsubscribe = v.subscribe((n) => {
+    this.updateFormAttribute(), this.mediaQueryUnsubscribe = w.subscribe((n) => {
       this.forceIconProps(n);
     });
   }
@@ -41,21 +41,21 @@ const w = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
     Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
   }
   render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = d("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
+    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = Boolean(this.el.querySelector("[slot='trailing']")), b = v("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
       "button--elevated": this.elevated,
       "button--disabled": this.disabled,
       "button--has-icon": a,
       "button--icon-only": n,
       "button--pill": this.pill,
       "button--pressed": this.pressed
-    }), b = t ? "a" : "button";
-    return o(u, { key: "dec5cc1badcf88a9b3f57a647c59fea4388a0e00", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "7b4a851e0c7f3699002095cf777c040a5c97194e", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "371fbdd6575181f62250eef491b6e4ed56b5b0e1", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "e3af04a049701785eddba2142ca9c3d9f376eda8", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "e9a101f204201023c4c62539578cb408adccde85", name: "icon" })), !n && o("span", { key: "e08c03769f2981aac46e02c8519d06bb1b88c801", class: "button__label" }, this.label), s && o("span", { key: "5fa04e35b9980d2f6684ba3bf40006053d204949", class: "button__tag" }, o("slot", { key: "b9cab88a1ab1e53f3f1240d1bd32cb0175cc261f", name: "tag" }))));
+    }), l = t ? "a" : "button";
+    return o(c, { key: "6337212b126484088e98cc5912189b1ed232bdea", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "eb12293e543db44de0dde0913f31561384adb984", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: b, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "9911496cd21581532424a9ccaa902b16759f74de", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "9a9a262855e3f7db4b686386bc7a7b22af2468ad", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "c043bcbec31a01fce43a01747f01537e9e5fe88c", name: "icon" })), !n && o("span", { key: "8ae906d08d3520362f816783ff48f01f08349d7a", class: "button__label" }, this.label), s && o("span", { key: "388cef78ae0744f4dae57f712c8a772fc2e65524", class: "button__tag" }, o("slot", { key: "d03270a8b768de0df1bfa07ba1e2aeb99f4646c0", name: "tag" })), e && o("div", { key: "38f7c4fb73a0b7edc0c2d25d780946fed13a3123", class: "button__trailing-slot" }, o("slot", { key: "372c71c84d11ed7eed830701e0d1e620a878b37b", name: "trailing" }))));
   }
   get el() {
-    return c(this);
+    return d(this);
   }
 };
-h.style = w;
+p.style = h;
 export {
-  h as swirl_button
+  p as swirl_button
 };

package/dist/{swirl-card.entry.5340f92c.js → swirl-card.entry.0860e8c2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as c, g as l } from "./index.1e93dc97.js";
+import { r as d, c as n, h as e, H as c, g as l } from "./index.e7413e61.js";
 import { c as u } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
     --s-surface-raised-pressed
   );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}`, f = ["xs", "sm", "base", "l", "xl"], g = class {
   constructor(a) {
-    o(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
+    d(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
   }
   async flash(a = 5e3) {
     Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
@@ -33,7 +33,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, d = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+    }, o = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
       "card--flashing": this.flashing,
       "card--has-floating-controls": r,
@@ -42,7 +42,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(c, { key: "478f476dd1540d6717515b98275f8b844869fd7c", styles: { height: this.height } }, e(a, { key: "8e92bef0024a98a95b4ee57b14fc8f6774646279", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "31c2805728761dfcb0c52a40ca35dde8db717395", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "acad13c8d0ae94025b38efdceb3f57c08c46e1ea", name: "image" })), e("div", { key: "acb6863ba75f792b6b63d345d21a5501d2606ae9", class: "card__floating-controls" }, e("slot", { key: "4ea72ed42dfb59b4e2d6a756084a51731811ac8f", name: "floating-controls" })), e("div", { key: "58ec0bd8db851413e5f00bc7f68fe0c7c180ebdc", class: "card__body", style: i }, e("div", { key: "8cca2590d51f405927f0632abe25e63e681e7175", class: "card__content" }, e("slot", { key: "012022e6119ae081a3fac9edade9c8f8789635ad", name: "content" })))));
+    return e(c, { key: "627c49d41c681c969170cb6acb654e8f703ce9c9", styles: { height: this.height } }, e(a, { key: "97120ac1aceeb6bfb2dddc0f1dab2b152f332176", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: o, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "3f8ab8e7df574ef27ba36b24cecf1dc75b5c1ff8", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "5efeec1b6bc81100e1078aaf231408f33c099de7", name: "image" })), e("div", { key: "b8122399fb965b4d4569e4fe8dac21ccdc652e68", class: "card__floating-controls" }, e("slot", { key: "abc47854902b427d759f13b162c937a3c4a3eb5b", name: "floating-controls" })), e("div", { key: "a455be81f568fb3f0a9869a74bcf71b284c85b47", class: "card__body", style: i }, e("div", { key: "a079ae3c14eeb38d75981e8a1c6822b6373d305b", class: "card__content" }, e("slot", { key: "b81644a39a20f76b816d566084044f72b2e02afd", name: "content" })))));
   }
   get el() {
     return l(this);

package/dist/{swirl-carousel-slide.entry.b3fa9b9e.js → swirl-carousel-slide.entry.7471c956.js}

@@ -1,23 +1,23 @@
-import { r as e, h as i, H as t } from "./index.1e93dc97.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { r as i, h as e, H as t } from "./index.e7413e61.js";
+import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
+const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
   constructor(s) {
-    e(this, s), this.width = "15.5rem";
+    i(this, s), this.width = "15.5rem";
   }
   render() {
-    const s = o("carousel-slide", {
+    const s = a("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return i(t, { key: "a9e40890d2e844b71df36d76648c29dcb7b3c424", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
+    return e(t, { key: "9a052f0bfc5e0a3d50de5eca0a3f64f15caf9c4c", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
       aspectRatio: this.aspectRatio,
       flexBasis: this.width,
       minHeight: this.minHeight
-    }, tabIndex: 0 }, i("slot", { key: "3648067d02370a7c2710bbc2adfa65c4db42f02b" }));
+    }, tabIndex: 0 }, e("slot", { key: "277e8805727f58bd9961069b8657a709b7531b74" }));
   }
 };
-l.style = a;
+l.style = o;
 export {
   l as swirl_carousel_slide
 };

package/dist/{swirl-carousel.entry.8ddf2853.js → swirl-carousel.entry.84d6269a.js}

@@ -1,5 +1,5 @@
-import { r as a, c as n, h as l, H as r, g as c } from "./index.1e93dc97.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import { r as a, c as n, h as l, H as r, g as d } from "./index.e7413e61.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { d as h } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
@@ -82,15 +82,15 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fad
       paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
       scrollPadding: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0
-    }, e = d("carousel", {
+    }, e = c("carousel", {
       "carousel--fade": this.fade,
       "carousel--is-at-start": this.isAtStart,
       "carousel--is-at-end": this.isAtEnd
     });
-    return l(r, { key: "455ff284d8c95ca37ebbfaa3efeccfa0a4eced53", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "576af4479a93ed30ac2ca67b4d32f3559f075125", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "e32e058989e1d95e36d97b58b8da8deebd9a8468", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "8544229fe77186f043315fbc50e463ebc84197bf", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "ccccbc484f6ae31f2bf63782005bc994b42d325a", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "bbff9ce6b8c0e05002cf85d3955fb72acb309a87", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "6f554892238c026db3502297458273b682d68098", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "362e62f0a21b074001997fd0f277dd1109bfd1ea", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "2b65c6bfb0509564c01d90245f98b5d34e88fa3b", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "c76723f69f1c1d4ca6f8e59b834f94f7b7618ee4", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "f4d391b47f7ec2406bf26b2699712e86defdd8b1", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "3747e42e63c10dbd1a2dda5d739700f7b60c8769", onSlotchange: this.onSlotChange }))));
   }
   get el() {
-    return c(this);
+    return d(this);
   }
 };
 f.style = u;

package/dist/{swirl-checkbox.entry.f31cad5e.js → swirl-checkbox.entry.f17cd10e.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.1e93dc97.js";
+import { r as b, c as l, h as c, H as t } from "./index.e7413e61.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(t, { key: "678ea990bd9fe0d3db3c48372a7a34d48dff2d00", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "7034996fb426722179792d3a0c47804d137d530e", class: a, htmlFor: this.inputId }, c("span", { key: "ca8596a7dd921f8ef3a7e60ed0d7c164eb94d4bc", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "3ec6ced18278385e8e5fe4c84938cdd80397782f" }, c("input", { key: "83ceed4941de2152204ba4cc7ab207a4523ffef3", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "254e1a71e83e67415e571b9ae63076954e8a4f66", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "ec1004329eb2c8f074e7bb79deeb44b33e129841", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "c0bc328e436dfac5309f5bc1410492edbf5396ed" }), o && c("span", { key: "04c1f9c3bcd98ccb85671dec4616e1da03100789", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "51f607d635ce44a09a936f9809e7a3d439d9a981", class: "checkbox__label-container" }, this.label && c("span", { key: "fc52f9ab78dc555ce4cad9f2f6e31720c84059eb", class: "checkbox__label" }, this.label), this.description && c("span", { key: "e1e07e745fea0d5be76ae92f463c5908172c8772", class: "checkbox__description" }, this.description))));
+    return c(t, { key: "38efd2f720fa05c50cab83d831dbe89a75bacb66", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "67043fe316855dea189be6ab881bfdfb723e3ecc", class: a, htmlFor: this.inputId }, c("span", { key: "4914260178c7e8b5e3d34194ed78332ffc9b4e88", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "0ff1c7d8e8846892051ac64b1f846c73264b8598" }, c("input", { key: "f1418be880c823472810b09784d7971418a0d023", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "d59a0780fa7d659c7ae08cbc21e3388eaed69e10", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "c23383243cfe53a9b85d4100e8b6166c1b42f972", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "671fe5e2cb55df26dced0c13159819abd15e498c" }), o && c("span", { key: "f02555616ef2059a4e9e686460cf193e37f020ff", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "ae445d06d03d3f2efd45682d66590aee1c985728", class: "checkbox__label-container" }, this.label && c("span", { key: "6a6be7b56266f2218799aebac36e6d6d1b409bfb", class: "checkbox__label" }, this.label), this.description && c("span", { key: "cb24c5979fde3237609ce63e30edc9426984732b", class: "checkbox__description" }, this.description))));
   }
 };
 k.style = n;

package/dist/{swirl-chip.entry.750f458a.js → swirl-chip.entry.c4b4ef90.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as i, H as h, g as p } from "./index.1e93dc97.js";
+import { r as o, c as s, h as i, H as h, g as p } from "./index.e7413e61.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -30,7 +30,7 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return i(h, { key: "aacfe2b81480beb943d294ac98858014b53e7d9c" }, i(r, { key: "fe3ed0c535267aaf8d5add2ba73b1ab017202a5a", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "0e55458a8c3841ed02994ba7c105036424923018", class: "chip__inner" }, c && i("span", { key: "6065e1ebed3ec0f236195b682ba12e85684de876", class: "chip__avatar" }, i("slot", { key: "950dd5ad2213171c4eae631c1e95c75647ec5ee2", name: "avatar" })), e && i("span", { key: "118532298ad5ada83f2cfb15f571cc2ee857d3bd", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "22fa5011815883c566d59b59008a8af87077fc30", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "623b2f0fcc739776ef0eb46ac0cf91a3912a24f3", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "dcb29d9a57a76190704b63917d443c23f3892224", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "722397ffd1828842a1f5848d65c2c6c18a9b7893", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "d96fea1d3acd2b549197808c6563d574836a278b", size: 20 })));
+    return i(h, { key: "6cf98a76051269d475167f5b1ef8c4e6e5ba0985" }, i(r, { key: "d804e9b1af2e1c08ff84dc956faca04827144b1c", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "10bdce13f683d1934b79562a73449c9711d412d0", class: "chip__inner" }, c && i("span", { key: "3f713423a9b96b29c1b0e73c04f2dbb3b4f0d527", class: "chip__avatar" }, i("slot", { key: "79b6d3fd10cc692ba4854702e0b1013074396765", name: "avatar" })), e && i("span", { key: "3b959fc1fba827e6b3c535f18aaaed66292c23bc", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "7219ec62e76d302d4a6db70635818f49c8e70270", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "cfc6a8d791f2ea8de71294c8a14e1695e38faf6f", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "a81bda66ec0bb9803c97dd89824150b36624cc55", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "785be4546e07cb5a8610b6d1ca590c9250eb8fa5", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "d31998d3b4d24dc24d359e98e0a3a6fe14a07256", size: 20 })));
   }
   get el() {
     return p(this);

package/dist/{swirl-color-input.entry.49c0f0ed.js → swirl-color-input.entry.cb4c81b8.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.1e93dc97.js";
+import { r as L, c as f, h as l, H as B } from "./index.e7413e61.js";
 import { c as T } from "./index-orsBiyT_.fc4357c3.js";
 import { v as z } from "./v4-DD3477fe.2624487e.js";
 import "react";
@@ -254,9 +254,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "3b50c66ef9927d2f08b0a5aaf39c23f2461fb477" }, l("div", { key: "3b58c8052c81c7796532b684f6ef4df8bfa7563c", class: t }, l("input", { key: "32964a854e2fb16aad285e751f8c7d9f24317b01", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "4b194a0a415c120a811fce0abf44b5fb47962918", swirlPopover: this.pickerId }, l("button", { key: "ff7ab2aa23c197801b9fc1c517103211230f9270", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "b0e555f8f2be85342a99d398ef26e89fb8fff998" }, l("div", { key: "dcf732434bdfd54bac205d8b327ce4d4d2602c8c", class: t }, l("input", { key: "fd6d3a91a3206e974b93022b3221eee9472732db", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "ea0d14f273be2ef3e86c6509e83737f8499a06eb", swirlPopover: this.pickerId }, l("button", { key: "e2558324411014f3895b7ef23a25289155d283eb", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "546d27345779622cad75c2982e8e8d346fcc267f", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "7162ea86f355fbe737835147baf3815e2853ffa0", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "33d22874e2fabe419d5589d12e69f8dbcaf0aee8", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "17145a4cb792b3ad787cf6e6ec51956f31144e98", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "9888d0e1b83cb38f100f776c7b83b6489e2fe9a6", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "df70c798ad6713cdb40c976ac2e14a4a5b00f2ff", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

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

@@ -0,0 +1,18 @@
+import { r as c, h as s, H as e } from "./index.e7413e61.js";
+import "react";
+import "react-dom";
+const o = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
+  constructor(a) {
+    c(this, a), this.columns = "repeat(3, minmax(0, 1fr))";
+  }
+  render() {
+    return s(e, { key: "6b6957a8a4e48add8aaf0fdc9cc401cc6e31ad6b" }, s("div", { key: "488afed4210c50d59235d5bd432505f0fe085a78", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "9c341f311aee888a54ce68cb58282c5a832fd182" })));
+  }
+};
+r.style = o;
+export {
+  r as swirl_columns
+};