@getflip/swirl-components-react 0.199.0 → 0.200.1

package/dist/{swirl-table-column.entry.2587d97d.js → swirl-table-column.entry.3f445d10.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as a, g as i } from "./index.9d32bf5e.js";
+import { r as t, h as s, H as i, g as a } from "./index.3c12ddea.js";
 import { c as r } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -16,10 +16,10 @@ const o = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padd
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return s(a, { key: "0860ee11f470871129c4a11ef63043d810770091", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "53b2dcdd01d45394dd6e1157c7b53af3a71d4817" }, s("slot", { key: "205514f166aae08b121a2aca2d0165886cb519af" })), this.sortable && s("span", { key: "e43739825c670d2a296bd803ea097df0aa83715d", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "9c2e4b52377abc81f2c4dd34ee964a1571307595", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "9651fbc3d2bad5eeb7ed0cad1c7f28e7124f1620", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "4fac797a0fbaf5bd13c68857a708086a4cf4e6ee", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "e60434b33312042f5f572f4e27919c0212ed5f0c" }, s("slot", { key: "33e649b664d6113d8f497cbedee8fd186cc0cb96" })), this.sortable && s("span", { key: "b621d6748bb81ffc3c4c5c36d5b97867ff4e42f7", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "358c6f0c54f321e97209f5da1fe6b9f990df0d10", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "2b0ec5fbd66ee0a91074d7e9b9707ef3e6c85f09", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
-    return i(this);
+    return a(this);
   }
 };
 n.style = d;

package/dist/{swirl-table-row-group.entry.d096161b.js → swirl-table-row-group.entry.ddbdccf8.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.9d32bf5e.js";
+import { r as o, h as e, H as l, g as a } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, b = class {

package/dist/{swirl-table-row.entry.e5defa5d.js → swirl-table-row.entry.0189b87e.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.9d32bf5e.js";
+import { r as s, h as e, H as o, g as r } from "./index.3c12ddea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-table.entry.17b52ae9.js → swirl-table.entry.221d5bae.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.9d32bf5e.js";
+import { r as g, h as r, H as _, g as v } from "./index.3c12ddea.js";
 import { d as S, i as R } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.b553d7d9.js → swirl-tabs.entry.61a9f048.js}

@@ -1,4 +1,4 @@
-import { r as s, c as b, h as i, H as c, g as r } from "./index.9d32bf5e.js";
+import { r as s, c as b, h as i, H as c, g as r } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = n, o = class {

package/dist/{swirl-text-input.entry.64782d9b.js → swirl-text-input.entry.eca56abe.js}

@@ -1,11 +1,11 @@
-import { r as h, c as n, h as i, H as d } from "./index.9d32bf5e.js";
+import { r as d, c as n, h as i, H as h } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-aab10c80.240adddc.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--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 {
+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--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 {
   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) => {
+    d(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);
     }, this.clear = () => {
       this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
@@ -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: "9c6b8e465aacc0b430d921efed332c3c8caad960" }, i("div", { key: "c2d84474ab893c7f1b902eb03efaee6b7ec1989a", class: o }, this.prefixLabel && i("span", { key: "0184f6971b270c4389d2fd0e30faaec3546a209d", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "22c98797b69a238173095566ee18ee746194b52a", "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, 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: "5d84435db35ce107a5f5e400f06546cd4777260d", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "2af1c940dcb277a0170b4fc1ed2d4a193efbd2e2", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "657cdb8fab5f887de32ff0d33238f67076205f7c", size: this.iconSize })), a && i("button", { key: "c69a64b9f4ab0103a87ef09630fc038ec03c2e7d", "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: "227b28011bc49ad413c2f89939fea5239fc197c1", class: "text-input__stepper" }, i("button", { key: "4f70c5a9e9ff7e7e4109805275b9d258c1ab6f57", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "ee223fc15fb936c6eb96f9ba277617b8749dcab5", size: this.iconSize })), i("button", { key: "d0ca4cdac4c3a5c48e2fafe0a5ebeb365d7049a2", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "1aa6fc4287ec8652e745a412e35e75b4590b6d61", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "9f3a325a74ab32e16aaa582e5ef353e6de09af14", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(h, { key: "c28a27d2de16b8bab0bcbdedeb4577cc3c5926f1" }, i("div", { key: "de1f6b38914d6dc549145a3a37730689429c9647", class: o }, this.prefixLabel && i("span", { key: "188008d2d73f51127abe4de37306c82110344b29", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "2264633163429eb618346241bbc99384a62fd4bb", "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, 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: "5c226c6d35fe35b226c08182bce3ee479584d3bc", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "0825d6c0aa246d8ec97d0f47ca7a33e7437c69fb", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "cb6d259a99c490949d946014aaccb9b92dd18a45", size: this.iconSize })), a && i("button", { key: "5638f04a71fac455dc1a2dc9aff4a19ad55bf9b3", "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: "6f8f117c6690ea375472c86befa0bc82d5c1b04d", class: "text-input__stepper" }, i("button", { key: "38ddc8bcc00c22f54a4f60195420179bfce8916d", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "d7445a23fa97ec57672d65f1334be7ac74368347", size: this.iconSize })), i("button", { key: "0295b7bd2bdcb0b3afb431e35c714c01d305eaa5", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "ad77b5281090dcf3dbbdc2adaf2147f937be7273", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "c3cdea8f4d70aba88baba76c6c74c39ca83ca367", class: "text-input__character-counter" }, ((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-
     };
   }
 };
-b.style = f;
+f.style = b;
 export {
-  b as swirl_text_input
+  f as swirl_text_input
 };

package/dist/{swirl-text.entry.4e26a561.js → swirl-text.entry.172d4e81.js}

@@ -1,14 +1,14 @@
-import { r as ot, h as Y, H as lt, g as ct } from "./index.9d32bf5e.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.3c12ddea.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 var rt = { exports: {} };
 (function(l) {
-  (function(o, r) {
-    l.exports ? l.exports = r() : o.balanceText = r();
+  (function(a, r) {
+    l.exports ? l.exports = r() : a.balanceText = r();
   })(ht, () => {
-    let o, r, a;
+    let a, r, o;
     const c = {
       sel: [],
       el: []
@@ -53,17 +53,17 @@ var rt = { exports: {} };
       if (t.nodeType === t.ELEMENT_NODE)
         if (window.getComputedStyle(t).whiteSpace === "nowrap") {
           const n = t.outerHTML.length;
-          r.push({ start: a, end: a + n }), a += n;
+          r.push({ start: o, end: o + n }), o += n;
         } else
           w(t.childNodes, (n) => {
             L(n, !0);
-          }), e && (a += t.outerHTML.length - t.innerHTML.length);
+          }), e && (o += t.outerHTML.length - t.innerHTML.length);
       else
-        t.nodeType === t.COMMENT_NODE ? a += t.length + 7 : t.nodeType === t.PROCESSING_INSTRUCTION_NODE ? a += t.length + 2 : a += t.length;
+        t.nodeType === t.COMMENT_NODE ? o += t.length + 7 : t.nodeType === t.PROCESSING_INSTRUCTION_NODE ? o += t.length + 2 : o += t.length;
     }
     function _(t, e, i) {
       if (i === 0)
-        t.style.whiteSpace = e, a = 0, r = [], L(t, !1), t.style.whiteSpace = "nowrap";
+        t.style.whiteSpace = e, o = 0, r = [], L(t, !1), t.style.whiteSpace = "nowrap";
       else {
         const n = [];
         r.forEach((s) => {
@@ -109,10 +109,10 @@ var rt = { exports: {} };
     function x(t, e) {
       const i = /([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;
       let n;
-      if (!o)
-        for (o = [], n = i.exec(t); n !== null; )
-          v(n.index) || o.push(n.index), n = i.exec(t);
-      return o.indexOf(e) !== -1;
+      if (!a)
+        for (a = [], n = i.exec(t); n !== null; )
+          v(n.index) || a.push(n.index), n = i.exec(t);
+      return a.indexOf(e) !== -1;
     }
     function Q(t, e) {
       return e === 0 || e === t.length || x(t, e - 1) && !x(t, e);
@@ -150,16 +150,16 @@ var rt = { exports: {} };
         K(e);
         const n = e.style.whiteSpace, s = e.style.float, h = e.style.display, z = e.style.position, p = e.style.lineHeight;
         e.style.lineHeight = "normal";
-        const E = e.offsetWidth, at = e.offsetHeight;
+        const E = e.offsetWidth, ot = e.offsetHeight;
         e.style.whiteSpace = "nowrap", e.style.float = "none", e.style.display = "inline", e.style.position = "static";
         let U = e.offsetWidth;
         const Z = e.offsetHeight, P = n === "pre-wrap" ? 0 : R(e, Z);
         if (E > 0 && U > E && U < 5e3) {
           let g = e.innerHTML, q = "", N = "";
           const tt = k(e);
-          let V = Math.round(at / Z), et = 0, W, A, y, H, j, it, X;
+          let V = Math.round(ot / Z), et = 0, W, A, y, H, j, it, X;
           for (; V > 1; )
-            o = null, _(e, n, et), W = Math.round((U + P) / V - P), A = Math.round((g.length + 1) / V) - 1, y = new C(), b(e, g, E, W, -1, A, y), H = new C(), A = y.index, b(e, g, E, W, 1, A, H), y.reset(), A = H.index, b(e, g, E, W, -1, A, y), y.index === 0 ? j = H.index : E < H.width || y.index === H.index ? j = y.index : j = Math.abs(W - y.width) < Math.abs(H.width - W) ? y.index : H.index, N = g.substr(0, j).replace(/\s$/, ""), X = Boolean(N.match(/\u00ad$/)), X && (N = N.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>')), tt ? q += d(e, N, E) : (q += N, it = X || Boolean(N.match(/(-|\u2014|\u2013)$/)), q += it ? '<br data-owner="balance-text-hyphen" />' : '<br data-owner="balance-text" aria-hidden="true" />'), g = g.substr(j), et = j, V--, e.innerHTML = g, U = e.offsetWidth;
+            a = null, _(e, n, et), W = Math.round((U + P) / V - P), A = Math.round((g.length + 1) / V) - 1, y = new C(), b(e, g, E, W, -1, A, y), H = new C(), A = y.index, b(e, g, E, W, 1, A, H), y.reset(), A = H.index, b(e, g, E, W, -1, A, y), y.index === 0 ? j = H.index : E < H.width || y.index === H.index ? j = y.index : j = Math.abs(W - y.width) < Math.abs(H.width - W) ? y.index : H.index, N = g.substr(0, j).replace(/\s$/, ""), X = Boolean(N.match(/\u00ad$/)), X && (N = N.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>')), tt ? q += d(e, N, E) : (q += N, it = X || Boolean(N.match(/(-|\u2014|\u2013)$/)), q += it ? '<br data-owner="balance-text-hyphen" />' : '<br data-owner="balance-text" aria-hidden="true" />'), g = g.substr(j), et = j, V--, e.innerHTML = g, U = e.offsetWidth;
           tt ? e.innerHTML = q + d(e, g, E) : e.innerHTML = q + g;
         }
         e.style.whiteSpace = n, e.style.float = s, e.style.display = h, e.style.position = z, e.style.lineHeight = p;
@@ -197,19 +197,19 @@ const ft = rt.exports;
   @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
   @license MIT
 **/
-function nt(l, o) {
+function nt(l, a) {
   var r = typeof Symbol == "function" && l[Symbol.iterator];
   if (!r)
     return l;
-  var a = r.call(l), c, f = [], m;
+  var o = r.call(l), c, f = [], m;
   try {
-    for (; (o === void 0 || o-- > 0) && !(c = a.next()).done; )
+    for (; (a === void 0 || a-- > 0) && !(c = o.next()).done; )
       f.push(c.value);
   } catch (S) {
     m = { error: S };
   } finally {
     try {
-      c && !c.done && (r = a.return) && r.call(a);
+      c && !c.done && (r = o.return) && r.call(o);
     } finally {
       if (m)
         throw m.error;
@@ -217,29 +217,29 @@ function nt(l, o) {
   }
   return f;
 }
-function st(l, o, r) {
+function st(l, a, r) {
   if (r || arguments.length === 2)
-    for (var a = 0, c = o.length, f; a < c; a++)
-      (f || !(a in o)) && (f || (f = Array.prototype.slice.call(o, 0, a)), f[a] = o[a]);
-  return l.concat(f || Array.prototype.slice.call(o));
+    for (var o = 0, c = a.length, f; o < c; o++)
+      (f || !(o in a)) && (f || (f = Array.prototype.slice.call(a, 0, o)), f[o] = a[o]);
+  return l.concat(f || Array.prototype.slice.call(a));
 }
 function ut(l) {
   return typeof l == "string" ? st([], nt(document.querySelectorAll(l)), !1) : "length" in l ? st([], nt(l), !1) : [l];
 }
-function xt(l, o, r) {
-  if (r === void 0 && (r = {}), typeof o > "u" || isNaN(o))
+function xt(l, a, r) {
+  if (r === void 0 && (r = {}), typeof a > "u" || isNaN(a))
     throw Error("maxHeight is required");
-  var a = ut(l);
-  if (!!a.length)
-    for (var c = r.character, f = c === void 0 ? "\u2026" : c, m = r.classname, S = m === void 0 ? "js-shave" : m, w = r.spaces, B = w === void 0 ? !0 : w, D = r.charclassname, I = D === void 0 ? "js-shave-char" : D, C = r.link, v = C === void 0 ? {} : C, L = typeof B == "boolean" ? B : !0, _ = v && JSON.stringify(v) !== "{}" && v.href, K = _ ? "a" : "span", k = 0; k < a.length; k += 1) {
-      var d = a[k], x = d.style, Q = d.querySelector("." + S), b = d.textContent === void 0 ? "innerText" : "textContent";
+  var o = ut(l);
+  if (!!o.length)
+    for (var c = r.character, f = c === void 0 ? "\u2026" : c, m = r.classname, S = m === void 0 ? "js-shave" : m, w = r.spaces, B = w === void 0 ? !0 : w, D = r.charclassname, I = D === void 0 ? "js-shave-char" : D, C = r.link, v = C === void 0 ? {} : C, L = typeof B == "boolean" ? B : !0, _ = v && JSON.stringify(v) !== "{}" && v.href, K = _ ? "a" : "span", k = 0; k < o.length; k += 1) {
+      var d = o[k], x = d.style, Q = d.querySelector("." + S), b = d.textContent === void 0 ? "innerText" : "textContent";
       Q && (d.removeChild(d.querySelector("." + I)), d[b] = d[b]);
       var R = d[b], u = L ? R.split(" ") : R;
       if (!(u.length < 2)) {
         var O = x.height;
         x.height = "auto";
         var T = x.maxHeight;
-        if (x.maxHeight = "none", d.offsetHeight <= o) {
+        if (x.maxHeight = "none", d.offsetHeight <= a) {
           x.height = O, x.maxHeight = T;
           continue;
         }
@@ -253,7 +253,7 @@ function xt(l, o, r) {
           for (var $ in v)
             M[$] = v[$];
         for (var t = u.length - 1, e = 0, i = void 0; e < t; )
-          i = e + t + 1 >> 1, d[b] = L ? u.slice(0, i).join(" ") : u.slice(0, i), d.insertAdjacentElement("beforeend", M), d.offsetHeight > o ? t = i - 1 : e = i;
+          i = e + t + 1 >> 1, d[b] = L ? u.slice(0, i).join(" ") : u.slice(0, i), d.insertAdjacentElement("beforeend", M), d.offsetHeight > a ? t = i - 1 : e = i;
         d[b] = L ? u.slice(0, t).join(" ") : u.slice(0, t), d.insertAdjacentElement("beforeend", M);
         var n = L ? " ".concat(u.slice(t).join(" ")) : u.slice(t), s = document.createTextNode(n), h = document.createElement("span");
         h.classList.add(S), h.style.display = "none", h.appendChild(s), d.insertAdjacentElement("beforeend", h), x.height = O, x.maxHeight = T;
@@ -262,7 +262,7 @@ function xt(l, o, r) {
 }
 const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{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--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}", wt = pt, gt = class {
   constructor(l) {
-    ot(this, l), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.truncateDirection = "end", this.weight = "normal", this.whiteSpace = "normal";
+    at(this, l), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.truncateDirection = "end", this.weight = "normal", this.whiteSpace = "normal";
   }
   componentDidRender() {
     this.rebalance(), this.handleTruncation();
@@ -280,12 +280,12 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     !this.balance || !Boolean(this.textEl) || ft(this.textEl);
   }
   render() {
-    const l = this.as, o = this.truncate && (!Boolean(this.lines) || this.lines === 1), r = dt("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": o
-    }), a = {
-      whiteSpace: o ? "nowrap" : this.whiteSpace
+    const l = this.as, a = this.truncate && (!Boolean(this.lines) || this.lines === 1), r = dt("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
+      "text--truncate": a
+    }), o = {
+      whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "95b48ea9b31fc3998c73bf81a08f4132a6f6ca2d" }, Y(l, { key: "1b215e39f34aa46ac6c312f741426e56fa2c92a3", class: r, ref: (c) => this.textEl = c, style: a }, Y("slot", { key: "f555ec8d79ee07291e07add6e4f2200b1438bb5e" })));
+    return Y(lt, { key: "532fc3d60139b1b6c27a3e2713f94e1a3a855d45" }, Y(l, { key: "944a5502b8d218989035dd89c9ce1f33d0003399", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "bb53161691a0f57a003360b3437d8c6fc34fd29c" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.3d90bebb.js → swirl-theme-provider.entry.e0cc4818.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as a, H as d } from "./index.9d32bf5e.js";
+import { r as m, c as o, h as a, H as d } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, h = "swirl-preferred-theme", g = class {

package/dist/{swirl-time-input.entry.1737929f.js → swirl-time-input.entry.d8c52922.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.9d32bf5e.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.3c12ddea.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-aab10c80.240adddc.js";

package/dist/{swirl-toast-provider.entry.b620950e.js → swirl-toast-provider.entry.f469c0e7.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.9d32bf5e.js";
+import { r, h as a, H as e } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
-const l = class {
+const h = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const l = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "be3a6cc246c26c1522b59e08003e66856f558a24", role: "status" }, a("swirl-stack", { key: "48346bb0378ea0c4b9722e30ac37b17ae4ddd439", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "1db8b2f832869490670c34067ae5fc8e19d7f987", role: "status" }, a("swirl-stack", { key: "a616e31585de124b6f953151ec71cada1e8f051f", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  l as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.0ab29ff5.js → swirl-toast.entry.3f77af9e.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.9d32bf5e.js";
+import { r as o, c as n, h as e, H as r } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -23,8 +23,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   forceIconProps(s) {
     var a;
-    const t = (a = this.iconEl) == null ? void 0 : a.children[0], e = this.dismissIconEl;
-    t == null || t.setAttribute("size", s ? "20" : "24"), e == null || e.setAttribute("size", s ? "20" : "24");
+    const t = (a = this.iconEl) == null ? void 0 : a.children[0], i = this.dismissIconEl;
+    t == null || t.setAttribute("size", s ? "20" : "24"), i == null || i.setAttribute("size", s ? "20" : "24");
   }
   startTimer() {
     this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return i(r, { key: "c1622ceeb538072212692c8ec31552f4d1fab869" }, i("div", { key: "86b5d008d4a86b0ff1bc0343be1e22f93b1cc8dd", class: s }, this.icon && i("span", { key: "4b589498166da780a4f77ca091b5a8c26502b2ff", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), i("span", { key: "db596b66212f3c4eb80df06805766196fb89e6e4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "34f348b1d6b2a08d53d1ac7cb5a994556d87805e" })), i("button", { key: "9a6dc80768d2c385fd8baf6856f955b86be5b9cb", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "da00f4f612e5812a23f44e7a7f436d590b652238", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "35695f50ea63a19bb96de63dd68a7667a679356f" }, e("div", { key: "f8e3c2c30bdd6867274c548e3a745a4a3591b503", class: s }, this.icon && e("span", { key: "43dea51f1849ccf1c7064b9522d793d0e16f49a4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "5171e135301ba31ac09e9a5fad3090803e7d82d4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "13a75cb56789364ee8193c571c86b4f752743a8a" })), e("button", { key: "aeaec3b3e2770da4db5834735cf1d85eb13be6d3", "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: "039599ec0303620b134c1bc580468a1bf176b066", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toolbar.entry.a391b399.js → swirl-toolbar.entry.ffda7e1e.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.9d32bf5e.js";
+import { r as n, h as s, H as i, g as r } from "./index.3c12ddea.js";
 import { b as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(i, { key: "22343aaf6671a392716868f0913619f3e67b008f" }, s("swirl-stack", { key: "a87ee8eb543fc865dd0e893425f0df1ac19be37c", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "19593191cd91fa105900c4d6c6c8f186a7c7132a" })));
+    return s(i, { key: "93dcf545129b0037257412e87c2a5723a2cbd70c" }, s("swirl-stack", { key: "2200658e9fa82b528b594ac267623fe9bdb4050b", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "94a5dc9998cfdc6b064c1e749c49663cca87b5d1" })));
   }
   get el() {
     return r(this);

package/dist/{swirl-tooltip.entry.e05390b0.js → swirl-tooltip.entry.e6116a67.js}

@@ -1,5 +1,5 @@
-import { r as p, h as o, H as c, g as d } from "./index.9d32bf5e.js";
-import { b as h, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as o, H as d, g as h } from "./index.3c12ddea.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 { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,18 +14,18 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const i = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
+      const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
-        left: Boolean(i) ? i + "px" : void 0,
-        top: Boolean(e) ? e + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(i) ? i + "px" : void 0
       };
     }, this.show = () => {
       this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
       });
     }, this.showWithDelay = () => {
       Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [f(t), b(), w()],
+        middleware: [u(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -65,21 +65,21 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, i;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--visible": this.visible
     });
-    return o(c, { key: "b0719dae99f8b66181aa5b179897e41c3b95ce26", onKeydown: this.onKeydown }, o("span", { key: "133d8504fc0aa3cc03c5c80473760dd75ded0314", class: a }, o("span", { key: "297e5a4a1134752443eb3d04fcdcd443cc5b3eba", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "b828835d2ef1c913f7e8522a6658477125631679" })), o("span", { key: "72d0bea47330db511feeaa051449d77d406eb4ec", class: "tooltip__popper", ref: (e) => this.popperEl = e, style: {
+    return o(d, { key: "03fbc0a205e7fc6ab4caf3c25153108cb332e94a", onKeydown: this.onKeydown }, o("span", { key: "67440b05dfffb0f797720e0817a19b6eb6a4f648", class: a }, o("span", { key: "7f4e9715d29a88af39b051d705b159c37ffe42f7", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "71d597a32e6a16ae688482a75fa823d09424d2c7" })), o("span", { key: "2e7bf8796bcfa4a0721a578a29e29e6b66d99b64", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(i = this.actualPosition) == null ? void 0 : i.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && o("span", { key: "dcc6c9bf1adff51240d807afd28cabf4efc7bb2e", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "37ecc6b48ef54423ec078802de2732c8fadc1a4c", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "4540e1a5474cca2e3f867d7fbdcfaa81adc40983", class: "tooltip__arrow", ref: (e) => this.arrowElement = e, style: {
+    } }, this.visible && o("span", { key: "f9ac600db0ef8778651018a38c69d800b8ed9f59", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "ee843dd7927f410ec0695027cb867e18d3bf1de4", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "5b2549165b80b6d8389bf1d61d655c34beeb89a8", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.12ae87f7.js → swirl-tree-navigation-item.entry.2df4dbb6.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n, g as s } from "./index.9d32bf5e.js";
+import { r, h as a, H as n, g as s } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.bd212717.js → swirl-video-thumbnail.entry.b5cf85c3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.9d32bf5e.js";
+import { r as e, h as n, H as a } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.1dc8f32e.js → swirl-visually-hidden.entry.b237b028.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.9d32bf5e.js";
+import { r as e, h as i, H as r } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const d = ".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)}", l = d, a = class {

package/dist/{wc-datepicker.entry.d2330d44.js → wc-datepicker.entry.6fe0a642.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.199.0",
+  "version": "0.200.1",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.199.0",
+    "@getflip/swirl-components": "^0.200.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-app-bar.entry.42f8e516.js

@@ -1,45 +0,0 @@
-import { r as i, c as s, h as t, H as n, g as c } from "./index.9d32bf5e.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', p = l, d = class {
-  constructor(a) {
-    i(this, a), this.backButtonClick = s(this, "backButtonClick", 7), this.closeButtonClick = s(this, "closeButtonClick", 7), this.stepUpButtonClick = s(this, "stepUpButtonClick", 7), this.stepDownButtonClick = s(this, "stepDownButtonClick", 7), this.onBackButtonClick = (e) => {
-      this.backButtonClick.emit(e);
-    }, this.onCloseButtonClick = (e) => {
-      this.closeButtonClick.emit(e);
-    }, this.onStepUpButtonClick = (e) => {
-      this.stepUpButtonClick.emit(e);
-    }, this.onStepDownButtonClick = (e) => {
-      this.stepDownButtonClick.emit(e);
-    }, this.backButtonLabel = "Go back", this.closeButtonIcon = "<swirl-icon-close></swirl-icon-close>", this.closeButtonLabel = "Close", this.stepUpButtonLabel = "Previous item", this.stepDownButtonLabel = "Next item", this.showBackButton = void 0, this.showCloseButton = void 0, this.showStepperControls = void 0, this.hasCta = void 0;
-  }
-  componentWillLoad() {
-    this.mutationObserver = new MutationObserver(() => {
-      this.updateCtaStatus();
-    }), this.mutationObserver.observe(this.el, { childList: !0 }), queueMicrotask(() => {
-      this.updateCtaStatus();
-    });
-  }
-  disconnectedCallback() {
-    var a;
-    (a = this.mutationObserver) == null || a.disconnect();
-  }
-  updateCtaStatus() {
-    this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
-  }
-  render() {
-    const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), o = r("app-bar", {
-      "app-bar--has-cta": this.hasCta,
-      "app-bar--has-right-controls": e
-    });
-    return t(n, { key: "6e388dda9ffef64afa31b8c8459eb57bf96f4fed" }, t("div", { key: "1df5d686a248760beb5c7def4e631f73857fdced", class: o }, a && t("div", { key: "1ffff6f9233a3667412a41c406ff64d635163e1c", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "46bfd07993a16398388cb6a90229e1d3ef74de5c", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "825955e782cf0d5335070339a4dce4a3d828ef19", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "e6fa7c44810105ca709f37f3c2852708d2680264", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "b1d8dfcd982b8aa8b9ca5de0f48d39db34ff2cfe", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "4c28d257da981b5e9f3957428b9015eb954bef7c", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "da3ce3294de7848b1283bd578c1cc44125774289", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "edb99f5558d6bb0424a2f25aedda9eea6218f66b", class: "app-bar__cta" }, t("slot", { key: "b32c4cdc062cb44aa0492770344bb11565795b38", name: "cta" })), t("div", { key: "69b1c2d31a364938e64501037bbc97f7ca69c22e", class: "app-bar__heading" }, t("slot", { key: "022ddeaecfde7a4352e1a123098736a92cd34f3d", name: "heading" })), t("div", { key: "ce88acc0923db756f6197e87b12561690d2f4919", class: "app-bar__center-controls" }, t("slot", { key: "885ff0edacef21993abb094a7b0920a1d77129ef", name: "center-controls" })), t("div", { key: "e823a044960e274b15fab2a1c495bad4ec46c929", class: "app-bar__right-controls" }, t("slot", { key: "3fd346d6300e188983476ed930fff62ec5529093", name: "right-controls" }))));
-  }
-  get el() {
-    return c(this);
-  }
-};
-d.style = p;
-export {
-  d as swirl_app_bar
-};

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

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

package/dist/swirl-form-group.entry.8693e5e5.js

@@ -1,17 +0,0 @@
-import { r as s, h as o, H as i } from "./index.9d32bf5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const t = ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", e = t, c = class {
-  constructor(r) {
-    s(this, r), this.orientation = "vertical";
-  }
-  render() {
-    const r = a("form-group", `form-group--orientation-${this.orientation}`);
-    return o(i, { key: "661023d74fb1af61b53e11e86a385d7a973ec9d5" }, o("div", { key: "d1b8bf55d09e3ea7b5ae78799fc6cf41985407a8", class: r }, o("slot", { key: "fc48ad0fb89c0ccd9dce2bab0aabf2958f53d257" })));
-  }
-};
-c.style = e;
-export {
-  c as swirl_form_group
-};