@getflip/swirl-components-react 0.325.1 → 0.327.0

package/dist/{swirl-text-input.entry.b41bb66e.js → swirl-text-input.entry.9df67068.js}

@@ -1,9 +1,9 @@
-import { r as h, c as n, h as i, H as d } from "./index.adf4b430.js";
+import { r as h, c as n, h as i, H as d } from "./index.c5f42b7b.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', b = w, f = class {
+const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = w, b = class {
   constructor(e) {
     h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = x(), this.desktopMediaQueryHandler = (t) => {
       this.updateIconSize(t.matches);
@@ -34,7 +34,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, s + t)), this.valueChange.emit(this.value);
     }, this.togglePassword = () => {
       this.type === "password" && (this.showPassword = !this.showPassword);
-    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.inputName = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
+    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.characterCounterLabel = "Used characters", this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.inputName = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
   }
   componentDidLoad() {
     this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
@@ -77,7 +77,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       "text-input--inline": this.inline,
       "text-input--show-password": this.type === "password" && this.showPassword
     });
-    return i(d, { key: "3edc8d70a80cf16de6465fd52d9d7edf983b460a" }, i("div", { key: "ba5fe8eac53b507395100b6333dc9ea803aad5ba", class: o }, this.prefixLabel && i("span", { key: "66482b8599b93da4b4169d6b88583231d2c62b86", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "83d0ab76defde133a45e52819b3057c99c583dd8", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "9aee718bfeb28d7954654382b95ac2e22af0b0f2", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "a37f8aa0bb18118b04d89b669a713236bcc1d5a0", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "3bec16e0c57ff7985f0977b582866bc760221d46", size: this.iconSize })), a && i("button", { key: "4365e0853a72a081729957b3d959582527b7b5d5", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "b0cc92e6baa711d2392af993d2b7042ccca99870", class: "text-input__stepper" }, i("button", { key: "8ea6a3c179d6c89c9f548651cf22db97ea93982d", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "d8c39b731368868d3bd90f3bafc5965ba293a0b1", size: this.iconSize })), i("button", { key: "ba7af221e7b0100062c4e5299f9cfb436be37c4c", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "bcf40411b9947f0b5b3bfb1f60a383b208adaea5", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "15021626928e1240ad4898070e584bdca420013a", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, { key: "c88e6bd426c87abc2e5aa4a6a67b92a33705c737" }, i("div", { key: "88e1c2cdf842a603bb81ca75abe0869c6b321e95", class: o }, this.prefixLabel && i("span", { key: "6bc23160f6d688b9cb245d6089e129cf350f9533", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "880004143dd812f6af0f74fe9a7fa0d4ccd231fd", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "e4bece6d11b65ccddb4e73b330bb7a98203553ad", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "209d064d58f71f255181a8b4c8277e94d7fc6840", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "2c10978eb66b7c9e05b194d51ff540b1774cdde7", size: this.iconSize })), a && i("button", { key: "7d14538e3f4816f0230de3178fe8d5857b541cd2", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "dfcabad170b5312132722cd18e3894bdda4dabee", class: "text-input__stepper" }, i("button", { key: "29fe802c07d61744a0a2411dde31ace11332c90c", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "629dbfef2caf408b3b34ddcfe3beb8305ff14dd8", size: this.iconSize })), i("button", { key: "41f995a4aff79d37d77bc67ceab02da7acbf2841", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "57101c11f11133c49f1bb422e0d78fd0701e92dd", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "e0e9b2a54e8d264529c213e5fe5cc225d7829353", class: "text-input__character-counter", "aria-live": "polite" }, i("swirl-visually-hidden", { key: "21f37a30db4fdc8ffd032e8fee392a2e90f41cc4" }, this.characterCounterLabel), ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
   static get watchers() {
     return {
@@ -85,7 +85,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     };
   }
 };
-f.style = b;
+b.style = f;
 export {
-  f as swirl_text_input
+  b as swirl_text_input
 };

package/dist/{swirl-text.entry.588e10de.js → swirl-text.entry.e33c72c8.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.adf4b430.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.c5f42b7b.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "fcf86b63f5415e82340941373071de1d3d500667" }, Y(l, { key: "38b4bbdcc3002509bebcaae494897666729425cf", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "c58d26bb8f1fc6365bdb74e378ed37a2c9adf5d0" })));
+    return Y(lt, { key: "822bd6e9f4c819eb8b129830d4c06fd5d1bce2ce" }, Y(l, { key: "2135b841568ff3302aef6911ffd9eaf182492bbc", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "84dbd1c071ce8545defb00bf6c182ce659bfd36f" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.63c1515a.js → swirl-theme-provider.entry.51c0faca.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.adf4b430.js";
+import { r as m, c as a, h as o, H as d } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "75243fd69b35db6100d27a97df6ab7326359ffb0" }, o("slot", { key: "56b663e78776a7051d396c5125619e90f9d7fd4e" }));
+    return o(d, { key: "74e5a753afe95770a399b71c34880bf06b80599f" }, o("slot", { key: "7b77b4de4f4bc16394acc0ad65b8517377dc00fe" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.e90ca555.js → swirl-time-input.entry.a9c4530a.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.adf4b430.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.c5f42b7b.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
@@ -62,7 +62,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "04c9c8bbad53ed2cfa9cc6045b104abe50aacd52" }, a("div", { key: "d3472e1a1ff3b1e3ebdd82451931cf5b127e58b7", class: s }, a("input", { key: "a8475ff0c908beebaff1ee0d3dd918df3ebd8144", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "1a409bbad67c59009dfe9e8ded0003060d6f4e35", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "b3f72ba60f5b6d7e5337808fc61e78f9a4c25c3e", size: this.iconSize }))));
+    return a(p, { key: "1b3decda3bf4d2f2f4f5e393c62ff4287dc6b27e" }, a("div", { key: "22bc6400efd7881980d61c6ed708941a7db4b712", class: s }, a("input", { key: "1ab4218e031ca0d5059fd1a5ccedf6abb3a1c492", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "74cb8706a47fb1332b8909b6e9403fc6ce29a98d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "bf908985d993a544b71c5fa908b9e1b97692e912", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.fdb4789f.js → swirl-toast-provider.entry.219e8813.js}

@@ -1,10 +1,10 @@
-import { r as e, h as i, H as r } from "./index.adf4b430.js";
+import { r as e, h as a, H as r } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
-const h = class {
+const c = class {
   constructor(t) {
     e(this, t), this.onDismiss = (s) => {
-      this.toasts = [...this.toasts].filter((a) => a.toastId !== s.detail);
+      this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
   async clearAll() {
@@ -18,21 +18,21 @@ const h = class {
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
-    const a = {
+    const i = {
       ...t,
       createdAt: new Date(),
       duration: s,
       toastId: t.toastId || String(Math.round(Math.random() * 1e4))
     };
-    return this.toasts = [...this.toasts, a], a;
+    return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return i(r, { key: "b89c578a32dbd961465ee23f8a4e521d10d8bbfa", role: "status" }, i("swirl-stack", { key: "292cbae48deafe0a76a515e2eac35f0dfb99826d", spacing: "12" }, this.toasts.map((t) => {
+    return a(r, { key: "5016a14ee953a31f67d13bf1ae1e85c15354bde0", role: "status" }, a("swirl-stack", { key: "c543587f49c16ab6601bb7c6e2edaf7cbd242050", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return i("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  h as swirl_toast_provider
+  c as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.b634ded7.js → swirl-toast.entry.b8e41e08.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.adf4b430.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.c5f42b7b.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "c0d869b690436deacc2d3c203da75561cbabf303" }, e("div", { key: "e9fa09c4d9ab4f71bbfacac56b19248ed93c30c5", class: s }, this.icon && e("span", { key: "91e3a639f3f911cab2e159e20c15840c4558ff71", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "0f04c7e25e203c4ab52d9b0bef316bd587c1b31b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "f97d934f8bf11bc623e6da6512a675eb38b7c806" })), e("button", { key: "e2d60aeaca787a51e038c31a8880935808eb59cf", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "fb68588c3086cba14d95d0e48f16980da6e8f1a2", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "63b2524f2a2d1190684086bde48c934d32566c70" }, e("div", { key: "21920f98742a4ad51ba8d303d5ba4d3472cab259", class: s }, this.icon && e("span", { key: "da3bd02686663fc0793bc69b6d4fdd86f25f8bb4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "64e558f31a9a03ea39dc3a28b16a62096dba3cf5", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "9046dd7e88bca0a6de43ed367bf78455a240e208" })), e("button", { key: "df8bd60a80ca63e77ec1e5b1e8f70e9b9c813f5a", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "e0de40c23452b0b9725947021a4e5316a92ea84f", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.d4b1bf79.js → swirl-toggle-button.entry.845ee5bb.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.adf4b430.js";
+import { r as s, h as t } from "./index.c5f42b7b.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "13a6ad7f96b3c0dc3e200f95cdc89b1afea78757", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "5e636be8de85bd663664f70dacdd3956d2eec057", class: "button__icon", glyph: this.icon }), t("span", { key: "c316eb271c98883570e3ba40532892c5f305560e", class: "button__label" }, this.label));
+    return t("button", { key: "f7bc4ed4f22030d0546da13cf1fc133968c0a1d3", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "2e3c6d8b9f0adb01ac1bebf0d6bd1d9877f749d1", class: "button__icon", glyph: this.icon }), t("span", { key: "d9ca5cfb5359d9efa1d347a0d961f39aed18c0aa", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.1bbf609c.js → swirl-toggle-group.entry.13379f36.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.adf4b430.js";
+import { r as i, c as g, h as o, g as l } from "./index.c5f42b7b.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const e = r("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ca807e7d17146a3b0de3ce1a45ca19e5d648386c", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "b9dcd7dcb1dabd27227568473287bebbacd08d85", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0d54fe748fc081ef7930aff6027a2ed460f275eb", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return l(this);

package/dist/{swirl-toolbar.entry.f2e8bda8.js → swirl-toolbar.entry.2a1020be.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.adf4b430.js";
-import { b as a } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.c5f42b7b.js";
+import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    return s(r, { key: "2209c72d725863c4a00b7818f7807afec6ce9476" }, s("swirl-stack", { key: "28122759e485039ebd1293316115707fc0c0f4fa", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "839470d432295a35e89149203d8761e0aa5000da" })));
+    return s(r, { key: "7a89a37bf47c2ca12422e4b69fc49c6b1478c373" }, s("swirl-stack", { key: "7349ee2ab52619ff8104f1fe122599178a139400", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "4c5b9382755409876bc554a7ee698ed326ec8ace" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+u.style = l;
 export {
-  d as swirl_toolbar
+  u as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.ff8a5933.js → swirl-tooltip.entry.d5a1a7e1.js}

@@ -1,5 +1,5 @@
-import { r as p, h as e, H as d, g as h } from "./index.adf4b430.js";
-import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as d } from "./index.c5f42b7b.js";
+import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,18 +14,18 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        c({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
+      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
+      const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
-        left: Boolean(o) ? o + "px" : void 0,
-        top: Boolean(i) ? i + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(o) ? o + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -65,22 +65,22 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, o;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return e(d, { key: "fab7025501b2b85e03b31af571bfe2556a2fbf1d", onKeydown: this.onKeydown }, e("span", { key: "30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979", class: a }, e("span", { key: "be87c4cab59e4fd973fa9ea0da81b07d8ba056b0", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65" })), e("span", { key: "484c29090af80fe4acc66eee3808c75be3a16528", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return i(c, { key: "6b15209f9e0d9cfafc7af244f1ef22cb4d7da719", onKeydown: this.onKeydown }, i("span", { key: "7c75a8e5d9f2e5b1099fcf7f750ef12095b58402", class: a }, i("span", { key: "ed98c804d5526c58ed70705b8a63a7d6f2ff7734", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6dcbf266cdb3521c6d8e8d37cf293149f0469190" })), i("span", { key: "a2f3b747288d55f9d46c5476d100f8a230e56615", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && e("span", { key: "07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "9d0e50ebdb013eeba59011945ed6e559c3d3bbf9", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "85c760dc089cf71b0e43e13de679b2ad795ad97f", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && i("span", { key: "216ff9495331d0a424c0bce32a32e52f8fb46d4c", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "bf5df3af6609b7a00230f108386435283a340aa9", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "a95c884426bc39651f749305f3d16568dc0da4b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.72a7e1a3.js → swirl-tree-navigation-item.entry.4d3e363f.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.adf4b430.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.c5f42b7b.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "d7697f037d6448a4ac1e74722892e3876fa2a3d4", role: "none" }, e("li", { key: "bd4f231019c54bd256310b0c230410cc2e14d44a", class: {
+    return e(d, { key: "9528de2c261e7f9bf205b9f724ecc7ee23b8d6a2", role: "none" }, e("li", { key: "38c4c8c13e7d7fb5414649a2774b111a86146633", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "49508b5805da1ff11ee74e47a227881c235e15c3", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "d7346d6b47390e9b564a0dd80f1f0179931cf49a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "378cba5d0d45b251f4ac26502351b644507fb8d6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "e64d283cf9585493a93e2d6452dce3d9c7a4222c", class: "tree-navigation-item__label" }, e("span", { key: "224b6caaa393bce4d5b261ad43dce79e8c055573", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "9e48ec76fdc2703551e50cf6fb1ccd4157c25d16", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f7ed0cff9d4d1dc631db6ab4ab2fba9abc3fe26f", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d44533d9228d99a415572baf86d2e3f5480453a7", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "5ea74906acf37e9856dada495a43c5eb87233ebe", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "257ff40c65e40e957c4e38ecb4b18e2167b1373f", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "6e601b97c222b20e00fed7d077bfe5640bcbbc7f", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "646b3ad57ce0276f4858d2daa4da58d46ddbc8b7", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "58beb132547ffde0bfceca99264eb5c209b3494f", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "34a90475f85a14063d1987c65989a323f334048f", class: "tree-navigation-item__label" }, e("span", { key: "556b309b491e619616eea811c67323695001dbf7", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "9539eaa87bb687923300450b87f8466dee61bd10", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "855b13254bec53f3106cdb1dd53f91338aa01171", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "993c25e3d9edb9b8efc7f6c0d65afaa45a76550d", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "59463b3dba65b100bd85025138fab2a1c1ba61f9", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "c91387debdb5277826bf274da2f098f64068ccab", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "7ac605a0f5dc7f497caf1667102393f93dae12bd" }))));
+    } }, e("slot", { key: "e8a702427604f2dbbbca1eb3f8ae96e7f9d34ca5" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.b350cdc6.js → swirl-tree-navigation.entry.075fa6af.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.adf4b430.js";
+import { r as t, h as e, H as i } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "bb998465c759dd7e315b089e8240c559e5fb96eb" }, e("ul", { key: "eda14de26348fee6084cbc6d249eaa736df24f41", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "a93d8cd3d1a96921ec3cba52b5f7629b940faccd" })));
+    return e(i, { key: "3c56780c72f1cfa9d654ad47c32caaf73bd024c2" }, e("ul", { key: "e39f7b348edf33b3d91191a592c90e0f36583fdb", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6eb20328869c5e861e33c1c81704f77e231fcbe6" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.08458b09.js → swirl-tree-view-item.entry.3a8107a9.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.adf4b430.js";
+import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.c5f42b7b.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, b;
+        var m, p, v, g, f;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
+        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: a,
+          oldIndex: s,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: s,
+          sourceParentItemId: a,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, a, o, s;
+    var r, s, o, a;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
+      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const s = this.getKeyboardMoveEventData();
+    !s || this.keyboardMoveEvent.emit(s);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "359205749fd0fa8cdd09b902a535169cfa410031", id: this.itemId, role: "none" }, n("li", { key: "5e13cbe565927ba5fa14e3f99309a2c880b262b3", class: a, role: "none" }, n("a", { key: "776901fdfc6d1879285a3a37b131b4cc41ec7efc", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "c6d9ccbeca76689b7ffd72fe765c6196a6c4437d", size: 20 })), this.expandable && n("span", { key: "45873aeb8ee0ef116351e300397ff202d5950033", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "fe6bdc75d7beabe8ab58687ddd07f8a461426479" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(f, { key: "095e710bc88d20c62cbc79aaa66993b203b70cf5" }, n("span", { key: "b7a0c0b5446ce314e3bfb3778953a412d0d088f7", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "bb2fced3c07abca46d4fe1542ebc310a00acfdb6", class: "tree-view-item__label" }, this.label), n("span", { key: "7705d52ac2befb94f0b161a0875babbaed63b891", class: "tree-view-item__tags" }, n("slot", { key: "ed0d4949b0814388e305694dbc833319f215b1f3", name: "tags" }))), n("ul", { key: "1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "d044ae199022dcc3b022b2d4dc266d82db00a2fc", id: this.itemId, role: "none" }, n("li", { key: "106bc3696b6d68b5ba22badaa9d457e3e72d62f8", class: s, role: "none" }, n("a", { key: "0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "24aa0852201a264f2e596851d9acef1f653b669a", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "f23b5c4a9c0e56320e53b9da3ad55462c4f265e1", size: 20 })), this.expandable && n("span", { key: "cd5933c4674e8095e00d66157fd646f3edc6af04", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "d8dc9940a46e7de9b2148e98f06a8b8edbbfac61" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(b, { key: "da21cb2a18f2755d747a854ff3d1a3ddc27d6c70" }, n("span", { key: "5eb18d4f3e9c9268c93f16989cce4332fe91dbf5", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "70715c356b263b1d78f20dd015ec93aaba5b271f", class: "tree-view-item__label" }, this.label), n("span", { key: "77fec8960d46a38e198196073841cc0cceae27c2", class: "tree-view-item__tags" }, n("slot", { key: "3940dae27077c4b8a71f2dcc6b82208c90d8b34a", name: "tags" }))), n("ul", { key: "17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "173b8f94cb788699ef8ed8925084766337389409" }))));
+    } }, n("slot", { key: "84e8e55f032818f56c1cd38d3f7949d0be2db270" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.fda79fcf.js → swirl-tree-view.entry.7276d729.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.adf4b430.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.c5f42b7b.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "356121cb7f5adc3b4a9627b370233916cad1ae29" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "a6f46439112356816f0f853a96a373a960b1bd14" }, c("span", { key: "2bab282efa908ea48a31683b6dde185cb153c1af", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "ef9a99fe169c8752c982d9f0d4a02d6b091b042e", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "85a2a2c04d985d0892180c30f0c5b63bb85587fb", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "51aa3a81589abb63a2d736f430ad154c7c75d9ee" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "c0a5e93d03187dc182921d0561c09b76b00382a1" }, c("span", { key: "f25313f606c553ef032184a599efda8c0bd42fc4", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "6004a1690b501c446c4fadbcef7b107bb5a3ab24", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.b679022e.js → swirl-video-thumbnail.entry.3453c0db.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.adf4b430.js";
+import { r as e, h as n, H as a } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -74,15 +74,15 @@ const t = `:host {
     height: 4.5rem;
   }
 }
-`, o = t, s = class {
+`, o = t, d = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "26939c4a63576482c4ba6c641617cf828e929fbb" }, n("button", { key: "ef15bf0a5e5189aabcdd3381145dca48245707a8", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "bfc5097de207daf9f0c5d82bbd45fe7a604d7517", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "91e4af8e126f00f30db0b178bfadc2f909c2328a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b0e53ddfe6e2e6f6c9238854b07cd33d0919e494" }, this.durationLabel), this.duration), n("svg", { key: "b59aa24aad2f0e8f7ef7b399bca6b670bbf8e4fd", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "58db0eeff3e19c327953e643ffbd0c6f3dc4bda0", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "eb6e0dea90d98c1ec3808bdcf6c235d7243d9c75" }, n("button", { key: "db135bac26406b0459df05d0af93e4c0a8b08362", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "b62df64aae35a0103af3e6bfe2c16c9d3463bdcd", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "013609d4eebd8f962dc3fea78497941fd0617d3e", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "40bd98d1f7fd422838d9ebe050ccdfd3cf062367" }, this.durationLabel), this.duration), n("svg", { key: "2b2949a67223d7bad33811a5705b5f68267acbd0", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "31d3aeb082f9e5e2006a86992f1102fbae9f0bb8", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
-s.style = o;
+d.style = o;
 export {
-  s as swirl_video_thumbnail
+  d as swirl_video_thumbnail
 };

package/dist/swirl-visually-hidden.entry.2362f396.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as r } from "./index.c5f42b7b.js";
+import "react";
+import "react-dom";
+const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", a = l, t = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(r, { key: "5664572e973dfb517f701e4fa0e3d352f7aeee47" }, e("slot", { key: "ab0b1cefa5396c0b71b664b038bb0d3ca5f00151" }));
+  }
+};
+t.style = a;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.e8f04590.js → wc-datepicker.entry.1a15c698.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.adf4b430.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.325.1",
+  "version": "0.327.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.325.1"
+    "@getflip/swirl-components": "^0.327.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",