@getflip/swirl-components-react 0.94.0 → 0.95.0

package/dist/{swirl-text-input.entry.c1075b0a.js → swirl-text-input.entry.4acb4006.js}

@@ -1,17 +1,17 @@
-import { r as h, c as n, h as i, H as d } from "./index.74a6a6bb.js";
+import { r as h, c as n, h as i, H as d } from "./index.e1aceb89.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.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 = class {
-  constructor(s) {
-    h(this, s), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = x(), this.desktopMediaQueryHandler = (t) => {
+  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);
     }, this.clear = () => {
       this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
     }, this.onChange = (t) => {
-      const e = t.target;
-      this.value = e.value, this.valueChange.emit(e.value);
+      const s = t.target;
+      this.value = s.value;
     }, this.onBlur = (t) => {
       this.inputBlur.emit(t);
     }, this.onFocus = (t) => {
@@ -24,14 +24,14 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       if (this.type !== "number")
         return;
       const t = this.step || 1;
-      let e = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, e - t)), this.valueChange.emit(this.value);
+      let s = this.inputEl.valueAsNumber;
+      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, s - t)), this.valueChange.emit(this.value);
     }, this.increaseValue = () => {
       if (this.type !== "number")
         return;
       const t = this.step || 1;
-      let e = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, e + t)), this.valueChange.emit(this.value);
+      let s = this.inputEl.valueAsNumber;
+      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.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, 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.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.passwordToggleLabel = "Toggle password display", this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
@@ -45,21 +45,24 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     this.adjustInputSize();
   }
   disconnectedCallback() {
-    var s, t;
-    (t = (s = this.desktopMediaQuery).removeEventListener) == null || t.call(s, "change", this.desktopMediaQueryHandler);
+    var e, t;
+    (t = (e = this.desktopMediaQuery).removeEventListener) == null || t.call(e, "change", this.desktopMediaQueryHandler);
   }
-  updateIconSize(s) {
-    this.iconSize = s ? 20 : 24;
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
+  }
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
   }
   adjustInputSize() {
     (this.rows > 1 || this.autoGrow) && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = Boolean(this.inputEl.scrollHeight) ? this.inputEl.scrollHeight / 16 + "rem" : ""), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.suffixLabel && this.type !== "password" && !this.disableDynamicWidth && !Boolean(this.placeholder) && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
   }
-  handleAutoSelect(s) {
-    !this.autoSelect || s.target.select();
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
   }
   render() {
     var u;
-    const s = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = this.type === "number" && !this.disabled, r = this.type === "password" && !this.disabled, a = this.clearable && !this.disabled && Boolean(this.value) && !r && !e && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--type-${this.type}`, {
+    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, r = this.type === "password" && !this.disabled, a = this.clearable && !this.disabled && Boolean(this.value) && !r && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--type-${this.type}`, {
       "text-input--auto-grow": this.autoGrow,
       "text-input--clearable": this.clearable,
       "text-input--disabled": this.disabled,
@@ -68,7 +71,12 @@ 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, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(s, { "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", { class: "text-input__suffix" }, this.suffixLabel), a && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), r && i("button", { "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 })), e && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((u = this.value) == null ? void 0 : u.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(e, { "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", { class: "text-input__suffix" }, this.suffixLabel), a && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), r && i("button", { "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", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((u = this.value) == null ? void 0 : u.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+  }
+  static get watchers() {
+    return {
+      value: ["watchValue"]
+    };
   }
 };
 f.style = w;

package/dist/{swirl-text.entry.4d635898.js → swirl-text.entry.db54bdd3.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.74a6a6bb.js";
+import { r as I, h as b, H as J, g as T } from "./index.e1aceb89.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.1f16ab9e.js → swirl-theme-provider.entry.7072ce08.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.74a6a6bb.js";
+import { r as j, c as E, h as w, H } from "./index.e1aceb89.js";
 import "react";
 import "react-dom";
 function d(e, t, r) {

package/dist/{swirl-time-input.entry.2799dd47.js → swirl-time-input.entry.74fe3a02.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.74a6a6bb.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.e1aceb89.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.d54ffdfa.js → swirl-toast-provider.entry.4a17a251.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.74a6a6bb.js";
+import { r, h as o, H as n } from "./index.e1aceb89.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.4078deed.js → swirl-toast.entry.fd182db6.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.74a6a6bb.js";
+import { r as o, c as n, h as i, H as r } from "./index.e1aceb89.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-toolbar.entry.907d1e44.js → swirl-toolbar.entry.3048ba4b.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.74a6a6bb.js";
+import { r as n, h as s, H as i, g as r } from "./index.e1aceb89.js";
 import { a } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.4d14537c.js → swirl-tooltip.entry.d3b1b452.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as r } from "./index.74a6a6bb.js";
+import { r as n, h as i, H as r } from "./index.e1aceb89.js";
 import { c as l, a as p, o as h, s as d, f as c } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.dc76bbc2.js → swirl-tree-navigation-item.entry.ba886a2b.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as s, g as r } from "./index.74a6a6bb.js";
+import { r as a, h as i, H as s, g as r } from "./index.e1aceb89.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.ee075a10.js → swirl-video-thumbnail.entry.8ec5f72e.js}

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

package/dist/{swirl-visually-hidden.entry.d159e45b.js → swirl-visually-hidden.entry.b9cbc4a9.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.74a6a6bb.js";
+import { r as s, h as i, H as l } from "./index.e1aceb89.js";
 import "react";
 import "react-dom";
 const t = ":host{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)}", o = class {

package/dist/{wc-datepicker.entry.a492a725.js → wc-datepicker.entry.7ed6ff22.js}

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

package/package.json

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

package/dist/swirl-dialog.entry.0861dc4c.js

@@ -1,44 +0,0 @@
-import { r as t, c as e, h as i, H as s } from "./index.74a6a6bb.js";
-import { A as n } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { c as r } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const d = ':host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', l = class {
-  constructor(o) {
-    t(this, o), this.primaryAction = e(this, "primaryAction", 7), this.secondaryAction = e(this, "secondaryAction", 7), this.onKeyDown = (a) => {
-      a.code === "Escape" && this.close();
-    }, this.onBackdropClick = () => {
-      this.close();
-    }, this.onPrimaryAction = (a) => {
-      this.primaryAction.emit(a), this.close();
-    }, this.onSecondaryAction = (a) => {
-      this.secondaryAction.emit(a), this.close();
-    }, this.hideLabel = void 0, this.intent = "primary", this.label = void 0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.closing = !1;
-  }
-  componentDidLoad() {
-    this.dialog = new n(this.dialogEl), this.dialog.on("show", () => {
-      var o;
-      (o = this.controlsContainerEl.querySelector("swirl-button button")) == null || o.focus();
-    });
-  }
-  disconnectedCallback() {
-    var o;
-    (o = this.dialog) == null || o.destroy();
-  }
-  async open() {
-    this.dialog.show();
-  }
-  async close() {
-    this.closing || (this.closing = !0, setTimeout(() => {
-      this.dialog.hide(), this.closing = !1;
-    }, 150));
-  }
-  render() {
-    const o = r("dialog", { "dialog--closing": this.closing });
-    return i(s, null, i("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, ref: (a) => this.dialogEl = a, role: "alertdialog" }, i("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), i("div", { class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && i("h2", { class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label), i("div", { class: "dialog__content", part: "dialog__content", id: "content" }, i("slot", null)), i("swirl-button-group", { class: "dialog__controls", ref: (a) => this.controlsContainerEl = a, stretch: !0, wrap: !0 }, this.secondaryActionLabel && i("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && i("swirl-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
-  }
-};
-l.style = d;
-export {
-  l as swirl_dialog
-};

package/dist/swirl-switch.entry.ae0a40f9.js

@@ -1,55 +0,0 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.74a6a6bb.js";
-import { c as o } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.switch--size-m.sc-swirl-switch .switch__control.sc-swirl-switch{width:2.75rem;height:1.5rem;border-radius:calc(1.5rem / 2)}.switch--size-m.sc-swirl-switch .switch__thumb.sc-swirl-switch{width:1.25rem;height:1.25rem}.switch--on.switch--size-m.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:1.875rem;height:1.125rem;flex-shrink:0;border-radius:calc(1.125rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:0.875rem;height:0.875rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, w = class {
-  constructor(c) {
-    h(this, c), this.valueChange = n(this, "valueChange", 7), this.dragging = !1, this.recentlyDragged = !1, this.onChange = () => {
-      if (!this.dragging) {
-        if (this.recentlyDragged) {
-          this.recentlyDragged = !1;
-          return;
-        }
-        this.checked = !this.checked, this.valueChange.emit(this.checked);
-      }
-    }, this.onStartDrag = () => {
-      this.disabled || (this.dragging = !0, this.thumb.style.transition = "none");
-    }, this.onEndDrag = () => {
-      if (!this.disabled) {
-        if (this.recentlyDragged) {
-          const i = this.control.getBoundingClientRect(), r = this.thumb.getBoundingClientRect(), s = this.thumb.offsetLeft + r.width / 2 > i.width / 2;
-          this.checked !== s && (this.checked = s, this.valueChange.emit(s));
-        }
-        this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
-          this.recentlyDragged = !1;
-        });
-      }
-    }, this.onDrag = (i) => {
-      if (!this.dragging)
-        return;
-      this.recentlyDragged = !0;
-      const r = this.control.getBoundingClientRect(), s = this.thumb.getBoundingClientRect();
-      let t = Math.round(i.offsetX - s.width / 2);
-      t < 0 && (t = 0), t > Math.round(r.width - s.width) && (t = Math.round(r.width - s.width)), this.thumb.style.left = `${t}px`;
-    }, this.checked = !1, this.disabled = !1, this.inputId = void 0, this.inputName = void 0, this.label = void 0, this.size = "m", this.value = void 0;
-  }
-  onWindowPointerUp() {
-    this.onEndDrag();
-  }
-  render() {
-    const c = !this.checked, i = this.checked, r = i ? "true" : "false", s = o("switch", `switch--size-${this.size}`, {
-      "switch--off": c,
-      "switch--on": i,
-      "switch--disabled": this.disabled
-    });
-    return e(a, null, e("label", { class: s, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (t) => this.control = t }, e("swirl-visually-hidden", null, e("input", { "aria-checked": r, checked: i, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (t) => this.thumb = t })), this.label && e("span", { class: "switch__label" }, this.label)));
-  }
-  get el() {
-    return l(this);
-  }
-};
-w.style = d;
-export {
-  w as swirl_switch
-};